add angular-playground, upgrade angular and angular cli

Author: jschwarty

.gitignore

@@ -25,6 +25,7 @@ npm-debug.log
 debug.log
 testem.log
 /typings
+/yarn-error.log
 
 # e2e
 /e2e/*.js
@@ -33,3 +34,5 @@ testem.log
 #System Files
 .DS_Store
 Thumbs.db
+
+/src/sandboxes.ts

angular-cli.json

@@ -24,6 +24,7 @@
       "environments": {
         "source": "environments/environment.ts",
         "dev": "environments/environment.ts",
+        "playground": "environments/environment.playground.ts",
         "prod": "environments/environment.prod.ts"
       }
     }

angular-playground.json

@@ -0,0 +1,7 @@
+{
+  "sourceRoot": "./src",
+  "angularCli": {
+    "environment": "playground",
+    "port": 4201
+  }
+}

package.json

@@ -4,6 +4,7 @@
   "license": "MIT",
   "angular-cli": {},
   "scripts": {
+    "playground": "angular-playground",
     "start": "ng serve",
     "lint": "tslint \"src/**/*.ts\"",
     "test": "ng test",
@@ -12,27 +13,28 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/common": "2.4.4",
-    "@angular/compiler": "2.4.4",
-    "@angular/core": "2.4.4",
-    "@angular/forms": "2.4.4",
-    "@angular/http": "2.4.4",
-    "@angular/platform-browser": "2.4.4",
-    "@angular/platform-browser-dynamic": "2.4.4",
-    "@angular/router": "3.4.4",
+    "@angular/common": "2.4.8",
+    "@angular/compiler": "2.4.8",
+    "@angular/core": "2.4.8",
+    "@angular/forms": "2.4.8",
+    "@angular/http": "2.4.8",
+    "@angular/platform-browser": "2.4.8",
+    "@angular/platform-browser-dynamic": "2.4.8",
+    "@angular/router": "3.4.8",
     "@ngrx/core": "^1.2.0",
     "@ngrx/store": "^2.2.1",
+    "angular-playground": "^1.2.1",
     "core-js": "2.4.1",
     "font-awesome": "^4.7.0",
     "rxjs": "5.0.1",
     "ts-helpers": "1.1.1",
-    "zone.js": "0.6.23"
+    "zone.js": "0.7.2"
   },
   "devDependencies": {
-    "@angular/compiler-cli": "2.4.4",
+    "@angular/cli": "1.0.0-beta.30",
+    "@angular/compiler-cli": "2.4.8",
     "@types/jasmine": "2.5.41",
     "@types/node": "7.0.0",
-    "angular-cli": "1.0.0-beta.26",
     "codelyzer": "~2.0.0-beta.4",
     "jasmine-core": "2.5.2",
     "jasmine-spec-reporter": "2.5.0",

src/environments/environment.playground.ts

@@ -0,0 +1,8 @@
+export { PlaygroundModule as AppModule } from 'angular-playground';
+import { initializePlayground } from 'angular-playground';
+
+export const environment = {
+  production: false
+};
+
+initializePlayground('app-root');

src/environments/environment.prod.ts

@@ -1,3 +1,4 @@
+export { AppModule } from '../app/app.module';
 export const environment = {
   production: true
 };

src/environments/environment.ts

@@ -2,7 +2,7 @@
 // The build system defaults to the dev environment which uses `environment.ts`, but if you do
 // `ng build --env=prod` then `environment.prod.ts` will be used instead.
 // The list of which env maps to which file can be found in `angular-cli.json`.
-
+export { AppModule } from '../app/app.module';
 export const environment = {
   production: false
 };

src/main.ts

@@ -2,8 +2,7 @@ import './polyfills.ts';
 
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 import { enableProdMode } from '@angular/core';
-import { environment } from './environments/environment';
-import { AppModule } from './app/';
+import { environment, AppModule } from './environments/environment';
 
 if (environment.production) {
   enableProdMode();