Add client side build functionality (#45)

packages/generator-feathers-plugin/app/index.js

@@ -2,6 +2,7 @@
 
 const Generator = require('yeoman-generator');
 const path = require('path');
+const pkgForClient = require('./templates/client/package.json.js');
 
 module.exports = class FeathersPluginGenerator extends Generator {
   constructor (args, opts) {
@@ -23,8 +24,7 @@ module.exports = class FeathersPluginGenerator extends Generator {
   }
 
   prompting () {
-    var done = this.async();
-    var prompts = [{
+    const prompts = [{
       name: 'name',
       message: 'Project name',
       when: !this.pkg.name,
@@ -37,22 +37,42 @@ module.exports = class FeathersPluginGenerator extends Generator {
       name: 'description',
       message: 'Description',
       when: !this.pkg.description
+    }, {
+      type: 'confirm',
+      name: 'client',
+      default: false,
+      message: 'Does this plugin require a client side build?'
     }];
 
-    this.prompt(prompts).then(function (props) {
+    return this.prompt(prompts).then(props => {
       this.props = Object.assign(this.props, props);
-
-      done();
-    }.bind(this));
+    });
   }
 
   writing () {
+    const devDependencies = [
+      'semistandard',
+      'mocha',
+      'istanbul@1.1.0-alpha.1',
+      'chai@^3.5.0'
+    ];
+
+    if (this.props.client) {
+      devDependencies.push('babel-core',
+        'babel-preset-es2015',
+        'babelify',
+        'browserify',
+        'shx',
+        'uglify-js'
+      );
+    }
+
     this.fs.copy(this.templatePath('static/.*'), this.destinationPath());
     this.fs.copy(this.templatePath('static/**/*'), this.destinationPath());
     this.fs.copy(this.templatePath('static/.github/**/*'), this.destinationPath('.github/'));
 
     Object.keys(this.fileMap).forEach(function (src) {
-      var target = this.fileMap[src];
+      const target = this.fileMap[src];
 
       this.fs.copyTpl(
         this.templatePath(src),
@@ -61,16 +81,15 @@ module.exports = class FeathersPluginGenerator extends Generator {
       );
     }.bind(this));
 
-    this.npmInstall(['debug'], {
-      save: true
-    });
+    if (this.props.client) {
+      const pkgFile = this.destinationPath('package.json');
+      const pkg = this.fs.readJSON(pkgFile);
 
-    this.npmInstall([
-      'semistandard',
-      'mocha',
-      'istanbul@1.1.0-alpha.1',
-      'chai@^3.5.0'
-    ], {
+      this.fs.writeJSON(pkgFile, pkgForClient(pkg));
+      this.fs.copy(this.templatePath('client/_babelrc'), this.destinationPath('.babelrc'));
+    }
+
+    this.npmInstall(devDependencies, {
       saveDev: true
     });
   }

packages/generator-feathers-plugin/app/templates/__gitignore

@@ -28,3 +28,5 @@ node_modules
 
 # Users Environment Variables
 .lock-wscript
+
+dist/

packages/generator-feathers-plugin/app/templates/client/_babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": [ ["es2015", { "loose": true }] ]
+}

packages/generator-feathers-plugin/app/templates/client/package.json.js

@@ -0,0 +1,21 @@
+const camelCase = require('lodash/camelCase');
+
+module.exports = function(pkg) {
+  const { scripts, name } = pkg;
+
+  Object.assign(scripts, {
+    clean: 'shx rm -rf dist/ && shx mkdir -p dist',
+    prepublish: 'npm run browserify',
+    'browserify:dist': `browserify lib/index.js -t babelify --standalone ${camelCase(name)} --outfile dist/${name}.js`,
+    'browserify:min': `browserify lib/index.js -t babelify --standalone ${camelCase(name)} | uglifyjs > dist/${name}.min.js`,
+    browserify: 'npm run clean && npm run browserify:dist && npm run browserify:min',
+    'add-dist': 'npm run browserify && git add dist/ --force && git commit -am "Updating dist"',
+    'release:pre': 'npm run add-dist && npm version prerelease && npm publish --tag pre',
+    'release:patch': 'npm run add-dist && npm version patch && npm publish',
+    'release:minor': 'npm run add-dist && npm version minor && npm publish',
+    'release:major': 'npm run add-dist && npm version major && npm publish',
+    test: 'npm run browserify && npm run lint && npm run coverage'
+  });
+
+  return pkg;
+};

packages/generator-feathers-plugin/app/templates/index.js

@@ -1,7 +1,3 @@
-// import errors from 'feathers-errors';
-const debug = require('debug')('<%= name %>');
-
 module.exports = function init () {
-  debug('Initializing <%= name %> plugin');
   return '<%= name %>';
 };

packages/generator-feathers-plugin/app/templates/package.json

@@ -27,11 +27,12 @@
   },
   "scripts": {
     "publish": "git push origin --tags && npm run changelog && git push origin",
+    "release:pre": "npm version prerelease && npm publish --tag pre",
     "release:patch": "npm version patch && npm publish",
     "release:minor": "npm version minor && npm publish",
     "release:major": "npm version major && npm publish",
     "changelog": "github_changelog_generator && git add CHANGELOG.md && git commit -am \"Updating changelog\"",
-    "lint": "semistandard src/**/*.js test/**/*.js --fix",
+    "lint": "semistandard lib/**/*.js test/**/*.js --fix",
     "mocha": "mocha --opts mocha.opts",
     "coverage": "istanbul cover node_modules/mocha/bin/_mocha -- --opts mocha.opts",
     "test": "npm run lint && npm run coverage"

packages/generator-feathers-plugin/package.json

@@ -13,14 +13,17 @@
     "email": "hello@feathersjs.com",
     "url": "https://feathersjs.com"
   },
+  "engines": {
+    "node": ">= 6.0.0"
+  },
   "contributors": [],
   "main": "app/index.js",
   "repository": {
     "type": "git",
     "url": "git://github.com/feathersjs/generator-feathers-plugin.git"
   },
   "scripts": {
-    "lint": "semistandard --fix",
+    "lint": "semistandard --fix app/index.js test/**/*.js",
     "test": "npm run lint && mocha test/ --timeout 180000",
     "publish": "git push origin && git push origin --tags",
     "changelog": "github_changelog_generator && git add CHANGELOG.md && git commit -am \"Updating changelog\"",
@@ -44,8 +47,5 @@
     "semistandard": "^11.0.0",
     "yeoman-test": "^1.4.0"
   },
-  "engines": {
-    "node": ">= 6.0.0"
-  },
   "license": "MIT"
 }

packages/generator-feathers-plugin/test/test-creation.js

@@ -21,7 +21,8 @@ describe('feathers-plugin generator', () => {
       .withPrompts({
         name: 'feathers-tmp',
         repository: 'feathersjs/feathers-tmp',
-        description: 'Plugin description here'
+        description: 'Plugin description here',
+        client: true
       })
       .on('end', function () {
         assert.ok(fs.existsSync(path.join(tmpDir, '.npmignore')));