build: use webpack for building apps.

This pull request replaces the underlying broccoli build system and then
replaces it with webpack as the build and bundler.

This will affect the following commands (however the user-level)
functionality should go unchanged (besides unimplemented flags which
will come after this PR.):

ng build (with --env flag and --watch flag supported)
ng serve (with --port flag supported)
ng test / ng e2e

The webpack configuration is blackboxed, and therefore users will not
see a webpack.config.js file in their repository.

Also this PR will bump the typescript version to 2.0 (beta).

Fixes #909 #1155 #882

Author: TheLarkInn

addon/ng2/blueprints/mobile/files/__path__/main-app-shell.ts

@@ -1,29 +1,44 @@
+import 'angular2-universal-polyfills';
 import { provide } from '@angular/core';
 import { APP_BASE_HREF } from '@angular/common';
 import { APP_SHELL_BUILD_PROVIDERS } from '@angular/app-shell';
-import { AppComponent } from './app/';
-import {
-  REQUEST_URL,
-  ORIGIN_URL
+import { 
+  REQUEST_URL, 
+  ORIGIN_URL, 
+  Bootloader, 
+  BootloaderConfig, 
+  AppConfig 
 } from 'angular2-universal';
+import { AppComponent } from './app/';
 
-export const options = {
-  directives: [
-    // The component that will become the main App Shell
-    AppComponent
-  ],
+const bootloaderConfig: BootloaderConfig = {
   platformProviders: [
     APP_SHELL_BUILD_PROVIDERS,
     provide(ORIGIN_URL, {
-      useValue: ''
-    })
+      useValue: 'http://localhost:4200' // full urls are needed for node xhr
+    }),
+    provide(APP_BASE_HREF, { useValue: '/' }),
+  ],
+  async: true,
+  preboot: false
+}
+
+const appConfig: AppConfig = {
+  directives: [
+    // The component that will become the main App Shell
+    AppComponent
   ],
   providers: [
     // What URL should Angular be treating the app as if navigating
-    provide(APP_BASE_HREF, {useValue: '/'}),
-    provide(REQUEST_URL, {useValue: '/'})
-  ],
-  async: false,
-  preboot: false
-};
+    provide(REQUEST_URL, { useValue: '/' })
+  ]
+}
+
+export function getBootloader() : Bootloader  {
+  return new Bootloader(bootloaderConfig);
+}
 
+export function serialize(bootloader: Bootloader, template: string) : string {
+  appConfig.template = template;
+  return bootloader.serializeApplication(appConfig);
+}

addon/ng2/blueprints/mobile/files/__path__/system-import.js

@@ -5,53 +5,26 @@
   <title><%= jsComponentName %></title>
   <base href="/">
 
