Merge pull request angular-fullstack#1705 from angular-fullstack/chore/gen-babel-6

chore(gen): update to Babel 6

Author: Awk34

.babelrc

@@ -0,0 +1,4 @@
+{
+    "presets": ["es2015"],
+    "plugins": ["transform-class-properties"]
+}

app/index.js

@@ -1,9 +1,9 @@
 'use strict';
 
 // Register the Babel require hook
-require('babel-core/register')({
+require('babel-register')({
   only: /generator-angular-fullstack\/(?!node_modules)/
 });
 
 // Export the generator
-exports = module.exports = require('./generator');
+module.exports = require('./generator').default;

app/templates/Gruntfile(grunt).js

@@ -619,10 +619,7 @@ module.exports = function (grunt) {
     // Compiles ES6 to JavaScript using Babel
     babel: {
       options: {
-        sourceMap: true,
-        optional: [
-          'es7.classProperties'
-        ]
+        sourceMap: true
       },<% if(filters.babel) { %>
       client: {
         files: [{
@@ -634,7 +631,10 @@ module.exports = function (grunt) {
       },<% } %>
       server: {
         options: {
-          optional: ['runtime']
+          plugins: [
+            'transform-class-properties',
+            'transform-runtime'
+          ]
         },
         files: [{
           expand: true,

app/templates/_.babelrc

@@ -0,0 +1,4 @@
+{
+    "presets": ["es2015"],
+    "plugins": ["transform-class-properties"]
+}

app/templates/_package.json

@@ -14,7 +14,8 @@
     "composable-middleware": "^0.3.0",
     "lodash": "^3.10.1",
     "lusca": "^1.3.0",
-    "babel-runtime": "^5.8.20",<% if (filters.jade) { %>
+    "babel-runtime": "^6.6.1",
+    "babel-polyfill": "^6.7.2",<% if (filters.jade) { %>
     "jade": "^1.11.0",<% } %><% if (filters.html) { %>
     "ejs": "^2.3.3",<% } %><% if (filters.mongoose) { %>
     "mongoose": "^4.1.2",
@@ -37,13 +38,17 @@
   },
   "devDependencies": {
     "autoprefixer": "^6.0.0",
-    "babel-core": "^5.6.4",<% if(filters.gulp) { %>
+    "babel-core": "^6.6.5",
+    "babel-register": "^6.6.5",
+    "babel-plugin-transform-class-properties": "^6.6.0",
+    "babel-plugin-transform-runtime": "^6.6.0",
+    "babel-preset-es2015": "^6.6.0",<% if(filters.gulp) { %>
     "del": "^2.0.2",
-    "gulp": "^3.9.0",
+    "gulp": "^3.9.1",
     "gulp-add-src": "^0.2.0",
     "gulp-angular-templatecache": "^1.7.0",
     "gulp-autoprefixer": "2.3.1",
-    "gulp-babel": "^5.1.0",<% if(filters.ts) { %>
+    "gulp-babel": "^6.1.2",<% if(filters.ts) { %>
     "gulp-typescript": "~2.10.0",
     "gulp-tsd": "~0.0.4",
     "gulp-tslint": "~4.2.1",<% } %>
@@ -83,7 +88,7 @@
     "gulp-scss-lint": "^0.2.1",<% } if(filters.less) { %>
     "gulp-less": "^3.0.3",
     "gulp-recess": "^1.1.2",<% } %>
-    "isparta": "^3.5.3",
+    "isparta": "^4.0.0",
     "utile": "~0.3.0",
     "nodemon": "^1.3.7",
     "run-sequence": "^1.1.0",
@@ -102,7 +107,7 @@
     "grunt-contrib-watch": "~0.6.1",<% if (filters.jade) { %>
     "grunt-contrib-jade": "^0.15.0",<% } %><% if (filters.less) { %>
     "grunt-contrib-less": "^1.0.0",<% } %>
-    "grunt-babel": "~5.0.0",<% if(filters.ts) { %>
+    "grunt-babel": "~6.0.0",<% if(filters.ts) { %>
     "grunt-ts": "~5.2.0",
     "grunt-tsd": "~0.1.0",
     "grunt-tslint": "~3.0.1",<% } %>
@@ -157,7 +162,7 @@
     "jasmine-core": "^2.3.4",
     "karma-jasmine": "~0.3.0",
     "jasmine-spec-reporter": "^2.4.0",<% } if(filters.babel) { %>
-    "karma-babel-preprocessor": "^5.2.1",<% } %>
+    "karma-babel-preprocessor": "^6.0.1",<% } %>
     "requirejs": "~2.1.11",
     "phantomjs-prebuilt": "^2.1.4",
     "proxyquire": "^1.0.1",

app/templates/e2e/account(auth)/login/login.spec(jasmine).js

@@ -1,7 +1,7 @@
 'use strict';
 
 var config = browser.params;<% if (filters.mongooseModels) { %>
-var UserModel = require(config.serverConfig.root + '/server/api/user/user.model');<% } %><% if (filters.sequelizeModels) { %>
+var UserModel = require(config.serverConfig.root + '/server/api/user/user.model').default;<% } %><% if (filters.sequelizeModels) { %>
 var UserModel = require(config.serverConfig.root + '/server/sqldb').User;<% } %>
 
 describe('Login View', function() {

app/templates/e2e/account(auth)/login/login.spec(mocha).js

@@ -1,7 +1,7 @@
 'use strict';
 
 var config = browser.params;<% if (filters.mongooseModels) { %>
-var UserModel = require(config.serverConfig.root + '/server/api/user/user.model');<% } %><% if (filters.sequelizeModels) { %>
+var UserModel = require(config.serverConfig.root + '/server/api/user/user.model').default;<% } %><% if (filters.sequelizeModels) { %>
 var UserModel = require(config.serverConfig.root + '/server/sqldb').User;<% } %>
 
 describe('Login View', function() {

app/templates/e2e/account(auth)/logout/logout.spec(jasmine).js

@@ -1,7 +1,7 @@
 'use strict';
 
 var config = browser.params;<% if (filters.mongooseModels) { %>
-var UserModel = require(config.serverConfig.root + '/server/api/user/user.model');<% } %><% if (filters.sequelizeModels) { %>
+var UserModel = require(config.serverConfig.root + '/server/api/user/user.model').default;<% } %><% if (filters.sequelizeModels) { %>
 var UserModel = require(config.serverConfig.root + '/server/sqldb').User;<% } %>
 
 describe('Logout View', function() {

app/templates/e2e/account(auth)/logout/logout.spec(mocha).js

@@ -1,7 +1,7 @@
 'use strict';
 
 var config = browser.params;<% if (filters.mongooseModels) { %>
-var UserModel = require(config.serverConfig.root + '/server/api/user/user.model');<% } %><% if (filters.sequelizeModels) { %>
+var UserModel = require(config.serverConfig.root + '/server/api/user/user.model').default;<% } %><% if (filters.sequelizeModels) { %>
 var UserModel = require(config.serverConfig.root + '/server/sqldb').User;<% } %>
 
 describe('Logout View', function() {

app/templates/e2e/account(auth)/signup/signup.spec(jasmine).js

@@ -1,7 +1,7 @@
 'use strict';
 
 var config = browser.params;<% if (filters.mongooseModels) { %>
-var UserModel = require(config.serverConfig.root + '/server/api/user/user.model');<% } %><% if (filters.sequelizeModels) { %>
+var UserModel = require(config.serverConfig.root + '/server/api/user/user.model').default;<% } %><% if (filters.sequelizeModels) { %>
 var UserModel = require(config.serverConfig.root + '/server/sqldb').User;<% } %>
 
 describe('Signup View', function() {

app/templates/e2e/account(auth)/signup/signup.spec(mocha).js

@@ -1,7 +1,7 @@
 'use strict';
 
 var config = browser.params;<% if (filters.mongooseModels) { %>
-var UserModel = require(config.serverConfig.root + '/server/api/user/user.model');<% } %><% if (filters.sequelizeModels) { %>
+var UserModel = require(config.serverConfig.root + '/server/api/user/user.model').default;<% } %><% if (filters.sequelizeModels) { %>
 var UserModel = require(config.serverConfig.root + '/server/sqldb').User;<% } %>
 
 describe('Signup View', function() {

app/templates/gulpfile.babel(gulp).js

@@ -140,15 +140,16 @@ let styles = lazypipe()
 
 let transpileClient = lazypipe()
     .pipe(plugins.sourcemaps.init)
-    .pipe(plugins.babel, {
-        optional: ['es7.classProperties']
-    })
+    .pipe(plugins.babel)
     .pipe(plugins.sourcemaps.write, '.');<% } %>
 
 let transpileServer = lazypipe()
     .pipe(plugins.sourcemaps.init)
     .pipe(plugins.babel, {
-        optional: ['runtime']
+        plugins: [
+            'transform-class-properties',
+            'transform-runtime'
+        ]
     })
     .pipe(plugins.sourcemaps.write, '.');
 

app/templates/karma.conf.js

@@ -47,10 +47,7 @@ module.exports = function(config) {
 
     babelPreprocessor: {
       options: {
-        sourceMap: 'inline',
-        optional: [
-          'es7.classProperties'
-        ]
+        sourceMap: 'inline'
       },
       filename: function (file) {
         return file.originalPath.replace(/\.js$/, '.es5.js');

app/templates/protractor.conf.js

@@ -65,7 +65,7 @@ var config = {
   },
 
   onPrepare: function() {
-    require('babel-core/register');<% if (filters.mocha) { %>
+    require('babel-register');<% if (filters.mocha) { %>
     // Load Mocha and Chai + plugins
     require('./mocha.conf');
 

app/templates/server/api/user(auth)/index.js

@@ -13,4 +13,4 @@ router.put('/:id/password', auth.isAuthenticated(), controller.changePassword);
 router.get('/:id', auth.isAuthenticated(), controller.show);
 router.post('/', controller.create);
 
-export default router;
+module.exports = router;

app/templates/server/app.js

@@ -28,9 +28,9 @@ var socketio = require('socket.io')(server, {
   serveClient: config.env !== 'production',
   path: '/socket.io-client'
 });
-require('./config/socketio')(socketio);<% } %>
-require('./config/express')(app);
-require('./routes')(app);
+require('./config/socketio').default(socketio);<% } %>
+require('./config/express').default(app);
+require('./routes').default(app);
 
 // Start server
 function startServer() {

app/templates/server/auth(auth)/index.js

@@ -14,9 +14,9 @@ require('./twitter/passport').setup(User, config);<% } %>
 
 var router = express.Router();
 
-router.use('/local', require('./local'));<% if (filters.facebookAuth) { %>
-router.use('/facebook', require('./facebook'));<% } %><% if (filters.twitterAuth) { %>
-router.use('/twitter', require('./twitter'));<% } %><% if (filters.googleAuth) { %>
-router.use('/google', require('./google'));<% } %>
+router.use('/local', require('./local').default);<% if (filters.facebookAuth) { %>
+router.use('/facebook', require('./facebook').default);<% } %><% if (filters.twitterAuth) { %>
+router.use('/twitter', require('./twitter').default);<% } %><% if (filters.googleAuth) { %>
+router.use('/google', require('./google').default);<% } %>
 
 export default router;

app/templates/server/index.js

@@ -5,7 +5,7 @@ var env = process.env.NODE_ENV = process.env.NODE_ENV || 'development';
 
 if (env === 'development' || env === 'test') {
   // Register the Babel require hook
-  require('babel-core/register');
+  require('babel-register');
 }
 
 // Export the application

app/templates/server/routes.js

@@ -11,7 +11,7 @@ export default function(app) {
   // Insert routes below<% if (filters.auth) { %>
   app.use('/api/users', require('./api/user'));
 
-  app.use('/auth', require('./auth'));
+  app.use('/auth', require('./auth').default);
 <% } %>
   // All undefined asset or api routes should return a 404
   app.route('/:url(api|auth|components|app|bower_components|assets)/*')

app/templates/server/sqldb(sequelize)/index.js

@@ -16,4 +16,4 @@ var db = {
 // Insert models below<% if (filters.sequelizeModels && filters.auth) { %>
 db.User = db.sequelize.import('../api/user/user.model');<% } %>
 
-export default db;
+module.exports = db;

endpoint/index.js

@@ -1,9 +1,9 @@
 'use strict';
 
 // Register the Babel require hook
-require('babel-core/register')({
+require('babel-register')({
   only: /generator-angular-fullstack\/(?!node_modules)/
 });
 
 // Export the generator
-exports = module.exports = require('./generator');
+module.exports = require('./generator').default;

endpoint/templates/basename.events(models).js

@@ -5,7 +5,7 @@
 'use strict';
 
 import {EventEmitter} from 'events';<% if (filters.mongooseModels) { %>
-var <%= classedName %> = require('./<%= basename %>.model');<% } if (filters.sequelizeModels) { %>
+import <%= classedName %> from './<%= basename %>.model';<% } if (filters.sequelizeModels) { %>
 var <%= classedName %> = require('<%= relativeRequire(config.get('registerModelsFile')) %>').<%= classedName %>;<% } %>
 var <%= classedName %>Events = new EventEmitter();
 

endpoint/templates/basename.socket(socketio).js

@@ -4,7 +4,7 @@
 
 'use strict';
 
-var <%= classedName %>Events = require('./<%= basename %>.events');
+import <%= classedName %>Events from './<%= basename %>.events';
 
 // Model events to emit
 var events = ['save', 'remove'];

package.json

@@ -34,7 +34,10 @@
     "test": "grunt test"
   },
   "dependencies": {
-    "babel-core": "^5.8.23",
+    "babel-core": "^6.7.0",
+    "babel-plugin-transform-class-properties": "^6.6.0",
+    "babel-preset-es2015": "^6.6.0",
+    "babel-register": "^6.6.5",
     "chalk": "^1.1.0",
     "generator-ng-component": "~0.2.1",
     "glob": "^7.0.3",

test/test-file-creation.js

@@ -207,6 +207,7 @@ describe('angular-fullstack generator', function () {
       'e2e/main/main.po.js',
       'e2e/main/main.spec.js',
       'e2e/components/navbar/navbar.po.js',
+      '.babelrc',
       '.bowerrc',
       '.buildignore',
       '.editorconfig',