feat(info): allow optional configure elements to be rendered

Closes #101

fix(build): move build assets to .pie directory

fix(clean): simplify clean logic

feat(support): Change how support modules work

Author: edeustace

README.md

@@ -115,6 +115,35 @@ This creates a new github release from the `develop` branch:
 npm run release
 ```
 
+
+## Architecture Notes 
+
+When you run any of the commands that generate/serve js you are running one or more webpack builds via an `App`. For example `pie info` uses the `InfoApp` which has a `serve` function. This method will run an `install` then run a server that will make use of `webpack-dev-middleware`.
+
+The high level flow is: `cmd` -> `install` -> `prepare webpack config(s)` -> `run webpack build` | `run webpack-dev-middleware`. 
+
+###  .pie - build directory
+
+When you install, you are installing the dependencies for your `pie` package.
+This happens in a directory called `.pie` that is relative to the `pie item` directory.
+
+Inside the `.pie` directory is: 
+* `package.json` - the install generated package.json that lists the pies that are dependencies
+* `.controllers` - the controllers install directory for controller related dependencies
+* `.configure` - the configure install directory for configure related dependencies.
+* `*.entry.js` - entry files for the given app type
+* `*.config.js` - webpack config js files (useful for debugging builds)
+
+### build support
+
+The webpack builds inside `.pie` make use of some pre-installed support directories that are located in `pie-cli/support`. They are npm packages that get installed along with `pie-cli`. Their `node_modules` directories are added to the webpack `resolve.modules` and `resolveLoader.modules` arrays. 
+
+They also contain `rules` that can be added to a webpack config. All the apps in `pie-cli` make use of any rules in the default support packages.
+
+We do this to speed up intallation by only having to install these once. It gives greater control over supporting libs are added to the webpack build.
+
+The support package is a standard npm package and we hope to enable the inclusion of external support packages via command line options for custom builds.
+
 ##### Credits
 
 > Special thanks to Ken Pratt @kenpratt for the `pie` npm package name

TODO

@@ -5,7 +5,9 @@ const gulp = require('gulp'),
   tsProject = ts.createProject('tsconfig.json'),
   fsExtra = require('fs-extra'),
   runSequence = require('run-sequence'),
-  path = require('path');
+  path = require('path'),
+  spawn = require('child_process').spawn,
+  { join } = require('path');
 
 //Init custom release tasks
 releaseHelper.init(gulp);
@@ -52,3 +54,40 @@ gulp.task('build', done => runSequence('clean', ['md', 'ejs', 'pug', 'ts'], done
 gulp.task('dev', ['build', 'watch-md', 'watch-ejs', 'watch-pug', 'watch-ts']);
 
 gulp.task('test', ['unit']);
+
+
+const dir = (d) => join(__dirname, 'support', d);
+
+const install = (name) => {
+  return (done) => {
+    const p = spawn('npm', ['install'], { cwd: dir(name) });
+    p.on('error', done);
+    p.on('close', done.bind(null, null));
+  }
+}
+
+const rmDeps = (name) => (done) => fsExtra.remove(join(dir(name), 'node_modules'), done);
+
+gulp.task('install-support-base', install('base'));
+gulp.task('install-support-less', install('less'));
+gulp.task('install-support-react', install('react'));
+gulp.task('install-support-corespring-legacy', install('corespring-legacy'));
+
+gulp.task('rm-support-base', rmDeps('base'));
+gulp.task('rm-support-less', rmDeps('less'));
+gulp.task('rm-support-react', rmDeps('react'));
+gulp.task('rm-support-corespring-legacy', rmDeps('corespring-legacy'));
+
+gulp.task('install-support-dependencies', [
+  'install-support-base',
+  'install-support-less',
+  'install-support-react',
+  'install-support-corespring-legacy'
+]);
+
+gulp.task('rm-support-dependencies', done => runSequence(
+  'rm-support-base',
+  'rm-support-less',
+  'rm-support-react',
+  'rm-support-corespring-legacy',
+  done));

gulpfile.js

@@ -1,6 +1,6 @@
 {
   "name": "pie",
-  "version": "5.5.0-prerelease",
+  "version": "6.0.0-prerelease",
   "description": "The Portable Interaction Elements framework CLI",
   "preferGlobal": true,
   "bin": {
@@ -13,7 +13,8 @@
     "it": "./node_modules/.bin/gulp it",
     "dev": "./node_modules/.bin/gulp dev",
     "release": "./node_modules/.bin/gulp release",
-    "source-maps": "gulp build && ./node_modules/.bin/tsc"
+    "source-maps": "gulp build && ./node_modules/.bin/tsc",
+    "postinstall": "gulp install-support-dependencies"
   },
   "repository": {
     "type": "git",
@@ -35,29 +36,31 @@
   "homepage": "https://github.com/PieLabs/pie-cli#readme",
   "devDependencies": {
     "@types/acorn": "^4.0.0",
-    "@types/ajv": "1.0.0",
     "@types/babel-core": "^6.7.14",
+    "@types/bluebird": "^3.0.37",
     "@types/chokidar": "^1.4.31",
     "@types/ejs": "^2.3.33",
     "@types/express": "^4.0.35",
     "@types/fs-extra": "0.0.37",
     "@types/glob": "^5.0.30",
     "@types/jsesc": "^0.4.29",
     "@types/lodash": "^4.14.53",
+    "@types/marked": "0.0.28",
     "@types/node": "^7.0.5",
     "@types/pug": "^2.0.4",
     "@types/resolve": "0.0.4",
     "@types/semver": "^5.3.30",
     "@types/source-map": "^0.5.0",
-    "@types/stack-trace": "0.0.28",
     "@types/temp": "^0.8.29",
     "@types/touch": "0.0.1",
-    "@types/uglify-js": "^2.6.28",
     "@types/webpack": "^2.2.7",
     "@types/winston": "2.2.0",
     "acorn": "^4.0.11",
     "babel-cli": "^6.23.0",
+    "babel-core": "^6.23.1",
+    "babel-loader": "^6.3.2",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.23.0",
+    "babel-register": "^6.23.0",
     "chai": "^3.5.0",
     "eslint": "^3.16.1",
     "eslint-plugin-react": "^6.10.0",
@@ -69,7 +72,6 @@
     "gulp-sourcemaps": "^2.4.1",
     "gulp-typescript": "^3.1.5",
     "gulp-util": "^3.0.8",
-    "minimist": "^1.2.0",
     "mocha": "^3.2.0",
     "proxyquire": "^1.7.11",
     "release-helper": "PieLabs/release-helper#v1.3.0",
@@ -80,18 +82,11 @@
     "typescript": "^2.2.1"
   },
   "dependencies": {
-    "@types/bluebird": "^3.0.37",
     "ajv": "^4.11.3",
     "archiver": "^1.3.0",
-    "babel-core": "^6.23.1",
-    "babel-loader": "^6.3.2",
-    "babel-plugin-transform-es2015-modules-commonjs": "^6.23.0",
-    "babel-register": "^6.23.0",
     "bluebird": "^3.4.7",
-    "bower": "^1.8.0",
     "change-case": "^3.0.1",
     "chokidar": "^1.6.1",
-    "commander": "^2.9.0",
     "ejs": "^2.5.6",
     "express": "^4.14.1",
     "fs-extra": "^2.0.0",
@@ -101,16 +96,13 @@
     "log-factory": "github:pielabs/log-factory#master",
     "marked": "^0.3.6",
     "marked-terminal": "^2.0.0",
+    "minimist": "^1.2.0",
     "node-github": "0.0.3",
     "npm-registry-client": "^7.4.5",
-    "pie-catalog-client": "PieLabs/pie-catalog-client#v0.2.0",
     "pug": "^2.0.0-beta9",
-    "raw-loader": "^0.5.1",
     "resolve": "^1.3.2",
     "semver": "^5.3.0",
-    "serve-index": "^1.8.0",
     "sockjs": "^0.3.18",
-    "stack-trace": "0.0.9",
     "touch": "^1.0.0",
     "webpack": "2.2.1",
     "webpack-dev-middleware": "^1.10.1",