Updated to rc.1. Closes auth0-blog#64.

Author: chenkie

package.json

@@ -24,15 +24,24 @@
   },
   "homepage": "https://github.com/auth0/angular2-authentication-sample",
   "dependencies": {
-    "angular2": "2.0.0-beta.9",
-    "angular2-jwt": "0.1.8",
+    "@angular/common": "2.0.0-rc.1",
+    "@angular/compiler": "2.0.0-rc.1",
+    "@angular/core": "2.0.0-rc.1",
+    "@angular/http": "2.0.0-rc.1",
+    "@angular/platform-browser": "2.0.0-rc.1",
+    "@angular/platform-browser-dynamic": "2.0.0-rc.1",
+    "@angular/platform-server": "2.0.0-rc.1",
+    "@angular/router": "2.0.0-rc.1",
+    "@angular/router-deprecated": "2.0.0-rc.1",
+    "angular2-jwt": "0.1.14",
     "bootstrap": "^3.3.6",
+    "core-js": "^2.2.2",
     "es6-promise": "^3.1.2",
     "es6-shim": "^0.33.13",
     "es7-reflect-metadata": "^1.6.0",
     "jwt-decode": "^1.5.1",
-    "rxjs": "5.0.0-beta.2",
-    "zone.js": "0.5.15"
+    "rxjs": "5.0.0-beta.6",
+    "zone.js": "~0.6.12"
   },
   "devDependencies": {
     "css-loader": "^0.23.1",

src/app/LoggedInOutlet.ts

@@ -1,5 +1,5 @@
-import {Directive, Attribute, ElementRef, DynamicComponentLoader} from 'angular2/core';
-import {Router, RouterOutlet, ComponentInstruction} from 'angular2/router';
+import {Directive, Attribute, ViewContainerRef, DynamicComponentLoader} from '@angular/core';
+import {Router, RouterOutlet, ComponentInstruction} from '@angular/router-deprecated';
 import {Login} from '../login/login';
 
 @Directive({
@@ -9,12 +9,13 @@ export class LoggedInRouterOutlet extends RouterOutlet {
   publicRoutes: any;
   private parentRouter: Router;
 
-  constructor(_elementRef: ElementRef, _loader: DynamicComponentLoader,
+  constructor(_viewContainerRef: ViewContainerRef, _loader: DynamicComponentLoader,
               _parentRouter: Router, @Attribute('name') nameAttr: string) {
-    super(_elementRef, _loader, _parentRouter, nameAttr);
+    super(_viewContainerRef, _loader, _parentRouter, nameAttr);
 
     this.parentRouter = _parentRouter;
-    // The Boolean following each route below denotes whether the route requires authentication to view
+    // The Boolean following each route below 
+    // denotes whether the route requires authentication to view
     this.publicRoutes = {
       'login': true,
       'signup': true

src/app/app.ts

@@ -1,5 +1,5 @@
-import {View, Component} from 'angular2/core';
-import {Location, RouteConfig, RouterLink, Router} from 'angular2/router';
+import {Component} from '@angular/core';
+import {RouteConfig, RouterLink, Router} from '@angular/router-deprecated';
 
 import {LoggedInRouterOutlet} from './LoggedInOutlet';
 import {Home} from '../home/home';
@@ -9,9 +9,7 @@ import {Signup} from '../signup/signup';
 let template = require('./app.html');
 
 @Component({
-  selector: 'auth-app'
-})
-@View({
+  selector: 'auth-app',
   template: template,
   directives: [ LoggedInRouterOutlet ]
 })

src/common/headers.ts

@@ -1,4 +1,4 @@
-import { Headers } from 'angular2/http';
+import { Headers } from '@angular/http';
 
 export const contentHeaders = new Headers();
 contentHeaders.append('Accept', 'application/json');

src/home/home.ts

@@ -1,17 +1,15 @@
-import { Component, View } from 'angular2/core';
-import { CORE_DIRECTIVES } from 'angular2/common';
-import { Http, Headers } from 'angular2/http';
+import { Component } from '@angular/core';
+import { CORE_DIRECTIVES } from '@angular/common';
+import { Http, Headers } from '@angular/http';
+import { Router } from '@angular/router-deprecated';
 import { AuthHttp } from 'angular2-jwt';
-import { Router } from 'angular2/router';
 
 let styles = require('./home.css');
 let template = require('./home.html');
 
 
 @Component({
-  selector: 'home'
-})
-@View({
+  selector: 'home',
   directives: [CORE_DIRECTIVES],
   template: template,
   styles: [styles]

src/index.ts

@@ -1,8 +1,8 @@
-import { bootstrap } from 'angular2/platform/browser';
-import { provide } from 'angular2/core';
-import { FORM_PROVIDERS } from 'angular2/common';
-import { ROUTER_PROVIDERS } from 'angular2/router';
-import { Http, HTTP_PROVIDERS } from 'angular2/http';
+import { bootstrap } from '@angular/platform-browser-dynamic';
+import { provide } from '@angular/core';
+import { FORM_PROVIDERS } from '@angular/common';
+import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
+import { Http, HTTP_PROVIDERS } from '@angular/http';
 import { AuthConfig, AuthHttp } from 'angular2-jwt';
 
 import { App } from './app/app';

src/login/login.ts

@@ -1,16 +1,14 @@
-import { Component, View } from 'angular2/core';
-import { Router, RouterLink } from 'angular2/router';
-import { CORE_DIRECTIVES, FORM_DIRECTIVES } from 'angular2/common';
-import { Http, Headers } from 'angular2/http';
+import { Component } from '@angular/core';
+import { Router, RouterLink } from '@angular/router-deprecated';
+import { CORE_DIRECTIVES, FORM_DIRECTIVES } from '@angular/common';
+import { Http, Headers } from '@angular/http';
 import { contentHeaders } from '../common/headers';
 
 let styles   = require('./login.css');
 let template = require('./login.html');
 
 @Component({
-  selector: 'login'
-})
-@View({
+  selector: 'login',
   directives: [RouterLink, CORE_DIRECTIVES, FORM_DIRECTIVES ],
   template: template,
   styles: [ styles ]

src/signup/signup.ts

@@ -1,16 +1,14 @@
-import { Component, View } from 'angular2/core';
-import { Router, RouterLink } from 'angular2/router';
-import { CORE_DIRECTIVES, FORM_DIRECTIVES } from 'angular2/common';
-import { Http } from 'angular2/http';
+import { Component } from '@angular/core';
+import { Router, RouterLink } from '@angular/router-deprecated';
+import { CORE_DIRECTIVES, FORM_DIRECTIVES } from '@angular/common';
+import { Http } from '@angular/http';
 import { contentHeaders } from '../common/headers';
 
 let styles   = require('./signup.css');
 let template = require('./signup.html');
 
 @Component({
-  selector: 'signup'
-})
-@View({
+  selector: 'signup',
   directives: [ RouterLink, CORE_DIRECTIVES, FORM_DIRECTIVES ],
   template: template,
   styles: [ styles ]

webpack.config.js

@@ -13,17 +13,18 @@ module.exports = {
   entry: {
     'vendor': [
       // Polyfills
-      'es6-shim',
-      'es6-promise',
-      'reflect-metadata',
-      'zone.js/dist/zone-microtask',
+      'core-js/es6',
+      'core-js/es7/reflect',
+      'zone.js/dist/zone',
       'zone.js/dist/long-stack-trace-zone',
       // Angular2
-      'angular2/platform/browser',
-      'angular2/platform/common_dom',
-      'angular2/core',
-      'angular2/router',
-      'angular2/http',
+      '@angular/common',
+      '@angular/platform-browser',
+      '@angular/platform-browser-dynamic',
+      '@angular/core',
+      '@angular/router',
+      '@angular/router-deprecated',
+      '@angular/http',
       // RxJS
       'rxjs',
       // Other