Merge pull request #1243 from openstax/webpack-build

Scripts and tweaks for webpack serving and building

Author: nathanstitt

.gitignore

@@ -7,7 +7,7 @@
 /coverage
 /coverage-selenium.json
 /docs*
-
+archive.tar.gz
+/*/dist
 *.cjsx.js
-
 /phantomjsdriver.log

.travis.yml

@@ -1,8 +1,13 @@
 # `sudo:false` for faster builds.
 sudo: false
 language: node_js
-node_js:
-  - "0.12.10"
+env:
+  - OX_PROJECT=tutor
+  - OX_PROJECT=coach
+  - OX_PROJECT=exercises
+  - OX_PROJECT=shared
+before_install:
+  - "npm install -g npm@^3"
 script:
   - npm run ci
 after_failure:

Gulpfile.coffee

@@ -4,7 +4,7 @@
 [![dependency status][dependency-image]][dependency-url]
 [![dev dependency status][dev-dependency-image]][dev-dependency-url]
 
-The JavaScript client for openstax Tutor.
+The Front-end code for Openstax Tutor related projects
 
 ## Install
 
@@ -14,16 +14,16 @@ The JavaScript client for openstax Tutor.
   - If you don’t have `git` installed you can install homebrew and then `brew install git`
 1. `cd tutor-js` move into the checked out directory
 1. `npm install`
-1. `npm start`
+1. `npm run serve <project>` *(where <project is one of tutor|coach|exercises)*
 1. Point your browser to <http://localhost:8000> to use the mock data in `/api`
 
 
 ## Development
 
-- `npm start` starts up a local development webserver which rebuilds files when changed
-- `npm test` runs unit tests
+- `npm run serve <project>` starts up a local development webserver which rebuilds files when changed
+- `npm test` runs unit tests for all projects
 - `npm run coverage` generates a code coverage report
-- `gulp prod` builds minified files for production
+- `npm run build <project> archive` builds minified files for production
 
 Use `PORT=8000 npm start` to change the default webserver port.
 

README.md

@@ -0,0 +1,22 @@
+#!/bin/bash
+
+set -e
+
+bin/checkinputs "$@"
+
+export OX_PROJECT=$1
+echo Building: $OX_PROJECT
+export NODE_ENV=production
+
+[ -d $OX_PROJECT/dist ] && rm -r $OX_PROJECT/dist
+
+webpack --progress --config webpack.config.js
+
+if [ $2 == "archive" ]; then
+    cd $OX_PROJECT
+   # credit/blame to: http://stackoverflow.com/questions/8201729/rename-files-to-md5-sum-extension-bash
+   for F in dist/*.min.*; do
+       mv $F `md5sum $F | perl -MFile::Basename -ne '($m, $f) = split(/\s+/,$_); $f=basename($f); $f =~ m/(.*?)\.(.*)/; print "dist/$1-$m.$2"'`
+   done
+   tar -czf ../archive.tar.gz dist/*
+fi

bin/build

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+if [ $# -eq 0 ]; then
+    echo "No project to build was given. usage:"
+    echo "$0 <tutor|exercises|coach>"
+    exit 1
+fi

bin/checkinputs

@@ -0,0 +1,10 @@
+#!/bin/bash
+
+set -e
+
+bin/checkinputs "$@"
+
+export OX_PROJECT=$1
+echo Serving: $OX_PROJECT
+
+webpack-dev-server --progress --config webpack.config.js

bin/serve

@@ -0,0 +1,23 @@
+#!/bin/bash
+
+set -e
+
+on_termination() {
+  echo killing webpack $WEBPACK_PID
+  kill -TERM $WEBPACK_PID 2>/dev/null
+}
+
+bin/checkinputs "$@"
+
+trap on_termination SIGTERM SIGINT
+
+export OX_PROJECT=$1
+echo TDD: $OX_PROJECT
+
+
+webpack-dev-server --config webpack.config.js &
+WEBPACK_PID=$!
+echo webpack started pid: $WEBPACK_PID
+
+
+karma start test/karma.config.js --auto-watch --no-single-run

bin/tdd

@@ -0,0 +1,10 @@
+#!/bin/bash
+
+set -e
+
+bin/checkinputs "$@"
+
+export OX_PROJECT=$1
+echo Test: $OX_PROJECT
+
+karma start test/karma.config.js --single-run

bin/test

@@ -0,0 +1,8 @@
+#!/bin/bash
+
+set -ev
+
+# travis should be setting the OX_PROJECT variable
+# export OX_PROJECT='tutor'
+
+karma start test/karma.config.js --single-run