-  {{#unless environment.production}}
-  <script src="/ember-cli-live-reload.js" type="text/javascript"></script>
-  {{/unless}}
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico"><% if (isMobile) { %>
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="theme-color" content="#000000">
   <link rel="manifest" href="/manifest.webapp">
-  {{#each mobile.icons}}
-    <link rel="{{rel}}" {{#if sizes}}sizes="{{sizes}}" {{/if}}href="{{href}}">
-  {{/each}}
-
-  {{#if environment.production}}
-  <script type="text/javascript">
-    if ('serviceWorker' in navigator) {
-      navigator.serviceWorker.register('/worker.js').catch(function(err) {
-        console.log('Error installing service worker: ', err);
-      });
-    }
-  </script>
-  {{/if}}
+  <link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">
+  <link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-touch-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-touch-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-touch-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-touch-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/icons/apple-touch-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-touch-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-touch-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-touch-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon-180x180.png">
+  <link rel="apple-touch-startup-image" href="/icons/apple-touch-icon-180x180.png">
   <% } %>
+  
 </head>
 <body>
   <<%= prefix %>-root>Loading...</<%= prefix %>-root>
-  <% if (isMobile) { %>
-    {{#if environment.production}}
-      <script src="/app-concat.js" async></script>
-    {{else}}
-      {{#each scripts.polyfills}}
-      <script src="{{.}}"></script>
-      {{/each}}
-      <script>
-        System.import('system-config.js').then(function () {
-          System.import('main');
-        }).catch(console.error.bind(console));
-      </script>
-    {{/if}}
-  <% } else { %>
-    {{#each scripts.polyfills}}
-    <script src="{{.}}"></script>
-    {{/each}}
-    <script>
-      System.import('system-config.js').then(function () {
-        System.import('main');
-      }).catch(console.error.bind(console));
-    </script>
-  <% } %>
 </body>
 </html>

addon/ng2/blueprints/ng2/files/__path__/index.html

@@ -0,0 +1,4 @@
+// Prefer CoreJS over the polyfills above
+import 'core-js/es6';
+import 'core-js/es7/reflect';
+import 'zone.js/dist/zone';

addon/ng2/blueprints/ng2/files/__path__/polyfills.ts

@@ -0,0 +1,41 @@
+
+/*global jasmine, __karma__, window*/
+require('core-js/es6');
+require('core-js/es7/reflect');
+
+// Typescript emit helpers polyfill
+require('ts-helpers');
+
+require('zone.js/dist/zone');
+require('zone.js/dist/long-stack-trace-zone');
+require('zone.js/dist/jasmine-patch');
+require('zone.js/dist/async-test');
+require('zone.js/dist/fake-async-test');
+require('zone.js/dist/sync-test');
+
+// RxJS
+require('rxjs/Rx');
+
+Promise.all([
+    System.import('@angular/core/testing'),
+    System.import('@angular/platform-browser-dynamic/testing')
+  ]).then(function (providers) {
+    let testing = providers[0];
+    let testingBrowser = providers[1];
+
+    testing.setBaseTestProviders(testingBrowser.TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
+    testingBrowser.TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS);
+});
+
+let testContext = require.context('../src', true, /\.spec\.ts/);
+
+/*
+ * get all the files, for each file, call the context function
+ * that will require the file and load it up here. Context will
+ * loop and require those spec files here
+ */
+function requireAll(requireContext) {
+  return requireContext.keys().map(requireContext);
+}
+
+requireAll(testContext);

addon/ng2/blueprints/ng2/files/__path__/test.ts

@@ -1,24 +1,23 @@
 {
-  "compileOnSave": false,
   "compilerOptions": {
+    "baseUrl":"./src",
     "declaration": false,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "mapRoot": "/",
-    "module": "commonjs",
+    "module": "es6",
+    "target": "es5",
     "moduleResolution": "node",
-    "noEmitOnError": true,
-    "noImplicitAny": false,
-    "outDir": "../dist/",
+    "outDir": "./dist/",
     "rootDir": ".",
-    "sourceMap": true,
-    "target": "es5",
-    "inlineSources": true
+    "sourceMap": true
   },
-
-  "files": [
-    "main.ts",<% if (isMobile) { %>
-    "main-app-shell.ts",<% } %>
-    "typings.d.ts"
+  "compileOnSave": false,
+  "buildOnSave": false,
+  "exclude": [
+    "node_modules",
+    "bower_components"
+  ],
+  "includes": [
+    "**.d.ts"
   ]
 }

addon/ng2/blueprints/ng2/files/__path__/tsconfig.json

@@ -1,6 +1,16 @@
+
 // Typings reference file, see links for more information
 // https://github.com/typings/typings
 // https://www.typescriptlang.org/docs/handbook/writing-declaration-files.html
 
-/// <reference path="<%= refToTypings %>/typings/browser.d.ts" />
-<% if(!isMobile) { %>declare var module: { id: string };<% } %>
+/// <reference path="<%= refToTypings %>/typings/index.d.ts" />
+/// <reference path="../node_modules/typescript/lib/lib.es2015.core.d.ts" />
+/// <reference path="../node_modules/typescript/lib/lib.es2015.collection.d.ts" />
+/// <reference path="../node_modules/typescript/lib/lib.es2015.promise.d.ts" />
+
+<% if(!isMobile) { %>
+declare var System: any;
+declare var module: { id: string };
+declare var require: any;
+<% } %>
+

addon/ng2/blueprints/ng2/files/__path__/typings.d.ts

@@ -0,0 +1,17 @@
+// Typescript emit helpers polyfill
+import 'ts-helpers';
+
+import '@angular/core';
+import '@angular/common';
+import '@angular/compiler';
+import '@angular/http';
+import '@angular/router';
+import '@angular/platform-browser';
+import '@angular/platform-browser-dynamic';
+
+<% if(isMobile) { %>
+  import '@angular/app-shell';
+<% } %>
+
+import 'rxjs/add/operator/map';
+import 'rxjs/add/operator/mergeMap';

addon/ng2/blueprints/ng2/files/__path__/vendor.ts

@@ -1,6 +1,3 @@
-// Karma configuration file, see link for more information
-// https://karma-runner.github.io/0.13/config/configuration-file.html
-
 module.exports = function (config) {
   config.set({
     basePath: '..',
@@ -16,20 +13,7 @@ module.exports = function (config) {
         flags: ['--no-sandbox']
       }
     },
-    files: [
-      { pattern: 'dist/vendor/es6-shim/es6-shim.js', included: true, watched: false },
-      { pattern: 'dist/vendor/zone.js/dist/zone.js', included: true, watched: false },
-      { pattern: 'dist/vendor/reflect-metadata/Reflect.js', included: true, watched: false },
-      { pattern: 'dist/vendor/systemjs/dist/system-polyfills.js', included: true, watched: false },
-      { pattern: 'dist/vendor/systemjs/dist/system.src.js', included: true, watched: false },
-      { pattern: 'dist/vendor/zone.js/dist/async-test.js', included: true, watched: false },
-      { pattern: 'dist/vendor/zone.js/dist/fake-async-test.js', included: true, watched: false },
-
-      { pattern: 'config/karma-test-shim.js', included: true, watched: true },
-
-      // Distribution folder.
-      { pattern: 'dist/**/*', included: false, watched: true }
-    ],
+    files: [],
     exclude: [
       // Vendor packages might include spec files. We don't want to use those.
       'dist/vendor/**/*.spec.js'