feat(generator): update Confit and generated-project dependencies (#125)

* feat(generator): update Confit and generated-project dependencies

BREAKING CHANGE:
Most project dependencies have changed since v11+. Major changes are Angular 2.x -> 4.1, Angular
1.6.1 -> 1.6.4, BackstopJS 1.3.5 -> 2.7.0, ESLint 3.19.0 (and related ESLint configs), SASSLoader
4.1.1 -> 6.0.3, StylusLoader 3.0.1, TSLint 5.1.0, TypeScript 2.3.2

The `npm run test:system` command has also changed. You no longer need to start a web server in a separate process.

lib/buildTool/npm/npmResources.yml

@@ -209,7 +209,7 @@ release:
         - <<: *pkg_corp-semantic-release
       tasks:
         - name: semantic-release
-          tasks: ['corp-semantic-release --changelogpreset angular-bitbucket']
+          tasks: ['corp-semantic-release --changelogpreset angular-bitbucket --post-success "npm publish"']
         - name: release
           tasks: ['verify', 'test:coverage', 'build', '<% if (config.testSystem) { %>test:system<% }%>', 'semantic-release']
           description: Create production version of software, verify code, run unit tests then if everything is ok, release the package
@@ -224,7 +224,7 @@ release:
         - <<: *pkg_corp-semantic-release
       tasks:
         - name: semantic-release
-          tasks: ['corp-semantic-release']
+          tasks: ['corp-semantic-release --post-success "npm publish"']
         - name: release
           tasks: ['verify', 'test:coverage', 'build', '<% if (config.testSystem) { %>test:system<% }%>', 'semantic-release']
           description: Create production version of software, verify code, run unit tests then if everything is ok, release the package

lib/buildTool/protractor/protractorResources.yml

@@ -19,6 +19,16 @@ testSystem:
 
   tasks:
     - name: test:system
+      tasks: ['npm-run-all -p -r build:dev "test:protractor -- --baseUrl=<%= serverDev.protocol %>://<%= serverDev.hostname %>:<%= serverDev.port %>/"']
+      description: Starts the development web server and runs Protractor tests
+      features:
+
+    - name: test:system:prod
+      tasks: ['npm-run-all build -p -r serve:prod test:protractor']
+      description: Builds the production site, starts the production web server and runs Protractor tests
+      features:
+
+    - name: test:protractor
       tasks: ['cross-env NODE_ENV=test protractor <%= paths.config.configDir + resources.testSystem.configSubDir %>protractor.conf.js']
       description: Run browser tests against the *development* web server (the development server **must** be running)
       features:

lib/buildTool/protractor/testSystem/templates/protractor.conf.js.tpl

@@ -21,7 +21,7 @@ var config = {
   framework: 'jasmine',
 
   // The default Base URL.  This can be overridden on the command line: --baseUrl=https://hostname:port/path
-  baseUrl: '<%= serverDev.protocol %>://<%= serverDev.hostname %>:<%= serverDev.port %>/',
+  baseUrl: '<%= serverProd.protocol %>://<%= serverProd.hostname %>:<%= serverProd.port %>/',
 
   // Selector for the element housing the angular app
   rootElement: 'html',

lib/buildTool/webpack/buildCSS/templates/webpack.buildCSS.config.js.tpl

@@ -64,8 +64,8 @@
     cssLoader = {
       test: helpers.pathRegEx(/\.(<%= cssExtensions %>)$/),
       loader: ExtractTextPlugin.extract({
-        fallbackLoader: 'style-loader',
-        loader: 'css-loader!postcss-loader' + helpers.getLoaderQueryStr('<%- cssLoaderName %>', cssLoaderOptions),
+        fallback: 'style-loader',
+        use: 'css-loader!postcss-loader' + helpers.getLoaderQueryStr('<%- cssLoaderName %>', cssLoaderOptions),
         publicPath: '../'   // This is relative to 'extractCSSTextPlugin.filename' below.
       })
     };

lib/buildTool/webpack/buildJS/templates/webpack.buildJS.config.js.tpl

@@ -28,8 +28,8 @@
    *
    * See: https://github.com/s-panferov/awesome-typescript-loader#forkchecker-boolean-defaultfalse
    */
-  const ForkCheckerPlugin = require('awesome-typescript-loader').ForkCheckerPlugin;
-  config.plugins.push(new ForkCheckerPlugin());
+  const CheckerPlugin = require('awesome-typescript-loader').CheckerPlugin;
+  config.plugins.push(new CheckerPlugin());
 
   <%
   }

lib/buildTool/webpack/sampleApp/templates/ng1/TypeScript/demoModule/demoModule.ts

@@ -10,7 +10,7 @@ mod.factory('demoService', function () {
   };
 });
 
-export default mod.name;
+export default (mod as any).name;
 
 
 

lib/buildTool/webpack/sampleApp/templates/ng1/TypeScript/demoModule/unitTest/unitTest.spec.ts

@@ -1,5 +1,6 @@
 import * as angular from 'angular';
 import demoModule from '../demoModule';
+import 'angular-mocks';
 
 describe('Basic unit test', function () {
 

lib/buildTool/webpack/sampleApp/templates/ng2/TypeScript/demoModule/demo.service.ts

@@ -4,7 +4,7 @@ import { Injectable } from '@angular/core';
 export class DemoService {
   demo(param) {
     window.console.log('Message from demoService.demo():' + param);
-  };
+  }
 }
 
 

lib/buildTool/webpack/sampleApp/templates/ng2/TypeScript/demoModule/environment.ts

@@ -2,7 +2,7 @@
 
 // Angular 2
 // rc2 workaround
-import { enableDebugTools, disableDebugTools } from '@angular/platform-browser';
+import { enableDebugTools/*, disableDebugTools*/ } from '@angular/platform-browser';
 import { enableProdMode, ApplicationRef } from '@angular/core';
 
 // Environment Providers
@@ -17,7 +17,7 @@ let _decorateModuleRef = function identity<T>(value: T): T { return value; };
 
 if ('production' === ENV) {
   // Production
-  disableDebugTools();
+  // disableDebugTools();   // https://github.com/qdouble/angular-webpack2-starter/issues/263
   enableProdMode();
 
   PROVIDERS = [

lib/buildTool/webpack/sampleApp/templates/noFramework/TypeScript/demoModule/demoModule.ts

@@ -26,6 +26,6 @@ function stateChangeHandler(event) {
   if (event.state && event.state.isPushState) {
     demoModule.gotoPage(event.state.url, false);
   }
-};
+}
 
 export default demoModule;