From b2c2c3d359c8411b35ee933f832c963197abf735 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Mon, 16 May 2016 00:26:36 -0600
Subject: [PATCH 01/41] docs(cb-example): Add barrels cookbook docs

---
 .../docs/_examples/cb-barrels.huh/e2e-spec.js | 110 ++++++++++++++++++
 .../cb-barrels.huh/ts/app/app.component.css   |  28 +++++
 .../cb-barrels.huh/ts/app/app.component.ts    |  29 +++++
 .../ts/app/dashboard.component.css            |  60 ++++++++++
 .../ts/app/dashboard.component.html           |   8 ++
 .../ts/app/dashboard.component.ts             |  23 ++++
 .../ts/app/heroes/hero-detail.component.css   |  29 +++++
 .../ts/app/heroes/hero-detail.component.html  |  10 ++
 .../ts/app/heroes/hero-detail.component.ts    |  26 +++++
 .../ts/app/heroes/hero.service.ts             |  16 +++
 .../cb-barrels.huh/ts/app/heroes/hero.ts      |   4 +
 .../ts/app/heroes/heroes.component.css        |  59 ++++++++++
 .../ts/app/heroes/heroes.component.html       |  14 +++
 .../ts/app/heroes/heroes.component.ts         |  30 +++++
 .../cb-barrels.huh/ts/app/heroes/index.ts     |   4 +
 .../_examples/cb-barrels.huh/ts/app/main.ts   |  10 ++
 .../cb-barrels.huh/ts/app/mock-heroes.ts      |  14 +++
 .../cb-barrels.huh/ts/example-config.json     |   0
 .../_examples/cb-barrels.huh/ts/index.html    |  26 +++++
 .../_examples/cb-barrels.huh/ts/plnkr.json    |   8 ++
 public/docs/_examples/cb-barrels/e2e-spec.js  | 110 ++++++++++++++++++
 .../cb-barrels/ts/app/app.component.css       |  28 +++++
 .../cb-barrels/ts/app/app.component.ts        |  29 +++++
 .../cb-barrels/ts/app/dashboard.component.css |  60 ++++++++++
 .../ts/app/dashboard.component.html           |   8 ++
 .../cb-barrels/ts/app/dashboard.component.ts  |  23 ++++
 .../ts/app/heroes/hero-detail.component.css   |  29 +++++
 .../ts/app/heroes/hero-detail.component.html  |  10 ++
 .../ts/app/heroes/hero-detail.component.ts    |  27 +++++
 .../cb-barrels/ts/app/heroes/hero.service.ts  |  16 +++
 .../cb-barrels/ts/app/heroes/hero.ts          |   4 +
 .../ts/app/heroes/heroes.component.css        |  59 ++++++++++
 .../ts/app/heroes/heroes.component.html       |  14 +++
 .../ts/app/heroes/heroes.component.ts         |  30 +++++
 .../cb-barrels/ts/app/heroes/index.ts         |   4 +
 .../docs/_examples/cb-barrels/ts/app/main.ts  |  10 ++
 .../cb-barrels/ts/app/mock-heroes.ts          |  14 +++
 .../cb-barrels/ts/example-config.json         |   0
 .../docs/_examples/cb-barrels/ts/index.html   |  26 +++++
 .../docs/_examples/cb-barrels/ts/plnkr.json   |   8 ++
 public/docs/ts/latest/cookbook/_data.json     |   5 +
 public/docs/ts/latest/cookbook/barrels.jade   |  68 +++++++++++
 42 files changed, 1090 insertions(+)
 create mode 100644 public/docs/_examples/cb-barrels.huh/e2e-spec.js
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/main.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/example-config.json
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/index.html
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/plnkr.json
 create mode 100644 public/docs/_examples/cb-barrels/e2e-spec.js
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/app.component.css
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/app.component.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/dashboard.component.html
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.css
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.html
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/main.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/example-config.json
 create mode 100644 public/docs/_examples/cb-barrels/ts/index.html
 create mode 100644 public/docs/_examples/cb-barrels/ts/plnkr.json
 create mode 100644 public/docs/ts/latest/cookbook/barrels.jade

diff --git a/public/docs/_examples/cb-barrels.huh/e2e-spec.js b/public/docs/_examples/cb-barrels.huh/e2e-spec.js
new file mode 100644
index 0000000000..a109efb5a8
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/e2e-spec.js
@@ -0,0 +1,110 @@
+describe('Tutorial', function () {
+
+  beforeAll(function () {
+    browser.get('');
+  });
+
+  function getPageStruct() {
+    hrefEles = element.all(by.css('my-app a'));
+
+    return {
+      hrefs: hrefEles,
+      myDashboardHref: hrefEles.get(0),
+      myDashboardParent: element(by.css('my-app my-dashboard')),
+      topHeroes: element.all(by.css('my-app my-dashboard .module.hero')),
+
+      myHeroesHref: hrefEles.get(1),
+      myHeroesParent: element(by.css('my-app my-heroes')),
+      allHeroes: element.all(by.css('my-app my-heroes li')),
+
+      heroDetail: element(by.css('my-app my-hero-detail'))
+    }
+  }
+
+  it('should be able to see the start screen', function () {
+    var page = getPageStruct();
+    expect(page.hrefs.count()).toEqual(2, 'should be two dashboard choices');
+    expect(page.myDashboardHref.getText()).toEqual("Dashboard");
+    expect(page.myHeroesHref.getText()).toEqual("Heroes");
+  });
+
+  it('should be able to see dashboard choices', function () {
+    var page = getPageStruct();
+    expect(page.topHeroes.count()).toBe(4, "should be 4 dashboard hero choices");
+  });
+
+  it('should be able to toggle the views', function () {
+    var page = getPageStruct();
+
+    expect(page.myDashboardParent.element(by.css('h3')).getText()).toEqual('Top Heroes');
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'should no longer see dashboard element');
+      expect(page.allHeroes.count()).toBeGreaterThan(4, "should be more than 4 heroes shown");
+      return page.myDashboardHref.click();
+    }).then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'should once again see the dashboard element');
+    });
+
+  });
+
+  it('should be able to edit details from "Dashboard" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be available');
+    var heroEle = page.topHeroes.get(3);
+    var heroDescrEle = heroEle.element(by.css('h4'));
+    var heroDescr;
+    return heroDescrEle.getText().then(function(text) {
+      heroDescr = text;
+      return heroEle.click();
+    }).then(function() {
+      return editDetails(page, heroDescr, '-foo');
+    }).then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be back');
+      expect(heroDescrEle.getText()).toEqual(heroDescr + '-foo');
+    });
+  });
+
+  it('should be able to edit details from "Heroes" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be present');
+    var viewDetailsButtonEle = page.myHeroesParent.element(by.cssContainingText('button', 'View Details'));
+    var heroEle, heroDescr;
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be present');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should not yet be present');
+      heroEle = page.allHeroes.get(2);
+      return heroEle.getText();
+    }).then(function(text) {
+      // remove leading 'id' from the element
+      heroDescr = text.substr(text.indexOf(' ')+1);
+      return heroEle.click();
+    }).then(function() {
+      expect(viewDetailsButtonEle.isDisplayed()).toBe(true, 'viewDetails button should now be visible');
+      return viewDetailsButtonEle.click();
+    }).then(function() {
+      return editDetails(page, heroDescr, '-bar');
+    }).then(function() {
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be back');
+      expect(heroEle.getText()).toContain(heroDescr + '-bar');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should again NOT be present');
+    });
+  });
+
+  function editDetails(page, origValue, textToAdd) {
+    expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+    expect(page.myHeroesParent.isPresent()).toBe(false, 'myHeroes element should NOT be present');
+    expect(page.heroDetail.isDisplayed()).toBe(true, 'should be able to see hero-details');
+    var inputEle = page.heroDetail.element(by.css('input'));
+    expect(inputEle.isDisplayed()).toBe(true, 'should be able to see the input box');
+    var backButtonEle = page.heroDetail.element(by.css('button'));
+    expect(backButtonEle.isDisplayed()).toBe(true, 'should be able to see the back button');
+    var detailTextEle = page.heroDetail.element(by.css('div h2'));
+    expect(detailTextEle.getText()).toContain(origValue);
+    return sendKeys(inputEle, textToAdd).then(function () {
+      expect(detailTextEle.getText()).toContain(origValue + textToAdd);
+      return backButtonEle.click();
+    });
+  }
+
+});
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
new file mode 100644
index 0000000000..246b8c875b
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
@@ -0,0 +1,28 @@
+nav a {
+  padding: 5px 10px;
+  text-decoration: none;
+  margin-top: 10px;
+  display: inline-block;
+  background-color: #eee;
+  border-radius: 4px;
+}
+nav a:visited, a:link {
+  color: #607D8B;
+}
+nav a:hover {
+  color: #039be5;
+  background-color: #CFD8DC;
+}
+nav a.router-link-active {
+  color: #039be5;
+}
+h1 {
+  font-size: 1.2em;
+  color: #999;
+  margin-bottom: 0;
+}
+h2 {
+  font-size: 2em;
+  margin-top: 0;
+  padding-top: 0;
+}
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
new file mode 100644
index 0000000000..3f5ea98de8
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
@@ -0,0 +1,29 @@
+import { Component } from '@angular/core';
+import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
+
+import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes/index';
+import { DashboardComponent } from './dashboard.component';
+
+@Component({
+  selector: 'my-app',
+  template: `
+    <h1>{{title}}</h1>
+    <nav>
+      <a [routerLink]="['Dashboard']">Dashboard</a>
+      <a [routerLink]="['Heroes']">Heroes</a>
+    </nav>
+    <router-outlet></router-outlet>
+  `,
+  styleUrls: ['app/app.component.css'],
+  directives: [ROUTER_DIRECTIVES],
+  providers: [HeroService]
+})
+@RouteConfig([
+  // {path: '/', redirectTo: ['Dashboard'] },
+  {path: '/dashboard', name: 'Dashboard', component: DashboardComponent, useAsDefault: true},
+  {path: '/heroes', name: 'Heroes', component: HeroesComponent},
+  {path: '/detail/:id', name: 'HeroDetail', component: HeroDetailComponent}
+])
+export class AppComponent {
+  title = 'Tour of Heroes - Barrels';
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
new file mode 100644
index 0000000000..d000c0c77e
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
@@ -0,0 +1,60 @@
+[class*='col-'] {
+  float: left;
+}
+*, *:after, *:before {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+h3 {
+  text-align: center; margin-bottom: 0;
+}
+[class*='col-'] {
+  padding-right: 20px;
+  padding-bottom: 20px;
+}
+[class*='col-']:last-of-type {
+  padding-right: 0;
+}
+.grid {
+  margin: 0;
+}
+.col-1-4 {
+  width: 25%;
+}
+.module {
+	padding: 20px;
+	text-align: center;
+	color: #eee;
+	max-height: 120px;
+	min-width: 120px;
+	background-color: #607D8B;
+	border-radius: 2px;
+}
+h4 {
+  position: relative;
+}
+.module:hover {
+  background-color: #EEE;
+  cursor: pointer;
+  color: #607d8b;
+}
+.grid-pad {
+  padding: 10px 0;
+}
+.grid-pad > [class*='col-']:last-of-type {
+  padding-right: 20px;
+}
+@media (max-width: 600px) {
+	.module {
+	  font-size: 10px;
+	  max-height: 75px; }
+}
+@media (max-width: 1024px) {
+	.grid {
+	  margin: 0;
+	}
+	.module {
+	  min-width: 60px;
+	}
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
new file mode 100644
index 0000000000..dfec651c4a
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
@@ -0,0 +1,8 @@
+<h3>Top Heroes</h3>
+<div class="grid grid-pad">
+  <div *ngFor="let hero of heroes" class="col-1-4" (click)="gotoDetail(hero)">
+    <div class="module hero">
+      <h4>{{hero.name}}</h4>
+    </div>
+  </div>
+</div>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
new file mode 100644
index 0000000000..012cf812bc
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router-deprecated';
+import { Hero, HeroService } from './heroes/index';
+
+@Component({
+  selector: 'my-dashboard',
+  templateUrl: 'app/dashboard.component.html',
+  styleUrls: ['app/dashboard.component.css']
+})
+export class DashboardComponent implements OnInit {
+  heroes: Hero[] = [];
+
+  constructor(private heroService: HeroService, private _router: Router) { }
+
+  ngOnInit() {
+    this.heroService.getHeroes().then(heroes => this.heroes = heroes.slice(1,5));
+  }
+
+  gotoDetail(hero: Hero) {
+    let link = ['HeroDetail', { id: hero.id }];
+    this._router.navigate(link);
+  }
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
new file mode 100644
index 0000000000..b5ab6e6e0b
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
@@ -0,0 +1,29 @@
+label {
+  display: inline-block;
+  width: 3em;
+  margin: .5em 0;
+  color: #607D8B;
+  font-weight: bold;
+}
+input {
+  height: 2em;
+  font-size: 1em;
+  padding-left: .4em;
+}
+button {
+  margin-top: 20px;
+  font-family: Arial;
+  background-color: #eee;
+  border: none;
+  padding: 5px 10px;
+  border-radius: 4px;
+  cursor: pointer; cursor: hand;
+}
+button:hover {
+  background-color: #cfd8dc;
+}
+button:disabled {
+  background-color: #eee;
+  color: #ccc; 
+  cursor: auto;
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
new file mode 100644
index 0000000000..af9039dc9f
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
@@ -0,0 +1,10 @@
+<div *ngIf="hero">
+	<h2>{{hero.name}} details!</h2>
+	<div>
+		<label>id: </label>{{hero.id}}</div>
+	<div>
+		<label>name: </label>
+		<input [(ngModel)]="hero.name" placeholder="name"/>
+	</div>
+	<button (click)="goBack()">Back</button>
+</div>
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
new file mode 100644
index 0000000000..8d6fea52b1
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+import { RouteParams } from '@angular/router-deprecated';
+
+import { Hero, HeroService } from './index';
+
+@Component({
+  selector: 'my-hero-detail',
+  templateUrl: 'app/heroes/hero-detail.component.html',
+  styleUrls: ['app/heroes/hero-detail.component.css']
+})
+export class HeroDetailComponent implements OnInit {
+  hero: Hero;
+
+  constructor(private heroService: HeroService,
+    private routeParams: RouteParams) {
+  }
+
+  ngOnInit() {
+    let id = +this.routeParams.get('id');
+    this.heroService.getHero(id).then(hero => this.hero = hero);
+  }
+
+  goBack() {
+    window.history.back();
+  }
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
new file mode 100644
index 0000000000..c2163e1b28
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+
+import { HEROES } from './../mock-heroes';
+
+@Injectable()
+export class HeroService {
+  getHeroes() {
+    return Promise.resolve(HEROES);
+  }
+
+	getHero(id: number) {
+    return Promise.resolve(HEROES).then(
+      heroes => heroes.filter(hero => hero.id === id)[0]
+    );
+  }
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
new file mode 100644
index 0000000000..e94ec6124a
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
@@ -0,0 +1,4 @@
+export class Hero {
+	id: number;
+	name: string;
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
new file mode 100644
index 0000000000..35e45af98d
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
@@ -0,0 +1,59 @@
+.selected {
+  background-color: #CFD8DC !important;
+  color: white;
+}
+.heroes {
+  margin: 0 0 2em 0;
+  list-style-type: none;
+  padding: 0;
+  width: 15em;
+}
+.heroes li {
+  cursor: pointer;
+  position: relative;
+  left: 0;
+  background-color: #EEE;
+  margin: .5em;
+  padding: .3em 0;
+  height: 1.6em;
+  border-radius: 4px;
+}
+.heroes li:hover {
+  color: #607D8B;
+  background-color: #DDD;
+  left: .1em;
+}
+.heroes li.selected:hover {
+  background-color: #BBD8DC !important;
+  color: white;
+}
+.heroes .text {
+  position: relative;
+  top: -3px;
+}
+.heroes .badge {
+  display: inline-block;
+  font-size: small;
+  color: white;
+  padding: 0.8em 0.7em 0 0.7em;
+  background-color: #607D8B;
+  line-height: 1em;
+  position: relative;
+  left: -1px;
+  top: -4px;
+  height: 1.8em;
+  margin-right: .8em;
+  border-radius: 4px 0 0 4px;
+}
+button {
+  font-family: Arial;
+  background-color: #eee;
+  border: none;
+  padding: 5px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  cursor: hand;
+}
+button:hover {
+  background-color: #cfd8dc;
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
new file mode 100644
index 0000000000..6a973bb007
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
@@ -0,0 +1,14 @@
+<div>
+  <h2>My Heroes</h2>
+  <ul class="heroes">
+    <li *ngFor="let hero of heroes"
+      [class.selected]="hero === selectedHero"
+      (click)="onSelect(hero)">
+      <span class="badge">{{hero.id}}</span> {{hero.name}}
+    </li>
+  </ul>
+  <div *ngIf="selectedHero">
+    <h2>{{selectedHero.name | uppercase}} is my hero</h2>
+    <button (click)="gotoDetail()">View Details</button>
+  </div>
+</div>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
new file mode 100644
index 0000000000..1c4e24ddbe
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
@@ -0,0 +1,30 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router-deprecated';
+import { HeroService, HeroDetailComponent, Hero } from './index';
+
+@Component({
+  selector: 'my-heroes',
+  templateUrl: 'app/heroes/heroes.component.html',
+  styleUrls: ['app/heroes/heroes.component.css'],
+  directives: [HeroDetailComponent]
+})
+export class HeroesComponent implements OnInit {
+  heroes: Hero[];
+  selectedHero: Hero;
+
+  constructor(private heroService: HeroService, private router: Router) { }
+
+  getHeroes() {
+    this.heroService.getHeroes().then(heroes => this.heroes = heroes);
+  }
+
+  gotoDetail() {
+    this.router.navigate(['HeroDetail', { id: this.selectedHero.id }]);
+  }
+
+  ngOnInit() {
+    this.getHeroes();
+  }
+
+  onSelect(hero: Hero) { this.selectedHero = hero; }
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
new file mode 100644
index 0000000000..85f988a43c
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
@@ -0,0 +1,4 @@
+export * from './hero';
+export * from './hero-detail.component';
+export * from './hero.service';
+export * from './heroes.component';
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/main.ts b/public/docs/_examples/cb-barrels.huh/ts/app/main.ts
new file mode 100644
index 0000000000..c261ef5625
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/main.ts
@@ -0,0 +1,10 @@
+import { bootstrap } from '@angular/platform-browser-dynamic';
+import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
+
+import { HeroService } from './heroes/index';
+import { AppComponent } from './app.component';
+
+bootstrap(AppComponent, [
+  ROUTER_PROVIDERS,
+  HeroService
+]);
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
new file mode 100644
index 0000000000..904368d532
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
@@ -0,0 +1,14 @@
+import { Hero } from './heroes/index';
+
+export var HEROES: Hero[] = [
+	{"id": 11, "name": "Mr. Nice"},
+	{"id": 12, "name": "Narco"},
+	{"id": 13, "name": "Bombasto"},
+	{"id": 14, "name": "Celeritas"},
+	{"id": 15, "name": "Magneta"},
+	{"id": 16, "name": "RubberMan"},
+	{"id": 17, "name": "Dynama"},
+	{"id": 18, "name": "Dr IQ"},
+	{"id": 19, "name": "Magma"},
+	{"id": 20, "name": "Tornado"}
+];
diff --git a/public/docs/_examples/cb-barrels.huh/ts/example-config.json b/public/docs/_examples/cb-barrels.huh/ts/example-config.json
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/_examples/cb-barrels.huh/ts/index.html b/public/docs/_examples/cb-barrels.huh/ts/index.html
new file mode 100644
index 0000000000..ede4eb68e5
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <base href="/">
+    <title>Angular 2 Tour of Heroes</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="styles.css">
+
+    <!-- Polyfill(s) for older browsers -->
+    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+
+    <script src="node_modules/zone.js/dist/zone.js"></script>
+    <script src="node_modules/reflect-metadata/Reflect.js"></script>
+    <script src="node_modules/systemjs/dist/system.src.js"></script>
+
+    <script src="systemjs.config.js"></script>
+    <script>
+      System.import('app').catch(function(err){ console.error(err); });
+    </script>
+  </head>
+
+  <body>
+    <my-app>Loading...</my-app>
+  </body>
+</html>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/plnkr.json b/public/docs/_examples/cb-barrels.huh/ts/plnkr.json
new file mode 100644
index 0000000000..fc4ea3e22c
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/plnkr.json
@@ -0,0 +1,8 @@
+{
+  "description": "Tour of Heroes",
+  "files":[
+    "!**/*.d.ts",
+    "!**/*.js"
+  ],
+  "tags": ["tutorial", "tour", "heroes"]
+}
diff --git a/public/docs/_examples/cb-barrels/e2e-spec.js b/public/docs/_examples/cb-barrels/e2e-spec.js
new file mode 100644
index 0000000000..a109efb5a8
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/e2e-spec.js
@@ -0,0 +1,110 @@
+describe('Tutorial', function () {
+
+  beforeAll(function () {
+    browser.get('');
+  });
+
+  function getPageStruct() {
+    hrefEles = element.all(by.css('my-app a'));
+
+    return {
+      hrefs: hrefEles,
+      myDashboardHref: hrefEles.get(0),
+      myDashboardParent: element(by.css('my-app my-dashboard')),
+      topHeroes: element.all(by.css('my-app my-dashboard .module.hero')),
+
+      myHeroesHref: hrefEles.get(1),
+      myHeroesParent: element(by.css('my-app my-heroes')),
+      allHeroes: element.all(by.css('my-app my-heroes li')),
+
+      heroDetail: element(by.css('my-app my-hero-detail'))
+    }
+  }
+
+  it('should be able to see the start screen', function () {
+    var page = getPageStruct();
+    expect(page.hrefs.count()).toEqual(2, 'should be two dashboard choices');
+    expect(page.myDashboardHref.getText()).toEqual("Dashboard");
+    expect(page.myHeroesHref.getText()).toEqual("Heroes");
+  });
+
+  it('should be able to see dashboard choices', function () {
+    var page = getPageStruct();
+    expect(page.topHeroes.count()).toBe(4, "should be 4 dashboard hero choices");
+  });
+
+  it('should be able to toggle the views', function () {
+    var page = getPageStruct();
+
+    expect(page.myDashboardParent.element(by.css('h3')).getText()).toEqual('Top Heroes');
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'should no longer see dashboard element');
+      expect(page.allHeroes.count()).toBeGreaterThan(4, "should be more than 4 heroes shown");
+      return page.myDashboardHref.click();
+    }).then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'should once again see the dashboard element');
+    });
+
+  });
+
+  it('should be able to edit details from "Dashboard" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be available');
+    var heroEle = page.topHeroes.get(3);
+    var heroDescrEle = heroEle.element(by.css('h4'));
+    var heroDescr;
+    return heroDescrEle.getText().then(function(text) {
+      heroDescr = text;
+      return heroEle.click();
+    }).then(function() {
+      return editDetails(page, heroDescr, '-foo');
+    }).then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be back');
+      expect(heroDescrEle.getText()).toEqual(heroDescr + '-foo');
+    });
+  });
+
+  it('should be able to edit details from "Heroes" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be present');
+    var viewDetailsButtonEle = page.myHeroesParent.element(by.cssContainingText('button', 'View Details'));
+    var heroEle, heroDescr;
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be present');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should not yet be present');
+      heroEle = page.allHeroes.get(2);
+      return heroEle.getText();
+    }).then(function(text) {
+      // remove leading 'id' from the element
+      heroDescr = text.substr(text.indexOf(' ')+1);
+      return heroEle.click();
+    }).then(function() {
+      expect(viewDetailsButtonEle.isDisplayed()).toBe(true, 'viewDetails button should now be visible');
+      return viewDetailsButtonEle.click();
+    }).then(function() {
+      return editDetails(page, heroDescr, '-bar');
+    }).then(function() {
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be back');
+      expect(heroEle.getText()).toContain(heroDescr + '-bar');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should again NOT be present');
+    });
+  });
+
+  function editDetails(page, origValue, textToAdd) {
+    expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+    expect(page.myHeroesParent.isPresent()).toBe(false, 'myHeroes element should NOT be present');
+    expect(page.heroDetail.isDisplayed()).toBe(true, 'should be able to see hero-details');
+    var inputEle = page.heroDetail.element(by.css('input'));
+    expect(inputEle.isDisplayed()).toBe(true, 'should be able to see the input box');
+    var backButtonEle = page.heroDetail.element(by.css('button'));
+    expect(backButtonEle.isDisplayed()).toBe(true, 'should be able to see the back button');
+    var detailTextEle = page.heroDetail.element(by.css('div h2'));
+    expect(detailTextEle.getText()).toContain(origValue);
+    return sendKeys(inputEle, textToAdd).then(function () {
+      expect(detailTextEle.getText()).toContain(origValue + textToAdd);
+      return backButtonEle.click();
+    });
+  }
+
+});
diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.css b/public/docs/_examples/cb-barrels/ts/app/app.component.css
new file mode 100644
index 0000000000..246b8c875b
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.css
@@ -0,0 +1,28 @@
+nav a {
+  padding: 5px 10px;
+  text-decoration: none;
+  margin-top: 10px;
+  display: inline-block;
+  background-color: #eee;
+  border-radius: 4px;
+}
+nav a:visited, a:link {
+  color: #607D8B;
+}
+nav a:hover {
+  color: #039be5;
+  background-color: #CFD8DC;
+}
+nav a.router-link-active {
+  color: #039be5;
+}
+h1 {
+  font-size: 1.2em;
+  color: #999;
+  margin-bottom: 0;
+}
+h2 {
+  font-size: 2em;
+  margin-top: 0;
+  padding-top: 0;
+}
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.ts b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
new file mode 100644
index 0000000000..a53af1ba1e
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
@@ -0,0 +1,29 @@
+import { Component } from '@angular/core';
+import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
+
+import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes';
+import { DashboardComponent } from './dashboard.component';
+
+@Component({
+  selector: 'my-app',
+  template: `
+    <h1>{{title}}</h1>
+    <nav>
+      <a [routerLink]="['Dashboard']">Dashboard</a>
+      <a [routerLink]="['Heroes']">Heroes</a>
+    </nav>
+    <router-outlet></router-outlet>
+  `,
+  styleUrls: ['app/app.component.css'],
+  directives: [ROUTER_DIRECTIVES],
+  providers: [HeroService]
+})
+@RouteConfig([
+  // {path: '/', redirectTo: ['Dashboard'] },
+  {path: '/dashboard', name: 'Dashboard', component: DashboardComponent, useAsDefault: true},
+  {path: '/heroes', name: 'Heroes', component: HeroesComponent},
+  {path: '/detail/:id', name: 'HeroDetail', component: HeroDetailComponent}
+])
+export class AppComponent {
+  title = 'Tour of Heroes - Barrels';
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
new file mode 100644
index 0000000000..d000c0c77e
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
@@ -0,0 +1,60 @@
+[class*='col-'] {
+  float: left;
+}
+*, *:after, *:before {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+h3 {
+  text-align: center; margin-bottom: 0;
+}
+[class*='col-'] {
+  padding-right: 20px;
+  padding-bottom: 20px;
+}
+[class*='col-']:last-of-type {
+  padding-right: 0;
+}
+.grid {
+  margin: 0;
+}
+.col-1-4 {
+  width: 25%;
+}
+.module {
+	padding: 20px;
+	text-align: center;
+	color: #eee;
+	max-height: 120px;
+	min-width: 120px;
+	background-color: #607D8B;
+	border-radius: 2px;
+}
+h4 {
+  position: relative;
+}
+.module:hover {
+  background-color: #EEE;
+  cursor: pointer;
+  color: #607d8b;
+}
+.grid-pad {
+  padding: 10px 0;
+}
+.grid-pad > [class*='col-']:last-of-type {
+  padding-right: 20px;
+}
+@media (max-width: 600px) {
+	.module {
+	  font-size: 10px;
+	  max-height: 75px; }
+}
+@media (max-width: 1024px) {
+	.grid {
+	  margin: 0;
+	}
+	.module {
+	  min-width: 60px;
+	}
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.html b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.html
new file mode 100644
index 0000000000..dfec651c4a
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.html
@@ -0,0 +1,8 @@
+<h3>Top Heroes</h3>
+<div class="grid grid-pad">
+  <div *ngFor="let hero of heroes" class="col-1-4" (click)="gotoDetail(hero)">
+    <div class="module hero">
+      <h4>{{hero.name}}</h4>
+    </div>
+  </div>
+</div>
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
new file mode 100644
index 0000000000..86668141e9
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router-deprecated';
+import { Hero, HeroService } from './heroes';
+
+@Component({
+  selector: 'my-dashboard',
+  templateUrl: 'app/dashboard.component.html',
+  styleUrls: ['app/dashboard.component.css']
+})
+export class DashboardComponent implements OnInit {
+  heroes: Hero[] = [];
+
+  constructor(private heroService: HeroService, private _router: Router) { }
+
+  ngOnInit() {
+    this.heroService.getHeroes().then(heroes => this.heroes = heroes.slice(1,5));
+  }
+
+  gotoDetail(hero: Hero) {
+    let link = ['HeroDetail', { id: hero.id }];
+    this._router.navigate(link);
+  }
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css
new file mode 100644
index 0000000000..b5ab6e6e0b
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css
@@ -0,0 +1,29 @@
+label {
+  display: inline-block;
+  width: 3em;
+  margin: .5em 0;
+  color: #607D8B;
+  font-weight: bold;
+}
+input {
+  height: 2em;
+  font-size: 1em;
+  padding-left: .4em;
+}
+button {
+  margin-top: 20px;
+  font-family: Arial;
+  background-color: #eee;
+  border: none;
+  padding: 5px 10px;
+  border-radius: 4px;
+  cursor: pointer; cursor: hand;
+}
+button:hover {
+  background-color: #cfd8dc;
+}
+button:disabled {
+  background-color: #eee;
+  color: #ccc; 
+  cursor: auto;
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html
new file mode 100644
index 0000000000..af9039dc9f
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html
@@ -0,0 +1,10 @@
+<div *ngIf="hero">
+	<h2>{{hero.name}} details!</h2>
+	<div>
+		<label>id: </label>{{hero.id}}</div>
+	<div>
+		<label>name: </label>
+		<input [(ngModel)]="hero.name" placeholder="name"/>
+	</div>
+	<button (click)="goBack()">Back</button>
+</div>
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
new file mode 100644
index 0000000000..189c3a79dc
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
@@ -0,0 +1,27 @@
+import { Component, OnInit } from '@angular/core';
+import { RouteParams } from '@angular/router-deprecated';
+
+import { Hero } from './hero';
+import { HeroService } from './hero.service';
+
+@Component({
+  selector: 'my-hero-detail',
+  templateUrl: 'app/heroes/hero-detail.component.html',
+  styleUrls: ['app/heroes/hero-detail.component.css']
+})
+export class HeroDetailComponent implements OnInit {
+  hero: Hero;
+
+  constructor(private heroService: HeroService,
+    private routeParams: RouteParams) {
+  }
+
+  ngOnInit() {
+    let id = +this.routeParams.get('id');
+    this.heroService.getHero(id).then(hero => this.hero = hero);
+  }
+
+  goBack() {
+    window.history.back();
+  }
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
new file mode 100644
index 0000000000..24e17a3809
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+
+import { HEROES }     from './../mock-heroes';
+
+@Injectable()
+export class HeroService {
+  getHeroes() {
+    return Promise.resolve(HEROES);
+  }
+
+	getHero(id: number) {
+    return Promise.resolve(HEROES).then(
+      heroes => heroes.filter(hero => hero.id === id)[0]
+    );
+  }
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
new file mode 100644
index 0000000000..e94ec6124a
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
@@ -0,0 +1,4 @@
+export class Hero {
+	id: number;
+	name: string;
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.css b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.css
new file mode 100644
index 0000000000..35e45af98d
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.css
@@ -0,0 +1,59 @@
+.selected {
+  background-color: #CFD8DC !important;
+  color: white;
+}
+.heroes {
+  margin: 0 0 2em 0;
+  list-style-type: none;
+  padding: 0;
+  width: 15em;
+}
+.heroes li {
+  cursor: pointer;
+  position: relative;
+  left: 0;
+  background-color: #EEE;
+  margin: .5em;
+  padding: .3em 0;
+  height: 1.6em;
+  border-radius: 4px;
+}
+.heroes li:hover {
+  color: #607D8B;
+  background-color: #DDD;
+  left: .1em;
+}
+.heroes li.selected:hover {
+  background-color: #BBD8DC !important;
+  color: white;
+}
+.heroes .text {
+  position: relative;
+  top: -3px;
+}
+.heroes .badge {
+  display: inline-block;
+  font-size: small;
+  color: white;
+  padding: 0.8em 0.7em 0 0.7em;
+  background-color: #607D8B;
+  line-height: 1em;
+  position: relative;
+  left: -1px;
+  top: -4px;
+  height: 1.8em;
+  margin-right: .8em;
+  border-radius: 4px 0 0 4px;
+}
+button {
+  font-family: Arial;
+  background-color: #eee;
+  border: none;
+  padding: 5px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  cursor: hand;
+}
+button:hover {
+  background-color: #cfd8dc;
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.html b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.html
new file mode 100644
index 0000000000..6a973bb007
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.html
@@ -0,0 +1,14 @@
+<div>
+  <h2>My Heroes</h2>
+  <ul class="heroes">
+    <li *ngFor="let hero of heroes"
+      [class.selected]="hero === selectedHero"
+      (click)="onSelect(hero)">
+      <span class="badge">{{hero.id}}</span> {{hero.name}}
+    </li>
+  </ul>
+  <div *ngIf="selectedHero">
+    <h2>{{selectedHero.name | uppercase}} is my hero</h2>
+    <button (click)="gotoDetail()">View Details</button>
+  </div>
+</div>
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
new file mode 100644
index 0000000000..6d41b3923f
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
@@ -0,0 +1,30 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router-deprecated';
+import { HeroService, HeroDetailComponent, Hero } from '../heroes';
+
+@Component({
+  selector: 'my-heroes',
+  templateUrl: 'app/heroes/heroes.component.html',
+  styleUrls: ['app/heroes/heroes.component.css'],
+  directives: [HeroDetailComponent]
+})
+export class HeroesComponent implements OnInit {
+  heroes: Hero[];
+  selectedHero: Hero;
+
+  constructor(private heroService: HeroService, private router: Router) { }
+
+  getHeroes() {
+    this.heroService.getHeroes().then(heroes => this.heroes = heroes);
+  }
+
+  gotoDetail() {
+    this.router.navigate(['HeroDetail', { id: this.selectedHero.id }]);
+  }
+
+  ngOnInit() {
+    this.getHeroes();
+  }
+
+  onSelect(hero: Hero) { this.selectedHero = hero; }
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
new file mode 100644
index 0000000000..85f988a43c
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
@@ -0,0 +1,4 @@
+export * from './hero';
+export * from './hero-detail.component';
+export * from './hero.service';
+export * from './heroes.component';
diff --git a/public/docs/_examples/cb-barrels/ts/app/main.ts b/public/docs/_examples/cb-barrels/ts/app/main.ts
new file mode 100644
index 0000000000..45c00aa030
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/main.ts
@@ -0,0 +1,10 @@
+import { bootstrap } from '@angular/platform-browser-dynamic';
+import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
+
+import { HeroService } from './heroes';
+import { AppComponent } from './app.component';
+
+bootstrap(AppComponent, [
+  ROUTER_PROVIDERS,
+  HeroService
+]);
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
new file mode 100644
index 0000000000..53271aa12e
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
@@ -0,0 +1,14 @@
+import { Hero } from './heroes';
+
+export var HEROES: Hero[] = [
+	{"id": 11, "name": "Mr. Nice"},
+	{"id": 12, "name": "Narco"},
+	{"id": 13, "name": "Bombasto"},
+	{"id": 14, "name": "Celeritas"},
+	{"id": 15, "name": "Magneta"},
+	{"id": 16, "name": "RubberMan"},
+	{"id": 17, "name": "Dynama"},
+	{"id": 18, "name": "Dr IQ"},
+	{"id": 19, "name": "Magma"},
+	{"id": 20, "name": "Tornado"}
+];
diff --git a/public/docs/_examples/cb-barrels/ts/example-config.json b/public/docs/_examples/cb-barrels/ts/example-config.json
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/_examples/cb-barrels/ts/index.html b/public/docs/_examples/cb-barrels/ts/index.html
new file mode 100644
index 0000000000..ede4eb68e5
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <base href="/">
+    <title>Angular 2 Tour of Heroes</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="styles.css">
+
+    <!-- Polyfill(s) for older browsers -->
+    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+
+    <script src="node_modules/zone.js/dist/zone.js"></script>
+    <script src="node_modules/reflect-metadata/Reflect.js"></script>
+    <script src="node_modules/systemjs/dist/system.src.js"></script>
+
+    <script src="systemjs.config.js"></script>
+    <script>
+      System.import('app').catch(function(err){ console.error(err); });
+    </script>
+  </head>
+
+  <body>
+    <my-app>Loading...</my-app>
+  </body>
+</html>
diff --git a/public/docs/_examples/cb-barrels/ts/plnkr.json b/public/docs/_examples/cb-barrels/ts/plnkr.json
new file mode 100644
index 0000000000..fc4ea3e22c
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/plnkr.json
@@ -0,0 +1,8 @@
+{
+  "description": "Tour of Heroes",
+  "files":[
+    "!**/*.d.ts",
+    "!**/*.js"
+  ],
+  "tags": ["tutorial", "tour", "heroes"]
+}
diff --git a/public/docs/ts/latest/cookbook/_data.json b/public/docs/ts/latest/cookbook/_data.json
index 211e12bfd4..0f11368d41 100644
--- a/public/docs/ts/latest/cookbook/_data.json
+++ b/public/docs/ts/latest/cookbook/_data.json
@@ -11,6 +11,11 @@
     "intro": "Learn how Angular 1 concepts and techniques map to Angular 2"
   },
 
+  "barrels": {
+    "title": "Creating Barrels",
+    "intro": "Create and use barrels to simplify module imports"
+  },
+
   "component-communication": {
     "title": "Component Interaction",
     "intro": "Share information between different directives and components"
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
new file mode 100644
index 0000000000..6b8c2e3d3c
--- /dev/null
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -0,0 +1,68 @@
+include ../_util-fns
+
+<a id="top"></a>
+:marked
+  This cookbook contains recipes for creating barrels to simplify file imports. In Angular 2 apps, we frequently find
+  ouselves importing multiple files together (for example, in the tutorial app, the hero component and the hero service 
+  are both frequently imported together into other components). We can create a single import that contains them both. 
+  This is called a barrel.
+
+<a id="toc"></a>
+:marked
+  ## Table of contents
+  
+  [Creating a barrel](#creating-a-barrel)
+
+  [Importing a barrel](#importing-a-barrel)
+
+:marked
+  **See the [live example](/resources/live-examples/cb-barrels/ts/plnkr.html)**.
+
+.l-main-section
+<a id="creating-a-barrel"></a>
+:marked
+  ## Creating a barrel
+  
+  'Hero', `HeroDetailComponent`, `HeroService`, and `HeroesComponent` are all frequently used together.  Each of them
+  are moved into a `heroes` directory with their supporting files:
+  
+  <pre class="prettyprint prettyprinted">
+    /heroes
+      hero-detail.component.css
+      hero-detail.component.html
+      hero-detail.component.ts
+      hero-service.ts
+      hero.ts
+      heroes.component.css
+      heroes.component.html
+      heroes.component.ts
+  </pre>
+  
+  An `index.ts` file is created in the `/heroes` directory. And each of the files is imported and re-exported:
++makeExample('cb-barrels/ts/app/heroes/index.ts')
+
+:marked
+  Each of the files are now available as a single import. 
+  
+<a id="importing-a-barrel"></a>
+:marked
+  ## Importing a barrel
+  The app component imports `HeroesComponent`, `HeroDetailComponent`, and `HeroService` with a
+  single import:
++makeExample('cb-barrels/ts/app/app.component.ts')
+
+:marked
+  The dashboard component imports `Hero` and `HeroService` with a single import:
++makeExample('cb-barrels/ts/app/dashboard.component.ts')
+
+:marked
+  The `main.ts` bootstrap file imports `HeroService`
++makeExample('cb-barrels/ts/app/main.ts')
+
+:marked
+  The `mock-heroes.ts` file imports `Hero`:
++makeExample('cb-barrels/ts/app/mock-heroes.ts')
+
+:marked
+  The files inside the `/heroes` barrel are updated to add `../` to module imports outside the barrel. They are also
+  updated to use the barrel for any references within the barrel using `../heroes`. 

From cdea51ce837ff81177a71e1e2f6bb845f8e58c79 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Mon, 16 May 2016 20:22:37 -0600
Subject: [PATCH 02/41] Remove unused files

---
 .../docs/_examples/cb-barrels.huh/e2e-spec.js | 110 ------------------
 .../cb-barrels.huh/ts/app/app.component.css   |  28 -----
 .../cb-barrels.huh/ts/app/app.component.ts    |  29 -----
 .../ts/app/dashboard.component.css            |  60 ----------
 .../ts/app/dashboard.component.html           |   8 --
 .../ts/app/dashboard.component.ts             |  23 ----
 .../ts/app/heroes/hero-detail.component.css   |  29 -----
 .../ts/app/heroes/hero-detail.component.html  |  10 --
 .../ts/app/heroes/hero-detail.component.ts    |  26 -----
 .../ts/app/heroes/hero.service.ts             |  16 ---
 .../cb-barrels.huh/ts/app/heroes/hero.ts      |   4 -
 .../ts/app/heroes/heroes.component.css        |  59 ----------
 .../ts/app/heroes/heroes.component.html       |  14 ---
 .../ts/app/heroes/heroes.component.ts         |  30 -----
 .../cb-barrels.huh/ts/app/heroes/index.ts     |   4 -
 .../_examples/cb-barrels.huh/ts/app/main.ts   |  10 --
 .../cb-barrels.huh/ts/app/mock-heroes.ts      |  14 ---
 .../cb-barrels.huh/ts/example-config.json     |   0
 .../_examples/cb-barrels.huh/ts/index.html    |  26 -----
 .../_examples/cb-barrels.huh/ts/plnkr.json    |   8 --
 20 files changed, 508 deletions(-)
 delete mode 100644 public/docs/_examples/cb-barrels.huh/e2e-spec.js
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/main.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/example-config.json
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/index.html
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/plnkr.json

diff --git a/public/docs/_examples/cb-barrels.huh/e2e-spec.js b/public/docs/_examples/cb-barrels.huh/e2e-spec.js
deleted file mode 100644
index a109efb5a8..0000000000
--- a/public/docs/_examples/cb-barrels.huh/e2e-spec.js
+++ /dev/null
@@ -1,110 +0,0 @@
-describe('Tutorial', function () {
-
-  beforeAll(function () {
-    browser.get('');
-  });
-
-  function getPageStruct() {
-    hrefEles = element.all(by.css('my-app a'));
-
-    return {
-      hrefs: hrefEles,
-      myDashboardHref: hrefEles.get(0),
-      myDashboardParent: element(by.css('my-app my-dashboard')),
-      topHeroes: element.all(by.css('my-app my-dashboard .module.hero')),
-
-      myHeroesHref: hrefEles.get(1),
-      myHeroesParent: element(by.css('my-app my-heroes')),
-      allHeroes: element.all(by.css('my-app my-heroes li')),
-
-      heroDetail: element(by.css('my-app my-hero-detail'))
-    }
-  }
-
-  it('should be able to see the start screen', function () {
-    var page = getPageStruct();
-    expect(page.hrefs.count()).toEqual(2, 'should be two dashboard choices');
-    expect(page.myDashboardHref.getText()).toEqual("Dashboard");
-    expect(page.myHeroesHref.getText()).toEqual("Heroes");
-  });
-
-  it('should be able to see dashboard choices', function () {
-    var page = getPageStruct();
-    expect(page.topHeroes.count()).toBe(4, "should be 4 dashboard hero choices");
-  });
-
-  it('should be able to toggle the views', function () {
-    var page = getPageStruct();
-
-    expect(page.myDashboardParent.element(by.css('h3')).getText()).toEqual('Top Heroes');
-    page.myHeroesHref.click().then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(false, 'should no longer see dashboard element');
-      expect(page.allHeroes.count()).toBeGreaterThan(4, "should be more than 4 heroes shown");
-      return page.myDashboardHref.click();
-    }).then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(true, 'should once again see the dashboard element');
-    });
-
-  });
-
-  it('should be able to edit details from "Dashboard" view', function () {
-    var page = getPageStruct();
-    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be available');
-    var heroEle = page.topHeroes.get(3);
-    var heroDescrEle = heroEle.element(by.css('h4'));
-    var heroDescr;
-    return heroDescrEle.getText().then(function(text) {
-      heroDescr = text;
-      return heroEle.click();
-    }).then(function() {
-      return editDetails(page, heroDescr, '-foo');
-    }).then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be back');
-      expect(heroDescrEle.getText()).toEqual(heroDescr + '-foo');
-    });
-  });
-
-  it('should be able to edit details from "Heroes" view', function () {
-    var page = getPageStruct();
-    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be present');
-    var viewDetailsButtonEle = page.myHeroesParent.element(by.cssContainingText('button', 'View Details'));
-    var heroEle, heroDescr;
-    page.myHeroesHref.click().then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
-      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be present');
-      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should not yet be present');
-      heroEle = page.allHeroes.get(2);
-      return heroEle.getText();
-    }).then(function(text) {
-      // remove leading 'id' from the element
-      heroDescr = text.substr(text.indexOf(' ')+1);
-      return heroEle.click();
-    }).then(function() {
-      expect(viewDetailsButtonEle.isDisplayed()).toBe(true, 'viewDetails button should now be visible');
-      return viewDetailsButtonEle.click();
-    }).then(function() {
-      return editDetails(page, heroDescr, '-bar');
-    }).then(function() {
-      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be back');
-      expect(heroEle.getText()).toContain(heroDescr + '-bar');
-      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should again NOT be present');
-    });
-  });
-
-  function editDetails(page, origValue, textToAdd) {
-    expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
-    expect(page.myHeroesParent.isPresent()).toBe(false, 'myHeroes element should NOT be present');
-    expect(page.heroDetail.isDisplayed()).toBe(true, 'should be able to see hero-details');
-    var inputEle = page.heroDetail.element(by.css('input'));
-    expect(inputEle.isDisplayed()).toBe(true, 'should be able to see the input box');
-    var backButtonEle = page.heroDetail.element(by.css('button'));
-    expect(backButtonEle.isDisplayed()).toBe(true, 'should be able to see the back button');
-    var detailTextEle = page.heroDetail.element(by.css('div h2'));
-    expect(detailTextEle.getText()).toContain(origValue);
-    return sendKeys(inputEle, textToAdd).then(function () {
-      expect(detailTextEle.getText()).toContain(origValue + textToAdd);
-      return backButtonEle.click();
-    });
-  }
-
-});
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
deleted file mode 100644
index 246b8c875b..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
+++ /dev/null
@@ -1,28 +0,0 @@
-nav a {
-  padding: 5px 10px;
-  text-decoration: none;
-  margin-top: 10px;
-  display: inline-block;
-  background-color: #eee;
-  border-radius: 4px;
-}
-nav a:visited, a:link {
-  color: #607D8B;
-}
-nav a:hover {
-  color: #039be5;
-  background-color: #CFD8DC;
-}
-nav a.router-link-active {
-  color: #039be5;
-}
-h1 {
-  font-size: 1.2em;
-  color: #999;
-  margin-bottom: 0;
-}
-h2 {
-  font-size: 2em;
-  margin-top: 0;
-  padding-top: 0;
-}
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
deleted file mode 100644
index 3f5ea98de8..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Component } from '@angular/core';
-import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-
-import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes/index';
-import { DashboardComponent } from './dashboard.component';
-
-@Component({
-  selector: 'my-app',
-  template: `
-    <h1>{{title}}</h1>
-    <nav>
-      <a [routerLink]="['Dashboard']">Dashboard</a>
-      <a [routerLink]="['Heroes']">Heroes</a>
-    </nav>
-    <router-outlet></router-outlet>
-  `,
-  styleUrls: ['app/app.component.css'],
-  directives: [ROUTER_DIRECTIVES],
-  providers: [HeroService]
-})
-@RouteConfig([
-  // {path: '/', redirectTo: ['Dashboard'] },
-  {path: '/dashboard', name: 'Dashboard', component: DashboardComponent, useAsDefault: true},
-  {path: '/heroes', name: 'Heroes', component: HeroesComponent},
-  {path: '/detail/:id', name: 'HeroDetail', component: HeroDetailComponent}
-])
-export class AppComponent {
-  title = 'Tour of Heroes - Barrels';
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
deleted file mode 100644
index d000c0c77e..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
+++ /dev/null
@@ -1,60 +0,0 @@
-[class*='col-'] {
-  float: left;
-}
-*, *:after, *:before {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
-h3 {
-  text-align: center; margin-bottom: 0;
-}
-[class*='col-'] {
-  padding-right: 20px;
-  padding-bottom: 20px;
-}
-[class*='col-']:last-of-type {
-  padding-right: 0;
-}
-.grid {
-  margin: 0;
-}
-.col-1-4 {
-  width: 25%;
-}
-.module {
-	padding: 20px;
-	text-align: center;
-	color: #eee;
-	max-height: 120px;
-	min-width: 120px;
-	background-color: #607D8B;
-	border-radius: 2px;
-}
-h4 {
-  position: relative;
-}
-.module:hover {
-  background-color: #EEE;
-  cursor: pointer;
-  color: #607d8b;
-}
-.grid-pad {
-  padding: 10px 0;
-}
-.grid-pad > [class*='col-']:last-of-type {
-  padding-right: 20px;
-}
-@media (max-width: 600px) {
-	.module {
-	  font-size: 10px;
-	  max-height: 75px; }
-}
-@media (max-width: 1024px) {
-	.grid {
-	  margin: 0;
-	}
-	.module {
-	  min-width: 60px;
-	}
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
deleted file mode 100644
index dfec651c4a..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<h3>Top Heroes</h3>
-<div class="grid grid-pad">
-  <div *ngFor="let hero of heroes" class="col-1-4" (click)="gotoDetail(hero)">
-    <div class="module hero">
-      <h4>{{hero.name}}</h4>
-    </div>
-  </div>
-</div>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
deleted file mode 100644
index 012cf812bc..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Router } from '@angular/router-deprecated';
-import { Hero, HeroService } from './heroes/index';
-
-@Component({
-  selector: 'my-dashboard',
-  templateUrl: 'app/dashboard.component.html',
-  styleUrls: ['app/dashboard.component.css']
-})
-export class DashboardComponent implements OnInit {
-  heroes: Hero[] = [];
-
-  constructor(private heroService: HeroService, private _router: Router) { }
-
-  ngOnInit() {
-    this.heroService.getHeroes().then(heroes => this.heroes = heroes.slice(1,5));
-  }
-
-  gotoDetail(hero: Hero) {
-    let link = ['HeroDetail', { id: hero.id }];
-    this._router.navigate(link);
-  }
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
deleted file mode 100644
index b5ab6e6e0b..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
+++ /dev/null
@@ -1,29 +0,0 @@
-label {
-  display: inline-block;
-  width: 3em;
-  margin: .5em 0;
-  color: #607D8B;
-  font-weight: bold;
-}
-input {
-  height: 2em;
-  font-size: 1em;
-  padding-left: .4em;
-}
-button {
-  margin-top: 20px;
-  font-family: Arial;
-  background-color: #eee;
-  border: none;
-  padding: 5px 10px;
-  border-radius: 4px;
-  cursor: pointer; cursor: hand;
-}
-button:hover {
-  background-color: #cfd8dc;
-}
-button:disabled {
-  background-color: #eee;
-  color: #ccc; 
-  cursor: auto;
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
deleted file mode 100644
index af9039dc9f..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div *ngIf="hero">
-	<h2>{{hero.name}} details!</h2>
-	<div>
-		<label>id: </label>{{hero.id}}</div>
-	<div>
-		<label>name: </label>
-		<input [(ngModel)]="hero.name" placeholder="name"/>
-	</div>
-	<button (click)="goBack()">Back</button>
-</div>
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
deleted file mode 100644
index 8d6fea52b1..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { RouteParams } from '@angular/router-deprecated';
-
-import { Hero, HeroService } from './index';
-
-@Component({
-  selector: 'my-hero-detail',
-  templateUrl: 'app/heroes/hero-detail.component.html',
-  styleUrls: ['app/heroes/hero-detail.component.css']
-})
-export class HeroDetailComponent implements OnInit {
-  hero: Hero;
-
-  constructor(private heroService: HeroService,
-    private routeParams: RouteParams) {
-  }
-
-  ngOnInit() {
-    let id = +this.routeParams.get('id');
-    this.heroService.getHero(id).then(hero => this.hero = hero);
-  }
-
-  goBack() {
-    window.history.back();
-  }
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
deleted file mode 100644
index c2163e1b28..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Injectable } from '@angular/core';
-
-import { HEROES } from './../mock-heroes';
-
-@Injectable()
-export class HeroService {
-  getHeroes() {
-    return Promise.resolve(HEROES);
-  }
-
-	getHero(id: number) {
-    return Promise.resolve(HEROES).then(
-      heroes => heroes.filter(hero => hero.id === id)[0]
-    );
-  }
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
deleted file mode 100644
index e94ec6124a..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export class Hero {
-	id: number;
-	name: string;
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
deleted file mode 100644
index 35e45af98d..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
+++ /dev/null
@@ -1,59 +0,0 @@
-.selected {
-  background-color: #CFD8DC !important;
-  color: white;
-}
-.heroes {
-  margin: 0 0 2em 0;
-  list-style-type: none;
-  padding: 0;
-  width: 15em;
-}
-.heroes li {
-  cursor: pointer;
-  position: relative;
-  left: 0;
-  background-color: #EEE;
-  margin: .5em;
-  padding: .3em 0;
-  height: 1.6em;
-  border-radius: 4px;
-}
-.heroes li:hover {
-  color: #607D8B;
-  background-color: #DDD;
-  left: .1em;
-}
-.heroes li.selected:hover {
-  background-color: #BBD8DC !important;
-  color: white;
-}
-.heroes .text {
-  position: relative;
-  top: -3px;
-}
-.heroes .badge {
-  display: inline-block;
-  font-size: small;
-  color: white;
-  padding: 0.8em 0.7em 0 0.7em;
-  background-color: #607D8B;
-  line-height: 1em;
-  position: relative;
-  left: -1px;
-  top: -4px;
-  height: 1.8em;
-  margin-right: .8em;
-  border-radius: 4px 0 0 4px;
-}
-button {
-  font-family: Arial;
-  background-color: #eee;
-  border: none;
-  padding: 5px 10px;
-  border-radius: 4px;
-  cursor: pointer;
-  cursor: hand;
-}
-button:hover {
-  background-color: #cfd8dc;
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
deleted file mode 100644
index 6a973bb007..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div>
-  <h2>My Heroes</h2>
-  <ul class="heroes">
-    <li *ngFor="let hero of heroes"
-      [class.selected]="hero === selectedHero"
-      (click)="onSelect(hero)">
-      <span class="badge">{{hero.id}}</span> {{hero.name}}
-    </li>
-  </ul>
-  <div *ngIf="selectedHero">
-    <h2>{{selectedHero.name | uppercase}} is my hero</h2>
-    <button (click)="gotoDetail()">View Details</button>
-  </div>
-</div>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
deleted file mode 100644
index 1c4e24ddbe..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Router } from '@angular/router-deprecated';
-import { HeroService, HeroDetailComponent, Hero } from './index';
-
-@Component({
-  selector: 'my-heroes',
-  templateUrl: 'app/heroes/heroes.component.html',
-  styleUrls: ['app/heroes/heroes.component.css'],
-  directives: [HeroDetailComponent]
-})
-export class HeroesComponent implements OnInit {
-  heroes: Hero[];
-  selectedHero: Hero;
-
-  constructor(private heroService: HeroService, private router: Router) { }
-
-  getHeroes() {
-    this.heroService.getHeroes().then(heroes => this.heroes = heroes);
-  }
-
-  gotoDetail() {
-    this.router.navigate(['HeroDetail', { id: this.selectedHero.id }]);
-  }
-
-  ngOnInit() {
-    this.getHeroes();
-  }
-
-  onSelect(hero: Hero) { this.selectedHero = hero; }
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
deleted file mode 100644
index 85f988a43c..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './hero';
-export * from './hero-detail.component';
-export * from './hero.service';
-export * from './heroes.component';
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/main.ts b/public/docs/_examples/cb-barrels.huh/ts/app/main.ts
deleted file mode 100644
index c261ef5625..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/main.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { bootstrap } from '@angular/platform-browser-dynamic';
-import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
-
-import { HeroService } from './heroes/index';
-import { AppComponent } from './app.component';
-
-bootstrap(AppComponent, [
-  ROUTER_PROVIDERS,
-  HeroService
-]);
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
deleted file mode 100644
index 904368d532..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Hero } from './heroes/index';
-
-export var HEROES: Hero[] = [
-	{"id": 11, "name": "Mr. Nice"},
-	{"id": 12, "name": "Narco"},
-	{"id": 13, "name": "Bombasto"},
-	{"id": 14, "name": "Celeritas"},
-	{"id": 15, "name": "Magneta"},
-	{"id": 16, "name": "RubberMan"},
-	{"id": 17, "name": "Dynama"},
-	{"id": 18, "name": "Dr IQ"},
-	{"id": 19, "name": "Magma"},
-	{"id": 20, "name": "Tornado"}
-];
diff --git a/public/docs/_examples/cb-barrels.huh/ts/example-config.json b/public/docs/_examples/cb-barrels.huh/ts/example-config.json
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/public/docs/_examples/cb-barrels.huh/ts/index.html b/public/docs/_examples/cb-barrels.huh/ts/index.html
deleted file mode 100644
index ede4eb68e5..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <base href="/">
-    <title>Angular 2 Tour of Heroes</title>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="styles.css">
-
-    <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
-
-    <script src="node_modules/zone.js/dist/zone.js"></script>
-    <script src="node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="node_modules/systemjs/dist/system.src.js"></script>
-
-    <script src="systemjs.config.js"></script>
-    <script>
-      System.import('app').catch(function(err){ console.error(err); });
-    </script>
-  </head>
-
-  <body>
-    <my-app>Loading...</my-app>
-  </body>
-</html>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/plnkr.json b/public/docs/_examples/cb-barrels.huh/ts/plnkr.json
deleted file mode 100644
index fc4ea3e22c..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/plnkr.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "description": "Tour of Heroes",
-  "files":[
-    "!**/*.d.ts",
-    "!**/*.js"
-  ],
-  "tags": ["tutorial", "tour", "heroes"]
-}

From 035d80d2988298bb674897415cb8b0ba796700cb Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Mon, 16 May 2016 21:59:16 -0600
Subject: [PATCH 03/41] docs(cb-barrels): Clean up copy/paste

---
 public/docs/_examples/cb-barrels/ts/index.html | 2 +-
 public/docs/_examples/cb-barrels/ts/plnkr.json | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/docs/_examples/cb-barrels/ts/index.html b/public/docs/_examples/cb-barrels/ts/index.html
index ede4eb68e5..99dd3b6e07 100644
--- a/public/docs/_examples/cb-barrels/ts/index.html
+++ b/public/docs/_examples/cb-barrels/ts/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <base href="/">
-    <title>Angular 2 Tour of Heroes</title>
+    <title>Angular 2 Tour of Heroes - Barrels</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="styles.css">
diff --git a/public/docs/_examples/cb-barrels/ts/plnkr.json b/public/docs/_examples/cb-barrels/ts/plnkr.json
index fc4ea3e22c..5f0eca25e7 100644
--- a/public/docs/_examples/cb-barrels/ts/plnkr.json
+++ b/public/docs/_examples/cb-barrels/ts/plnkr.json
@@ -1,8 +1,8 @@
 {
-  "description": "Tour of Heroes",
+  "description": "Cookbook: Barrels",
   "files":[
     "!**/*.d.ts",
     "!**/*.js"
   ],
-  "tags": ["tutorial", "tour", "heroes"]
+  "tags": ["cookbook", "barrels"]
 }

From 0a6b13811b6a1078ce6b4e4e55905bde55a3990a Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Mon, 16 May 2016 21:59:47 -0600
Subject: [PATCH 04/41] Add // #docregion

---
 public/docs/_examples/cb-barrels/ts/app/app.component.ts       | 1 +
 public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts | 1 +
 public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts         | 1 +
 public/docs/_examples/cb-barrels/ts/app/heroes/index.ts        | 1 +
 public/docs/_examples/cb-barrels/ts/app/main.ts                | 1 +
 public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts         | 1 +
 6 files changed, 6 insertions(+)

diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.ts b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
index a53af1ba1e..c19935e032 100644
--- a/public/docs/_examples/cb-barrels/ts/app/app.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
@@ -1,3 +1,4 @@
+// #docregion
 import { Component } from '@angular/core';
 import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
 
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
index 86668141e9..672136d6dc 100644
--- a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
@@ -1,3 +1,4 @@
+// #docregion
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
 import { Hero, HeroService } from './heroes';
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
index e94ec6124a..1117bdd832 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
@@ -2,3 +2,4 @@ export class Hero {
 	id: number;
 	name: string;
 }
+
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
index 85f988a43c..8f98b1c560 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
@@ -1,3 +1,4 @@
+// #docregion
 export * from './hero';
 export * from './hero-detail.component';
 export * from './hero.service';
diff --git a/public/docs/_examples/cb-barrels/ts/app/main.ts b/public/docs/_examples/cb-barrels/ts/app/main.ts
index 45c00aa030..255f0b511f 100644
--- a/public/docs/_examples/cb-barrels/ts/app/main.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/main.ts
@@ -1,3 +1,4 @@
+// #docregion
 import { bootstrap } from '@angular/platform-browser-dynamic';
 import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
 
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
index 53271aa12e..782ec9fda3 100644
--- a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
@@ -1,3 +1,4 @@
+// #docregion
 import { Hero } from './heroes';
 
 export var HEROES: Hero[] = [

From 53f97bf50e85062c613064c075d2c7f9f773a3d0 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Mon, 16 May 2016 22:33:22 -0600
Subject: [PATCH 05/41] docs(cb-barrels): Add #docregions and finish recipe

---
 .../cb-barrels/ts/app/app.component.ts        |  4 +--
 .../cb-barrels/ts/app/dashboard.component.ts  |  3 +-
 .../ts/app/heroes/hero-detail.component.ts    |  6 ++--
 .../cb-barrels/ts/app/heroes/hero.service.ts  |  5 ++--
 .../ts/app/heroes/heroes.component.ts         |  2 ++
 .../docs/_examples/cb-barrels/ts/app/main.ts  |  4 +--
 .../cb-barrels/ts/app/mock-heroes.ts          |  6 ++--
 public/docs/ts/latest/cookbook/barrels.jade   | 29 ++++++++++++++-----
 8 files changed, 39 insertions(+), 20 deletions(-)

diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.ts b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
index c19935e032..926eafc1c9 100644
--- a/public/docs/_examples/cb-barrels/ts/app/app.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
@@ -1,11 +1,11 @@
-// #docregion
+// #docregion imports
 import { Component } from '@angular/core';
 import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-
 import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes';
 import { DashboardComponent } from './dashboard.component';
 
 @Component({
+// #enddocregion
   selector: 'my-app',
   template: `
     <h1>{{title}}</h1>
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
index 672136d6dc..1239207374 100644
--- a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
@@ -1,9 +1,10 @@
-// #docregion
+// #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
 import { Hero, HeroService } from './heroes';
 
 @Component({
+// #enddocregion
   selector: 'my-dashboard',
   templateUrl: 'app/dashboard.component.html',
   styleUrls: ['app/dashboard.component.css']
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
index 189c3a79dc..31b2f94041 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
@@ -1,10 +1,10 @@
+// #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { RouteParams } from '@angular/router-deprecated';
-
-import { Hero } from './hero';
-import { HeroService } from './hero.service';
+import { Hero, HeroService } from './hero.service';
 
 @Component({
+// #enddocregion
   selector: 'my-hero-detail',
   templateUrl: 'app/heroes/hero-detail.component.html',
   styleUrls: ['app/heroes/hero-detail.component.css']
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
index 24e17a3809..2f4ef35fc8 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
@@ -1,9 +1,10 @@
+// #docregion imports
 import { Injectable } from '@angular/core';
-
-import { HEROES }     from './../mock-heroes';
+import { HEROES }     from '../mock-heroes';
 
 @Injectable()
 export class HeroService {
+// #enddocregion
   getHeroes() {
     return Promise.resolve(HEROES);
   }
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
index 6d41b3923f..e3d692e5d0 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
@@ -1,8 +1,10 @@
+// #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
 import { HeroService, HeroDetailComponent, Hero } from '../heroes';
 
 @Component({
+// #enddocregion
   selector: 'my-heroes',
   templateUrl: 'app/heroes/heroes.component.html',
   styleUrls: ['app/heroes/heroes.component.css'],
diff --git a/public/docs/_examples/cb-barrels/ts/app/main.ts b/public/docs/_examples/cb-barrels/ts/app/main.ts
index 255f0b511f..09288fb174 100644
--- a/public/docs/_examples/cb-barrels/ts/app/main.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/main.ts
@@ -1,11 +1,11 @@
-// #docregion
+// #docregion imports
 import { bootstrap } from '@angular/platform-browser-dynamic';
 import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
-
 import { HeroService } from './heroes';
 import { AppComponent } from './app.component';
 
 bootstrap(AppComponent, [
+// #enddocregion
   ROUTER_PROVIDERS,
   HeroService
 ]);
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
index 782ec9fda3..cfcffa5ce3 100644
--- a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
@@ -1,8 +1,10 @@
-// #docregion
+// #docregion imports
 import { Hero } from './heroes';
 
 export var HEROES: Hero[] = [
-	{"id": 11, "name": "Mr. Nice"},
+// #enddocregion
+
+  {"id": 11, "name": "Mr. Nice"},
 	{"id": 12, "name": "Narco"},
 	{"id": 13, "name": "Bombasto"},
 	{"id": 14, "name": "Celeritas"},
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index 6b8c2e3d3c..a21b0097e9 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -39,7 +39,7 @@ include ../_util-fns
   </pre>
   
   An `index.ts` file is created in the `/heroes` directory. And each of the files is imported and re-exported:
-+makeExample('cb-barrels/ts/app/heroes/index.ts')
++makeExample('cb-barrels/ts/app/heroes/index.ts', '', 'app/heroes/index.ts')
 
 :marked
   Each of the files are now available as a single import. 
@@ -49,20 +49,33 @@ include ../_util-fns
   ## Importing a barrel
   The app component imports `HeroesComponent`, `HeroDetailComponent`, and `HeroService` with a
   single import:
-+makeExample('cb-barrels/ts/app/app.component.ts')
++makeExample('cb-barrels/ts/app/app.component.ts', 'imports', 'app/app.component.ts')
 
 :marked
   The dashboard component imports `Hero` and `HeroService` with a single import:
-+makeExample('cb-barrels/ts/app/dashboard.component.ts')
++makeExample('cb-barrels/ts/app/dashboard.component.ts', 'imports', 'app/dashboard.component.ts')
 
 :marked
-  The `main.ts` bootstrap file imports `HeroService`
-+makeExample('cb-barrels/ts/app/main.ts')
+  The `main.ts` bootstrap file imports `HeroService`:
++makeExample('cb-barrels/ts/app/main.ts', 'imports', 'app/main.ts')
 
 :marked
   The `mock-heroes.ts` file imports `Hero`:
-+makeExample('cb-barrels/ts/app/mock-heroes.ts')
++makeExample('cb-barrels/ts/app/mock-heroes.ts', 'imports', 'app/mock-heroes.ts')
 
 :marked
-  The files inside the `/heroes` barrel are updated to add `../` to module imports outside the barrel. They are also
-  updated to use the barrel for any references within the barrel using `../heroes`. 
+  The files inside the `/heroes` barrel are updated to use the barrel for any references within the 
+  barrel intself by using `../heroes`. Since they were moved into a new folder, they are also updated to add `../` 
+  to module imports outside the barrel. 
+
++makeTabs(
+  `cb-barrels/ts/app/heroes/hero.service.ts,
+   cb-barrels/ts/app/heroes/hero-detail.component.ts,
+   cb-barrels/ts/app/heroes/heroes.component.ts`,
+  `imports,
+   imports,
+   imports`,
+  `app/heroes/hero.service.ts,
+   app/heroes/hero-detail.component.ts,
+   app/heroes/heroes.component.ts`
+)  

From d8ab627a2272b42ef5d3ba0c677e42f93a7e39ac Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Tue, 17 May 2016 01:41:32 -0600
Subject: [PATCH 06/41] Update imports to use /index for now

---
 .../cb-barrels/ts/app/app.component.ts        |  2 +-
 .../cb-barrels/ts/app/dashboard.component.ts  |  2 +-
 .../ts/app/heroes/hero-detail.component.ts    |  3 +-
 .../ts/app/heroes/heroes.component.ts         |  4 +-
 .../docs/_examples/cb-barrels/ts/app/main.ts  |  2 +-
 .../cb-barrels/ts/app/mock-heroes.ts          |  2 +-
 public/docs/ts/latest/cookbook/barrels.jade   | 41 ++++++++++---------
 7 files changed, 31 insertions(+), 25 deletions(-)

diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.ts b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
index 926eafc1c9..b8ff9cc9a0 100644
--- a/public/docs/_examples/cb-barrels/ts/app/app.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { Component } from '@angular/core';
 import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes';
+import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes/index';
 import { DashboardComponent } from './dashboard.component';
 
 @Component({
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
index 1239207374..3a6b327934 100644
--- a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
-import { Hero, HeroService } from './heroes';
+import { Hero, HeroService } from './heroes/index';
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
index 31b2f94041..e6db3ae4bd 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
@@ -1,7 +1,8 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { RouteParams } from '@angular/router-deprecated';
-import { Hero, HeroService } from './hero.service';
+import { HeroService } from './hero.service';
+import { Hero } from './hero';
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
index e3d692e5d0..41db767098 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
@@ -1,7 +1,9 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
-import { HeroService, HeroDetailComponent, Hero } from '../heroes';
+import { HeroService } from './hero.service';
+import { HeroDetailComponent } from './hero-detail.component'
+import { Hero } from './hero';
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/main.ts b/public/docs/_examples/cb-barrels/ts/app/main.ts
index 09288fb174..a1baa78d94 100644
--- a/public/docs/_examples/cb-barrels/ts/app/main.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/main.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { bootstrap } from '@angular/platform-browser-dynamic';
 import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
-import { HeroService } from './heroes';
+import { HeroService } from './heroes/index';
 import { AppComponent } from './app.component';
 
 bootstrap(AppComponent, [
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
index cfcffa5ce3..544aa1d4a4 100644
--- a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
@@ -1,5 +1,5 @@
 // #docregion imports
-import { Hero } from './heroes';
+import { Hero } from './heroes/index';
 
 export var HEROES: Hero[] = [
 // #enddocregion
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index a21b0097e9..70b2312301 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -3,14 +3,14 @@ include ../_util-fns
 <a id="top"></a>
 :marked
   This cookbook contains recipes for creating barrels to simplify file imports. In Angular 2 apps, we frequently find
-  ouselves importing multiple files together (for example, in the tutorial app, the hero component and the hero service 
-  are both frequently imported together into other components). We can create a single import that contains them both. 
+  ouselves importing multiple files together (for example, in the tutorial app, the hero component and the hero service
+  are both frequently imported together into other components). We can create a single export that contains them both.
   This is called a barrel.
 
 <a id="toc"></a>
 :marked
   ## Table of contents
-  
+
   [Creating a barrel](#creating-a-barrel)
 
   [Importing a barrel](#importing-a-barrel)
@@ -22,10 +22,10 @@ include ../_util-fns
 <a id="creating-a-barrel"></a>
 :marked
   ## Creating a barrel
-  
-  'Hero', `HeroDetailComponent`, `HeroService`, and `HeroesComponent` are all frequently used together.  Each of them
+
+  `Hero`, `HeroDetailComponent`, `HeroService`, and `HeroesComponent` are all frequently used together.  Each of them
   are moved into a `heroes` directory with their supporting files:
-  
+
   <pre class="prettyprint prettyprinted">
     /heroes
       hero-detail.component.css
@@ -37,13 +37,13 @@ include ../_util-fns
       heroes.component.html
       heroes.component.ts
   </pre>
-  
+
   An `index.ts` file is created in the `/heroes` directory. And each of the files is imported and re-exported:
 +makeExample('cb-barrels/ts/app/heroes/index.ts', '', 'app/heroes/index.ts')
 
 :marked
-  Each of the files are now available as a single import. 
-  
+  Each of the files are now available as a single import.
+
 <a id="importing-a-barrel"></a>
 :marked
   ## Importing a barrel
@@ -63,19 +63,22 @@ include ../_util-fns
   The `mock-heroes.ts` file imports `Hero`:
 +makeExample('cb-barrels/ts/app/mock-heroes.ts', 'imports', 'app/mock-heroes.ts')
 
-:marked
-  The files inside the `/heroes` barrel are updated to use the barrel for any references within the 
-  barrel intself by using `../heroes`. Since they were moved into a new folder, they are also updated to add `../` 
-  to module imports outside the barrel. 
+.alert.is-helpful
+  :marked
+    Do not attempt to reference the barrel index file from within the barrel.
+    These files are still imported individually as shown below.
 
 +makeTabs(
-  `cb-barrels/ts/app/heroes/hero.service.ts,
-   cb-barrels/ts/app/heroes/hero-detail.component.ts,
+  `cb-barrels/ts/app/heroes/hero-detail.component.ts,
    cb-barrels/ts/app/heroes/heroes.component.ts`,
   `imports,
-   imports,
    imports`,
-  `app/heroes/hero.service.ts,
-   app/heroes/hero-detail.component.ts,
+  `app/heroes/hero-detail.component.ts,
    app/heroes/heroes.component.ts`
-)  
+)
+
+:marked
+  Since the `HeroService` was moved into a new folder, it's reference to
+  `mock-heroes` is updated to add `../`.
+
++makeExample('cb-barrels/ts/app/heroes/hero.service.ts', 'imports', 'app/heroes/hero.service.ts')

From beb3fe5eefc3da32b9391597b21d465d66295ec3 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Tue, 17 May 2016 14:55:10 -0600
Subject: [PATCH 07/41] docs(cb-barrels): Add heroes package to systemjs config

---
 public/docs/_examples/cb-barrels/ts/app/app.component.ts   | 2 +-
 .../_examples/cb-barrels/ts/app/dashboard.component.ts     | 2 +-
 public/docs/_examples/cb-barrels/ts/app/main.ts            | 2 +-
 public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts     | 2 +-
 public/docs/_examples/cb-barrels/ts/index.html             | 7 +++++++
 public/docs/ts/latest/cookbook/barrels.jade                | 7 ++++++-
 6 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.ts b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
index b8ff9cc9a0..926eafc1c9 100644
--- a/public/docs/_examples/cb-barrels/ts/app/app.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { Component } from '@angular/core';
 import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes/index';
+import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes';
 import { DashboardComponent } from './dashboard.component';
 
 @Component({
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
index 3a6b327934..1239207374 100644
--- a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
-import { Hero, HeroService } from './heroes/index';
+import { Hero, HeroService } from './heroes';
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/main.ts b/public/docs/_examples/cb-barrels/ts/app/main.ts
index a1baa78d94..09288fb174 100644
--- a/public/docs/_examples/cb-barrels/ts/app/main.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/main.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { bootstrap } from '@angular/platform-browser-dynamic';
 import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
-import { HeroService } from './heroes/index';
+import { HeroService } from './heroes';
 import { AppComponent } from './app.component';
 
 bootstrap(AppComponent, [
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
index 544aa1d4a4..cfcffa5ce3 100644
--- a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
@@ -1,5 +1,5 @@
 // #docregion imports
-import { Hero } from './heroes/index';
+import { Hero } from './heroes';
 
 export var HEROES: Hero[] = [
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/index.html b/public/docs/_examples/cb-barrels/ts/index.html
index 99dd3b6e07..127ee6ac5e 100644
--- a/public/docs/_examples/cb-barrels/ts/index.html
+++ b/public/docs/_examples/cb-barrels/ts/index.html
@@ -14,10 +14,17 @@
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
     <script src="node_modules/systemjs/dist/system.src.js"></script>
 
+    <!--#docregion packages  -->
     <script src="systemjs.config.js"></script>
     <script>
+      System.config({
+        packages: {
+          'app/heroes': {main: 'index.js', defaultExtension: 'js'}
+        }
+      });
       System.import('app').catch(function(err){ console.error(err); });
     </script>
+    <!--#enddocregion packages  -->
   </head>
 
   <body>
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index 70b2312301..913a5984c9 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -42,8 +42,13 @@ include ../_util-fns
 +makeExample('cb-barrels/ts/app/heroes/index.ts', '', 'app/heroes/index.ts')
 
 :marked
-  Each of the files are now available as a single import.
+  The SystemJs module loader is not yet able to identify our new barrel, so
+  app/heroes is added manually as a package in index.html.
++makeExample('cb-barrels/ts/index.html', 'packages', 'index.html')
 
+:marked
+  The files inside the barrel can now be imported through a single import.
+  
 <a id="importing-a-barrel"></a>
 :marked
   ## Importing a barrel

From 91bb9d80ffe59e39b5d5753859707f4f96303d2d Mon Sep 17 00:00:00 2001
From: Eric Jimenez <eric.jimenez@rangle.io>
Date: Tue, 17 May 2016 12:24:37 -0400
Subject: [PATCH 08/41] fix(resources): use title key from firebase. Adjust
 layout a bit

---
 public/resources/css/module/_resources.scss | 4 ++--
 public/resources/index.ejs                  | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/resources/css/module/_resources.scss b/public/resources/css/module/_resources.scss
index ce23ca3d73..f8b9fb3498 100644
--- a/public/resources/css/module/_resources.scss
+++ b/public/resources/css/module/_resources.scss
@@ -1,10 +1,10 @@
 .resources {
   display: flex;
   justify-content: space-between;
-  flex-wrap: wrap;
   flex-direction: row-reverse;
 
-  @media(max-width: 400px) {
+  @media(max-width: 768px) {
+    justify-content: center;
     flex-direction: column-reverse;
   }
 
diff --git a/public/resources/index.ejs b/public/resources/index.ejs
index 51adecdc77..bb85fc7ddc 100644
--- a/public/resources/index.ejs
+++ b/public/resources/index.ejs
@@ -5,10 +5,10 @@
         <div>
             <h1 class="capitalize">{{category}}</h1>
             <div ng-repeat="section in categoryContent">
-                <div class="grid-fluid" ng-repeat="(subsectionName, subsectionArray) in section">
+                <div ng-repeat="(subsectionName, subsectionObj) in section">
                     <div>
-                        <h2 class="capitalize">{{ subsectionName }}</h2>
-                        <ul ng-repeat="resource in subsectionArray.resources">
+                        <h2>{{ subsectionObj.title }}</h2>
+                        <ul ng-repeat="resource in subsectionObj.resources">
                             <li ng-if="resource.rev"><a target="_blank" href="{{resource.url}}">{{ resource.title }}</a></li>
                         </ul>
                     </div>

From e855de5e2e4779563fcaf1bf1993df5b55f1e5f2 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Tue, 17 May 2016 17:13:11 -0600
Subject: [PATCH 09/41] docs(cb-barrels): Fix typo and use .filetree

---
 public/docs/ts/latest/cookbook/barrels.jade | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index 913a5984c9..e76b63c288 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -31,7 +31,7 @@ include ../_util-fns
       hero-detail.component.css
       hero-detail.component.html
       hero-detail.component.ts
-      hero-service.ts
+      hero.service.ts
       hero.ts
       heroes.component.css
       heroes.component.html
@@ -48,7 +48,7 @@ include ../_util-fns
 
 :marked
   The files inside the barrel can now be imported through a single import.
-  
+
 <a id="importing-a-barrel"></a>
 :marked
   ## Importing a barrel

From 0646adafe7fed88d58c3cf85afe1423f590d01c6 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Tue, 17 May 2016 19:23:45 -0600
Subject: [PATCH 10/41] docs(cb-barrels): reorganize into multiple barrels

---
 .../hero-detail.component.css                 |  0
 .../hero-detail.component.html                |  0
 .../hero-detail.component.ts                  |  7 +-
 .../ts/app/heroes/heroes.component.ts         |  5 +-
 .../cb-barrels/ts/app/heroes/index.ts         |  5 +-
 .../heroes/{hero.ts => shared/hero.model.ts}  |  0
 .../app/heroes/{ => shared}/hero.service.ts   |  2 +-
 .../cb-barrels/ts/app/heroes/shared/index.ts  |  3 +
 .../ts/app/{ => heroes/shared}/mock-heroes.ts |  2 +-
 .../docs/_examples/cb-barrels/ts/index.html   |  3 +-
 public/docs/ts/latest/cookbook/barrels.jade   | 76 ++++++++++---------
 11 files changed, 56 insertions(+), 47 deletions(-)
 rename public/docs/_examples/cb-barrels/ts/app/heroes/{ => hero-detail}/hero-detail.component.css (100%)
 rename public/docs/_examples/cb-barrels/ts/app/heroes/{ => hero-detail}/hero-detail.component.html (100%)
 rename public/docs/_examples/cb-barrels/ts/app/heroes/{ => hero-detail}/hero-detail.component.ts (73%)
 rename public/docs/_examples/cb-barrels/ts/app/heroes/{hero.ts => shared/hero.model.ts} (100%)
 rename public/docs/_examples/cb-barrels/ts/app/heroes/{ => shared}/hero.service.ts (87%)
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/shared/index.ts
 rename public/docs/_examples/cb-barrels/ts/app/{ => heroes/shared}/mock-heroes.ts (91%)

diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.css
similarity index 100%
rename from public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css
rename to public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.css
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html
similarity index 100%
rename from public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html
rename to public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts
similarity index 73%
rename from public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
rename to public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts
index e6db3ae4bd..c945a8f6dd 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts
@@ -1,14 +1,13 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { RouteParams } from '@angular/router-deprecated';
-import { HeroService } from './hero.service';
-import { Hero } from './hero';
+import { HeroService, Hero } from '../shared';
 
 @Component({
 // #enddocregion
   selector: 'my-hero-detail',
-  templateUrl: 'app/heroes/hero-detail.component.html',
-  styleUrls: ['app/heroes/hero-detail.component.css']
+  templateUrl: 'app/heroes/hero-detail/hero-detail.component.html',
+  styleUrls: ['app/heroes/hero-detail/hero-detail.component.css']
 })
 export class HeroDetailComponent implements OnInit {
   hero: Hero;
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
index 41db767098..7bc3cfb000 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
@@ -1,9 +1,8 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
-import { HeroService } from './hero.service';
-import { HeroDetailComponent } from './hero-detail.component'
-import { Hero } from './hero';
+import { HeroService, Hero } from './shared';
+import { HeroDetailComponent } from './hero-detail/hero-detail.component'
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
index 8f98b1c560..9101d48411 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
@@ -1,5 +1,4 @@
 // #docregion
-export * from './hero';
-export * from './hero-detail.component';
-export * from './hero.service';
+export * from './hero-detail/hero-detail.component';
 export * from './heroes.component';
+export * from './shared';
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts
similarity index 100%
rename from public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
rename to public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.service.ts
similarity index 87%
rename from public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
rename to public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.service.ts
index 2f4ef35fc8..11d60b97a6 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.service.ts
@@ -1,6 +1,6 @@
 // #docregion imports
 import { Injectable } from '@angular/core';
-import { HEROES }     from '../mock-heroes';
+import { HEROES }     from './mock-heroes';
 
 @Injectable()
 export class HeroService {
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/shared/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..27516fdedd
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/index.ts
@@ -0,0 +1,3 @@
+// #docregion
+export * from './hero.model';
+export * from './hero.service';
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
similarity index 91%
rename from public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
rename to public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
index cfcffa5ce3..014b7075d1 100644
--- a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
@@ -1,5 +1,5 @@
 // #docregion imports
-import { Hero } from './heroes';
+import { Hero } from './hero.model';
 
 export var HEROES: Hero[] = [
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/index.html b/public/docs/_examples/cb-barrels/ts/index.html
index 127ee6ac5e..5cc8fa9acb 100644
--- a/public/docs/_examples/cb-barrels/ts/index.html
+++ b/public/docs/_examples/cb-barrels/ts/index.html
@@ -19,7 +19,8 @@
     <script>
       System.config({
         packages: {
-          'app/heroes': {main: 'index.js', defaultExtension: 'js'}
+          'app/heroes': {main: 'index.js', defaultExtension: 'js'},
+          'app/heroes/shared': {main: 'index.js', defaultExtension: 'js'}
         }
       });
       System.import('app').catch(function(err){ console.error(err); });
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index e76b63c288..9f7fe66c34 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -4,8 +4,8 @@ include ../_util-fns
 :marked
   This cookbook contains recipes for creating barrels to simplify file imports. In Angular 2 apps, we frequently find
   ouselves importing multiple files together (for example, in the tutorial app, the hero component and the hero service
-  are both frequently imported together into other components). We can create a single export that contains them both.
-  This is called a barrel.
+  are both frequently imported together into other components). We can create a single export that contains them both
+  so they can be easily imported together. This is called a barrel.
 
 <a id="toc"></a>
 :marked
@@ -23,36 +23,50 @@ include ../_util-fns
 :marked
   ## Creating a barrel
 
-  `Hero`, `HeroDetailComponent`, `HeroService`, and `HeroesComponent` are all frequently used together.  Each of them
-  are moved into a `heroes` directory with their supporting files:
-
-  <pre class="prettyprint prettyprinted">
-    /heroes
-      hero-detail.component.css
-      hero-detail.component.html
-      hero-detail.component.ts
-      hero.service.ts
-      hero.ts
-      heroes.component.css
-      heroes.component.html
-      heroes.component.ts
-  </pre>
-
-  An `index.ts` file is created in the `/heroes` directory. And each of the files is imported and re-exported:
+  The `Hero` model, `HeroDetailComponent`, `HeroesComponent`, and `HeroService` are all frequently used together.
+  It would make things easier if we could import them all together. To make this possible, each of them
+  is moved into a `heroes` directory and organized into sub-directories with their supporting files:
+
+.filetree
+  .file heroes
+  .children
+    .file heroes.component.css
+    .file heroes.component.html
+    .file heroes.component.ts
+    .file hero-detail
+    .children
+      .file hero-detail.component.css
+      .file hero-detail.component.html
+      .file hero-detail.component.ts
+    .file shared
+    .children
+      .file hero.service.ts
+      .file hero.ts
+      .file mock-heroes.ts
+
+:marked
+  Since there are two exportable items in the shared folder, an `index.ts` file is created in that
+  folder, and then each of the files in that folder are imported and re-exported. This is our first
+  barrel. Since `mock-heroes.ts` is not used outside of the barrel it is not re-exported.
++makeExample('cb-barrels/ts/app/heroes/shared/index.ts', '', 'app/heroes/shared/index.ts')
+
+:marked
+  Our next barrel is in the heroes folder. An `index.ts` file is created in that folder and then the
+  components and services and the `shared` barrel we just created are all imported and re-exported:
 +makeExample('cb-barrels/ts/app/heroes/index.ts', '', 'app/heroes/index.ts')
 
 :marked
-  The SystemJs module loader is not yet able to identify our new barrel, so
-  app/heroes is added manually as a package in index.html.
+  The SystemJs module loader is not yet able to identify our new barrels, so
+  they are added manually as packages in index.html.
 +makeExample('cb-barrels/ts/index.html', 'packages', 'index.html')
 
 :marked
-  The files inside the barrel can now be imported through a single import.
+  The files inside the barrels can now be imported through a single import.
 
 <a id="importing-a-barrel"></a>
 :marked
   ## Importing a barrel
-  The app component imports `HeroesComponent`, `HeroDetailComponent`, and `HeroService` with a
+  The app component imports the `HeroesComponent`, `HeroDetailComponent`, and `HeroService` with a
   single import:
 +makeExample('cb-barrels/ts/app/app.component.ts', 'imports', 'app/app.component.ts')
 
@@ -64,26 +78,20 @@ include ../_util-fns
   The `main.ts` bootstrap file imports `HeroService`:
 +makeExample('cb-barrels/ts/app/main.ts', 'imports', 'app/main.ts')
 
-:marked
-  The `mock-heroes.ts` file imports `Hero`:
-+makeExample('cb-barrels/ts/app/mock-heroes.ts', 'imports', 'app/mock-heroes.ts')
-
 .alert.is-helpful
   :marked
     Do not attempt to reference the barrel index file from within the barrel.
     These files are still imported individually as shown below.
 
+:marked
+  The `HeroDetailComponent` and `HeroesComponent` import the `HeroService` and `Hero` model from the
+  `shared` barrel. And the reference to the `HeroDetailComponent` is updated in the `HeroesComponent`
+  since it was moved into a new folder:
 +makeTabs(
-  `cb-barrels/ts/app/heroes/hero-detail.component.ts,
+  `cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts,
    cb-barrels/ts/app/heroes/heroes.component.ts`,
   `imports,
    imports`,
-  `app/heroes/hero-detail.component.ts,
+  `app/heroes/hero-detail/hero-detail.component.ts,
    app/heroes/heroes.component.ts`
 )
-
-:marked
-  Since the `HeroService` was moved into a new folder, it's reference to
-  `mock-heroes` is updated to add `../`.
-
-+makeExample('cb-barrels/ts/app/heroes/hero.service.ts', 'imports', 'app/heroes/hero.service.ts')

From d152ea293e38797c9859f4f34252203594860257 Mon Sep 17 00:00:00 2001
From: Albert Pai <iamalbertpai@gmail.com>
Date: Tue, 17 May 2016 15:53:35 -0700
Subject: [PATCH 11/41] docs(cb-dependency-injection): Fix typos closes #1421

---
 public/docs/ts/latest/cookbook/dependency-injection.jade | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/docs/ts/latest/cookbook/dependency-injection.jade b/public/docs/ts/latest/cookbook/dependency-injection.jade
index 1e21e9409b..e15af274c9 100644
--- a/public/docs/ts/latest/cookbook/dependency-injection.jade
+++ b/public/docs/ts/latest/cookbook/dependency-injection.jade
@@ -178,7 +178,7 @@ figure.image-display
   
   Accordingly, dependencies provided in the root `AppComponent` can be injected into *any* component *anywhere* in the application.
   
-  That isn't always desireable. 
+  That isn't always desirable. 
   Sometimes we want to restrict service availability to a particular region of the application.
   
   We can limit the scope of an injected service to a *branch* of the application hierarchy
@@ -277,7 +277,7 @@ a(id="qualify-dependency-lookup")
   placing it in the `<ng-content>` slot of the `HeroBioComponent` template:
 +makeExample('cb-dependency-injection/ts/app/hero-bio.component.ts','template','app/hero-bio.component.ts (template)')(format='.')
 :marked
-  It looks like this, with the heroe's telephone number from `HeroContactComponent` projected above the hero description:
+  It looks like this, with the hero's telephone number from `HeroContactComponent` projected above the hero description:
 figure.image-display
   img(src="/resources/images/cookbooks/dependency-injection/hero-bio-and-content.png" alt="bio and contact")    
 :marked
@@ -308,7 +308,7 @@ figure.image-display
 :marked
   If we comment out the `@Host()` decorator, Angular now walks up the injector ancestor tree 
   until it finds the logger at the `AppComponent` level. The logger logic kicks in and the hero display updates
-  with the gratuituous "!!!", indicating that the logger was found.
+  with the gratuitous "!!!", indicating that the logger was found.
 figure.image-display
   img(src="/resources/images/cookbooks/dependency-injection/hero-bio-contact-no-host.png" alt="Without @Host") 
 :marked
@@ -367,7 +367,7 @@ figure.image-display
   
   Where did the injector get that value?
   It may already have that value in its internal container. 
-  It it doesn't, it may be able to make one with the help of a ***provider***.
+  If it doesn't, it may be able to make one with the help of a ***provider***.
   A *provider* is a recipe for delivering a service associated with a *token*.
 .l-sub-section
   :marked

From 5b1a84be4cb18a080c390622c46ce04e567a7448 Mon Sep 17 00:00:00 2001
From: Patrice Chalin <chalin@users.noreply.github.com>
Date: Wed, 18 May 2016 10:27:51 -0700
Subject: [PATCH 12/41] chore(docs): revise makeExcerpt mixin, add
 makeProjExample mixin

Be more DRY when referencing examples and excerpts. E.g.,
```jade
+makeExcerpt('quickstart/ts/app/app.component.ts', 'import',
'app/app.component.ts (import)')
```
can now be just
```jade
+makeExcerpt('app/app.component.ts', 'import')
```
Defined new mixin for examples named `makeProjExample` using this new
scheme.
The original `makeExample` has been left untouched.

Applied new mixins to quickstart.

closes #1420
---
 public/_includes/_util-fns.jade               | 44 ++++++++++++++++---
 .../docs/_examples/quickstart/ts/app/main.ts  |  4 +-
 public/docs/ts/latest/quickstart.jade         | 18 ++++----
 3 files changed, 48 insertions(+), 18 deletions(-)

diff --git a/public/_includes/_util-fns.jade b/public/_includes/_util-fns.jade
index 1786e7fd8a..592068484d 100644
--- a/public/_includes/_util-fns.jade
+++ b/public/_includes/_util-fns.jade
@@ -68,13 +68,43 @@ mixin makeExample(_filePath, region, _title, stylePatterns)
       .example-title #{title}
   code-example(language="#{language}" format="#{format}")
     != styleString(frag, stylePatterns)
-    
-//- Like makeExample, but doesn't show line numbers and
-//- title is appened with `(excerpt)` if it doesn't already
-//- end with a parenthetical remark.
-mixin makeExcerpt(_filePath, region, _title, stylePatterns)
-  - if (_title && !_title.match(/\([\w ]+\)$/)) _title = _title + ' (excerpt)';
-  +makeExample(_filePath, region, _title, stylePatterns)(format='.')
+
+//- Like makeExample, but the first argument is a path that is 
+//- relative to the project root. Unless title is defined, 
+//- the project relative path will be used.
+mixin makeProjExample(projRootRelativePath, region, title, stylePatterns)
+  - var relPath = projRootRelativePath.trim();
+  - var filePath = getExampleName() + '/ts/' + relPath;
+  - if (!title) {
+  -   // Is path like styles.1.css? Then drop the '.1' qualifier:
+  -   var matches = relPath.match(/^(.*)\.\d(\.\w+)$/);
+  -   title = matches ? matches[1] + matches[2] : relPath;
+  - }
+  +makeExample(filePath, region, title, stylePatterns)
+
+//- Like makeExample, but doesn't show line numbers, and the first
+//- argument is a path that is relative to the example project root. 
+//- Unless title is defined, the project relative path will be used.
+//- Title will always end with a phrase in parentheses; if no such
+//- ending is given, then the title will be suffixed with
+//- either "(excerpt)", or "(#{region})" when region is defined.
+mixin makeExcerpt(projRootRelativePath, region, title, stylePatterns)
+  - var relPath = projRootRelativePath.trim();
+  - var filePath = getExampleName() + '/ts/' + relPath;
+  - if (!title) {
+  -   // Is path like styles.1.css? Then drop the '.1' qualifier:
+  -   var matches = relPath.match(/^(.*)\.\d(\.\w+)$/);
+  -   title = matches ? matches[1] + matches[2] : relPath;
+  - }
+  - var excerpt = region || 'excerpt';
+  - if (title && !title.match(/\([\w ]+\)$/)) title = title + ' (' + excerpt + ')';
+  +makeExample(filePath, region, title, stylePatterns)(format='.')
+
+//- Extract the doc example name from `current`.
+- var getExampleName = function() {
+-   var dir = current.path[current.path.length - 1];
+-   return dir == 'latest' ? current.source : dir;
+- };
 
 mixin makeTabs(filePaths, regions, tabNames, stylePatterns)
   - filePaths = strSplit(filePaths);
diff --git a/public/docs/_examples/quickstart/ts/app/main.ts b/public/docs/_examples/quickstart/ts/app/main.ts
index 433fd05c80..2aede345e9 100644
--- a/public/docs/_examples/quickstart/ts/app/main.ts
+++ b/public/docs/_examples/quickstart/ts/app/main.ts
@@ -1,8 +1,8 @@
 // #docregion
 import { bootstrap }    from '@angular/platform-browser-dynamic';
 
-// #docregion app-component
+// #docregion import
 import { AppComponent } from './app.component';
-// #enddocregion app-component
+// #enddocregion import
 
 bootstrap(AppComponent);
diff --git a/public/docs/ts/latest/quickstart.jade b/public/docs/ts/latest/quickstart.jade
index 526986a627..fb5bd5e910 100644
--- a/public/docs/ts/latest/quickstart.jade
+++ b/public/docs/ts/latest/quickstart.jade
@@ -208,7 +208,7 @@ p.
   #[b Create the component file]
   #[code #[+adjExPath('app/app.component.ts')]] (in this newly created directory) with the following content:
 
-+makeExample('quickstart/ts/app/app.component.ts', '', 'app/app.component.ts')(format='.')
++makeProjExample('app/app.component.ts')
 
 .l-verbose-section
   :marked
@@ -241,7 +241,7 @@ p.
     Here we import the Angular 2 core so that our component code can have access to
     the `@Component` #{_decorator}.
 
-  +makeExcerpt('quickstart/ts/app/app.component.ts', 'import', 'app/app.component.ts (import)')
+  +makeExcerpt('app/app.component.ts', 'import')
 
   h3#component-decorator @Component #{_decorator}
   +ifDocsFor('ts')
@@ -254,7 +254,7 @@ p.
     component class.
     The metadata tells Angular how to create and use this component.
 
-  +makeExcerpt('quickstart/ts/app/app.component.ts', 'metadata', 'app/app.component.ts (metadata)')(format='.')
+  +makeExcerpt('app/app.component.ts', 'metadata')
 
   block annotation-fields
     :marked
@@ -279,7 +279,7 @@ p.
   :marked
     ### Component class
     At the bottom of the file is an empty, do-nothing class named `AppComponent`.
-  +makeExcerpt('quickstart/ts/app/app.component.ts', 'class', 'app/app.component.ts (class)')
+  +makeExcerpt('app/app.component.ts', 'class')
   :marked
     When we're ready to build a substantive application,
     we can expand this class with properties and application logic.
@@ -297,7 +297,7 @@ block create-main
     Now we need something to tell Angular to load the root component.
     Create the file #[code #[+adjExPath('app/main.ts')]] with the following content:
 
-+makeExample('quickstart/ts/app/main.ts', '', 'app/main.ts')(format='.')
++makeProjExample('app/main.ts')
 
 .l-verbose-section
   :marked
@@ -342,7 +342,7 @@ h2#index Step 4: Add #[code index.html]
   In the *#{_indexHtmlDir}* folder
   create an `index.html` file and paste the following lines into it:
 
-+makeExample('quickstart/ts/index.html', '', 'index.html')(format='.')
++makeProjExample('index.html')
 
 .l-verbose-section
   :marked
@@ -360,7 +360,7 @@ h2#index Step 4: Add #[code index.html]
     :marked
       ### Libraries
       We loaded the following scripts
-    +makeExcerpt('quickstart/ts/index.html', 'libraries', 'index.html')
+    +makeExcerpt('index.html', 'libraries')
     :marked
       We begin with es6-shim which monkey patches the global context (window) with essential features of ES2015 (ES6).
       Next are the polyfills for Angular2, `zone.js` and `reflect-metadata`.
@@ -407,7 +407,7 @@ h2#index Step 4: Add #[code index.html]
 
       Our QuickStart makes such requests when one of its
       application TypeScript files has an import statement like this:
-    +makeExcerpt('quickstart/ts/app/main.ts', 'app-component', 'main.ts (excerpt)')
+    +makeExcerpt('app/main.ts', 'import')
     :marked
       Notice that the module name (after `from`) does not mention a filename extension.
       In the configuration we tell SystemJS to default the extension to `js`, a JavaScript file.
@@ -463,7 +463,7 @@ h2#index Step 4: Add #[code index.html]
   Create a `styles.css` file in the *#{_indexHtmlDir}* folder and start styling, perhaps with the minimal
   styles shown below. For the full set of master styles used by the documentation samples,
   see [styles.css](https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css).
-+makeExcerpt('quickstart/ts/styles.1.css', '', 'styles.css')
++makeExcerpt('styles.1.css')
 
 .l-main-section
 h2#build-and-run Step 5: Build and run the app!

From a595eb81ef07fe4557905571c2445da40e651a2a Mon Sep 17 00:00:00 2001
From: Kathy Walrath <kathyw@google.com>
Date: Wed, 18 May 2016 13:43:02 -0700
Subject: [PATCH 13/41] docs(dart): update BASICS intro (#1410)

Also copy edited the TS version a bit.
---
 public/_includes/_util-fns.jade          |  16 ++--
 public/docs/dart/latest/_util-fns.jade   |   5 +-
 public/docs/dart/latest/guide/index.jade | 106 +++------------------
 public/docs/ts/latest/guide/index.jade   | 116 +++++++++++------------
 4 files changed, 84 insertions(+), 159 deletions(-)

diff --git a/public/_includes/_util-fns.jade b/public/_includes/_util-fns.jade
index 592068484d..550330210c 100644
--- a/public/_includes/_util-fns.jade
+++ b/public/_includes/_util-fns.jade
@@ -2,7 +2,7 @@
 
 //- _docsFor: used to identify the language this version of the docs if for;
 //- Should be one of: 'ts', 'dart' or 'js'. Set in lang specific _util-fns file.
-- var _docsFor = ''; 
+- var _docsFor = '';
 
 //- Should match `_docsFor`, but in this case provides the full capitalized
 //- name of the language.
@@ -29,6 +29,10 @@
 - var _Promise = 'Promise';
 - var _Observable = 'Observable';
 
+//- Location of sample code
+- var _liveLink = 'live link';
+
+
 //- Used to prefix identifiers that are private. In Dart this will be '_'.
 - var _priv = '';
 
@@ -46,7 +50,7 @@ mixin adjExPath(path)
     | #{adjustExamplePath(path)}
   else
     | #{path}
-  
+
 mixin includeShared(filePath, region)
   - var newPath = translatePath(filePath, region);
   !=partial(newPath)
@@ -69,8 +73,8 @@ mixin makeExample(_filePath, region, _title, stylePatterns)
   code-example(language="#{language}" format="#{format}")
     != styleString(frag, stylePatterns)
 
-//- Like makeExample, but the first argument is a path that is 
-//- relative to the project root. Unless title is defined, 
+//- Like makeExample, but the first argument is a path that is
+//- relative to the project root. Unless title is defined,
 //- the project relative path will be used.
 mixin makeProjExample(projRootRelativePath, region, title, stylePatterns)
   - var relPath = projRootRelativePath.trim();
@@ -83,7 +87,7 @@ mixin makeProjExample(projRootRelativePath, region, title, stylePatterns)
   +makeExample(filePath, region, title, stylePatterns)
 
 //- Like makeExample, but doesn't show line numbers, and the first
-//- argument is a path that is relative to the example project root. 
+//- argument is a path that is relative to the example project root.
 //- Unless title is defined, the project relative path will be used.
 //- Title will always end with a phrase in parentheses; if no such
 //- ending is given, then the title will be suffixed with
@@ -164,7 +168,7 @@ script.
     el.style.display = isVerbose ? 'block' : 'none';
     var el = document.querySelector('button.verbose.on');
     el.style.display = isVerbose ? 'none' : 'block';
-    
+
     CCSStylesheetRuleStyle('main','.l-verbose-section', 'display',
       isVerbose ? 'block' : 'none');
   }
diff --git a/public/docs/dart/latest/_util-fns.jade b/public/docs/dart/latest/_util-fns.jade
index 3f38aa8bea..380b4ac7a1 100644
--- a/public/docs/dart/latest/_util-fns.jade
+++ b/public/docs/dart/latest/_util-fns.jade
@@ -11,13 +11,14 @@ include ../../../_includes/_util-fns
 - var _Lang = 'Dart';
 - var _Promise = 'Future';
 - var _Observable = 'Stream';
+- var _liveLink = 'sample repo';
 
 mixin liveExampleLink(linkText, exampleUrlPartName)
   a(href='https://angular-examples.github.io/#{exampleUrlPartName}' target="_blank")= linkText
 
 mixin liveExampleLink2(linkText, exampleUrlPartName)
   - var liveExampleSourceLinkText = attributes.srcLinkText || 'view source'
-  | #[+liveExampleLink(linkText, exampleUrlPartName)] 
+  | #[+liveExampleLink(linkText, exampleUrlPartName)]
   | (#[a(href='https://github.com/angular-examples/#{exampleUrlPartName}' target="_blank") #{liveExampleSourceLinkText}])
 
 - var adjustExamplePath = function(_path) {
@@ -29,7 +30,7 @@ mixin liveExampleLink2(linkText, exampleUrlPartName)
 -   var baseName = getBaseFileName(path) || path; // TODO: have getBaseFileName() return path
 -   var baseNameNoExt = baseName.substr(0,baseName.length - (extn.length + 1));
 -   var inWebFolder = baseNameNoExt.match(/^(main|index(\.\d)?)$/);
--   // Adjust the folder path, e.g., ts -> dart 
+-   // Adjust the folder path, e.g., ts -> dart
 -   folder = folder.replace(/(^|\/)ts($|\/)/, '$1dart$2').replace(/(^|\/)app($|\/)/, inWebFolder ? '$1web$2' : '$1lib$2');
 -   // Special case not handled above: e.g., index.html -> web/index.html
 -   if(baseNameNoExt.match(/^(index|styles)(\.\d)?$/)) folder = (folder ? folder + '/' : '') + 'web';
diff --git a/public/docs/dart/latest/guide/index.jade b/public/docs/dart/latest/guide/index.jade
index 8ef237ed68..417bf9ea8d 100644
--- a/public/docs/dart/latest/guide/index.jade
+++ b/public/docs/dart/latest/guide/index.jade
@@ -1,93 +1,13 @@
-include ../_util-fns
-
-:marked
-  This Developers Guide is a practical guide to Angular for experienced programmers who
-  are building client applications in HTML and Dart.
-figure
-  img(src="/resources/images/devguide/intro/people.png" alt="Us" align="left" style="width:200px; margin-left:-40px;margin-right:10px" )
-:marked
-  We are on a journey together to understand how Angular works and, more importantly,
-  how to make it work for us. We look at our application requirements and we see problems to solve.
-  <br clear="all">
-
-  * How do we get data onto the screen and handle user interactions?
-  * How do we organize our code into manageable, cohesive chunks of functionality that work together?
-  * What are the essential Angular building blocks and how do they help?
-  * How do we minimize routine, mechanical coding in favor of declarative, higher level constructs without losing control?
-
-  This chapter begins the journey.
-
-<a id="how-to-read"></a>
-:marked
-  # How to read this guide
-  Each chapter of this guide targets an Angular feature,
-  showing how to use it to solve a programming problem.
-
-  All the chapters include code snippets ... snippets we can reuse in our own applications.
-  Typically, these snippets are excerpts from a sample application that accompanies the chapter.
-
-  **All the source files** for each sample app are displayed together at the **end of each chapter.**
-
-  <!-- Although a few early chapters are written as tutorials, most later chapters
-  don't explain how to build the accompanying sample.
-  These non-tutorial chapters highlight key points in code but generally don't include the entire source. -->
-
-  <!-- We don't have to read this guide straight through. -->
-  <!-- The "[Cheat Sheet](cheatsheet.html)" is a handy map to Angular overall. -->
-  <!-- A few early chapters are arranged sequentially and best read together to establish a foundation in Angular.
-  But most chapters stand on their own. We can browse to any of them as our interest or some necessity moves us. -->
-
-  Here is a learning path we might follow:
-
-  1. First, be familiar with Dart programming and with web concepts such as
-  the DOM, HTML, and CSS. Dart tutorials such as
-  [Get Started](https://www.dartlang.org/docs/tutorials/get-started/) and
-  [Connect Dart & HTML](https://www.dartlang.org/docs/tutorials/connect-dart-html/)
-  are a great way to start.
-
-  1. Follow the [QuickStart](../quickstart.html), which is the "Hello, World" of Angular 2.
-  It shows how to set up the libraries and tools needed to write *any* Angular app.
-  It ends with a "proof of life", a running Angular app.
-
-  1. Next, read the Developers Guide chapters in order:
-    <!-- TODO: adjust this text once we have non-introductory/tutorial chapters -->
-    1. The rest of this chapter, especially the Architecture overview
-    1. [Displaying Data](displaying-data.html)
-    1. [User Input](user-input.html)
-    1. [Forms](forms.html)
-    <!-- add dependency injection when it exists -->
-    <!-- add text about template syntax, once that exists -->
-
-  1. Consider hopping over to the [TypeScript docs](/docs/ts/latest/)
-     since they're currently ahead of the Dart docs. (We're working on that!)
-     Especially check out the [Tutorial](/docs/ts/latest/tutorial/) and
-     [Cheat Sheet](/docs/ts/latest/guide/cheatsheet.html), and the guide chapters
-     [Dependency Injection](/docs/ts/latest/guide/dependency-injection.html)
-     and [Template Syntax](/docs/ts/latest/guide/template-syntax.html).
-
-  <!-- Follow your own star from there, wherever it leads. -->
-
-  Don't miss the [Cheat Sheet](cheatsheet.html), a handy map to Angular.
-
-<a id="toh"></a>
-.l-main-section
-:marked
-  # Appendix: The Hero Staffing Agency
-
-  There's a backstory to the <!-- the "Tour of Heroes" and --> samples in this guide.
-
-  The world is full of crises large and small.
-  Fortunately, courageous heroes are prepared to take on every challenge.
-  The shadowy Hero Staffing Agency matches crises to heroes.
-
-  We are contract developers, hired by the Agency to build an application to manage their operations.
-  The Agency maintains a stable of heroes with special powers.
-  Ordinary humans submit crises as job requests. The heroes bid to take the job, and the Agency
-  assigns each job accordingly.
-
-  Our application handles every detail of recruiting, tracking, and job assignment.
-  For example, the [Forms](forms.html) chapter features a screen for
-  entering personal information about heroes:
-
-figure.image-display
-  img(src="/resources/images/devguide/forms/hero-form-1.png" width="400px" alt="Clean Form")
+extends ../../../ts/latest/guide/index.jade
+
+block includes
+  include ../_util-fns
+
+block example-links
+  :marked
+    Look for a link to that sample near the top of each page.
+    For example, the sample repo https://github.com/angular-examples/architecture
+    contains the code
+    for the [Architecture](architecture.html) chapter's sample.
+    A running version of that sample is at
+    https://angular-examples.github.io/architecture/.
diff --git a/public/docs/ts/latest/guide/index.jade b/public/docs/ts/latest/guide/index.jade
index a6728b3a79..9fc8f82f68 100644
--- a/public/docs/ts/latest/guide/index.jade
+++ b/public/docs/ts/latest/guide/index.jade
@@ -1,4 +1,5 @@
-include ../_util-fns
+block includes
+  include ../_util-fns
 
 // #docregion intro
 - var langName = current.path[1] == 'ts' ? 'TypeScript' : 'JavaScript'
@@ -17,7 +18,7 @@ figure
 <a id="learning-path"></a>
 :marked
   # Organization
-  
+
   The documentation is divided into major thematic sections, each
   a collection of chapters devoted to that theme.
 // #enddocregion how-to-read-1
@@ -26,14 +27,16 @@ figure
 table(width="100%")
   col(width="15%")
   col
+  tr(style=top)
+    td <b>QuickStart</b>
+    td
+      :marked
+        The foundation for every chapter and sample in this documentation.
   tr(style=top)
     td <b>Tutorial</b>
     td
       :marked
-        A step-by-step, immersive approach to learning Angular. 
-        It begins with the [QuickStart](../quickstart.html), 
-        the foundation for every chapter and sample in this documentation,
-        followed by the [*Tour of Heroes* tutorial](../tutorial) that
+        A step-by-step, immersive approach to learning Angular that
         introduces the major features of Angular in an application context.
   tr(style=top)
     td <b>Basics</b>
@@ -44,86 +47,83 @@ table(width="100%")
     td <b>Developer Guide</b>
     td
       :marked
-        In depth analysis of Angular features and development practices.
+        In-depth analysis of Angular features and development practices.
   tr(style=top)
     td <b>Cookbook</b>
     td
       :marked
         Recipes for specific application challenges, mostly code snippets with a minimum of exposition.
   tr(style=top)
-    td <b>Reference</b>
+    td <b>API Reference</b>
     td
       :marked
-        Angular-specific reference material, most notably the [API Guide](../api)
-        with its authoritative details about each member in the Angular libraries.
-  tr(style=top)
-    td <b>Resources</b>
-    td
-      :marked
-        Other places to go for help and information.
+        Authoritative details about each member of the Angular libraries.
 :marked
-  # Learning Path
-  We don't have to read the guide straight through.  Most chapters stand on their own. 
-   
-  We recommend a learning path for those new to Angular. 
+  # Learning path
+  We don't have to read the guide straight through.  Most chapters stand on their own.
+
+  We recommend a learning path for those new to Angular.
   Most of that path runs through the *Basics* section:
 
-  1. Read the [Architecture Overview](architecture.html) to get the big picture.
-  
-  1. Try the [QuickStart](../quickstart.html). The QuickStart is the "Hello, World" of Angular 2. 
-  It shows us how to setup the libraries and tools we'll need to write *any* Angular app. 
-  
-  1. Take the *Tour of Heroes* [Tutorial](../tutorial) which picks up from where the QuickStart leaves off 
-  and builds a simple data-driven app. 
+  1. Read the [Architecture](architecture.html) overview to get the big picture.
+
+  1. Try the [QuickStart](../quickstart.html). The QuickStart is the "Hello, World" of Angular 2.
+  It shows us how to set up the libraries and tools we'll need to write *any* Angular app.
+
+  1. Take the *Tour of Heroes* [Tutorial](../tutorial), which picks up from where the QuickStart leaves off
+  and builds a simple data-driven app.
   Simple, yes, but with the essential characteristics we'd expect of a professional application:
-  a sensible project structure, data binding, master/detail, services, dependency injection, navigation, and remote data access. 
-  
+  a sensible project structure, data binding, master/detail, services, dependency injection, navigation, and remote data access.
+
     Return to the *Basics* section and continue in the suggested order:
-    
+
   1. [Displaying Data](displaying-data.html) explains how to get information on to the screen.
-  
+
   1. [User Input](user-input.html) covers the basics of responding to user behavior.
-  
+
   1. [Forms](forms.html) handle user data entry and validation within the UI.
-  
+
   1. [Dependency Injection](dependency-injection.html) is the way we build large, maintainable applications
-  from small, single purpose parts.
-  
-  1. [Template Syntax](template-syntax.html) is a comprehensive study of Angular template HTML. 
+  from small, single-purpose parts.
+
+  1. [Template Syntax](template-syntax.html) is a comprehensive study of Angular template HTML.
 
   With this foundation, we can read and understand any chapter in the guide.
 // #enddocregion how-to-read-2
 // #docregion the-rest
 :marked
-  # Code Samples
-  
-  Every chapter includes code snippets that we can reuse in our own applications. 
+  # Code samples
+
+  Every chapter includes code snippets that we can reuse in our own applications.
   These snippets are excerpts from a sample application that accompanies the chapter.
-  
-  Look for a link to a running version of that sample near the top of each page
-  such as this [live example](/resources/live-examples/architecture/ts/plnkr.html) from the [Architecture](architecture.html) chapter.
-  
-  The link launches a browser-based code editor where we can inspect, modify, save, and download the code.
-  
-  A few early chapters are written as tutorials and are clearly marked as such. 
-  Most chapters are *not* tutorials. 
+
+block example-links
+  :marked
+    Look for a link to a running version of that sample near the top of each page,
+    such as this [live example](/resources/live-examples/architecture/ts/plnkr.html) from the [Architecture](architecture.html) chapter.
+
+    The link launches a browser-based code editor where we can inspect, modify, save, and download the code.
+
+:marked
+  A few early chapters are written as tutorials and are clearly marked as such.
+  Most chapters are *not* tutorials.
   They highlight key points in code rather than explain each step necessary to build the sample.
-  We can always get the full source by way of the live link.
-  
-  ## References
-    
+  We can always get the full source by way of the #{_liveLink}.
+
+  # Reference pages
+
   The [Cheat Sheet](cheatsheet.html) lists Angular syntax for common scenarios.
-    
+
   The [Glossary](glossary.html) defines terms that Angular developers should know.
-  
-  The [API Guide](../api/) is the authority on every public-facing member of the Angular libraries.
- 
+
+  The [API Reference](../api/) is the authority on every public-facing member of the Angular libraries.
+
   # Feedback
-  
+
   We welcome feedback! Leave a comment by clicking the icon in upper right corner of the banner.
-  
-  Post *documentation* issues and pull requests on the 
+
+  Post *documentation* issues and pull requests on the
   [angular.io](https://github.com/angular/angular.io) github repository.
-  
+
   Post issues with *Angular 2 itself* to the [angular](https://github.com/angular/angular) github repository.
 // #enddocregion the-rest

From 31fe01e01f23f82bf1ea2139fe76453586953ac0 Mon Sep 17 00:00:00 2001
From: Ward Bell <wardbell@hotmail.com>
Date: Wed, 18 May 2016 16:20:24 -0700
Subject: [PATCH 14/41] docs: SystemJS to use @angular umd bundles

---
 .../quickstart/ts/systemjs.config.1.js        | 37 ++++++++++---------
 public/docs/_examples/systemjs.config.js      | 36 ++++++++++--------
 2 files changed, 41 insertions(+), 32 deletions(-)

diff --git a/public/docs/_examples/quickstart/ts/systemjs.config.1.js b/public/docs/_examples/quickstart/ts/systemjs.config.1.js
index 68881c6a3f..8cdeb99cb5 100644
--- a/public/docs/_examples/quickstart/ts/systemjs.config.1.js
+++ b/public/docs/_examples/quickstart/ts/systemjs.config.1.js
@@ -1,12 +1,16 @@
-// #docregion
+/**
+ * System configuration for Angular 2 samples
+ * Adjust as necessary for your application needs.
+ */
 (function(global) {
 
   // map tells the System loader where to look for things
   var map = {
     'app':                        'app', // 'dist',
-    'rxjs':                       'node_modules/rxjs',
+
+    '@angular':                   'node_modules/@angular',
     'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
-    '@angular':                   'node_modules/@angular'
+    'rxjs':                       'node_modules/rxjs'
   };
 
   // packages tells the System loader how to load when no filename and/or no extension
@@ -16,22 +20,21 @@
     'angular2-in-memory-web-api': { defaultExtension: 'js' },
   };
 
-  var packageNames = [
-    '@angular/common',
-    '@angular/compiler',
-    '@angular/core',
-    '@angular/http',
-    '@angular/platform-browser',
-    '@angular/platform-browser-dynamic',
-    '@angular/router',
-    '@angular/router-deprecated',
-    '@angular/testing',
-    '@angular/upgrade',
+  var ngPackageNames = [
+    'common',
+    'compiler',
+    'core',
+    'http',
+    'platform-browser',
+    'platform-browser-dynamic',
+    'router',
+    'router-deprecated',
+    'upgrade',
   ];
 
-  // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }
-  packageNames.forEach(function(pkgName) {
-    packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
+  // Add package entries for angular packages
+  ngPackageNames.forEach(function(pkgName) {
+    packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' };
   });
 
   var config = {
diff --git a/public/docs/_examples/systemjs.config.js b/public/docs/_examples/systemjs.config.js
index 3bd127415a..dc5c1484b6 100644
--- a/public/docs/_examples/systemjs.config.js
+++ b/public/docs/_examples/systemjs.config.js
@@ -7,9 +7,10 @@
   // map tells the System loader where to look for things
   var map = {
     'app':                        'app', // 'dist',
-    'rxjs':                       'node_modules/rxjs',
+
+    '@angular':                   'node_modules/@angular',
     'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
-    '@angular':                   'node_modules/@angular'
+    'rxjs':                       'node_modules/rxjs'
   };
 
   // packages tells the System loader how to load when no filename and/or no extension
@@ -19,21 +20,26 @@
     'angular2-in-memory-web-api': { defaultExtension: 'js' },
   };
 
-  var packageNames = [
-    '@angular/common',
-    '@angular/compiler',
-    '@angular/core',
-    '@angular/http',
-    '@angular/platform-browser',
-    '@angular/platform-browser-dynamic',
-    '@angular/router',
-    '@angular/router-deprecated',
-    '@angular/upgrade',
+  var ngPackageNames = [
+    'common',
+    'compiler',
+    'core',
+    'http',
+    'platform-browser',
+    'platform-browser-dynamic',
+    'router',
+    'router-deprecated',
+    'upgrade',
   ];
 
-  // add package entries for angular packages in the form '@angular/common': { main: 'index.js', defaultExtension: 'js' }
-  packageNames.forEach(function(pkgName) {
-    packages[pkgName] = { main: 'index.js', defaultExtension: 'js' };
+  // Add package entries for angular packages
+  ngPackageNames.forEach(function(pkgName) {
+
+    // Bundled (~40 requests):
+    packages['@angular/'+pkgName] = { main: pkgName + '.umd.js', defaultExtension: 'js' };
+
+    // Individual files (~300 requests):
+    //packages['@angular/'+pkgName] = { main: 'index.js', defaultExtension: 'js' };
   });
 
   var config = {

From e4db340464f5955670c0ce4e61587875a7d334b3 Mon Sep 17 00:00:00 2001
From: Torgeir Helgevold <torgeirh@hotmail.com>
Date: Sat, 9 Apr 2016 00:18:37 -0400
Subject: [PATCH 15/41] docs:(TOH chapter on Http) New Tour of Hero Chapter on
 Http

---
 .../_examples/toh-4/ts/app/app.component.ts   |   4 +-
 .../_examples/toh-5/ts/app/app.component.ts   |   2 +-
 public/docs/_examples/toh-6/e2e-spec.js       | 133 +++++++
 public/docs/_examples/toh-6/ts/.gitignore     |   1 +
 .../_examples/toh-6/ts/app/app.component.css  |  31 ++
 .../_examples/toh-6/ts/app/app.component.ts   |  36 ++
 .../toh-6/ts/app/dashboard.component.css      |  63 ++++
 .../toh-6/ts/app/dashboard.component.html     |  11 +
 .../toh-6/ts/app/dashboard.component.ts       |  32 ++
 .../toh-6/ts/app/hero-detail.component.css    |  30 ++
 .../toh-6/ts/app/hero-detail.component.html   |  13 +
 .../toh-6/ts/app/hero-detail.component.ts     |  53 +++
 .../_examples/toh-6/ts/app/hero.service.ts    |  99 +++++
 public/docs/_examples/toh-6/ts/app/hero.ts    |   4 +
 .../toh-6/ts/app/heroes.component.css         |  59 +++
 .../toh-6/ts/app/heroes.component.html        |  21 ++
 .../toh-6/ts/app/heroes.component.ts          |  66 ++++
 .../toh-6/ts/app/in-memory-data.service.ts    |  12 +
 public/docs/_examples/toh-6/ts/app/main.ts    |  29 ++
 .../_examples/toh-6/ts/example-config.json    |   0
 public/docs/_examples/toh-6/ts/index.html     |  27 ++
 public/docs/_examples/toh-6/ts/plnkr.json     |   9 +
 public/docs/_examples/toh-6/ts/sample.css     |   8 +
 public/docs/ts/latest/tutorial/_data.json     |   5 +
 public/docs/ts/latest/tutorial/toh-pt5.jade   |   1 +
 public/docs/ts/latest/tutorial/toh-pt6.jade   | 350 ++++++++++++++++++
 .../devguide/toh/hero-details-save-button.png | Bin 0 -> 17969 bytes
 .../toh/heroes-list-delete-button.png         | Bin 0 -> 17009 bytes
 28 files changed, 1096 insertions(+), 3 deletions(-)
 create mode 100644 public/docs/_examples/toh-6/e2e-spec.js
 create mode 100644 public/docs/_examples/toh-6/ts/.gitignore
 create mode 100644 public/docs/_examples/toh-6/ts/app/app.component.css
 create mode 100644 public/docs/_examples/toh-6/ts/app/app.component.ts
 create mode 100644 public/docs/_examples/toh-6/ts/app/dashboard.component.css
 create mode 100644 public/docs/_examples/toh-6/ts/app/dashboard.component.html
 create mode 100644 public/docs/_examples/toh-6/ts/app/dashboard.component.ts
 create mode 100644 public/docs/_examples/toh-6/ts/app/hero-detail.component.css
 create mode 100644 public/docs/_examples/toh-6/ts/app/hero-detail.component.html
 create mode 100644 public/docs/_examples/toh-6/ts/app/hero-detail.component.ts
 create mode 100644 public/docs/_examples/toh-6/ts/app/hero.service.ts
 create mode 100644 public/docs/_examples/toh-6/ts/app/hero.ts
 create mode 100644 public/docs/_examples/toh-6/ts/app/heroes.component.css
 create mode 100644 public/docs/_examples/toh-6/ts/app/heroes.component.html
 create mode 100644 public/docs/_examples/toh-6/ts/app/heroes.component.ts
 create mode 100644 public/docs/_examples/toh-6/ts/app/in-memory-data.service.ts
 create mode 100644 public/docs/_examples/toh-6/ts/app/main.ts
 create mode 100644 public/docs/_examples/toh-6/ts/example-config.json
 create mode 100644 public/docs/_examples/toh-6/ts/index.html
 create mode 100644 public/docs/_examples/toh-6/ts/plnkr.json
 create mode 100644 public/docs/_examples/toh-6/ts/sample.css
 create mode 100644 public/docs/ts/latest/tutorial/toh-pt6.jade
 create mode 100644 public/resources/images/devguide/toh/hero-details-save-button.png
 create mode 100644 public/resources/images/devguide/toh/heroes-list-delete-button.png

diff --git a/public/docs/_examples/toh-4/ts/app/app.component.ts b/public/docs/_examples/toh-4/ts/app/app.component.ts
index 9b0de3caeb..7ca63ee237 100644
--- a/public/docs/_examples/toh-4/ts/app/app.component.ts
+++ b/public/docs/_examples/toh-4/ts/app/app.component.ts
@@ -23,8 +23,8 @@ import { HeroService } from './hero.service';
     </ul>
     <my-hero-detail [hero]="selectedHero"></my-hero-detail>
   `,
-  // #enddocregion template  
-  styles:[`
+  // #enddocregion template
+  styles: [`
     .selected {
       background-color: #CFD8DC !important;
       color: white;
diff --git a/public/docs/_examples/toh-5/ts/app/app.component.ts b/public/docs/_examples/toh-5/ts/app/app.component.ts
index bedaca3e38..8d26ea6d90 100644
--- a/public/docs/_examples/toh-5/ts/app/app.component.ts
+++ b/public/docs/_examples/toh-5/ts/app/app.component.ts
@@ -3,12 +3,12 @@
 import { Component } from '@angular/core';
 import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router-deprecated';
 
-import { HeroService } from './hero.service';
 import { DashboardComponent } from './dashboard.component';
 import { HeroesComponent } from './heroes.component';
 // #docregion hero-detail-import
 import { HeroDetailComponent } from './hero-detail.component';
 // #enddocregion hero-detail-import
+import { HeroService } from './hero.service';
 
 @Component({
   selector: 'my-app',
diff --git a/public/docs/_examples/toh-6/e2e-spec.js b/public/docs/_examples/toh-6/e2e-spec.js
new file mode 100644
index 0000000000..02d5b2a698
--- /dev/null
+++ b/public/docs/_examples/toh-6/e2e-spec.js
@@ -0,0 +1,133 @@
+describe('TOH Http Chapter', function () {
+
+  beforeEach(function () {
+    browser.get('');
+  });
+
+  function getPageStruct() {
+    hrefEles = element.all(by.css('my-app a'));
+
+    return {
+      hrefs: hrefEles,
+      myDashboardHref: hrefEles.get(0),
+      myDashboardParent: element(by.css('my-app my-dashboard')),
+      topHeroes: element.all(by.css('my-app my-dashboard .module.hero')),
+
+      myHeroesHref: hrefEles.get(1),
+      myHeroesParent: element(by.css('my-app my-heroes')),
+      allHeroes: element.all(by.css('my-app my-heroes li .hero-element')),
+      
+      firstDeleteButton: element.all(by.buttonText('Delete')).get(0),
+
+      addButton: element.all(by.buttonText('Add New Hero')).get(0),
+
+      heroDetail: element(by.css('my-app my-hero-detail'))
+    }
+  }
+
+  it('should be able to add a hero from the "Heroes" view', function(){
+    var page = getPageStruct();
+    var heroCount;
+    
+    page.myHeroesHref.click().then(function() {
+      browser.waitForAngular();
+      heroCount = page.allHeroes.count();
+      expect(heroCount).toBe(4, 'should show 4');
+    }).then(function() {
+      return page.addButton.click();
+    }).then(function(){
+      return save(page,'','The New Hero');
+    }).then(function(){
+      browser.waitForAngular();
+      
+      heroCount = page.allHeroes.count();
+      expect(heroCount).toBe(5, 'should show 5');
+      
+      var newHero = element(by.xpath('//span[@class="hero-element" and contains(text(),"The New Hero")]'));
+      expect(newHero).toBeDefined();
+    });
+  });
+
+  it('should be able to delete hero from "Heroes" view', function(){
+    var page = getPageStruct();
+    var heroCount;
+    
+    page.myHeroesHref.click().then(function() {
+      browser.waitForAngular();
+      heroCount = page.allHeroes.count();
+      expect(heroCount).toBe(4, 'should show 4');
+    }).then(function() {
+      return page.firstDeleteButton.click();
+    }).then(function(){
+      browser.waitForAngular();
+      heroCount = page.allHeroes.count();
+      expect(heroCount).toBe(3, 'should show 3');
+    });
+  });
+
+  it('should be able to save details from "Dashboard" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be available');
+    var heroEle = page.topHeroes.get(2);
+    var heroDescrEle = heroEle.element(by.css('h4'));
+    var heroDescr;
+    
+    return heroDescrEle.getText().then(function(text) {
+      heroDescr = text;
+      return heroEle.click();
+    }).then(function() {
+      return save(page, heroDescr, '-foo');
+    })
+    .then(function(){
+      return page.myDashboardHref.click();
+    })
+    .then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be back');
+      expect(heroDescrEle.getText()).toEqual(heroDescr + '-foo');
+    });
+  });
+
+  it('should be able to save details from "Heroes" view', function () {
+    var page = getPageStruct();
+    
+    var viewDetailsButtonEle = page.myHeroesParent.element(by.cssContainingText('button', 'View Details'));
+    var heroEle, heroDescr;
+    
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be present');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should not yet be present');
+      heroEle = page.allHeroes.get(0);
+      return heroEle.getText();
+    }).then(function(text) {
+      // remove leading 'id' from the element
+      heroDescr = text.substr(text.indexOf(' ')+1);
+      return heroEle.click();
+    }).then(function() {
+      expect(viewDetailsButtonEle.isDisplayed()).toBe(true, 'viewDetails button should now be visible');
+      return viewDetailsButtonEle.click();
+    }).then(function() {
+      return save(page, heroDescr, '-bar');
+    })
+    .then(function(){
+      return page.myHeroesHref.click();
+    })
+    .then(function() {
+      expect(heroEle.getText()).toContain(heroDescr + '-bar');
+    });
+  });
+
+  function save(page, origValue, textToAdd) {
+    var inputEle = page.heroDetail.element(by.css('input'));
+    expect(inputEle.isDisplayed()).toBe(true, 'should be able to see the input box');
+    var saveButtonEle = page.heroDetail.element(by.buttonText('Save'));
+    var backButtonEle = page.heroDetail.element(by.buttonText('Back'));
+    expect(backButtonEle.isDisplayed()).toBe(true, 'should be able to see the back button');
+    var detailTextEle = page.heroDetail.element(by.css('div h2'));
+    expect(detailTextEle.getText()).toContain(origValue);
+    return sendKeys(inputEle, textToAdd).then(function () {
+      expect(detailTextEle.getText()).toContain(origValue + textToAdd);
+      return saveButtonEle.click();
+    });
+  }
+});
diff --git a/public/docs/_examples/toh-6/ts/.gitignore b/public/docs/_examples/toh-6/ts/.gitignore
new file mode 100644
index 0000000000..2cb7d2a2e9
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/.gitignore
@@ -0,0 +1 @@
+**/*.js
diff --git a/public/docs/_examples/toh-6/ts/app/app.component.css b/public/docs/_examples/toh-6/ts/app/app.component.css
new file mode 100644
index 0000000000..137e9be7be
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/app.component.css
@@ -0,0 +1,31 @@
+/* #docplaster */
+/* #docregion css */
+h1 {
+  font-size: 1.2em;
+  color: #999;
+  margin-bottom: 0;
+}
+h2 {
+  font-size: 2em;
+  margin-top: 0;
+  padding-top: 0;
+}
+nav a {
+  padding: 5px 10px;
+  text-decoration: none;
+  margin-top: 10px;
+  display: inline-block;
+  background-color: #eee;
+  border-radius: 4px;
+}
+nav a:visited, a:link {
+  color: #607D8B;
+}
+nav a:hover {
+  color: #039be5;
+  background-color: #CFD8DC;
+}
+nav a.router-link-active {
+  color: #039be5;
+}
+/* #enddocregion css */
diff --git a/public/docs/_examples/toh-6/ts/app/app.component.ts b/public/docs/_examples/toh-6/ts/app/app.component.ts
new file mode 100644
index 0000000000..22317d4403
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/app.component.ts
@@ -0,0 +1,36 @@
+// #docplaster
+// #docregion
+import { Component } from '@angular/core';
+import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router-deprecated';
+
+import { DashboardComponent }  from './dashboard.component';
+import { HeroesComponent }     from './heroes.component';
+import { HeroDetailComponent } from './hero-detail.component';
+import { HeroService }         from './hero.service';
+
+@Component({
+  selector: 'my-app',
+
+  template: `
+    <h1>{{title}}</h1>
+    <nav>
+      <a [routerLink]="['Dashboard']">Dashboard</a>
+      <a [routerLink]="['Heroes']">Heroes</a>
+    </nav>
+    <router-outlet></router-outlet>
+  `,
+  styleUrls: ['app/app.component.css'],
+  directives: [ROUTER_DIRECTIVES],
+  providers: [
+    ROUTER_PROVIDERS,
+    HeroService,
+  ]
+})
+@RouteConfig([
+  { path: '/dashboard',  name: 'Dashboard',  component: DashboardComponent, useAsDefault: true },
+  { path: '/detail/:id', name: 'HeroDetail', component: HeroDetailComponent },
+  { path: '/heroes',     name: 'Heroes',     component: HeroesComponent }
+])
+export class AppComponent {
+  title = 'Tour of Heroes';
+}
diff --git a/public/docs/_examples/toh-6/ts/app/dashboard.component.css b/public/docs/_examples/toh-6/ts/app/dashboard.component.css
new file mode 100644
index 0000000000..ce6e963a5f
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/dashboard.component.css
@@ -0,0 +1,63 @@
+/* #docplaster */
+/* #docregion */
+[class*='col-'] {
+  float: left;
+}
+*, *:after, *:before {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+h3 {
+  text-align: center; margin-bottom: 0;
+}
+[class*='col-'] {
+  padding-right: 20px;
+  padding-bottom: 20px;
+}
+[class*='col-']:last-of-type {
+  padding-right: 0;
+}
+.grid {
+  margin: 0;
+}
+.col-1-4 {
+  width: 25%;
+}
+.module {
+	padding: 20px;
+	text-align: center;
+	color: #eee;
+	max-height: 120px;
+	min-width: 120px;
+	background-color: #607D8B;
+	border-radius: 2px;
+}
+h4 {
+  position: relative;
+}
+.module:hover {
+  background-color: #EEE;
+  cursor: pointer;
+  color: #607d8b;
+}
+.grid-pad {
+  padding: 10px 0;
+}
+.grid-pad > [class*='col-']:last-of-type {
+  padding-right: 20px;
+}
+@media (max-width: 600px) {
+	.module {
+	  font-size: 10px;
+	  max-height: 75px; }
+}
+@media (max-width: 1024px) {
+	.grid {
+	  margin: 0;
+	}
+	.module {
+	  min-width: 60px;
+	}
+}
+/* #enddocregion */
diff --git a/public/docs/_examples/toh-6/ts/app/dashboard.component.html b/public/docs/_examples/toh-6/ts/app/dashboard.component.html
new file mode 100644
index 0000000000..028eab6eb3
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/dashboard.component.html
@@ -0,0 +1,11 @@
+<!-- #docregion -->
+<h3>Top Heroes</h3>
+<div class="grid grid-pad">
+<!-- #docregion click -->
+  <div *ngFor="let hero of heroes" (click)="gotoDetail(hero)" class="col-1-4">
+<!-- #enddocregion click -->
+    <div class="module hero">
+      <h4>{{hero.name}}</h4>
+    </div>
+  </div>
+</div>
diff --git a/public/docs/_examples/toh-6/ts/app/dashboard.component.ts b/public/docs/_examples/toh-6/ts/app/dashboard.component.ts
new file mode 100644
index 0000000000..6070e76eb6
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/dashboard.component.ts
@@ -0,0 +1,32 @@
+// #docplaster
+// #docregion
+import { Component, OnInit } from '@angular/core';
+import { Router }           from '@angular/router-deprecated';
+
+import { Hero }        from './hero';
+import { HeroService } from './hero.service';
+
+@Component({
+  selector: 'my-dashboard',
+  templateUrl: 'app/dashboard.component.html',
+  styleUrls: ['app/dashboard.component.css']
+})
+export class DashboardComponent implements OnInit {
+
+  heroes: Hero[] = [];
+
+  constructor(
+    private _router: Router,
+    private _heroService: HeroService) {
+  }
+
+  ngOnInit() {
+    this._heroService.getHeroes()
+      .then(heroes => this.heroes = heroes.slice(1,5));
+  }
+
+  gotoDetail(hero: Hero) {
+    let link = ['HeroDetail', { id: hero.id }];
+    this._router.navigate(link);
+  }
+}
diff --git a/public/docs/_examples/toh-6/ts/app/hero-detail.component.css b/public/docs/_examples/toh-6/ts/app/hero-detail.component.css
new file mode 100644
index 0000000000..ab2437efd8
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/hero-detail.component.css
@@ -0,0 +1,30 @@
+/* #docregion */
+label {
+  display: inline-block;
+  width: 3em;
+  margin: .5em 0;
+  color: #607D8B;
+  font-weight: bold;
+}
+input {
+  height: 2em;
+  font-size: 1em;
+  padding-left: .4em;
+}
+button {
+  margin-top: 20px;
+  font-family: Arial;
+  background-color: #eee;
+  border: none;
+  padding: 5px 10px;
+  border-radius: 4px;
+  cursor: pointer; cursor: hand;
+}
+button:hover {
+  background-color: #cfd8dc;
+}
+button:disabled {
+  background-color: #eee;
+  color: #ccc; 
+  cursor: auto;
+}
diff --git a/public/docs/_examples/toh-6/ts/app/hero-detail.component.html b/public/docs/_examples/toh-6/ts/app/hero-detail.component.html
new file mode 100644
index 0000000000..f532eb0109
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/hero-detail.component.html
@@ -0,0 +1,13 @@
+<!-- #docplaster -->
+<!-- #docregion -->
+<div *ngIf="hero">
+  <h2>{{hero.name}} details!</h2>
+  <div>
+    <label>id: </label>{{hero.id}}</div>
+  <div>
+    <label>name: </label>
+    <input [(ngModel)]="hero.name" placeholder="name" />
+   </div>
+  <button (click)="goBack()">Back</button>
+  <button (click)="save()">Save</button>
+</div>
\ No newline at end of file
diff --git a/public/docs/_examples/toh-6/ts/app/hero-detail.component.ts b/public/docs/_examples/toh-6/ts/app/hero-detail.component.ts
new file mode 100644
index 0000000000..7b2889e592
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/hero-detail.component.ts
@@ -0,0 +1,53 @@
+// #docplaster
+// #docregion
+import { Component, Input, Output, OnInit, EventEmitter } from '@angular/core';
+import { RouteParams } from '@angular/router-deprecated';
+
+import { Hero }        from './hero';
+import { HeroService } from './hero.service';
+@Component({
+  selector: 'my-hero-detail',
+  templateUrl: 'app/hero-detail.component.html',
+  styleUrls: ['app/hero-detail.component.css']
+})
+export class HeroDetailComponent implements OnInit {
+  @Input() hero: Hero;
+  @Output() close = new EventEmitter();
+  error: any;
+  navigated = false; // true if navigated here
+
+  constructor(
+    private _heroService: HeroService,
+    private _routeParams: RouteParams) {
+  }
+
+  // #docregion ngOnInit
+  ngOnInit() {
+    if (this._routeParams.get('id') !== null) {
+      let id = +this._routeParams.get('id');
+      this.navigated = true;
+      this._heroService.getHero(id)
+          .then(hero => this.hero = hero);
+    } else {
+      this.navigated = false;
+      this.hero = new Hero();
+    }
+  }
+  // #enddocregion ngOnInit
+  // #docregion save
+  save() {
+    this._heroService
+        .save(this.hero)
+        .then(hero => {
+          this.hero = hero; // saved hero, w/ id if new
+          this.goBack(hero);
+        })
+        .catch(error => this.error = error); // TODO: Display error message
+  }
+  // #enddocregion save
+  goBack(savedHero: Hero = null) {
+    this.close.emit(savedHero);
+    if (this.navigated) { window.history.back(); }
+  }
+}
+
diff --git a/public/docs/_examples/toh-6/ts/app/hero.service.ts b/public/docs/_examples/toh-6/ts/app/hero.service.ts
new file mode 100644
index 0000000000..b4b0854141
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/hero.service.ts
@@ -0,0 +1,99 @@
+// #docplaster
+// #docregion
+import { Injectable }    from '@angular/core';
+import { Http, Headers } from '@angular/http';
+
+// #docregion rxjs
+import 'rxjs/add/operator/toPromise';
+// #enddocregion rxjs
+
+import { Hero } from './hero';
+
+@Injectable()
+export class HeroService {
+
+  private heroesUrl = 'app/heroes';  // URL to web api
+
+  constructor(private http: Http) { }
+
+  // #docregion get-heroes
+  getHeroes(): Promise<Hero[]> {
+    return this.http.get(this.heroesUrl)
+    // #docregion to-promise
+               .toPromise()
+    // #enddocregion to-promise
+    // #docregion to-data
+               .then(response => response.json().data)
+    // #enddocregion to-data
+    // #docregion catch
+               .catch(this.handleError);
+    // #enddocregion catch
+  }
+  // #enddocregion get-heroes
+
+  getHero(id: number) {
+    return this.getHeroes()
+               .then(heroes => heroes.filter(hero => hero.id === id)[0]);
+  }
+
+  // #docregion save
+  save(hero: Hero): Promise<Hero>  {
+    if (hero.id) {
+      return this.put(hero);
+    }
+    return this.post(hero);
+  }
+  // #enddocregion save
+
+  // #docregion delete-hero
+  delete(hero: Hero) {
+    let headers = new Headers();
+    headers.append('Content-Type', 'application/json');
+
+    let url = `${this.heroesUrl}/${hero.id}`;
+
+    return this.http
+               .delete(url, headers)
+               .toPromise()
+               .catch(this.handleError);
+  }
+  // #enddocregion delete-hero
+
+  // #docregion post-hero
+  // Add new Hero
+  private post(hero: Hero): Promise<Hero> {
+    let headers = new Headers({
+      'Content-Type': 'application/json'});
+
+    return this.http
+               .post(this.heroesUrl, JSON.stringify(hero), {headers: headers})
+               .toPromise()
+               .then(res => res.json().data)
+               .catch(this.handleError);
+  }
+  // #enddocregion post-hero
+
+  // #docregion put-hero
+  // Update existing Hero
+  private put(hero: Hero) {
+    let headers = new Headers();
+    headers.append('Content-Type', 'application/json');
+
+    let url = `${this.heroesUrl}/${hero.id}`;
+
+    return this.http
+               .put(url, JSON.stringify(hero), {headers: headers})
+               .toPromise()
+               .then(() => hero)
+               .catch(this.handleError);
+  }
+  // #enddocregion put-hero
+
+  // #docregion error-handler
+  private handleError(error: any) {
+    console.error('An error occurred', error);
+    return Promise.reject(error.message || error);
+  }
+  // #enddocregion error-handler
+}
+// #enddocregion
diff --git a/public/docs/_examples/toh-6/ts/app/hero.ts b/public/docs/_examples/toh-6/ts/app/hero.ts
new file mode 100644
index 0000000000..e3eac516da
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/hero.ts
@@ -0,0 +1,4 @@
+export class Hero {
+  id: number;
+  name: string;
+}
diff --git a/public/docs/_examples/toh-6/ts/app/heroes.component.css b/public/docs/_examples/toh-6/ts/app/heroes.component.css
new file mode 100644
index 0000000000..35e45af98d
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/heroes.component.css
@@ -0,0 +1,59 @@
+.selected {
+  background-color: #CFD8DC !important;
+  color: white;
+}
+.heroes {
+  margin: 0 0 2em 0;
+  list-style-type: none;
+  padding: 0;
+  width: 15em;
+}
+.heroes li {
+  cursor: pointer;
+  position: relative;
+  left: 0;
+  background-color: #EEE;
+  margin: .5em;
+  padding: .3em 0;
+  height: 1.6em;
+  border-radius: 4px;
+}
+.heroes li:hover {
+  color: #607D8B;
+  background-color: #DDD;
+  left: .1em;
+}
+.heroes li.selected:hover {
+  background-color: #BBD8DC !important;
+  color: white;
+}
+.heroes .text {
+  position: relative;
+  top: -3px;
+}
+.heroes .badge {
+  display: inline-block;
+  font-size: small;
+  color: white;
+  padding: 0.8em 0.7em 0 0.7em;
+  background-color: #607D8B;
+  line-height: 1em;
+  position: relative;
+  left: -1px;
+  top: -4px;
+  height: 1.8em;
+  margin-right: .8em;
+  border-radius: 4px 0 0 4px;
+}
+button {
+  font-family: Arial;
+  background-color: #eee;
+  border: none;
+  padding: 5px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  cursor: hand;
+}
+button:hover {
+  background-color: #cfd8dc;
+}
diff --git a/public/docs/_examples/toh-6/ts/app/heroes.component.html b/public/docs/_examples/toh-6/ts/app/heroes.component.html
new file mode 100644
index 0000000000..d29b6c93ed
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/heroes.component.html
@@ -0,0 +1,21 @@
+<!-- #docregion -->
+<h2>My Heroes</h2>
+<ul class="heroes">
+  <li *ngFor="let hero of heroes" (click)="onSelect(hero)" [class.selected]="hero === selectedHero">
+    <span class="hero-element">
+      <span class="badge">{{hero.id}}</span> {{hero.name}}
+    </span>
+    <button class="delete-button" (click)="delete(hero, $event)">Delete</button>
+  </li>
+</ul>
+
+<button (click)="addHero()">Add New Hero</button>
+<div *ngIf="addingHero">
+  <my-hero-detail (close)="close($event)"></my-hero-detail>
+</div>
+<div *ngIf="selectedHero">
+  <h2>
+    {{selectedHero.name | uppercase}} is my hero
+  </h2>
+  <button (click)="gotoDetail()">View Details</button>
+</div>
diff --git a/public/docs/_examples/toh-6/ts/app/heroes.component.ts b/public/docs/_examples/toh-6/ts/app/heroes.component.ts
new file mode 100644
index 0000000000..4de48b35fa
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/heroes.component.ts
@@ -0,0 +1,66 @@
+// #docregion
+import { Component, OnInit } from '@angular/core';
+import { Router }            from '@angular/router-deprecated';
+
+import { Hero }                from './hero';
+import { HeroDetailComponent } from './hero-detail.component';
+import { HeroService }         from './hero.service';
+
+@Component({
+  selector: 'my-heroes',
+  templateUrl: 'app/heroes.component.html',
+  styleUrls:  ['app/heroes.component.css'],
+  directives: [HeroDetailComponent]
+})
+export class HeroesComponent implements OnInit {
+  heroes: Hero[];
+  selectedHero: Hero;
+  addingHero = false;
+  error: any;
+
+  constructor(
+    private _router: Router,
+    private _heroService: HeroService) { }
+
+  getHeroes() {
+    this._heroService
+        .getHeroes()
+        .then(heroes => this.heroes = heroes)
+        .catch(error => this.error = error); // TODO: Display error message
+  }
+
+  addHero() {
+    this.addingHero = true;
+    this.selectedHero = null;
+  }
+
+  close(savedHero: Hero) {
+    this.addingHero = false;
+    if (savedHero) { this.getHeroes(); }
+  }
+
+  // #docregion delete
+  delete(hero: Hero, event: any) {
+    event.stopPropagation();
+    this._heroService
+        .delete(hero)
+        .then(res => {
+          this.heroes = this.heroes.filter(h => h.id !== hero.id);
+        })
+        .catch(error => this.error = error); // TODO: Display error message
+  }
+  // #enddocregion delete
+
+  ngOnInit() {
+    this.getHeroes();
+  }
+
+  onSelect(hero: Hero) {
+    this.selectedHero = hero;
+    this.addingHero = false;
+  }
+
+  gotoDetail() {
+    this._router.navigate(['HeroDetail', { id: this.selectedHero.id }]);
+  }
+}
diff --git a/public/docs/_examples/toh-6/ts/app/in-memory-data.service.ts b/public/docs/_examples/toh-6/ts/app/in-memory-data.service.ts
new file mode 100644
index 0000000000..0edb70f37b
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/in-memory-data.service.ts
@@ -0,0 +1,12 @@
+// #docregion
+export class InMemoryDataService {
+  createDb() {
+    let heroes = [
+      { id: 1, name: 'Windstorm' },
+      { id: 2, name: 'Bombasto' },
+      { id: 3, name: 'Magneta' },
+      { id: 4, name: 'Tornado' }
+    ];
+    return {heroes};
+  }
+}
diff --git a/public/docs/_examples/toh-6/ts/app/main.ts b/public/docs/_examples/toh-6/ts/app/main.ts
new file mode 100644
index 0000000000..08caa81826
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/app/main.ts
@@ -0,0 +1,29 @@
+// #docplaster
+// #docregion final
+// Imports for loading & configuring the in-memory web api
+import { provide }    from '@angular/core';
+import { XHRBackend } from '@angular/http';
+
+import { InMemoryBackendService, SEED_DATA } from 'angular2-in-memory-web-api/core';
+import { InMemoryDataService }               from './in-memory-data.service';
+
+// The usual bootstrapping imports
+// #docregion v1
+import { bootstrap }      from '@angular/platform-browser-dynamic';
+import { HTTP_PROVIDERS } from '@angular/http';
+
+import { AppComponent }   from './app.component';
+
+// #enddocregion v1, final
+/*
+// #docregion v1
+bootstrap(AppComponent, [ HTTP_PROVIDERS ]);
+// #enddocregion v1
+ */
+// #docregion final
+bootstrap(AppComponent, [
+    HTTP_PROVIDERS,
+    provide(XHRBackend, { useClass: InMemoryBackendService }), // in-mem server
+    provide(SEED_DATA,  { useClass: InMemoryDataService })     // in-mem server data
+]);
+// #enddocregion final
diff --git a/public/docs/_examples/toh-6/ts/example-config.json b/public/docs/_examples/toh-6/ts/example-config.json
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/_examples/toh-6/ts/index.html b/public/docs/_examples/toh-6/ts/index.html
new file mode 100644
index 0000000000..eb9ec157d8
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <base href="/">
+    <title>Angular 2 Tour of Heroes</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="sample.css">
+
+    <!-- Polyfill(s) for older browsers -->
+    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+
+    <script src="node_modules/zone.js/dist/zone.js"></script>
+    <script src="node_modules/reflect-metadata/Reflect.js"></script>
+    <script src="node_modules/systemjs/dist/system.src.js"></script>
+
+    <script src="systemjs.config.js"></script>
+    <script>
+      System.import('app').catch(function(err){ console.error(err); });
+    </script>
+  </head>
+
+  <body>
+    <my-app>Loading...</my-app>
+  </body>
+</html>
diff --git a/public/docs/_examples/toh-6/ts/plnkr.json b/public/docs/_examples/toh-6/ts/plnkr.json
new file mode 100644
index 0000000000..777d9ad1f1
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/plnkr.json
@@ -0,0 +1,9 @@
+{
+  "description": "Tour of Heroes: Part 6",
+  "files":[
+    "!**/*.d.ts",
+    "!**/*.js",
+    "!**/*.[1,2].*"
+  ],
+  "tags": ["tutorial", "tour", "heroes", "http"]
+}
diff --git a/public/docs/_examples/toh-6/ts/sample.css b/public/docs/_examples/toh-6/ts/sample.css
new file mode 100644
index 0000000000..042f0494f6
--- /dev/null
+++ b/public/docs/_examples/toh-6/ts/sample.css
@@ -0,0 +1,8 @@
+button.delete-button{
+  float:right;
+  background-color: gray !important;
+  color:white;
+}
+
+
+
diff --git a/public/docs/ts/latest/tutorial/_data.json b/public/docs/ts/latest/tutorial/_data.json
index 28d02b2ccb..22b7c4be4e 100644
--- a/public/docs/ts/latest/tutorial/_data.json
+++ b/public/docs/ts/latest/tutorial/_data.json
@@ -29,5 +29,10 @@
     "title": "Routing",
     "intro": "We add the Angular Component Router and learn to navigate among the views",
     "nextable": true
+  },
+  "toh-pt6": {
+    "title": "Http",
+    "intro": "We convert our service and components to use Http",
+    "nextable": true
   }
 }
\ No newline at end of file
diff --git a/public/docs/ts/latest/tutorial/toh-pt5.jade b/public/docs/ts/latest/tutorial/toh-pt5.jade
index 1244b107ef..0afe4be3fc 100644
--- a/public/docs/ts/latest/tutorial/toh-pt5.jade
+++ b/public/docs/ts/latest/tutorial/toh-pt5.jade
@@ -669,6 +669,7 @@ figure.image-display
     .file index.html
     .file package.json
     .file styles.css
+    .file systemjs.config.json
     .file tsconfig.json
     .file typings.json
 :marked
diff --git a/public/docs/ts/latest/tutorial/toh-pt6.jade b/public/docs/ts/latest/tutorial/toh-pt6.jade
new file mode 100644
index 0000000000..5e0de751c9
--- /dev/null
+++ b/public/docs/ts/latest/tutorial/toh-pt6.jade
@@ -0,0 +1,350 @@
+include ../_util-fns
+
+:marked
+  # Http
+  
+  Our application has become a huge success and our stakeholders have expanded the vision to include integration with a hero api. 
+  
+  The current solution limits us to a fixed set of heroes, but integration with a web server api will make our application much more flexible. We will also be able to add, edit and delete heroes. 
+  
+  In this chapter we will connect our Angular 2 services to make http calls to our new api.
+:marked
+  [Run the live example](/resources/live-examples/toh-6/ts/plnkr.html).   
+  
+.l-main-section
+:marked
+  ## Where We Left Off
+  Before we continue with our Tour of Heroes, let’s verify that we have the following structure after adding our hero service 
+  and hero detail component. If not, we’ll need to go back and follow the previous chapters.
+
+.filetree
+  .file angular2-tour-of-heroes
+  .children
+    .file app
+    .children
+      .file app.component.ts
+      .file app.component.css
+      .file dashboard.component.css
+      .file dashboard.component.html
+      .file dashboard.component.ts
+      .file hero.ts
+      .file hero-detail.component.css
+      .file hero-detail.component.html
+      .file hero-detail.component.ts
+      .file hero.service.ts
+      .file heroes.component.css
+      .file heroes.component.html
+      .file heroes.component.ts
+      .file main.ts
+      .file mock-heroes.ts
+    .file node_modules ...
+    .file typings ...      
+    .file index.html
+    .file package.json
+    .file styles.css
+    .file systemjs.config.json
+    .file tsconfig.json
+    .file typings.json
+:marked
+  ### Keep the app transpiling and running
+  Open a terminal/console window and enter the following command to
+  start the TypeScript compiler, start the server, and watch for changes:
+
+code-example(format="." language="bash").
+  npm start
+
+:marked
+  The application runs and updates automatically as we continue to build the Tour of Heroes.
+
+.l-main-section  
+:marked
+ ## Prepare for Http
+  
+  `Http` is ***not*** a core Angular module. 
+  It's Angular's optional approach to web access and it exists as a separate add-on module called `@angular/http`,
+  shipped in a separate script file as part of the Angular npm package. 
+  
+  Fortunately we're ready to import from `@angular/http` because `systemjs.config` configured *SystemJS* to load that library when we need it.
+
+:marked
+  ### Register (provide) *http* services
+  Our app will depend upon the Angular `http` service which itself depends upon other supporting services.
+  The `HTTP_PROVIDERS` array from `@angular/http` library holds providers for the complete set of http services.
+  
+  We should be able to access these services from anywhere in the application.
+  So we register them in the `bootstrap` method of `main.ts` where we
+  launch the application and its root `AppComponent`.
+  
++makeExample('toh-6/ts/app/main.ts','v1','app/main.ts (v1)')(format='.')
+:marked
+  Notice that we supply the `HTTP_PROVIDERS` in an array as the second parameter to the `bootstrap` method.
+  This has the same effect the `providers` array in `@Component` metadata.
+
+.l-main-section
+:marked
+  ## Simulating the web api
+
+  We generally recommend registering application-wide services in the root `AppComponent` *providers*.
+  Here we're registering in `main` for a special reason.
+  
+  Our application is in the early stages of development and far from ready for production. 
+  We don't even have a web server that can handle requests for heroes.
+  Until we do, *we'll have to fake it*.
+  
+  We're going to *trick* the http client into fetching and saving data from
+  a demo/development service, the *in-memory web api*.
+  
+  The application itself doesn't need to know and shouldn't know about this.
+  So we'll slip the *in-memory web api* into the configuration *above* the `AppComponent`.
+  
+  Here is a version of `main` that performs this trick
++makeExample('toh-6/ts/app/main.ts', 'final', 'app/main.ts (final)')(format=".")  
+
+:marked
+  We're replacing the default `XHRBackend`, the service that talks to the remote server,
+  with the *in-memory web api* service after priming it with the following `in-memory-data.service.ts` file:
++makeExample('toh-6/ts/app/in-memory-data.service.ts', null, 'app/in-memory-data.service.ts')(format=".")
+:marked
+  This file replaces the `mock-heroes.ts` which is now safe to delete.
+
+.alert.is-helpful
+  :marked
+    This chaper is an introduction to the Angular http client.
+    Please don't be distracted by the details of this backend substitution. Just follow along with the example. 
+    
+    Learn more later about the *in-memory web api* in the [Http chapter](../guide/server-communication.html#!#in-mem-web-api).
+    Remember, the *in-memory web api* is only useful in the early stages of development and for demonstrations such as this Tour of Heroes. 
+    Skip it when you have a real web api server.
+
+
+.l-main-section
+:marked
+  ## Heroes and Http
+  
+  Look at our current `HeroService` implementation
++makeExample('toh-4/ts/app/hero.service.ts', 'get-heroes', 'app/hero.service.ts (getHeroes - old)')(format=".")
+:marked
+  We returned a promise resolved with mock heroes. 
+  It may have seemed like overkill at the time, but we were anticipating the
+  day when we fetched heroes with an http client and we knew that would have to be an asynchronous operation.
+  
+  That day has arrived! Let's convert `getHeroes()` to use Angular's `Http` client:
+  
++makeExample('toh-6/ts/app/hero.service.ts', 'get-heroes', 'app/hero.service.ts (getHeroes using Http)')(format=".")
+  
+:marked
+  ### Http Promise
+
+  We're still returning a promise but we're creating it differently.
+  
+  The Angular `http.get` returns an RxJS `Observable`.
+  *Observables* are a powerful way to manage asynchronous data flows.
+  We'll learn about `Observables` *later*.
+  
+  For *now* we get back on familiar ground by immediately converting that `Observable` to a `Promise` using the `toPromise` operator.
++makeExample('toh-6/ts/app/hero.service.ts', 'to-promise')(format=".")
+:marked
+  Unfortunately, the Angular `Observable` doesn't have a `toPromise` operator ... not out of the box.
+  The Angular `Observable` is a bare-bones implementation. 
+  
+  There are scores of operators like `toPromise` that extend `Observable` with useful capabilities.
+  If we want those capabilities, we have to add the operators ourselves.
+  That's as easy as importing them from the RxJS library like this:
++makeExample('toh-6/ts/app/hero.service.ts', 'rxjs')(format=".")
+
+:marked
+  ### Extracting the data in the *then* callback 
+  In the *promise*'s `then` callback we call the `json` method of the http `Response` to extract the
+  data within the response.
++makeExample('toh-6/ts/app/hero.service.ts', 'to-data')(format=".")
+:marked
+  That object returned by `json` has a single `data` property. 
+  The `data` property holds the array of *heroes* that the caller really wants.
+  So we grab that array and return it as the resolved promise value.
+
+.alert.is-important
+  :marked
+    Pay close attention to the shape of the data returned by the server.
+    This particular *in-memory web api* example happens to return an object with a `data` property.
+    Your api might return something else.
+    
+    Adjust the code to match *your web api*. 
+:marked
+  The caller is unaware of these machinations. It receives a promise of *heroes* just as it did before. 
+  It has no idea that we fetched the heroes from the server.
+  It knows nothing of the twists and turns required to turn the http response into heroes.
+  Such is the beauty and purpose of delegating data access to a service like this `HeroService`.
+:marked
+  ### Error Handling
+  
+  At the end of `getHeroes` we `catch` server failures and pass them to an error handler:
++makeExample('toh-6/ts/app/hero.service.ts', 'catch')(format=".")
+:marked
+  This is a critical step! 
+  We must anticipate http failures as they happen frequently for reasons beyond our control.
+
++makeExample('toh-6/ts/app/hero.service.ts', 'error-handler', 'app/hero.service.ts (Error handler)')(format=".")
+:marked
+  In this demo service we log the error to the console; we should do better in real life.
+
+  We've also decided to return a user friendly form of the error to
+  to the caller in a rejected promise so that the caller can display a proper error message to the user.
+  
+  ### Promises are Promises
+  Although we made significant *internal* changes to `getHeroes()`, the public signature did not change. 
+  We still return a promise. We won't have to update any of the components that call `getHeroes()`.
+
+.l-main-section   
+:marked
+  ## Add, Edit, Delete
+  
+  Our stakeholders are incredibly pleased with the added flexibility from the api integration, but it doesn't stop there. Next we want to add the capability to add, edit and delete heroes.   
+  
+  We'll complete `HeroService` by creating `post`, `put` and `delete` http calls to meet our new requirements. 
+
+:marked
+  ### Post
+  
+  We are using `post` to add new heroes. Post requests require a little bit more setup than Get requests, but the format is as follows:
+  
++makeExample('toh-6/ts/app/hero.service.ts', 'post-hero', 'app/hero.service.ts (post hero)')(format=".")
+
+:marked
+  Now we create a header and set the content type to `application/json`. We'll call `JSON.stringify` before we post to convert the hero object to a string.  
+  
+  ### Put
+  
+  `put` is used to edit a specific hero, but the structure is very similar to a `post` request. The only difference is that we have to change the url slightly by appending the id of the hero we want to edit.
+
++makeExample('toh-6/ts/app/hero.service.ts', 'put-hero', 'app/hero.service.ts (put hero)')(format=".")
+
+:marked
+  ### Delete
+  `delete` is used to delete heroes and the format is identical to `put` except for the function name. 
+
++makeExample('toh-6/ts/app/hero.service.ts', 'delete-hero', 'app/hero.service.ts (delete hero)')(format=".")
+
+:marked
+  We add a `catch` to handle our errors for all three cases.
+  
+:marked
+  ### Save
+
+  We combine the call to the private `_post` and `_put` methods in a single `save` method. This simplifies the public api and makes the integration with `HeroDetailComponent` easier. `HeroService` determines which method to call based on the state of the `hero` object. If the hero already has an id we know it's an edit. Otherwise we know it's an add.
+
++makeExample('toh-6/ts/app/hero.service.ts', 'save', 'app/hero.service.ts (save hero)')(format=".")
+    
+:marked
+  After these additions our `HeroService` looks like this:
+
++makeExample('toh-6/ts/app/hero.service.ts', null, 'app/hero.service.ts')(format=".")
+
+.l-main-section
+:marked
+  ## Updating Components
+  
+  Loading heroes using `Http` required no changes outside of `HeroService`, but we added a few new features as well. In the following section we will update our components to use our new methods to add, edit and delete heroes.
+  
+  ### Add/Edit
+  We already have `HeroDetailComponent` for viewing details about a specific hero. Add and Edit are natural extensions of the detail view, so we are able to reuse `DetailHeroComponent` with a few tweaks. The original component was created to render existing data, but to add new data we have to initialize the `hero` property to an empty `Hero` object.
+  
++makeExample('toh-6/ts/app/hero-detail.component.ts', 'ngOnInit', 'app/hero-detail.component.ts (ngOnInit)')(format=".")     
+
+:marked
+  In order to differentiate between add and edit we are adding a check to see if an id is passed in the url. If the id is absent we bind `HeroDetailComponent` to an empty `Hero` object. In either case, any edits made through the UI will be bound back to the same `hero` property.
+
+  The next step is to add a save method to `HeroDetailComponent` and call the corresponding save method in `HeroesService`.
+  
++makeExample('toh-6/ts/app/hero-detail.component.ts', 'save', 'app/hero-detail.component.ts (save)')(format=".")  
+
+:marked
+  The same save method is used for both add and edit since `HeroService` will know when to call `post` vs `put` based on the state of the `Hero` object.
+  
+  Earlier we used the `save()` method to return a promise, so when the promise resolves, we call `emit` to notify `HeroesComponent` that we just added or modified a hero. `HeroesComponent` is listening for this notification and will automatically refresh the list of heroes to include our recent updates.     
+
+.l-sub-section
+  :marked
+    The `emit` "handshake" between `HeroDetailComponent` and `HeroesComponent` is an example of component to component communication. This is a topic for another day, but we have detailed information in our <a href="/docs/ts/latest/cookbook/component-communication.html#!#child-to-parent">Component Interaction Cookbook</a>  
+
+:marked
+  Here is `HeroDetailComponent` with the added save button.
+  
+figure.image-display
+  img(src='/resources/images/devguide/toh/hero-details-save-button.png' alt="Hero Details With Save Button") 
+
+:marked
+  ### Delete
+  
+  We have added the option to delete hereos from `HeroesComponent`. `HeroService` will delete the hero, but we still have to filter out the deleted hero from the list to update the view.
+  
++makeExample('toh-6/ts/app/heroes.component.ts', 'delete', 'app/heroes.component.ts (delete)')(format=".")  
+
+:marked
+  Here is `HeroesComponent` with the delete button. 
+  
+figure.image-display
+  img(src='/resources/images/devguide/toh/heroes-list-delete-button.png' alt="Heroes List With Delete Button")  
+
+:marked
+  ### Review the App Structure
+  Let’s verify that we have the following structure after all of our good refactoring in this chapter:
+  
+.filetree
+  .file angular2-tour-of-heroes
+  .children
+  .file app
+  .children
+    .file app.component.ts
+    .file app.component.css
+    .file dashboard.component.css
+    .file dashboard.component.html
+    .file dashboard.component.ts
+    .file hero.ts
+    .file hero-detail.component.css
+    .file hero-detail.component.html
+    .file hero-detail.component.ts
+    .file hero.service.ts
+    .file heroes.component.css
+    .file heroes.component.html
+    .file heroes.component.ts
+    .file main.ts
+    .file hero-data.service.ts
+  .file node_modules ...
+  .file typings ...
+  .file index.html
+  .file package.json
+  .file styles.css
+  .file sample.css
+  .file systemjs.config.json
+  .file tsconfig.json
+  .file typings.json
+ 
+.l-main-section    
+:marked
+    ## Home Stretch
+    
+    We are at the end of our journey for now, but we have accomplished a lot.
+    - We added the necessary dependencies to use Http in our application.
+    - We refactored HeroService to load heroes from an api.
+    - We extended HeroService to support post, put and delete calls.
+    - We updated our components to allow adding, editing and deleting of heroes.
+    - We configured an in-memory web api.
+    
+    Below is a summary of the files we changed.
+    
++makeTabs(
+  `toh-6/ts/app/app.component.ts,
+   toh-6/ts/app/heroes.component.ts,
+   toh-6/ts/app/heroes.component.html,
+   toh-6/ts/app/hero-detail.component.ts,
+   toh-6/ts/app/hero-detail.component.html,
+   toh-6/ts/app/hero.service.ts`,
+  null,
+  `app.comp...ts,
+   heroes.comp...ts,
+   heroes.comp...html,
+   hero-detail.comp...ts,
+   hero-detail.comp...html,
+   hero.service.ts`
+) 
+
diff --git a/public/resources/images/devguide/toh/hero-details-save-button.png b/public/resources/images/devguide/toh/hero-details-save-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..91c201a31078bf463f2ba3bb994abda37988525d
GIT binary patch
literal 17969
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

literal 0
HcmV?d00001

diff --git a/public/resources/images/devguide/toh/heroes-list-delete-button.png b/public/resources/images/devguide/toh/heroes-list-delete-button.png
new file mode 100644
index 0000000000000000000000000000000000000000..da87a20e4a2016a5786bf2da4901b79d769ace8a
GIT binary patch
literal 17009
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

literal 0
HcmV?d00001


From e91659ac13ce30a3e5f377743df6641cf1c31a0b Mon Sep 17 00:00:00 2001
From: Ward Bell <wardbell@hotmail.com>
Date: Thu, 19 May 2016 00:30:30 -0700
Subject: [PATCH 16/41] docs(tutorial/ts): delete tutorial sample in favor of
 toh-6

---
 .../_examples/toh-4/ts/app/mock-heroes.ts     |  20 +--
 .../_examples/toh-5/ts/app/mock-heroes.ts     |  22 ++--
 public/docs/_examples/toh-6/e2e-spec.js       | 114 ++++++++++++++++--
 .../toh-6/ts/app/in-memory-data.service.ts    |  14 ++-
 public/docs/_examples/tutorial/e2e-spec.js    | 111 -----------------
 .../tutorial/ts/app/app.component.css         |  28 -----
 .../tutorial/ts/app/app.component.ts          |  31 -----
 .../tutorial/ts/app/dashboard.component.css   |  60 ---------
 .../tutorial/ts/app/dashboard.component.html  |   8 --
 .../tutorial/ts/app/dashboard.component.ts    |  25 ----
 .../tutorial/ts/app/hero-detail.component.css |  29 -----
 .../ts/app/hero-detail.component.html         |  10 --
 .../tutorial/ts/app/hero-detail.component.ts  |  27 -----
 .../_examples/tutorial/ts/app/hero.service.ts |  16 ---
 public/docs/_examples/tutorial/ts/app/hero.ts |   4 -
 .../tutorial/ts/app/heroes.component.css      |  59 ---------
 .../tutorial/ts/app/heroes.component.html     |  14 ---
 .../tutorial/ts/app/heroes.component.ts       |  32 -----
 public/docs/_examples/tutorial/ts/app/main.ts |  10 --
 .../_examples/tutorial/ts/app/mock-heroes.ts  |  14 ---
 .../_examples/tutorial/ts/example-config.json |   0
 public/docs/_examples/tutorial/ts/index.html  |  26 ----
 public/docs/_examples/tutorial/ts/plnkr.json  |   8 --
 public/docs/ts/latest/tutorial/index.jade     |   2 +-
 24 files changed, 134 insertions(+), 550 deletions(-)
 delete mode 100644 public/docs/_examples/tutorial/e2e-spec.js
 delete mode 100644 public/docs/_examples/tutorial/ts/app/app.component.css
 delete mode 100644 public/docs/_examples/tutorial/ts/app/app.component.ts
 delete mode 100644 public/docs/_examples/tutorial/ts/app/dashboard.component.css
 delete mode 100644 public/docs/_examples/tutorial/ts/app/dashboard.component.html
 delete mode 100644 public/docs/_examples/tutorial/ts/app/dashboard.component.ts
 delete mode 100644 public/docs/_examples/tutorial/ts/app/hero-detail.component.css
 delete mode 100644 public/docs/_examples/tutorial/ts/app/hero-detail.component.html
 delete mode 100644 public/docs/_examples/tutorial/ts/app/hero-detail.component.ts
 delete mode 100644 public/docs/_examples/tutorial/ts/app/hero.service.ts
 delete mode 100644 public/docs/_examples/tutorial/ts/app/hero.ts
 delete mode 100644 public/docs/_examples/tutorial/ts/app/heroes.component.css
 delete mode 100644 public/docs/_examples/tutorial/ts/app/heroes.component.html
 delete mode 100644 public/docs/_examples/tutorial/ts/app/heroes.component.ts
 delete mode 100644 public/docs/_examples/tutorial/ts/app/main.ts
 delete mode 100644 public/docs/_examples/tutorial/ts/app/mock-heroes.ts
 delete mode 100644 public/docs/_examples/tutorial/ts/example-config.json
 delete mode 100644 public/docs/_examples/tutorial/ts/index.html
 delete mode 100644 public/docs/_examples/tutorial/ts/plnkr.json

diff --git a/public/docs/_examples/toh-4/ts/app/mock-heroes.ts b/public/docs/_examples/toh-4/ts/app/mock-heroes.ts
index 35fa5c67a8..ddd36d7868 100644
--- a/public/docs/_examples/toh-4/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/toh-4/ts/app/mock-heroes.ts
@@ -2,15 +2,15 @@
 import { Hero } from './hero';
 
 export var HEROES: Hero[] = [
-	{"id": 11, "name": "Mr. Nice"},
-	{"id": 12, "name": "Narco"},
-	{"id": 13, "name": "Bombasto"},
-	{"id": 14, "name": "Celeritas"},
-	{"id": 15, "name": "Magneta"},
-	{"id": 16, "name": "RubberMan"},
-	{"id": 17, "name": "Dynama"},
-	{"id": 18, "name": "Dr IQ"},
-	{"id": 19, "name": "Magma"},
-	{"id": 20, "name": "Tornado"}
+  {id: 11, name: 'Mr. Nice'},
+  {id: 12, name: 'Narco'},
+  {id: 13, name: 'Bombasto'},
+  {id: 14, name: 'Celeritas'},
+  {id: 15, name: 'Magneta'},
+  {id: 16, name: 'RubberMan'},
+  {id: 17, name: 'Dynama'},
+  {id: 18, name: 'Dr IQ'},
+  {id: 19, name: 'Magma'},
+  {id: 20, name: 'Tornado'}
 ];
 // #enddocregion
diff --git a/public/docs/_examples/toh-5/ts/app/mock-heroes.ts b/public/docs/_examples/toh-5/ts/app/mock-heroes.ts
index cdcba35097..ddd36d7868 100644
--- a/public/docs/_examples/toh-5/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/toh-5/ts/app/mock-heroes.ts
@@ -2,15 +2,15 @@
 import { Hero } from './hero';
 
 export var HEROES: Hero[] = [
-	{"id": 11, "name": "Mr. Nice"},
-	{"id": 12, "name": "Narco"},
-	{"id": 13, "name": "Bombasto"},
-	{"id": 14, "name": "Celeritas"},
-	{"id": 15, "name": "Magneta"},
-	{"id": 16, "name": "RubberMan"},
-	{"id": 17, "name": "Dynama"},
-	{"id": 18, "name": "Dr IQ"},
-	{"id": 19, "name": "Magma"},
-	{"id": 20, "name": "Tornado"}
+  {id: 11, name: 'Mr. Nice'},
+  {id: 12, name: 'Narco'},
+  {id: 13, name: 'Bombasto'},
+  {id: 14, name: 'Celeritas'},
+  {id: 15, name: 'Magneta'},
+  {id: 16, name: 'RubberMan'},
+  {id: 17, name: 'Dynama'},
+  {id: 18, name: 'Dr IQ'},
+  {id: 19, name: 'Magma'},
+  {id: 20, name: 'Tornado'}
 ];
-// #enddocregion
\ No newline at end of file
+// #enddocregion
diff --git a/public/docs/_examples/toh-6/e2e-spec.js b/public/docs/_examples/toh-6/e2e-spec.js
index 02d5b2a698..d5823b9add 100644
--- a/public/docs/_examples/toh-6/e2e-spec.js
+++ b/public/docs/_examples/toh-6/e2e-spec.js
@@ -16,7 +16,7 @@ describe('TOH Http Chapter', function () {
       myHeroesHref: hrefEles.get(1),
       myHeroesParent: element(by.css('my-app my-heroes')),
       allHeroes: element.all(by.css('my-app my-heroes li .hero-element')),
-      
+
       firstDeleteButton: element.all(by.buttonText('Delete')).get(0),
 
       addButton: element.all(by.buttonText('Add New Hero')).get(0),
@@ -28,21 +28,21 @@ describe('TOH Http Chapter', function () {
   it('should be able to add a hero from the "Heroes" view', function(){
     var page = getPageStruct();
     var heroCount;
-    
+
     page.myHeroesHref.click().then(function() {
       browser.waitForAngular();
       heroCount = page.allHeroes.count();
-      expect(heroCount).toBe(4, 'should show 4');
+      expect(heroCount).toBe(10, 'should show 10');
     }).then(function() {
       return page.addButton.click();
     }).then(function(){
       return save(page,'','The New Hero');
     }).then(function(){
       browser.waitForAngular();
-      
+
       heroCount = page.allHeroes.count();
-      expect(heroCount).toBe(5, 'should show 5');
-      
+      expect(heroCount).toBe(11, 'should show 11');
+
       var newHero = element(by.xpath('//span[@class="hero-element" and contains(text(),"The New Hero")]'));
       expect(newHero).toBeDefined();
     });
@@ -51,17 +51,17 @@ describe('TOH Http Chapter', function () {
   it('should be able to delete hero from "Heroes" view', function(){
     var page = getPageStruct();
     var heroCount;
-    
+
     page.myHeroesHref.click().then(function() {
       browser.waitForAngular();
       heroCount = page.allHeroes.count();
-      expect(heroCount).toBe(4, 'should show 4');
+      expect(heroCount).toBe(10, 'should show 10');
     }).then(function() {
       return page.firstDeleteButton.click();
     }).then(function(){
       browser.waitForAngular();
       heroCount = page.allHeroes.count();
-      expect(heroCount).toBe(3, 'should show 3');
+      expect(heroCount).toBe(9, 'should show 9');
     });
   });
 
@@ -71,7 +71,7 @@ describe('TOH Http Chapter', function () {
     var heroEle = page.topHeroes.get(2);
     var heroDescrEle = heroEle.element(by.css('h4'));
     var heroDescr;
-    
+
     return heroDescrEle.getText().then(function(text) {
       heroDescr = text;
       return heroEle.click();
@@ -89,10 +89,10 @@ describe('TOH Http Chapter', function () {
 
   it('should be able to save details from "Heroes" view', function () {
     var page = getPageStruct();
-    
+
     var viewDetailsButtonEle = page.myHeroesParent.element(by.cssContainingText('button', 'View Details'));
     var heroEle, heroDescr;
-    
+
     page.myHeroesHref.click().then(function() {
       expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
       expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be present');
@@ -130,4 +130,94 @@ describe('TOH Http Chapter', function () {
       return saveButtonEle.click();
     });
   }
+
+  it('should be able to see the start screen', function () {
+    var page = getPageStruct();
+    expect(page.hrefs.count()).toEqual(2, 'should be two dashboard choices');
+    expect(page.myDashboardHref.getText()).toEqual("Dashboard");
+    expect(page.myHeroesHref.getText()).toEqual("Heroes");
+  });
+
+  it('should be able to see dashboard choices', function () {
+    var page = getPageStruct();
+    expect(page.topHeroes.count()).toBe(4, "should be 4 dashboard hero choices");
+  });
+
+  it('should be able to toggle the views', function () {
+    var page = getPageStruct();
+
+    expect(page.myDashboardParent.element(by.css('h3')).getText()).toEqual('Top Heroes');
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'should no longer see dashboard element');
+      expect(page.allHeroes.count()).toBeGreaterThan(4, "should be more than 4 heroes shown");
+      return page.myDashboardHref.click();
+    }).then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'should once again see the dashboard element');
+    });
+
+  });
+
+  it('should be able to edit details from "Dashboard" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be available');
+    var heroEle = page.topHeroes.get(3);
+    var heroDescrEle = heroEle.element(by.css('h4'));
+    var heroDescr;
+    return heroDescrEle.getText().then(function(text) {
+      heroDescr = text;
+      return heroEle.click();
+    }).then(function() {
+      return editDetails(page, heroDescr, '-foo');
+    }).then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be back');
+      expect(heroDescrEle.getText()).toEqual(heroDescr + '-foo');
+    });
+  });
+
+  it('should be able to edit details from "Heroes" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be present');
+    var viewDetailsButtonEle = page.myHeroesParent.element(by.cssContainingText('button', 'View Details'));
+    var heroEle, heroDescr;
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be present');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should not yet be present');
+      heroEle = page.allHeroes.get(2);
+      return heroEle.getText();
+    }).then(function(text) {
+      // remove leading 'id' from the element
+      heroDescr = text.substr(text.indexOf(' ')+1);
+      return heroEle.click();
+    }).then(function() {
+      expect(viewDetailsButtonEle.isDisplayed()).toBe(true, 'viewDetails button should now be visible');
+      return viewDetailsButtonEle.click();
+    }).then(function() {
+      return editDetails(page, heroDescr, '-bar');
+    }).then(function() {
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be back');
+      expect(heroEle.getText()).toContain(heroDescr + '-bar');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should again NOT be present');
+    });
+  });
+
+  function editDetails(page, origValue, textToAdd) {
+    expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+    expect(page.myHeroesParent.isPresent()).toBe(false, 'myHeroes element should NOT be present');
+    expect(page.heroDetail.isDisplayed()).toBe(true, 'should be able to see hero-details');
+    var inputEle = page.heroDetail.element(by.css('input'));
+    expect(inputEle.isDisplayed()).toBe(true, 'should be able to see the input box');
+    var buttons = page.heroDetail.all(by.css('button'));
+    var backButtonEle = buttons.get(0);
+    var saveButtonEle = buttons.get(1);
+    expect(backButtonEle.isDisplayed()).toBe(true, 'should be able to see the back button');
+    expect(saveButtonEle.isDisplayed()).toBe(true, 'should be able to see the save button');
+    var detailTextEle = page.heroDetail.element(by.css('div h2'));
+    expect(detailTextEle.getText()).toContain(origValue);
+    return sendKeys(inputEle, textToAdd).then(function () {
+      expect(detailTextEle.getText()).toContain(origValue + textToAdd);
+      return saveButtonEle.click();
+    });
+  }
+
 });
diff --git a/public/docs/_examples/toh-6/ts/app/in-memory-data.service.ts b/public/docs/_examples/toh-6/ts/app/in-memory-data.service.ts
index 0edb70f37b..791b6ae2c5 100644
--- a/public/docs/_examples/toh-6/ts/app/in-memory-data.service.ts
+++ b/public/docs/_examples/toh-6/ts/app/in-memory-data.service.ts
@@ -2,10 +2,16 @@
 export class InMemoryDataService {
   createDb() {
     let heroes = [
-      { id: 1, name: 'Windstorm' },
-      { id: 2, name: 'Bombasto' },
-      { id: 3, name: 'Magneta' },
-      { id: 4, name: 'Tornado' }
+      {id: 11, name: 'Mr. Nice'},
+      {id: 12, name: 'Narco'},
+      {id: 13, name: 'Bombasto'},
+      {id: 14, name: 'Celeritas'},
+      {id: 15, name: 'Magneta'},
+      {id: 16, name: 'RubberMan'},
+      {id: 17, name: 'Dynama'},
+      {id: 18, name: 'Dr IQ'},
+      {id: 19, name: 'Magma'},
+      {id: 20, name: 'Tornado'}
     ];
     return {heroes};
   }
diff --git a/public/docs/_examples/tutorial/e2e-spec.js b/public/docs/_examples/tutorial/e2e-spec.js
deleted file mode 100644
index f35fcd1287..0000000000
--- a/public/docs/_examples/tutorial/e2e-spec.js
+++ /dev/null
@@ -1,111 +0,0 @@
-describe('Tutorial', function () {
-
-  beforeAll(function () {
-    browser.get('');
-  });
-
-
-  function getPageStruct() {
-    hrefEles = element.all(by.css('my-app a'));
-
-    return {
-      hrefs: hrefEles,
-      myDashboardHref: hrefEles.get(0),
-      myDashboardParent: element(by.css('my-app my-dashboard')),
-      topHeroes: element.all(by.css('my-app my-dashboard .module.hero')),
-
-      myHeroesHref: hrefEles.get(1),
-      myHeroesParent: element(by.css('my-app my-heroes')),
-      allHeroes: element.all(by.css('my-app my-heroes li')),
-
-      heroDetail: element(by.css('my-app my-hero-detail'))
-    }
-  }
-
-  it('should be able to see the start screen', function () {
-    var page = getPageStruct();
-    expect(page.hrefs.count()).toEqual(2, 'should be two dashboard choices');
-    expect(page.myDashboardHref.getText()).toEqual("Dashboard");
-    expect(page.myHeroesHref.getText()).toEqual("Heroes");
-  });
-
-  it('should be able to see dashboard choices', function () {
-    var page = getPageStruct();
-    expect(page.topHeroes.count()).toBe(4, "should be 4 dashboard hero choices");
-  });
-
-  it('should be able to toggle the views', function () {
-    var page = getPageStruct();
-
-    expect(page.myDashboardParent.element(by.css('h3')).getText()).toEqual('Top Heroes');
-    page.myHeroesHref.click().then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(false, 'should no longer see dashboard element');
-      expect(page.allHeroes.count()).toBeGreaterThan(4, "should be more than 4 heroes shown");
-      return page.myDashboardHref.click();
-    }).then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(true, 'should once again see the dashboard element');
-    });
-
-  });
-
-  it('should be able to edit details from "Dashboard" view', function () {
-    var page = getPageStruct();
-    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be available');
-    var heroEle = page.topHeroes.get(3);
-    var heroDescrEle = heroEle.element(by.css('h4'));
-    var heroDescr;
-    return heroDescrEle.getText().then(function(text) {
-      heroDescr = text;
-      return heroEle.click();
-    }).then(function() {
-      return editDetails(page, heroDescr, '-foo');
-    }).then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be back');
-      expect(heroDescrEle.getText()).toEqual(heroDescr + '-foo');
-    });
-  });
-
-  it('should be able to edit details from "Heroes" view', function () {
-    var page = getPageStruct();
-    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be present');
-    var viewDetailsButtonEle = page.myHeroesParent.element(by.cssContainingText('button', 'View Details'));
-    var heroEle, heroDescr;
-    page.myHeroesHref.click().then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
-      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be present');
-      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should not yet be present');
-      heroEle = page.allHeroes.get(2);
-      return heroEle.getText();
-    }).then(function(text) {
-      // remove leading 'id' from the element
-      heroDescr = text.substr(text.indexOf(' ')+1);
-      return heroEle.click();
-    }).then(function() {
-      expect(viewDetailsButtonEle.isDisplayed()).toBe(true, 'viewDetails button should now be visible');
-      return viewDetailsButtonEle.click();
-    }).then(function() {
-      return editDetails(page, heroDescr, '-bar');
-    }).then(function() {
-      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be back');
-      expect(heroEle.getText()).toContain(heroDescr + '-bar');
-      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should again NOT be present');
-    });
-  });
-
-  function editDetails(page, origValue, textToAdd) {
-    expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
-    expect(page.myHeroesParent.isPresent()).toBe(false, 'myHeroes element should NOT be present');
-    expect(page.heroDetail.isDisplayed()).toBe(true, 'should be able to see hero-details');
-    var inputEle = page.heroDetail.element(by.css('input'));
-    expect(inputEle.isDisplayed()).toBe(true, 'should be able to see the input box');
-    var backButtonEle = page.heroDetail.element(by.css('button'));
-    expect(backButtonEle.isDisplayed()).toBe(true, 'should be able to see the back button');
-    var detailTextEle = page.heroDetail.element(by.css('div h2'));
-    expect(detailTextEle.getText()).toContain(origValue);
-    return sendKeys(inputEle, textToAdd).then(function () {
-      expect(detailTextEle.getText()).toContain(origValue + textToAdd);
-      return backButtonEle.click();
-    });
-  }
-
-});
diff --git a/public/docs/_examples/tutorial/ts/app/app.component.css b/public/docs/_examples/tutorial/ts/app/app.component.css
deleted file mode 100644
index 246b8c875b..0000000000
--- a/public/docs/_examples/tutorial/ts/app/app.component.css
+++ /dev/null
@@ -1,28 +0,0 @@
-nav a {
-  padding: 5px 10px;
-  text-decoration: none;
-  margin-top: 10px;
-  display: inline-block;
-  background-color: #eee;
-  border-radius: 4px;
-}
-nav a:visited, a:link {
-  color: #607D8B;
-}
-nav a:hover {
-  color: #039be5;
-  background-color: #CFD8DC;
-}
-nav a.router-link-active {
-  color: #039be5;
-}
-h1 {
-  font-size: 1.2em;
-  color: #999;
-  margin-bottom: 0;
-}
-h2 {
-  font-size: 2em;
-  margin-top: 0;
-  padding-top: 0;
-}
\ No newline at end of file
diff --git a/public/docs/_examples/tutorial/ts/app/app.component.ts b/public/docs/_examples/tutorial/ts/app/app.component.ts
deleted file mode 100644
index 8b0e0ad8da..0000000000
--- a/public/docs/_examples/tutorial/ts/app/app.component.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-
-import { HeroesComponent } from './heroes.component';
-import { HeroDetailComponent } from './hero-detail.component';
-import { DashboardComponent } from './dashboard.component';
-import { HeroService } from './hero.service';
-
-@Component({
-  selector: 'my-app',
-  template: `
-    <h1>{{title}}</h1>
-    <nav>
-      <a [routerLink]="['Dashboard']">Dashboard</a>
-      <a [routerLink]="['Heroes']">Heroes</a>
-    </nav>
-    <router-outlet></router-outlet>
-  `,
-  styleUrls: ['app/app.component.css'],
-  directives: [ROUTER_DIRECTIVES],
-  providers: [HeroService]
-})
-@RouteConfig([
-  // {path: '/', redirectTo: ['Dashboard'] },
-  {path: '/dashboard', name: 'Dashboard', component: DashboardComponent, useAsDefault: true},
-  {path: '/heroes', name: 'Heroes', component: HeroesComponent},
-  {path: '/detail/:id', name: 'HeroDetail', component: HeroDetailComponent}
-])
-export class AppComponent {
-  title = 'Tour of Heroes';
-}
diff --git a/public/docs/_examples/tutorial/ts/app/dashboard.component.css b/public/docs/_examples/tutorial/ts/app/dashboard.component.css
deleted file mode 100644
index d000c0c77e..0000000000
--- a/public/docs/_examples/tutorial/ts/app/dashboard.component.css
+++ /dev/null
@@ -1,60 +0,0 @@
-[class*='col-'] {
-  float: left;
-}
-*, *:after, *:before {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
-h3 {
-  text-align: center; margin-bottom: 0;
-}
-[class*='col-'] {
-  padding-right: 20px;
-  padding-bottom: 20px;
-}
-[class*='col-']:last-of-type {
-  padding-right: 0;
-}
-.grid {
-  margin: 0;
-}
-.col-1-4 {
-  width: 25%;
-}
-.module {
-	padding: 20px;
-	text-align: center;
-	color: #eee;
-	max-height: 120px;
-	min-width: 120px;
-	background-color: #607D8B;
-	border-radius: 2px;
-}
-h4 {
-  position: relative;
-}
-.module:hover {
-  background-color: #EEE;
-  cursor: pointer;
-  color: #607d8b;
-}
-.grid-pad {
-  padding: 10px 0;
-}
-.grid-pad > [class*='col-']:last-of-type {
-  padding-right: 20px;
-}
-@media (max-width: 600px) {
-	.module {
-	  font-size: 10px;
-	  max-height: 75px; }
-}
-@media (max-width: 1024px) {
-	.grid {
-	  margin: 0;
-	}
-	.module {
-	  min-width: 60px;
-	}
-}
diff --git a/public/docs/_examples/tutorial/ts/app/dashboard.component.html b/public/docs/_examples/tutorial/ts/app/dashboard.component.html
deleted file mode 100644
index dfec651c4a..0000000000
--- a/public/docs/_examples/tutorial/ts/app/dashboard.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<h3>Top Heroes</h3>
-<div class="grid grid-pad">
-  <div *ngFor="let hero of heroes" class="col-1-4" (click)="gotoDetail(hero)">
-    <div class="module hero">
-      <h4>{{hero.name}}</h4>
-    </div>
-  </div>
-</div>
diff --git a/public/docs/_examples/tutorial/ts/app/dashboard.component.ts b/public/docs/_examples/tutorial/ts/app/dashboard.component.ts
deleted file mode 100644
index f08e40a6e1..0000000000
--- a/public/docs/_examples/tutorial/ts/app/dashboard.component.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Router } from '@angular/router-deprecated';
-
-import { Hero } from './hero';
-import { HeroService } from './hero.service';
-
-@Component({
-  selector: 'my-dashboard',
-  templateUrl: 'app/dashboard.component.html',
-  styleUrls: ['app/dashboard.component.css']
-})
-export class DashboardComponent implements OnInit {
-  heroes: Hero[] = [];
-
-  constructor(private heroService: HeroService, private _router: Router) { }
-
-  ngOnInit() {
-    this.heroService.getHeroes().then(heroes => this.heroes = heroes.slice(1,5));
-  }
-
-  gotoDetail(hero: Hero) {
-    let link = ['HeroDetail', { id: hero.id }];
-    this._router.navigate(link);
-  }
-}
diff --git a/public/docs/_examples/tutorial/ts/app/hero-detail.component.css b/public/docs/_examples/tutorial/ts/app/hero-detail.component.css
deleted file mode 100644
index b5ab6e6e0b..0000000000
--- a/public/docs/_examples/tutorial/ts/app/hero-detail.component.css
+++ /dev/null
@@ -1,29 +0,0 @@
-label {
-  display: inline-block;
-  width: 3em;
-  margin: .5em 0;
-  color: #607D8B;
-  font-weight: bold;
-}
-input {
-  height: 2em;
-  font-size: 1em;
-  padding-left: .4em;
-}
-button {
-  margin-top: 20px;
-  font-family: Arial;
-  background-color: #eee;
-  border: none;
-  padding: 5px 10px;
-  border-radius: 4px;
-  cursor: pointer; cursor: hand;
-}
-button:hover {
-  background-color: #cfd8dc;
-}
-button:disabled {
-  background-color: #eee;
-  color: #ccc; 
-  cursor: auto;
-}
diff --git a/public/docs/_examples/tutorial/ts/app/hero-detail.component.html b/public/docs/_examples/tutorial/ts/app/hero-detail.component.html
deleted file mode 100644
index af9039dc9f..0000000000
--- a/public/docs/_examples/tutorial/ts/app/hero-detail.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div *ngIf="hero">
-	<h2>{{hero.name}} details!</h2>
-	<div>
-		<label>id: </label>{{hero.id}}</div>
-	<div>
-		<label>name: </label>
-		<input [(ngModel)]="hero.name" placeholder="name"/>
-	</div>
-	<button (click)="goBack()">Back</button>
-</div>
\ No newline at end of file
diff --git a/public/docs/_examples/tutorial/ts/app/hero-detail.component.ts b/public/docs/_examples/tutorial/ts/app/hero-detail.component.ts
deleted file mode 100644
index 0a168944c0..0000000000
--- a/public/docs/_examples/tutorial/ts/app/hero-detail.component.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { RouteParams } from '@angular/router-deprecated';
-
-import { Hero } from './hero';
-import { HeroService } from './hero.service';
-
-@Component({
-  selector: 'my-hero-detail',
-  templateUrl: 'app/hero-detail.component.html',
-  styleUrls: ['app/hero-detail.component.css']
-})
-export class HeroDetailComponent implements OnInit {
-  hero: Hero;
-
-  constructor(private heroService: HeroService,
-    private routeParams: RouteParams) {
-  }
-
-  ngOnInit() {
-    let id = +this.routeParams.get('id');
-    this.heroService.getHero(id).then(hero => this.hero = hero);
-  }
-
-  goBack() {
-    window.history.back();
-  }
-}
diff --git a/public/docs/_examples/tutorial/ts/app/hero.service.ts b/public/docs/_examples/tutorial/ts/app/hero.service.ts
deleted file mode 100644
index 7d5c08de07..0000000000
--- a/public/docs/_examples/tutorial/ts/app/hero.service.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Injectable } from '@angular/core';
-
-import { HEROES }     from './mock-heroes';
-
-@Injectable()
-export class HeroService {
-  getHeroes() {
-    return Promise.resolve(HEROES);
-  }
-
-	getHero(id: number) {
-    return Promise.resolve(HEROES).then(
-      heroes => heroes.filter(hero => hero.id === id)[0]
-    );
-  }
-}
diff --git a/public/docs/_examples/tutorial/ts/app/hero.ts b/public/docs/_examples/tutorial/ts/app/hero.ts
deleted file mode 100644
index e94ec6124a..0000000000
--- a/public/docs/_examples/tutorial/ts/app/hero.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export class Hero {
-	id: number;
-	name: string;
-}
diff --git a/public/docs/_examples/tutorial/ts/app/heroes.component.css b/public/docs/_examples/tutorial/ts/app/heroes.component.css
deleted file mode 100644
index 35e45af98d..0000000000
--- a/public/docs/_examples/tutorial/ts/app/heroes.component.css
+++ /dev/null
@@ -1,59 +0,0 @@
-.selected {
-  background-color: #CFD8DC !important;
-  color: white;
-}
-.heroes {
-  margin: 0 0 2em 0;
-  list-style-type: none;
-  padding: 0;
-  width: 15em;
-}
-.heroes li {
-  cursor: pointer;
-  position: relative;
-  left: 0;
-  background-color: #EEE;
-  margin: .5em;
-  padding: .3em 0;
-  height: 1.6em;
-  border-radius: 4px;
-}
-.heroes li:hover {
-  color: #607D8B;
-  background-color: #DDD;
-  left: .1em;
-}
-.heroes li.selected:hover {
-  background-color: #BBD8DC !important;
-  color: white;
-}
-.heroes .text {
-  position: relative;
-  top: -3px;
-}
-.heroes .badge {
-  display: inline-block;
-  font-size: small;
-  color: white;
-  padding: 0.8em 0.7em 0 0.7em;
-  background-color: #607D8B;
-  line-height: 1em;
-  position: relative;
-  left: -1px;
-  top: -4px;
-  height: 1.8em;
-  margin-right: .8em;
-  border-radius: 4px 0 0 4px;
-}
-button {
-  font-family: Arial;
-  background-color: #eee;
-  border: none;
-  padding: 5px 10px;
-  border-radius: 4px;
-  cursor: pointer;
-  cursor: hand;
-}
-button:hover {
-  background-color: #cfd8dc;
-}
diff --git a/public/docs/_examples/tutorial/ts/app/heroes.component.html b/public/docs/_examples/tutorial/ts/app/heroes.component.html
deleted file mode 100644
index 6a973bb007..0000000000
--- a/public/docs/_examples/tutorial/ts/app/heroes.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div>
-  <h2>My Heroes</h2>
-  <ul class="heroes">
-    <li *ngFor="let hero of heroes"
-      [class.selected]="hero === selectedHero"
-      (click)="onSelect(hero)">
-      <span class="badge">{{hero.id}}</span> {{hero.name}}
-    </li>
-  </ul>
-  <div *ngIf="selectedHero">
-    <h2>{{selectedHero.name | uppercase}} is my hero</h2>
-    <button (click)="gotoDetail()">View Details</button>
-  </div>
-</div>
diff --git a/public/docs/_examples/tutorial/ts/app/heroes.component.ts b/public/docs/_examples/tutorial/ts/app/heroes.component.ts
deleted file mode 100644
index 1081aab2bd..0000000000
--- a/public/docs/_examples/tutorial/ts/app/heroes.component.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Router } from '@angular/router-deprecated';
-import { HeroService } from './hero.service';
-import { HeroDetailComponent } from './hero-detail.component';
-import { Hero } from './hero';
-
-@Component({
-  selector: 'my-heroes',
-  templateUrl: 'app/heroes.component.html',
-  styleUrls: ['app/heroes.component.css'],
-  directives: [HeroDetailComponent]
-})
-export class HeroesComponent implements OnInit {
-  heroes: Hero[];
-  selectedHero: Hero;
-
-  constructor(private heroService: HeroService, private router: Router) { }
-
-  getHeroes() {
-    this.heroService.getHeroes().then(heroes => this.heroes = heroes);
-  }
-
-  gotoDetail() {
-    this.router.navigate(['HeroDetail', { id: this.selectedHero.id }]);
-  }
-
-  ngOnInit() {
-    this.getHeroes();
-  }
-
-  onSelect(hero: Hero) { this.selectedHero = hero; }
-}
diff --git a/public/docs/_examples/tutorial/ts/app/main.ts b/public/docs/_examples/tutorial/ts/app/main.ts
deleted file mode 100644
index 0e07c5e213..0000000000
--- a/public/docs/_examples/tutorial/ts/app/main.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { bootstrap } from '@angular/platform-browser-dynamic';
-import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
-
-import { HeroService } from './hero.service';
-import { AppComponent } from './app.component';
-
-bootstrap(AppComponent, [
-  ROUTER_PROVIDERS,
-  HeroService
-]);
diff --git a/public/docs/_examples/tutorial/ts/app/mock-heroes.ts b/public/docs/_examples/tutorial/ts/app/mock-heroes.ts
deleted file mode 100644
index 406e5eb7f8..0000000000
--- a/public/docs/_examples/tutorial/ts/app/mock-heroes.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Hero } from './hero';
-
-export var HEROES: Hero[] = [
-	{"id": 11, "name": "Mr. Nice"},
-	{"id": 12, "name": "Narco"},
-	{"id": 13, "name": "Bombasto"},
-	{"id": 14, "name": "Celeritas"},
-	{"id": 15, "name": "Magneta"},
-	{"id": 16, "name": "RubberMan"},
-	{"id": 17, "name": "Dynama"},
-	{"id": 18, "name": "Dr IQ"},
-	{"id": 19, "name": "Magma"},
-	{"id": 20, "name": "Tornado"}
-];
diff --git a/public/docs/_examples/tutorial/ts/example-config.json b/public/docs/_examples/tutorial/ts/example-config.json
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/public/docs/_examples/tutorial/ts/index.html b/public/docs/_examples/tutorial/ts/index.html
deleted file mode 100644
index ede4eb68e5..0000000000
--- a/public/docs/_examples/tutorial/ts/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <base href="/">
-    <title>Angular 2 Tour of Heroes</title>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="styles.css">
-
-    <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
-
-    <script src="node_modules/zone.js/dist/zone.js"></script>
-    <script src="node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="node_modules/systemjs/dist/system.src.js"></script>
-
-    <script src="systemjs.config.js"></script>
-    <script>
-      System.import('app').catch(function(err){ console.error(err); });
-    </script>
-  </head>
-
-  <body>
-    <my-app>Loading...</my-app>
-  </body>
-</html>
diff --git a/public/docs/_examples/tutorial/ts/plnkr.json b/public/docs/_examples/tutorial/ts/plnkr.json
deleted file mode 100644
index fc4ea3e22c..0000000000
--- a/public/docs/_examples/tutorial/ts/plnkr.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "description": "Tour of Heroes",
-  "files":[
-    "!**/*.d.ts",
-    "!**/*.js"
-  ],
-  "tags": ["tutorial", "tour", "heroes"]
-}
diff --git a/public/docs/ts/latest/tutorial/index.jade b/public/docs/ts/latest/tutorial/index.jade
index 8dfe15f0ea..2845fefcc3 100644
--- a/public/docs/ts/latest/tutorial/index.jade
+++ b/public/docs/ts/latest/tutorial/index.jade
@@ -27,7 +27,7 @@ include ../_util-fns
 // #enddocregion intro
 
 :marked
-  [Run the live example](/resources/live-examples/tutorial/ts/plnkr.html)
+  [Run the live example](/resources/live-examples/toh-6/ts/plnkr.html)
 
 // #docregion main
 .l-main-section

From a4bc455030efb83bb23d442f58c6180faa2704c0 Mon Sep 17 00:00:00 2001
From: Ward Bell <wardbell@hotmail.com>
Date: Thu, 19 May 2016 00:57:35 -0700
Subject: [PATCH 17/41] docs(toh): remove unneeded directive from
 heroes.component

---
 public/docs/_examples/toh-5/ts/app/heroes.component.ts | 4 +---
 public/docs/_examples/toh-6/ts/app/heroes.component.ts | 4 +---
 public/docs/ts/latest/tutorial/toh-pt5.jade            | 6 +++++-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/public/docs/_examples/toh-5/ts/app/heroes.component.ts b/public/docs/_examples/toh-5/ts/app/heroes.component.ts
index 6567c899d9..300f3065e0 100644
--- a/public/docs/_examples/toh-5/ts/app/heroes.component.ts
+++ b/public/docs/_examples/toh-5/ts/app/heroes.component.ts
@@ -4,7 +4,6 @@ import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
 
 import { Hero } from './hero';
-import { HeroDetailComponent } from './hero-detail.component';
 import { HeroService } from './hero.service';
 
 // #docregion metadata
@@ -13,8 +12,7 @@ import { HeroService } from './hero.service';
   selector: 'my-heroes',
 // #enddocregion heroes-component-renaming
   templateUrl: 'app/heroes.component.html',
-  styleUrls:  ['app/heroes.component.css'],
-  directives: [HeroDetailComponent]
+  styleUrls:  ['app/heroes.component.css']
 // #docregion heroes-component-renaming
 })
 // #enddocregion heroes-component-renaming
diff --git a/public/docs/_examples/toh-6/ts/app/heroes.component.ts b/public/docs/_examples/toh-6/ts/app/heroes.component.ts
index 4de48b35fa..8ba9b03e1e 100644
--- a/public/docs/_examples/toh-6/ts/app/heroes.component.ts
+++ b/public/docs/_examples/toh-6/ts/app/heroes.component.ts
@@ -3,14 +3,12 @@ import { Component, OnInit } from '@angular/core';
 import { Router }            from '@angular/router-deprecated';
 
 import { Hero }                from './hero';
-import { HeroDetailComponent } from './hero-detail.component';
 import { HeroService }         from './hero.service';
 
 @Component({
   selector: 'my-heroes',
   templateUrl: 'app/heroes.component.html',
-  styleUrls:  ['app/heroes.component.css'],
-  directives: [HeroDetailComponent]
+  styleUrls:  ['app/heroes.component.css']
 })
 export class HeroesComponent implements OnInit {
   heroes: Hero[];
diff --git a/public/docs/ts/latest/tutorial/toh-pt5.jade b/public/docs/ts/latest/tutorial/toh-pt5.jade
index 0afe4be3fc..2a72f68d22 100644
--- a/public/docs/ts/latest/tutorial/toh-pt5.jade
+++ b/public/docs/ts/latest/tutorial/toh-pt5.jade
@@ -544,7 +544,11 @@ figure.image-display
   1. *Cut-and-paste* the styles contents into a new `heroes.component.css` file.
   1. *Set* the component metadata's `templateUrl` and `styleUrls` properties to refer to both files.
   
-  The revised component data looks like this:
+  We no longer display the `HeroDetailComponent` in the `HeroesComponent` template because we're navigating to it.
+  So we can remove it from the metadata `directives` array. The `directives` array is now empty so we delete it.
+  We might as well delete the `HeroDetailComponent` import statement too.
+  
+  The revised component metadata looks like this:
 +makeExample('toh-5/ts/app/heroes.component.ts', 'metadata', 'app/heroes.component.ts (revised metadata)')(format=".")
 :marked
   Now we can see what's going on as we update the component class along the same lines as the dashboard:

From 29511831cdbf44f784cb2de6829de1769f00810a Mon Sep 17 00:00:00 2001
From: Ward Bell <wardbell@hotmail.com>
Date: Tue, 17 May 2016 21:25:41 -0700
Subject: [PATCH 18/41] docs(server-communication): heavily refactored (TS &
 Dart)

---
 .../dart/example-config.json                  |   0
 .../dart/lib/app_component.dart               |  31 +++
 .../dart/lib/hero_data.dart                   |   4 +-
 .../dart/lib/toh/hero_list_component.dart     |   2 +-
 .../dart/lib/toh/hero_list_component.html     |   1 +
 .../dart/lib/toh/hero_service.dart            |   3 +
 .../dart/lib/toh/toh_component.dart           |  36 ---
 .../server-communication/dart/pubspec.yaml    |   8 +-
 .../server-communication/dart/web/index.html  |   5 +-
 .../server-communication/dart/web/main.dart   |  40 ++-
 .../server-communication/dart/web/sample.css  |   1 +
 .../server-communication/e2e-spec.js          |  87 +++----
 .../ts/app/add-rxjs-operators.ts              |   9 -
 .../ts/app/app.component.ts                   |  37 +++
 .../server-communication/ts/app/main.ts       |  41 ++--
 .../ts/app/rxjs-operators.ts                  |  16 ++
 .../ts/app/toh/hero-list.component.html       |   1 +
 ...nt.1.ts => hero-list.component.promise.ts} |  11 +-
 .../ts/app/toh/hero-list.component.ts         |   7 +-
 ...o.service.1.ts => hero.service.promise.ts} |   6 +-
 .../ts/app/toh/hero.service.ts                |   6 +-
 .../server-communication/ts/app/toh/hero.ts   |   4 +-
 .../ts/app/toh/toh.component.ts               |  43 ----
 .../server-communication/ts/index.html        |   6 +-
 .../server-communication/ts/sample.css        |   1 +
 .../latest/guide/server-communication.jade    |  57 +++--
 .../ts/latest/guide/server-communication.jade | 229 ++++++++++--------
 27 files changed, 388 insertions(+), 304 deletions(-)
 create mode 100644 public/docs/_examples/server-communication/dart/example-config.json
 create mode 100644 public/docs/_examples/server-communication/dart/lib/app_component.dart
 delete mode 100644 public/docs/_examples/server-communication/dart/lib/toh/toh_component.dart
 create mode 100644 public/docs/_examples/server-communication/dart/web/sample.css
 delete mode 100644 public/docs/_examples/server-communication/ts/app/add-rxjs-operators.ts
 create mode 100644 public/docs/_examples/server-communication/ts/app/app.component.ts
 create mode 100644 public/docs/_examples/server-communication/ts/app/rxjs-operators.ts
 rename public/docs/_examples/server-communication/ts/app/toh/{hero-list.component.1.ts => hero-list.component.promise.ts} (79%)
 rename public/docs/_examples/server-communication/ts/app/toh/{hero.service.1.ts => hero.service.promise.ts} (90%)
 delete mode 100644 public/docs/_examples/server-communication/ts/app/toh/toh.component.ts
 create mode 100644 public/docs/_examples/server-communication/ts/sample.css

diff --git a/public/docs/_examples/server-communication/dart/example-config.json b/public/docs/_examples/server-communication/dart/example-config.json
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/_examples/server-communication/dart/lib/app_component.dart b/public/docs/_examples/server-communication/dart/lib/app_component.dart
new file mode 100644
index 0000000000..55c91e6e4d
--- /dev/null
+++ b/public/docs/_examples/server-communication/dart/lib/app_component.dart
@@ -0,0 +1,31 @@
+// #docplaster
+// #docregion
+import "package:angular2/core.dart" show Component;
+
+import "toh/hero_list_component.dart" show HeroListComponent;
+import "wiki/wiki_component.dart" show WikiComponent;
+import "wiki/wiki_smart_component.dart" show WikiSmartComponent;
+
+@Component(
+    selector: "my-app",
+    template: '''
+      <hero-list></hero-list>
+      <my-wiki></my-wiki>
+      <my-wiki-smart></my-wiki-smart>
+    ''',
+    // #enddocregion
+    /*
+    // #docregion http-providers
+    providers: const [
+      // in-memory web api provider
+      const Provider(BrowserClient,
+          useFactory: HttpClientBackendServiceFactory, deps: const [])],
+    // #enddocregion http-providers
+    */
+    // #docregion
+    directives: const [
+      HeroListComponent,
+      WikiComponent,
+      WikiSmartComponent
+    ])
+class AppComponent {}
diff --git a/public/docs/_examples/server-communication/dart/lib/hero_data.dart b/public/docs/_examples/server-communication/dart/lib/hero_data.dart
index 50ec0fab1d..ae0480b98d 100644
--- a/public/docs/_examples/server-communication/dart/lib/hero_data.dart
+++ b/public/docs/_examples/server-communication/dart/lib/hero_data.dart
@@ -2,7 +2,7 @@
 import 'package:http/browser_client.dart';
 import 'package:http_in_memory_web_api/http_in_memory_web_api.dart';
 
-CreateDb createDb = () => {
+CreateDb _createDb = () => {
       'heroes': [
         {"id": "1", "name": "Windstorm"},
         {"id": "2", "name": "Bombasto"},
@@ -12,4 +12,4 @@ CreateDb createDb = () => {
     };
 
 BrowserClient HttpClientBackendServiceFactory() =>
-  new HttpClientInMemoryBackendService(createDb);
+  new HttpClientInMemoryBackendService(_createDb);
diff --git a/public/docs/_examples/server-communication/dart/lib/toh/hero_list_component.dart b/public/docs/_examples/server-communication/dart/lib/toh/hero_list_component.dart
index 58fe0bb40c..23e1d6e9d7 100644
--- a/public/docs/_examples/server-communication/dart/lib/toh/hero_list_component.dart
+++ b/public/docs/_examples/server-communication/dart/lib/toh/hero_list_component.dart
@@ -9,7 +9,7 @@ import 'hero_service.dart';
 @Component(
     selector: 'hero-list',
     templateUrl: 'hero_list_component.html',
-    styles: const ['.error {color:red;}'])
+    providers: const [HeroService])
 // #docregion component
 class HeroListComponent implements OnInit {
   final HeroService _heroService;
diff --git a/public/docs/_examples/server-communication/dart/lib/toh/hero_list_component.html b/public/docs/_examples/server-communication/dart/lib/toh/hero_list_component.html
index 86e2deedd6..297ffaa6c6 100644
--- a/public/docs/_examples/server-communication/dart/lib/toh/hero_list_component.html
+++ b/public/docs/_examples/server-communication/dart/lib/toh/hero_list_component.html
@@ -1,4 +1,5 @@
 <!-- #docregion -->
+<h1>Tour of Heroes</h1>
 <h3>Heroes:</h3>
 <ul>
   <li *ngFor="let hero of heroes">
diff --git a/public/docs/_examples/server-communication/dart/lib/toh/hero_service.dart b/public/docs/_examples/server-communication/dart/lib/toh/hero_service.dart
index 1daedc2d8c..d8d602d2e7 100644
--- a/public/docs/_examples/server-communication/dart/lib/toh/hero_service.dart
+++ b/public/docs/_examples/server-communication/dart/lib/toh/hero_service.dart
@@ -15,7 +15,9 @@ class HeroService {
   // #enddocregion endpoint, http-get
   final BrowserClient _http;
 
+  // #docregion ctor
   HeroService(this._http);
+  // #enddocregion ctor
 
   // #docregion methods, error-handling, http-get
   Future<List<Hero>> getHeroes() async {
@@ -57,6 +59,7 @@ class HeroService {
 
   Exception _handleError(dynamic e) {
     // In a real world app, we might use a remote logging infrastructure
+    // We'd also dig deeper into the error to get a better message
     print(e); // log to console instead
     return new Exception('Server error; cause: $e');
   }
diff --git a/public/docs/_examples/server-communication/dart/lib/toh/toh_component.dart b/public/docs/_examples/server-communication/dart/lib/toh/toh_component.dart
deleted file mode 100644
index 9c752ed730..0000000000
--- a/public/docs/_examples/server-communication/dart/lib/toh/toh_component.dart
+++ /dev/null
@@ -1,36 +0,0 @@
-// #docplaster
-// #docregion
-import 'package:angular2/core.dart';
-import 'package:http/browser_client.dart';
-
-import 'hero_list_component.dart';
-import 'hero_service.dart';
-// #enddocregion
-// #docregion in-mem-web-api
-/* ... */
-import 'package:server_communication/hero_data.dart';
-// #docregion
-
-@Component(
-    // #enddocregion in-mem-web-api
-    selector: 'my-toh',
-    // #docregion template
-    template: '''
-      <h1>Tour of Heroes</h1>
-      <hero-list></hero-list>
-    ''',
-    // #enddocregion template
-    directives: const [HeroListComponent],
-    // #enddocregion
-    // #docregion in-mem-web-api
-    /* ... */
-    // #docregion
-    providers: const [
-      HeroService,
-      // #enddocregion
-      // in-memory web api providers
-      const Provider(BrowserClient,
-          useFactory: HttpClientBackendServiceFactory)
-    // #docregion
-    ])
-class TohComponent {}
diff --git a/public/docs/_examples/server-communication/dart/pubspec.yaml b/public/docs/_examples/server-communication/dart/pubspec.yaml
index 7d36077d67..60e431bf51 100644
--- a/public/docs/_examples/server-communication/dart/pubspec.yaml
+++ b/public/docs/_examples/server-communication/dart/pubspec.yaml
@@ -12,11 +12,15 @@ dependencies:
   jsonpadding: ^0.1.0
   stream_transformers: ^0.3.0+3
   http_in_memory_web_api: ^0.0.1
+# #docregion transformers
 transformers:
 - angular2:
-    platform_directives: 'package:angular2/common.dart#CORE_DIRECTIVES'
-    platform_pipes: 'package:angular2/common.dart#COMMON_PIPES'
+    platform_directives:
+    - 'package:angular2/common.dart#CORE_DIRECTIVES'
+    platform_pipes:
+    - 'package:angular2/common.dart#COMMON_PIPES'
     entry_points: 'web/main.dart'
     resolved_identifiers:
         BrowserClient: 'package:http/browser_client.dart'
 - dart_to_js_script_rewriter
+# #enddocregion transformers
diff --git a/public/docs/_examples/server-communication/dart/web/index.html b/public/docs/_examples/server-communication/dart/web/index.html
index ff2918e0bd..fc365968c2 100644
--- a/public/docs/_examples/server-communication/dart/web/index.html
+++ b/public/docs/_examples/server-communication/dart/web/index.html
@@ -6,15 +6,14 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="sample.css">
 
     <script defer src="main.dart" type="application/dart"></script>
     <script defer src="packages/browser/dart.js"></script>
   </head>
 
   <body>
-    <my-toh>ToH Loading...</my-toh>
-    <my-wiki>Wiki Loading...</my-wiki>
-    <my-wiki-smart>WikiSmart Loading...</my-wiki-smart>
+    <my-app>Loading...</my-app>
   </body>
 
 </html>
diff --git a/public/docs/_examples/server-communication/dart/web/main.dart b/public/docs/_examples/server-communication/dart/web/main.dart
index 1b7933a87d..a66ddb454b 100644
--- a/public/docs/_examples/server-communication/dart/web/main.dart
+++ b/public/docs/_examples/server-communication/dart/web/main.dart
@@ -1,12 +1,34 @@
-// #docregion
-import 'package:angular2/platform/browser.dart';
+// #docplaster
+// #docregion final
+import 'package:angular2/core.dart' show Provider;
+// #docregion v1
+import 'package:angular2/platform/browser.dart' show bootstrap;
+// #docregion http-providers
+import 'package:http/browser_client.dart' show BrowserClient;
+// #enddocregion http-providers
 
-import 'package:server_communication/toh/toh_component.dart';
-import 'package:server_communication/wiki/wiki_component.dart';
-import 'package:server_communication/wiki/wiki_smart_component.dart';
+import 'package:server_communication/app_component.dart';
+// #enddocregion v1
+// #docregion in-mem-web-api-imports
+import "package:server_communication/hero_data.dart";
 
-main() {
-  bootstrap(TohComponent);
-  bootstrap(WikiComponent);
-  bootstrap(WikiSmartComponent);
+// #enddocregion in-mem-web-api-imports
+// #docregion in-mem-web-api-providers
+void main() {
+  bootstrap(AppComponent, const [
+    // in-memory web api provider
+    const Provider(BrowserClient,
+        useFactory: HttpClientBackendServiceFactory, deps: const [])
+    // TODO: drop `deps` once fix lands for 
+    // https://github.com/angular/angular/issues/5266
+  ]);
 }
+// #enddocregion final, in-mem-web-api-providers
+/*
+// #docregion v1
+
+void main() {
+  bootstrap(AppComponent, const [BrowserClient]);
+}
+// #enddocregion v1
+*/
diff --git a/public/docs/_examples/server-communication/dart/web/sample.css b/public/docs/_examples/server-communication/dart/web/sample.css
new file mode 100644
index 0000000000..3bb281e096
--- /dev/null
+++ b/public/docs/_examples/server-communication/dart/web/sample.css
@@ -0,0 +1 @@
+.error {color:red;}
diff --git a/public/docs/_examples/server-communication/e2e-spec.js b/public/docs/_examples/server-communication/e2e-spec.js
index 4525c9514f..98a3f1e03a 100644
--- a/public/docs/_examples/server-communication/e2e-spec.js
+++ b/public/docs/_examples/server-communication/e2e-spec.js
@@ -4,69 +4,62 @@ describe('Server Communication', function () {
     browser.get('');
   });
 
-  describe('Tour of Heroes e2e tests', function () {
-    
-    var _initialHeroCount = 4;
-    var _newHeroName = 'Mr. IQ';
-    var _heroCountAfterAdd = 5;
-    
-    it('should display ' + _initialHeroCount + ' heroes after init', function () {
-      var myTohComp = element(by.tagName('my-toh'));
-      expect(myTohComp).toBeDefined('<my-toh> must exist');
-      var heroListComp = myTohComp.element(by.tagName('hero-list'));
+  describe('Tour of Heroes (Observable)', function () {
+
+    var initialHeroCount = 4;
+    var newHeroName = 'Mr. IQ';
+    var heroCountAfterAdd = 5;
+
+    var heroListComp = element(by.tagName('hero-list'));
+    var addButton = heroListComp.element(by.tagName('button'));
+    var heroTags = heroListComp.all(by.tagName('li'));
+    var heroNameInput = heroListComp.element(by.tagName('input'));
+
+    it('should exist', function() {
       expect(heroListComp).toBeDefined('<hero-list> must exist');
-      var heroTags = heroListComp.all(by.tagName('li'));
-      expect(heroTags.count()).toBe(_initialHeroCount);
     });
-    
+
+    it('should display ' + initialHeroCount + ' heroes after init', function () {
+      expect(heroTags.count()).toBe(initialHeroCount);
+    });
+
     it('should not add hero with empty name', function () {
-      var myTohComp = element(by.tagName('my-toh'));
-      expect(myTohComp).toBeDefined('<my-toh> must exist');
-      var addButton = myTohComp.element(by.tagName('button'));
       expect(addButton).toBeDefined('"Add Hero" button must be defined');
       addButton.click().then(function() {
-        var heroListComp = myTohComp.element(by.tagName('hero-list'));
-        var heroTags = heroListComp.all(by.tagName('li'));
-        expect(heroTags.count()).toBe(_initialHeroCount, 'No new hero should be added');
+        expect(heroTags.count()).toBe(initialHeroCount, 'No new hero should be added');
       });
     })
 
     it('should add a new hero to the list', function () {
-      var myTohComp = element(by.tagName('my-toh'));
-      expect(myTohComp).toBeDefined('<my-toh> must exist');
-      var heroNameInput = myTohComp.element(by.tagName('input'));
       expect(heroNameInput).toBeDefined('<input> for hero name must exist');
-      var addButton = myTohComp.element(by.tagName('button'));
       expect(addButton).toBeDefined('"Add Hero" button must be defined');
-      sendKeys(heroNameInput, _newHeroName);
+      sendKeys(heroNameInput, newHeroName);
       addButton.click().then(function() {
-        var heroListComp = myTohComp.element(by.tagName('hero-list'));
-        var heroTags = heroListComp.all(by.tagName('li'));
-        expect(heroTags.count()).toBe(_heroCountAfterAdd, 'A new hero should be added');
-        var newHeroInList = heroTags.get(_heroCountAfterAdd - 1).getText();
-        expect(newHeroInList).toBe(_newHeroName, 'The hero should be added to the end of the list');
+        expect(heroTags.count()).toBe(heroCountAfterAdd, 'A new hero should be added');
+        var newHeroInList = heroTags.get(heroCountAfterAdd - 1).getText();
+        expect(newHeroInList).toBe(newHeroName, 'The hero should be added to the end of the list');
       });
     })
   });
-  
-  describe('Wikipedia Demo e2e tests', function () {
-    
+
+  describe('Wikipedia Demo', function () {
+
     it('should initialize the demo with empty result list', function () {
       var myWikiComp = element(by.tagName('my-wiki'));
       expect(myWikiComp).toBeDefined('<my-wiki> must exist');
       var resultList = myWikiComp.all(by.tagName('li'));
       expect(resultList.count()).toBe(0, 'result list must be empty');
     });
-    
+
     describe('Fetches after each keystroke', function () {
       it('should fetch results after "B"', function(done) {
         testForRefreshedResult('B', done);
       });
-      
+
       it('should fetch results after "Ba"', function(done) {
         testForRefreshedResult('a', done);
       });
-      
+
       it('should fetch results after "Bas"', function(done) {
         testForRefreshedResult('s', done);
       });
@@ -75,13 +68,13 @@ describe('Server Communication', function () {
         testForRefreshedResult('ic', done);
       });
     });
-    
+
     function testForRefreshedResult(keyPressed, done) {
       testForResult('my-wiki', keyPressed, false, done)
     }
   });
-  
-  describe('Smarter Wikipedia Demo e2e tests', function () {
+
+  describe('Smarter Wikipedia Demo', function () {
 
     it('should initialize the demo with empty result list', function () {
       var myWikiSmartComp = element(by.tagName('my-wiki-smart'));
@@ -93,40 +86,40 @@ describe('Server Communication', function () {
     it('should fetch results after "Java"', function(done) {
       testForNewResult('Java', done);
     });
-    
+
     it('should fetch results after "JavaS"', function(done) {
       testForStaleResult('S', done);
     });
-    
+
     it('should fetch results after "JavaSc"', function(done) {
       testForStaleResult('c', done);
     });
-    
+
     it('should fetch results after "JavaScript"', function(done) {
       testForStaleResult('ript', done);
     });
 
-    
+
     function testForNewResult(keyPressed, done) {
       testForResult('my-wiki-smart', keyPressed, false, done)
     }
 
     function testForStaleResult(keyPressed, done) {
-      testForResult('my-wiki-smart', keyPressed, true, done)      
+      testForResult('my-wiki-smart', keyPressed, true, done)
     }
 
   });
-  
+
   function testForResult(componentTagName, keyPressed, hasListBeforeSearch, done) {
     var searchWait = 1000; // Wait for wikipedia but not so long that tests timeout
     var wikiComponent = element(by.tagName(componentTagName));
     expect(wikiComponent).toBeDefined('<' + componentTagName + '> must exist');
     var searchBox = wikiComponent.element(by.tagName('input'));
     expect(searchBox).toBeDefined('<input> for search must exist');
-    
+
     searchBox.sendKeys(keyPressed).then(function () {
       var resultList = wikiComponent.all(by.tagName('li'));
-      
+
       if (hasListBeforeSearch) {
         expect(resultList.count()).toBeGreaterThan(0, 'result list should not be empty before search');
       }
@@ -137,5 +130,5 @@ describe('Server Communication', function () {
       }, searchWait);
     });
   }
-  
+
 });
diff --git a/public/docs/_examples/server-communication/ts/app/add-rxjs-operators.ts b/public/docs/_examples/server-communication/ts/app/add-rxjs-operators.ts
deleted file mode 100644
index 1381b30cd9..0000000000
--- a/public/docs/_examples/server-communication/ts/app/add-rxjs-operators.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-// #docregion
-// import 'rxjs/Rx'; // adds ALL RxJS operators to Observable
-
-// Just the Observable operators we need for THIS app.
-import 'rxjs/add/operator/catch';
-import 'rxjs/add/operator/debounceTime';
-import 'rxjs/add/operator/distinctUntilChanged';
-import 'rxjs/add/operator/map';
-import 'rxjs/add/operator/switchMap';
diff --git a/public/docs/_examples/server-communication/ts/app/app.component.ts b/public/docs/_examples/server-communication/ts/app/app.component.ts
new file mode 100644
index 0000000000..144475d0e4
--- /dev/null
+++ b/public/docs/_examples/server-communication/ts/app/app.component.ts
@@ -0,0 +1,37 @@
+// #docplaster
+// #docregion
+import { Component }         from '@angular/core';
+
+// #docregion import-rxjs
+// Add the RxJS Observable operators we need in this app.
+import './rxjs-operators';
+// #enddocregion import-rxjs
+
+import { HeroListComponent }        from './toh/hero-list.component';
+import { HeroListPromiseComponent } from './toh/hero-list.component.promise';
+
+import { WikiComponent }      from './wiki/wiki.component';
+import { WikiSmartComponent } from './wiki/wiki-smart.component';
+
+@Component({
+  selector: 'my-app',
+  template: `
+    <hero-list></hero-list>
+    <hero-list-promise></hero-list-promise>
+    <my-wiki></my-wiki>
+    <my-wiki-smart></my-wiki-smart>
+  `,
+// #enddocregion
+/*
+// #docregion http-providers
+  providers: [ HTTP_PROVIDERS ]
+// #enddocregion http-providers
+*/
+// #docregion
+  directives: [
+    HeroListComponent, HeroListPromiseComponent,
+    WikiComponent, WikiSmartComponent
+  ]
+})
+export class AppComponent { }
+// #enddocregion
diff --git a/public/docs/_examples/server-communication/ts/app/main.ts b/public/docs/_examples/server-communication/ts/app/main.ts
index 7fa98321f0..870548bd32 100644
--- a/public/docs/_examples/server-communication/ts/app/main.ts
+++ b/public/docs/_examples/server-communication/ts/app/main.ts
@@ -1,21 +1,30 @@
 // #docplaster
-// #docregion
+// #docregion final
+// Imports for loading & configuring the in-memory web api
+import { provide }    from '@angular/core';
+import { XHRBackend } from '@angular/http';
+
+import { InMemoryBackendService,
+         SEED_DATA }  from 'angular2-in-memory-web-api/core';
+import { HeroData }   from './hero-data';
+
+// The usual bootstrapping imports
+// #docregion v1
 import { bootstrap }      from '@angular/platform-browser-dynamic';
-// #docregion http-providers
 import { HTTP_PROVIDERS } from '@angular/http';
-// #enddocregion http-providers
-
-// #docregion import-rxjs
-// Add the RxJS Observable operators we need in this app.
-import './add-rxjs-operators';
-// #enddocregion import-rxjs
 
-import { TohComponent }       from './toh/toh.component';
-import { WikiComponent }      from './wiki/wiki.component';
-import { WikiSmartComponent } from './wiki/wiki-smart.component';
+import { AppComponent }   from './app.component';
 
-// #docregion http-providers
-bootstrap(TohComponent, [HTTP_PROVIDERS]);
-// #enddocregion http-providers
-bootstrap(WikiComponent);
-bootstrap(WikiSmartComponent);
+// #enddocregion v1, final
+/*
+// #docregion v1
+bootstrap(AppComponent, [ HTTP_PROVIDERS ]);
+// #enddocregion v1
+ */
+// #docregion final
+bootstrap(AppComponent, [
+    HTTP_PROVIDERS,
+    provide(XHRBackend, { useClass: InMemoryBackendService }), // in-mem server
+    provide(SEED_DATA,  { useClass: HeroData })                // in-mem server data
+]);
+// #enddocregion final
diff --git a/public/docs/_examples/server-communication/ts/app/rxjs-operators.ts b/public/docs/_examples/server-communication/ts/app/rxjs-operators.ts
new file mode 100644
index 0000000000..6f8d626267
--- /dev/null
+++ b/public/docs/_examples/server-communication/ts/app/rxjs-operators.ts
@@ -0,0 +1,16 @@
+// #docregion
+// import 'rxjs/Rx'; // adds ALL RxJS statics & operators to Observable
+
+// See node_module/rxjs/Rxjs.js
+// Import just the rxjs statics and operators we need for THIS app.
+
+// Statics
+import 'rxjs/add/observable/throw';
+
+// Operators
+import 'rxjs/add/operator/catch';
+import 'rxjs/add/operator/debounceTime';
+import 'rxjs/add/operator/distinctUntilChanged';
+import 'rxjs/add/operator/map';
+import 'rxjs/add/operator/switchMap';
+import 'rxjs/add/operator/toPromise';
diff --git a/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.html b/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.html
index c099d222ef..36666f2ed3 100644
--- a/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.html
+++ b/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.html
@@ -1,4 +1,5 @@
 <!-- #docregion -->
+<h1>Tour of Heroes ({{mode}})</h1>
 <h3>Heroes:</h3>
 <ul>
   <li *ngFor="let hero of heroes">
diff --git a/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.1.ts b/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.promise.ts
similarity index 79%
rename from public/docs/_examples/server-communication/ts/app/toh/hero-list.component.1.ts
rename to public/docs/_examples/server-communication/ts/app/toh/hero-list.component.promise.ts
index 3e4c3c6bf2..7df0676a9a 100644
--- a/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.1.ts
+++ b/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.promise.ts
@@ -1,21 +1,22 @@
-// ToH Promise Version
 // #docregion
+// Promise Version
 import { Component, OnInit } from '@angular/core';
 import { Hero }              from './hero';
-import { HeroService }       from './hero.service.1';
+import { HeroService }       from './hero.service.promise';
 
 @Component({
-  selector: 'hero-list',
+  selector: 'hero-list-promise',
   templateUrl: 'app/toh/hero-list.component.html',
-  styles: ['.error {color:red;}']
+  providers: [ HeroService ]
 })
 // #docregion component
-export class HeroListComponent implements OnInit {
+export class HeroListPromiseComponent implements OnInit {
 
   constructor (private heroService: HeroService) {}
 
   errorMessage: string;
   heroes: Hero[];
+  mode = 'Promise';
 
   ngOnInit() { this.getHeroes(); }
 
diff --git a/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.ts b/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.ts
index 2cb1689e01..f582cfcc65 100644
--- a/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.ts
+++ b/public/docs/_examples/server-communication/ts/app/toh/hero-list.component.ts
@@ -1,13 +1,13 @@
 // #docregion
+// Observable Version
 import { Component, OnInit } from '@angular/core';
-
 import { Hero }              from './hero';
 import { HeroService }       from './hero.service';
 
 @Component({
   selector: 'hero-list',
   templateUrl: 'app/toh/hero-list.component.html',
-  styles: ['.error {color:red;}']
+  providers: [ HeroService ]
 })
 // #docregion component
 export class HeroListComponent implements OnInit {
@@ -15,7 +15,8 @@ export class HeroListComponent implements OnInit {
   constructor (private heroService: HeroService) {}
 
   errorMessage: string;
-  heroes:Hero[];
+  heroes: Hero[];
+  mode = 'Observable';
 
   ngOnInit() { this.getHeroes(); }
 
diff --git a/public/docs/_examples/server-communication/ts/app/toh/hero.service.1.ts b/public/docs/_examples/server-communication/ts/app/toh/hero.service.promise.ts
similarity index 90%
rename from public/docs/_examples/server-communication/ts/app/toh/hero.service.1.ts
rename to public/docs/_examples/server-communication/ts/app/toh/hero.service.promise.ts
index a6da29514a..c3ecd07e49 100644
--- a/public/docs/_examples/server-communication/ts/app/toh/hero.service.1.ts
+++ b/public/docs/_examples/server-communication/ts/app/toh/hero.service.promise.ts
@@ -1,7 +1,6 @@
-// ToH Promise Version
 // #docplaster
-
 // #docregion
+// Promise Version
 import { Injectable }     from '@angular/core';
 import { Http, Response } from '@angular/http';
 import { Headers, RequestOptions } from '@angular/http';
@@ -41,7 +40,8 @@ export class HeroService {
   private handleError (error: any) {
     // In a real world app, we might use a remote logging infrastructure
     // We'd also dig deeper into the error to get a better message
-    let errMsg = error.message || error.statusText || 'Server error';
+    let errMsg = (error.message) ? error.message :
+      error.status ? `${error.status} - ${error.statusText}` : 'Server error';
     console.error(errMsg); // log to console instead
     return Promise.reject(errMsg);
   }
diff --git a/public/docs/_examples/server-communication/ts/app/toh/hero.service.ts b/public/docs/_examples/server-communication/ts/app/toh/hero.service.ts
index fcc0348c05..f1f749b507 100644
--- a/public/docs/_examples/server-communication/ts/app/toh/hero.service.ts
+++ b/public/docs/_examples/server-communication/ts/app/toh/hero.service.ts
@@ -1,5 +1,6 @@
 // #docplaster
 // #docregion
+// Observable Version
 // #docregion v1
 import { Injectable }     from '@angular/core';
 import { Http, Response } from '@angular/http';
@@ -14,7 +15,9 @@ import { Observable }     from 'rxjs/Observable';
 
 @Injectable()
 export class HeroService {
+  // #docregion ctor
   constructor (private http: Http) {}
+  // #enddocregion ctor
 
   // #docregion endpoint
   private heroesUrl = 'app/heroes';  // URL to web API
@@ -52,7 +55,8 @@ export class HeroService {
   private handleError (error: any) {
     // In a real world app, we might use a remote logging infrastructure
     // We'd also dig deeper into the error to get a better message
-    let errMsg = error.message || error.statusText || 'Server error';
+    let errMsg = (error.message) ? error.message :
+      error.status ? `${error.status} - ${error.statusText}` : 'Server error';
     console.error(errMsg); // log to console instead
     return Observable.throw(errMsg);
   }
diff --git a/public/docs/_examples/server-communication/ts/app/toh/hero.ts b/public/docs/_examples/server-communication/ts/app/toh/hero.ts
index bf664b0eec..09b8d295ce 100644
--- a/public/docs/_examples/server-communication/ts/app/toh/hero.ts
+++ b/public/docs/_examples/server-communication/ts/app/toh/hero.ts
@@ -1,6 +1,6 @@
 // #docregion
 export class Hero {
   constructor(
-    public id:number,
-    public name:string) { }
+    public id: number,
+    public name: string) { }
 }
diff --git a/public/docs/_examples/server-communication/ts/app/toh/toh.component.ts b/public/docs/_examples/server-communication/ts/app/toh/toh.component.ts
deleted file mode 100644
index 7e0a663918..0000000000
--- a/public/docs/_examples/server-communication/ts/app/toh/toh.component.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-// #docplaster
-// #docregion
-import { Component }         from '@angular/core';
-import { HTTP_PROVIDERS }    from '@angular/http';
-
-import { HeroListComponent } from './hero-list.component';
-import { HeroService }       from './hero.service';
-// #enddocregion
-
-// #docregion in-mem-web-api-imports
-import { provide }           from '@angular/core';
-import { XHRBackend }        from '@angular/http';
-
-// in-memory web api imports
-import { InMemoryBackendService,
-        SEED_DATA }          from 'angular2-in-memory-web-api/core';
-import { HeroData }          from '../hero-data';
-// #enddocregion in-mem-web-api-imports
-// #docregion
-
-@Component({
-  selector: 'my-toh',
-// #docregion template
-  template: `
-  <h1>Tour of Heroes</h1>
-  <hero-list></hero-list>
-  `,
-  // #enddocregion template
-  directives: [HeroListComponent],
-  providers:  [
-    HTTP_PROVIDERS,
-    HeroService,
-// #enddocregion
-// #docregion in-mem-web-api-providers
-    // in-memory web api providers
-    provide(XHRBackend, { useClass: InMemoryBackendService }), // in-mem server
-    provide(SEED_DATA,  { useClass: HeroData }) // in-mem server data
-// #enddocregion in-mem-web-api-providers
-// #docregion
-  ]
-})
-export class TohComponent { }
-// #enddocregion
diff --git a/public/docs/_examples/server-communication/ts/index.html b/public/docs/_examples/server-communication/ts/index.html
index 21dc568313..2f7b9b3338 100644
--- a/public/docs/_examples/server-communication/ts/index.html
+++ b/public/docs/_examples/server-communication/ts/index.html
@@ -6,6 +6,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="sample.css">
+
 
     <!-- Polyfill(s) for older browsers -->
     <script src="node_modules/es6-shim/es6-shim.min.js"></script>
@@ -21,9 +23,7 @@
   </head>
 
   <body>
-    <my-toh>ToH Loading...</my-toh>
-    <my-wiki>Wiki Loading...</my-wiki>
-    <my-wiki-smart>WikiSmart Loading...</my-wiki-smart>
+      <my-app>Loading...</my-app>
   </body>
 
 </html>
diff --git a/public/docs/_examples/server-communication/ts/sample.css b/public/docs/_examples/server-communication/ts/sample.css
new file mode 100644
index 0000000000..3bb281e096
--- /dev/null
+++ b/public/docs/_examples/server-communication/ts/sample.css
@@ -0,0 +1 @@
+.error {color:red;}
diff --git a/public/docs/dart/latest/guide/server-communication.jade b/public/docs/dart/latest/guide/server-communication.jade
index 9572a51b0f..0195d5cb88 100644
--- a/public/docs/dart/latest/guide/server-communication.jade
+++ b/public/docs/dart/latest/guide/server-communication.jade
@@ -2,10 +2,40 @@ extends ../../../ts/latest/guide/server-communication.jade
 
 block includes
   include ../_util-fns
+  - var _Http = 'BrowserClient';
+  - var _Angular_Http = 'Dart <code>BrowserClient</code>'
+  - var _httpUrl = 'https://pub.dartlang.org/packages/http'
+  - var _Angular_http_library = 'Dart <a href="!{_httpUrl}"><b>http</b> library</a>'
+
+block demos-list
+  li HTTP client: Tour of Heroes
+  li JSONP client: Wikipedia to fetch data from a service that doesn't support CORS (under development)
+
+block rxjs-import
+  //- N/A
+
+block http-client
+  
+block system-config-of-http
+  //- N/A
 
 block http-providers
-  //- TODO(chalin): mention the Angular transformer resolved_identifiers.
-  //- Maybe not yet at this point in the chapter.
+  :marked
+    Actually, it is unnecessary to include `BrowserClient` in the list of providers.
+    ***But*** as is mentioned in the *Angular 2 Dart Transformer* [wiki page][ng2dtri],
+    the template compiler _generates_ dependency injection code, hence all the
+    identifiers used in DI have to be collected by the Angular 2 transformer
+    so that the libraries containing these identifiers can be transformed.
+
+    Unless special steps are taken, Dart libraries like `http`
+    are not transformed. To ensure that the `BrowserClient` identifier is available
+    for DI, we must add a `resolved_identifiers` parameter to the `angular2`
+    transformer in `pubspec.yaml`:
+
+    [ng2dtri]: https://github.com/angular/angular/wiki/Angular-2-Dart-Transformer#resolved_identifiers
+
+  - var stylePattern = { pnk: /(resolved_identifiers:|Browser.*)/gm, otl: /(- angular2:)|(transformers:)/g };
+  +makeExcerpt('pubspec.yaml', 'transformers', 'pubspec.yaml (transformers)', stylePattern)
 
 block getheroes-and-addhero
   :marked
@@ -20,27 +50,13 @@ block getheroes-and-addhero
     programming in Dart, or the tutorial on 
     [_Asynchronous Programming: Futures_](https://www.dartlang.org/docs/tutorials/futures/).
 
-block http-client-service
-  :marked
-    The imported `BrowserClient` client service gets
-    [injected](dependency-injection.html) into the `HeroService` constructor.
-    Note that `BrowserClient` is not part of the Angular core. 
-    It's an optional service provided by the Dart 
-    [`http` package](https://pub.dartlang.org/packages/http).
-
 block rxjs
   //- N/A
 
-block non-success-status-codes
-  :marked
-    Because a status code outside the 200-299 range _is an error_ from the
-    application point of view, we test for this condition and throw an
-    exception when detected.
-
 block parse-json
   :marked
     The response data are in JSON string form.
-    We must parse that string into JavaScript objects which we do by calling
+    We must parse that string into Objects which we do by calling
     the `JSON.decode()` method from the `dart:convert` library.
 
 block error-handling
@@ -58,14 +74,13 @@ block hero-list-comp-add-hero
     Back in the `HeroListComponent`, we see that *its* `addHero()`
     awaits for the *service's* asynchronous `addHero()` to return, and when it does,
     the new hero is added to the `heroes` list for presentation to the user.
-  +makeExample('server-communication/ts/app/toh/hero-list.component.ts', 'addHero', 'app/toh/hero-list.component.ts (addHero)')(format=".")
 
 block promises
   //- N/A
 
 block wikipedia-jsonp+
   :marked
-    Wikipedia offers both `CORS` and `JSONP` search APIs.
+    Wikipedia offers a modern `CORS` API and a legacy `JSONP` search API.
   .alert.is-important
     :marked
       The remaining content of this section is coming soon.
@@ -77,6 +92,4 @@ block redirect-to-web-api
   :marked
     To achieve this, we have Angular inject an in-memory web API server
     instance as a provider for the `BrowserClient`. This is possible because
-    the in-memory web API server class extends `BrowserClient`. Here are the
-    pertinent details, excerpt from `TohComponent`:
-  +makeExample('server-communication/ts/app/toh/toh.component.ts', 'in-mem-web-api', 'app/toh.component.ts (excerpt)')(format=".")
+    the in-memory web API server class extends `BrowserClient`.
diff --git a/public/docs/ts/latest/guide/server-communication.jade b/public/docs/ts/latest/guide/server-communication.jade
index f630ac1d07..eea4772a11 100644
--- a/public/docs/ts/latest/guide/server-communication.jade
+++ b/public/docs/ts/latest/guide/server-communication.jade
@@ -1,5 +1,9 @@
 block includes
   include ../_util-fns
+  - var _Http = 'Http'; // Angular `Http` library name.
+  - var _Angular_Http = 'Angular <code>Http</code>'
+  - var _Angular_http_library = 'Angular HTTP library'
+
 :marked
   [HTTP](https://tools.ietf.org/html/rfc2616) is the primary protocol for browser/server communication.
 .l-sub-section
@@ -16,7 +20,7 @@ block includes
   as we'll learn in this chapter covering:
 
 ul
-  li #[a(href="#http-client") Http client sample overview]
+  li #[a(href="#http-client") HTTP client sample overview]
   li #[a(href="#fetch-data") Fetch data with http.get]
   +ifDocsFor('ts')
     li #[a(href="#rxjs") RxJS Observable of HTTP Responses]
@@ -35,79 +39,110 @@ ul
 p.  
   We illustrate these topics with code that you can 
   #[+liveExampleLink2('run live in a browser', 'server-communication')].
+  
+.l-main-section
+h1 Demos
+p  This chapter describes server communication with the help of the following demos
+ul
+  block demos-list
+    li HTTP client: Tour of Heroes with Observables
+    li HTTP client: Tour of Heroes with #{_Promise}s
+    li JSONP client: Wikipedia to fetch data from a service that doesn't support CORS
+    li JSONP client: Wikipedia using observable operators to reduce server calls
+:marked
+  These demos are orchestrated by the root `AppComponent`
++makeExample('server-communication/ts/app/app.component.ts', null, 'app/app.component.ts')
+
+block rxjs-import
+  :marked
+    There is nothing remarkable here _except_ for the import of RxJS operators.
+  +makeExample('server-communication/ts/app/app.component.ts', 'import-rxjs')(format='.')
+  :marked
+    We'll talk about that [below](#rxjs) when we're ready to explore observables. 
+:marked
+  First, we have to configure our application to use server communication facilities.
 
 .l-main-section
-a#http-client
+h1#http-providers Providing HTTP Services
 :marked
-  ## The *Http* Client Demo
-  
-  We use the Angular `Http` client to communicate via `XMLHttpRequest (XHR)`.
-  
-  We'll demonstrate with a mini-version of the [tutorial](../tutorial)'s "Tour of Heroes" (ToH) application.
-  This version gets some heroes from the server, displays them in a list, lets us add new heroes, and saves them to the server.
-  
-  It works like this.
-figure.image-display
-  img(src='/resources/images/devguide/server-communication/http-toh.gif' alt="ToH mini app" width="250")
+  We use the !{_Angular_Http} client to communicate with a server using a familiar HTTP request/response protocol.
+  The `!{_Http}` client is one of a family of services in the !{_Angular_http_library}.
+block system-config-of-http
+  .l-sub-section
+    :marked
+      SystemJS knows how to load services from the !{_Angular_http_library} when we import from the `@angular/http` module
+      because we registered that module name in the `system.config` file.
 :marked
-  It's implemented with two components &mdash; a parent `TohComponent` shell and the `HeroListComponent` child.
-  We've seen these kinds of component in many other documentation samples. 
-  Let's see how they change to support communication with a server.
+    Before we can use the `!{_Http}` client , we'll have to register it as a service provider with the Dependency Injection system.
 .l-sub-section
   :marked
-    We're overdoing the "separation of concerns" by creating two components for a tiny demo. 
-    We're making a point about application structure that is easier to justify when the app grows.
-:marked
-  Here is the `TohComponent` shell:
-+makeExample('server-communication/ts/app/toh/toh.component.ts', '', 'app/toh/toh.component.ts')
+    Learn about providers in the [Dependency Injection](dependency-injection.html) chapter.
+
+p In this demo, we register providers in the #[code bootstrap] method of #[code #[+adjExPath('app/main.ts')]].
++makeExample('server-communication/ts/app/main.ts', 'v1', 'app/main.ts (v1)')(format='.')
 
 block http-providers
   :marked
-    As usual, we import the symbols we need. The newcomer is `HTTP_PROVIDERS`, 
-    an array of service providers from the Angular HTTP library.
-    We'll be using that library to access the server.
-    We also import a `HeroService` that we'll look at shortly.
+    We begin by importing the symbols we need, most of them familiar by now. The newcomer is `HTTP_PROVIDERS`, 
+    a collection of service providers from the Angular HTTP library.
+ 
+    We register HTTP providers in the bootstrap method by passing them in an array as the second parameter after the root component.
 
-    The component specifies both the ``HTTP_PROVIDERS` and the `HeroService` in the metadata `providers` array,
-    making them available to the child components of this "Tour of Heroes" application.
+    ### Why register in *bootstrap*?
+    
+    We prefer to register application-wide providers in the metadata `providers` array
+    of the root `AppComponent` like this:
+  +makeExample('server-communication/ts/app/app.component.ts','http-providers')(format='.')
+  :marked
+    Here we register the providers in the `bootstrap` method in the `main.ts` file. Why?
+    
+    This is a *sample application* that doesn't talk to a real server.
+    We're going to reconfigure the (typically-hidden) `XhrBackend` service with a fake provider
+    that fetches and saves sample data from an in-memory data store.
+    This replacement service is called the [*in-memory web api*](#in-mem-web-api).
+    
+    Such sleight-of-hand is something the root application component should *not* know about.
+    For this reason, and this reason *only*, we hide it *above* the `AppComponent` in `main.ts`.
 
-  .l-sub-section
-    :marked
-      Alternatively, we may choose to add the `HTTP_PROVIDERS` while bootstrapping the app:
-    +makeExample('server-communication/ts/app/main.ts','http-providers','app/main.ts')(format='.')
-    :marked
-      Learn about providers in the [Dependency Injection](dependency-injection.html) chapter.
+.l-main-section
+a#http-client
+:marked
+  # The Tour of Heroes *HTTP* Client Demo
   
+  Our first demo is a mini-version of the [tutorial](../tutorial)'s "Tour of Heroes" (ToH) application.
+  This version gets some heroes from the server, displays them in a list, lets us add new heroes, and saves them to the server.
+  We use the !{_Angular_Http} client to communicate via `XMLHttpRequest (XHR)`.
+
+  It works like this.
+figure.image-display
+  img(src='/resources/images/devguide/server-communication/http-toh.gif' alt="ToH mini app" width="250")
 :marked
-  This sample only has one child, the `HeroListComponent`.  Here's its template:
+  This demo has a single component, the `HeroListComponent`.  Here's its template:
 +makeExample('server-communication/ts/app/toh/hero-list.component.html', null, 'app/toh/hero-list.component.html (template)')
 :marked
-  The component template displays a list of heroes with the `ngFor` repeater directive.
-figure.image-display
-  img(src='/resources/images/devguide/server-communication/hero-list.png' alt="Hero List")
-:marked
-  Beneath the heroes is an input box and an *Add Hero* button where we can enter the names of new heroes
+  It presents the list of heroes with an `ngFor`. 
+  Below the list is an input box and an *Add Hero* button where we can enter the names of new heroes
   and add them to the database. 
   We use a [template reference variable](template-syntax.html#ref-vars), `newHeroName`, to access the 
   value of the input box in the `(click)` event binding.
   When the user clicks the button, we pass that value to the component's `addHero` method and then
-  clear it to make ready for a new hero name.
+  clear it to make it ready for a new hero name.
   
   Below the button is an area for an error message.
 
-a(id="oninit")
-a(id="HeroListComponent")
+a#oninit
+a#HeroListComponent
 :marked
-  ### The *HeroListComponent* class
+  ## The *HeroListComponent* class
   Here's the component class:
 +makeExample('server-communication/ts/app/toh/hero-list.component.ts','component', 'app/toh/hero-list.component.ts (class)')  
 :marked
-  We [inject](dependency-injection.html) the `HeroService` into the constructor.
-  That's the instance of the `HeroService` that we provided in the parent shell `TohComponent`.
+  Angular [injects](dependency-injection.html) a `HeroService` into the constructor
+  and the component calls that service to fetch and save data.
 
-  Notice that the component **does not talk to the server directly!** 
+  The component **does not talk directly to the !{_Angular_Http} client**!
   The component doesn't know or care how we get the data. 
-  Those details it delegates to the `heroService` class (which we'll get to in a moment).
+  It delegates to the `HeroService`.
   
   This is a golden rule: **always delegate data access to a supporting service class**.
 
@@ -117,40 +152,39 @@ a(id="HeroListComponent")
   and count on Angular to call `ngOnInit` when it instantiates this component. 
 .l-sub-section
   :marked
-    This is a "best practice". 
+    This is a *best practice*. 
     Components are easier to test and debug when their constructors are simple and all real work 
     (especially calling a remote server) is handled in a separate method.
 block getheroes-and-addhero
   :marked
-    The service's `getHeroes()` and `addHero()` methods return an `Observable` of HTTP hero data.
-    We subscribe to this `Observable`, 
-    specifying the actions to take when the request succeeds or fails. 
-    We'll get to observables and subscription shortly.
+    The service's `getHeroes()` and `addHero()` methods return an `Observable` of hero data that the !{_Angular_Http} client fetched from the server.
+    
+    *Observables* are a big topic, beyond the scope of this chapter. 
+    But we need to know a little about them to appreciate what is going on here.
+    
+    We should think of an `Observable` as a stream of events published by some source.
+    We listen for events in this stream by ***subscribing*** to the `Observable`. 
+    In these subscriptions we specify the actions to take when the web request
+    produces a success event (with the hero data in the event payload) or a fail event (with the error in the payload).
 
 :marked
-  With our basic intuitions about the component squared away, we can turn to development of the backend data source
-  and the client-side `HeroService` that talks to it.
-  
-  ### Fetch data
-  
+  With our basic intuitions about the component squared away, we're ready to look inside the `HeroService`.
+
+.l-main-section
+a#HeroService
+h2#fetch-data Fetch data with the #[b HeroService]
+:marked
   In many of our previous samples we faked the interaction with the server by
   returning mock heroes in a service like this one:
 +makeExample('toh-4/ts/app/hero.service.ts', 'just-get-heroes')(format=".")
 :marked
-  In this chapter, we get the heroes from the server using a (browser-based) HTTP client service.
-  Here's the new `HeroService`: 
-+makeExample('server-communication/ts/app/toh/hero.service.ts', 'v1', 'app/toh/hero.service.ts')
-
-block http-client-service
-  :marked
-    The imported `Http` client service gets
-    [injected](dependency-injection.html) into the `HeroService` constructor.
-  .l-sub-section
-    :marked
-      `Http` is not part of the Angular core. It's an optional service in its own `@angular/http` library
-      that we installed with npm (see the `package.json`) and 
-      registered for module loading by SystemJS (see `systemjs.config.js`)
+  In this chapter, we revise that `HeroService` to get the heroes from the server using the !{_Angular_Http} client service: 
++makeExample('server-communication/ts/app/toh/hero.service.ts', 'v1', 'app/toh/hero.service.ts (revised)')
 
+:marked
+  Notice that the Angular `!{_Http}` client service is
+  [injected](dependency-injection.html) into the `HeroService` constructor.
++makeExample('server-communication/ts/app/toh/hero.service.ts', 'ctor')
 :marked
   Look closely at how we call `#{_priv}http.get`
 +makeExample('server-communication/ts/app/toh/hero.service.ts', 'http-get', 'app/toh/hero.service.ts (getHeroes)')(format=".")
@@ -166,7 +200,8 @@ block http-client-service
 block rxjs
   :marked
     <a id="rxjs"></a>
-    The return value may surprise us. Many of us would expect a 
+    The return value may surprise us. 
+    Many of us who are familiar with asynchronous methods in modern JavaScript would expect the `get` method to return a 
     [promise](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise).
     We'd expect to chain a call to `then()` and extract the heroes.
     Instead we're calling a `map()` method. 
@@ -177,7 +212,7 @@ block rxjs
 
   .l-main-section
   :marked
-    ### RxJS Library
+    # RxJS Library
     [RxJS](https://github.com/ReactiveX/RxJS) ("Reactive Extensions") is a 3rd party library, endorsed by Angular,
     that implements the [*asynchronous observable*](https://www.youtube.com/watch?v=UHI0AzD_WfY "Rob Wormald on observables") pattern.
 
@@ -201,22 +236,25 @@ block rxjs
     While that is the easiest thing to do, we'd pay a penalty in extended launch time and application size
     because the full library is so big. We only use a few operators in our app.
     
-    Instead, we'll import each operator, one-by-one, until we have a custom *Observable* implementation tuned
+    Instead, we'll import each `Observable` operator and static class method, one-by-one, until we have a custom *Observable* implementation tuned
     precisely to our requirements. We'll put the `import` statements in one `app/add-rxjs-operators.ts` file.
-  +makeExample('server-communication/ts/app/add-rxjs-operators.ts', null, 'app/add-rxjs-operators.ts')(format=".")
+  +makeExample('server-communication/ts/app/rxjs-operators.ts', null, 'app/rxjs-operators.ts')(format=".")
   :marked
-    If we forget an operator, the compiler will warn that it's missing and we'll update this file.
+    If we forget an operator, the TypeScript compiler will warn that it's missing and we'll update this file.
   .l-sub-section
     :marked
-      We don't need _all_ of these particular operators in the `HeroService` &mdash; just `map` and `catch`.
-      We'll need the others later, in a *Wiki* example [below](#more-observables).
+      We don't need _all_ of these particular operators in the `HeroService` &mdash; just `map`, `catch` and `throw`.
+      We'll need the other operators later, in a *Wiki* example [below](#more-observables).
   :marked
-    Finally, we import `add-rxjs-operator`_itself_ in our `main.ts`:
-  +makeExample('server-communication/ts/app/main.ts', 'import-rxjs', 'app/main.ts (import rxjs)')(format=".")
-
+    Finally, we import `rxjs-operator`_itself_ in our `app.component.ts`:
+  +makeExample('server-communication/ts/app/app.component.ts', 'import-rxjs', 'app/app.component.ts (import rxjs)')(format=".")
+  :marked
+    Let's return to our study of the `HeroService`.
+    
+l-main-section
 a#extract-data
 :marked
-  ### Process the response object
+  ## Process the response object
   Remember that our `getHeroes()` method mapped the `#{_priv}http.get` response object to heroes with an `#{_priv}extractData` helper method:
 +makeExample('server-communication/ts/app/toh/hero.service.ts', 'extract-data', 'app/toh/hero.service.ts (excerpt)')(format=".")
 :marked
@@ -293,8 +331,8 @@ h4 #[b HeroListComponent] error handling
 block hlc-error-handling
   :marked
     Back in the `HeroListComponent`, where we called `#{_priv}heroService.getHeroes()`, 
-    we supply the `subscribe` function with a second function to handle the error message.
-    It sets an `errorMessage` variable which we've bound conditionally in the template.
+    we supply the `subscribe` function with a second function parameter to handle the error message.
+    It sets an `errorMessage` variable which we've bound conditionally in the `HeroListComponent` template.
 
 +makeExample('server-communication/ts/app/toh/hero-list.component.ts', 'getHeroes', 'app/toh/hero-list.component.ts (getHeroes)')(format=".")
   
@@ -370,8 +408,8 @@ code-example(format="." language="javascript").
 block hero-list-comp-add-hero
   :marked
     Back in the `HeroListComponent`, we see that *its* `addHero()` method subscribes to the observable returned by the *service's* `addHero()` method.
-    When the data arrive it pushes the new hero object into its `heroes` array for presentation to the user.
-  +makeExample('server-communication/ts/app/toh/hero-list.component.ts', 'addHero', 'app/toh/hero-list.component.ts (addHero)')(format=".")
+    When the data, arrive it pushes the new hero object into its `heroes` array for presentation to the user.
++makeExample('server-communication/ts/app/toh/hero-list.component.ts', 'addHero', 'app/toh/hero-list.component.ts (addHero)')(format=".")
 
 block promises
   a#promises
@@ -388,9 +426,9 @@ block promises
   :marked
     Let's rewrite the `HeroService` using promises , highlighting just the parts that are different.
   +makeTabs(
-    'server-communication/ts/app/toh/hero.service.1.ts,server-communication/ts/app/toh/hero.service.ts', 
+    'server-communication/ts/app/toh/hero.service.promise.ts,server-communication/ts/app/toh/hero.service.ts', 
     'methods, methods', 
-    'app/toh/hero.service.ts (promise-based), app/toh/hero.service.ts (observable-based)')
+    'app/toh/hero.service.promise.ts (promise-based), app/toh/hero.service.ts (observable-based)')
   :marked
     Converting from an observable to a promise is as simple as calling `toPromise(success, fail)`.
 
@@ -405,9 +443,9 @@ block promises
     We have to adjust the calling component to expect a `Promise` instead of an `Observable`.
 
   +makeTabs(
-    'server-communication/ts/app/toh/hero-list.component.1.ts, server-communication/ts/app/toh/hero-list.component.ts', 
+    'server-communication/ts/app/toh/hero-list.component.promise.ts, server-communication/ts/app/toh/hero-list.component.ts', 
     'methods, methods', 
-    'app/toh/hero-list.component.ts (promise-based), app/toh/hero-list.component.ts (observable-based)')
+    'app/toh/hero-list.component.promise.ts (promise-based), app/toh/hero-list.component.ts (observable-based)')
   :marked
     The only obvious difference is that we call `then` on the returned promise instead of `subscribe`.
     We give both methods the same functional arguments. 
@@ -457,7 +495,7 @@ figure.image-display
 
 block wikipedia-jsonp+
   :marked
-    Wikipedia offers both `CORS` and `JSONP` search APIs, let's use the latter for this example.
+    Wikipedia offers a modern `CORS` API and a legacy `JSONP` search API. Let's use the latter for this example.
     The Angular `Jsonp` service both extends the `Http` service for JSONP and restricts us to `GET` requests. 
     All other HTTP methods throw an error because JSONP is a read-only facility. 
 
@@ -637,7 +675,7 @@ a#in-mem-web-api
   method that returns a map whose keys are collection names and whose values 
   are #{_array}s of objects in those collections.
   
-  Here's the class we created for this sample by copy-and-pasting the JSON data:
+  Here's the class we created for this sample based on the JSON data:
 +makeExample('server-communication/ts/app/hero-data.ts', null, 'app/hero-data.ts')(format=".")
 :marked
   Ensure that the `HeroService` endpoint refers to the web API:
@@ -650,13 +688,10 @@ block redirect-to-web-api
     to a helper service called the `XHRBackend`. 
 
     To enable our server simulation, we replace the default `XHRBackend` service with 
-    the in-memory web API service using standard Angular provider registration
-    in `TohComponent`. We initialize the in-memory web API with mock hero data at the same time.
+    the in-memory web API service using standard Angular provider registration techniques. 
+    We initialize the in-memory web API with *seed data* from the mock hero dataset at the same time.
 
-    Here are the pertinent details, excerpt from `TohComponent`, starting with the imports:
-  +makeExample('server-communication/ts/app/toh/toh.component.ts', 'in-mem-web-api-imports', 'toh.component.ts (web API imports)')(format=".")
-  :marked
-    Then we add the following two provider definitions to the `providers` array in component metadata:
-  +makeExample('server-communication/ts/app/toh/toh.component.ts', 'in-mem-web-api-providers', 'toh.component.ts (web API providers)')(format=".")
+p Here is the revised (and final) version of the #[code #[+adjExPath('app/main.ts')]] demonstrating these steps.
++makeExample('server-communication/ts/app/main.ts', 'final', 'app/main.ts (final)')(format=".")
 
 p See the full source code in the #[+liveExampleLink2('live example', 'server-communication')].

From 2dc60188c28d2b02d3167b1a7c2b3bfe97cc9e18 Mon Sep 17 00:00:00 2001
From: Kathy Walrath <kathyw@google.com>
Date: Thu, 19 May 2016 08:03:23 -0700
Subject: [PATCH 19/41] docs(dart): convert toh-5 to Dart (#1426)

Some issues remain (see #1426 review comments), but this is much better than nothing.
---
 .../toh-2/dart/lib/app_component.dart         |  20 +-
 .../toh-3/dart/lib/app_component.dart         |  20 +-
 .../toh-4/dart/lib/hero_detail_component.dart |   1 +
 .../_examples/toh-4/dart/lib/mock_heroes.dart |  22 +-
 .../_examples/toh-5/dart/lib/mock_heroes.dart |  22 +-
 .../dart/latest/tutorial/toh-pt5-NEW.jade     | 699 ------------------
 public/docs/dart/latest/tutorial/toh-pt5.jade | 698 ++++++++++++++++-
 7 files changed, 733 insertions(+), 749 deletions(-)
 delete mode 100644 public/docs/dart/latest/tutorial/toh-pt5-NEW.jade

diff --git a/public/docs/_examples/toh-2/dart/lib/app_component.dart b/public/docs/_examples/toh-2/dart/lib/app_component.dart
index b33aa28b4d..4959afe753 100644
--- a/public/docs/_examples/toh-2/dart/lib/app_component.dart
+++ b/public/docs/_examples/toh-2/dart/lib/app_component.dart
@@ -98,16 +98,16 @@ class AppComponent {
 
 // #docregion hero-array
 final List<Hero> mockHeroes = [
-  new Hero(11, "Mr. Nice"),
-  new Hero(12, "Narco"),
-  new Hero(13, "Bombasto"),
-  new Hero(14, "Celeritas"),
-  new Hero(15, "Magneta"),
-  new Hero(16, "RubberMan"),
-  new Hero(17, "Dynama"),
-  new Hero(18, "Dr IQ"),
-  new Hero(19, "Magma"),
-  new Hero(20, "Tornado")
+  new Hero(11, 'Mr. Nice'),
+  new Hero(12, 'Narco'),
+  new Hero(13, 'Bombasto'),
+  new Hero(14, 'Celeritas'),
+  new Hero(15, 'Magneta'),
+  new Hero(16, 'RubberMan'),
+  new Hero(17, 'Dynama'),
+  new Hero(18, 'Dr IQ'),
+  new Hero(19, 'Magma'),
+  new Hero(20, 'Tornado')
 ];
 // #enddocregion hero-array
 
diff --git a/public/docs/_examples/toh-3/dart/lib/app_component.dart b/public/docs/_examples/toh-3/dart/lib/app_component.dart
index e4296ec7d5..774f8e68f6 100644
--- a/public/docs/_examples/toh-3/dart/lib/app_component.dart
+++ b/public/docs/_examples/toh-3/dart/lib/app_component.dart
@@ -89,14 +89,14 @@ class AppComponent {
 }
 
 final List<Hero> mockHeroes = [
-  new Hero(11, "Mr. Nice"),
-  new Hero(12, "Narco"),
-  new Hero(13, "Bombasto"),
-  new Hero(14, "Celeritas"),
-  new Hero(15, "Magneta"),
-  new Hero(16, "RubberMan"),
-  new Hero(17, "Dynama"),
-  new Hero(18, "Dr IQ"),
-  new Hero(19, "Magma"),
-  new Hero(20, "Tornado")
+  new Hero(11, 'Mr. Nice'),
+  new Hero(12, 'Narco'),
+  new Hero(13, 'Bombasto'),
+  new Hero(14, 'Celeritas'),
+  new Hero(15, 'Magneta'),
+  new Hero(16, 'RubberMan'),
+  new Hero(17, 'Dynama'),
+  new Hero(18, 'Dr IQ'),
+  new Hero(19, 'Magma'),
+  new Hero(20, 'Tornado')
 ];
diff --git a/public/docs/_examples/toh-4/dart/lib/hero_detail_component.dart b/public/docs/_examples/toh-4/dart/lib/hero_detail_component.dart
index 14a1382348..8a6144ddfb 100644
--- a/public/docs/_examples/toh-4/dart/lib/hero_detail_component.dart
+++ b/public/docs/_examples/toh-4/dart/lib/hero_detail_component.dart
@@ -1,3 +1,4 @@
+// #docregion
 import 'package:angular2/core.dart';
 
 import 'hero.dart';
diff --git a/public/docs/_examples/toh-4/dart/lib/mock_heroes.dart b/public/docs/_examples/toh-4/dart/lib/mock_heroes.dart
index 55434761a2..645aa56c25 100644
--- a/public/docs/_examples/toh-4/dart/lib/mock_heroes.dart
+++ b/public/docs/_examples/toh-4/dart/lib/mock_heroes.dart
@@ -2,15 +2,15 @@
 import 'hero.dart';
 
 final List<Hero> mockHeroes = [
-	new Hero(11, "Mr. Nice"),
-	new Hero(12, "Narco"),
-	new Hero(13, "Bombasto"),
-	new Hero(14, "Celeritas"),
-	new Hero(15, "Magneta"),
-	new Hero(16, "RubberMan"),
-	new Hero(17, "Dynama"),
-	new Hero(18, "Dr IQ"),
-	new Hero(19, "Magma"),
-	new Hero(20, "Tornado")
+	new Hero(11, 'Mr. Nice'),
+	new Hero(12, 'Narco'),
+	new Hero(13, 'Bombasto'),
+	new Hero(14, 'Celeritas'),
+	new Hero(15, 'Magneta'),
+	new Hero(16, 'RubberMan'),
+	new Hero(17, 'Dynama'),
+	new Hero(18, 'Dr IQ'),
+	new Hero(19, 'Magma'),
+	new Hero(20, 'Tornado')
 ];
-// #enddocregion
\ No newline at end of file
+// #enddocregion
diff --git a/public/docs/_examples/toh-5/dart/lib/mock_heroes.dart b/public/docs/_examples/toh-5/dart/lib/mock_heroes.dart
index ee46fa86fe..b96c17ff61 100644
--- a/public/docs/_examples/toh-5/dart/lib/mock_heroes.dart
+++ b/public/docs/_examples/toh-5/dart/lib/mock_heroes.dart
@@ -1,14 +1,14 @@
 import 'hero.dart';
 
 final List<Hero> HEROES = [
-  new Hero(11, "Mr. Nice"),
-  new Hero(12, "Narco"),
-  new Hero(13, "Bombasto"),
-  new Hero(14, "Celeritas"),
-  new Hero(15, "Magneta"),
-  new Hero(16, "RubberMan"),
-  new Hero(17, "Dynama"),
-  new Hero(18, "Dr IQ"),
-  new Hero(19, "Magma"),
-  new Hero(20, "Tornado")
-];
\ No newline at end of file
+  new Hero(11, 'Mr. Nice'),
+  new Hero(12, 'Narco'),
+  new Hero(13, 'Bombasto'),
+  new Hero(14, 'Celeritas'),
+  new Hero(15, 'Magneta'),
+  new Hero(16, 'RubberMan'),
+  new Hero(17, 'Dynama'),
+  new Hero(18, 'Dr IQ'),
+  new Hero(19, 'Magma'),
+  new Hero(20, 'Tornado')
+];
diff --git a/public/docs/dart/latest/tutorial/toh-pt5-NEW.jade b/public/docs/dart/latest/tutorial/toh-pt5-NEW.jade
deleted file mode 100644
index 7c8a0565f7..0000000000
--- a/public/docs/dart/latest/tutorial/toh-pt5-NEW.jade
+++ /dev/null
@@ -1,699 +0,0 @@
-include ../_util-fns
-
-:marked
-    # Routing Around the App
-    We received new requirements for our Tour of Heroes application:
-    * add a *Dashboard* view.
-    * navigate between the *Heroes* and *Dashboard* views.
-    * clicking on a hero in either view navigates to a detail view of the selected hero.
-    * clicking a *deep link* in an email opens the detail view for a particular hero;
-
-    When we’re done, users will be able to navigate the app like this:
-figure.image-display
-    img(src='/resources/images/devguide/toh/nav-diagram.png' alt="View navigations")
-:marked
-    We'll add Angular’s *Component Router* to our app to satisfy these requirements.
-.l-sub-section
-    :marked
-        The [Routing and Navigation](../guide/router.html) chapter covers the router in more detail
-        than we will in this tour.
-:marked
-    [Run the live example](/resources/live-examples/toh-5/ts/plnkr.html).
-.l-sub-section
-    img(src='/resources/images/devguide/plunker-separate-window-button.png' alt="pop out the window" align="right" style="margin-right:-20px")
-    :marked
-        To see the URL changes in the browser address bar,
-        pop out the preview window by clicking the blue 'X' button in the upper right corner:
-
-.l-main-section
-:marked
-    ## Where We Left Off
-    Before we continue with our Tour of Heroes, let’s verify that we have the following structure after adding our hero service
-    and hero detail component. If not, we’ll need to go back and follow the previous chapters.
-
-.filetree
-    .file angular2-tour-of-heroes
-    .children
-        .file lib
-        .children
-            .file app_component.dart
-            .file hero.dart
-            .file hero_detail_component.dart
-            .file hero_service.dart
-            .file mock_heroes.dart
-        .file web
-        .children
-            .file index.html
-            .file main.dart
-            .file styles.css
-        .file pubspec.yaml
-:marked
-    ### Run the app
-    Open a terminal/console window and enter the following command to
-    start the server:
-
-code-example(format="." language="bash").
-    pub serve
-
-:marked
-    The application runs by default on `localhost:8080`.
-
-    ## Action plan
-    Here's our plan
-
-    * turn `AppComponent` into an application shell that only handles navigation.
-    * relocate the *Heroes* concerns within the current `AppComponent` to a separate `HeroesComponent`
-    * add routing
-    * create a new `DashboardComponent`
-    * tie the *Dashboard* into the navigation structure.
-
-.l-sub-section
-    :marked
-        *Routing* is another name for *navigation*. The *router* is the mechanism for navigating from view to view.
-
-.l-main-section
-:marked
-    ## Splitting the *AppComponent*
-
-    Our current app loads `AppComponent` and immediately displays the list of heroes.
-
-    Our revised app should present a shell with a choice of views (*Dashboard* and *Heroes*) and then default to one of them.
-
-    The `AppComponent` should only handle navigation.
-    Let's move the display of *Heroes* out of `AppComponent` and into its own `HeroesComponent`.
-
-    ### *HeroesComponent*
-    `AppComponent` is already dedicated to *Heroes*.
-    Instead of moving anything out of `AppComponent`, we'll just rename it `HeroesComponent`
-    and create a new `AppComponent` shell separately.
-
-    The steps are:
-    * rename `app_component.dart` file to `heroes_component.dart`.
-    * rename the `AppComponent` class to `HeroesComponent`.
-    * rename the selector `my-app` to `my-heroes`.
-
-:marked
-+makeExample('toh-5/dart/lib/heroes_component.dart', 'heroes-component-renaming', 'lib/heroes_component.dart (renaming)')(format=".")
-
-:marked
-    ## Create *AppComponent*
-    The new `AppComponent` will be the application shell.
-    It will have some navigation links at the top and a display area below for the pages we navigate to.
-
-    The initial steps are:
-
-    * create a new file named `app_component.dart`.
-    * define an `AppComponent` class.
-    * expose an application `title` property.
-    * add the `@Component` metadata decorator above the class with a `my-app` selector.
-    * add a template with `<h1>` tags surrounding a binding to the `title` property.
-    * add the `<my-heroes>` tags to the template so we still see the heroes.
-    * add the `HeroesComponent` to the `directives` array so Angular recognizes the `<my-heroes>` tags.
-    * add the `HeroService` to the `providers` array because we'll need it in every other view.
-    * add the supporting `import` statements.
-
-    Our first draft looks like this:
-+makeExample('toh-5/dart/lib/app_component_1.dart', null, 'lib/app_component.dart (v1)')
-:marked
-.callout.is-critical
-    header Remove <i>HeroService</i> from the <i>HeroesComponent</i> providers
-    :marked
-        Go back to the `HeroesComponent` and **remove the `HeroService`** from its `providers` array.
-        We are *promoting* this service from the `HeroesComponent` to the `AppComponent`.
-        We ***do not want two copies*** of this service at two different levels of our app.
-:marked
-    The app still runs and still displays heroes.
-    Our refactoring of `AppComponent` into a new `AppComponent` and a `HeroesComponent` worked!
-    We have done no harm.
-
-:marked
-    ## Add Routing
-
-    We're ready to take the next step.
-    Instead of displaying heroes automatically, we'd like to show them *after* the user clicks a button.
-    In other words, we'd like to navigate to the list of heroes.
-
-    We'll need the Angular *Component Router*.
-
-    ### Include the Router Library
-    Not all apps need routing which is why the Angular *Component Router* is in a separate, optional module library.
-
-//    Our Tour of Heroes needs routing,
-//    so we load the library in the `index.html` in a script tag immediately *after* the angular script itself.
-//makeExample('toh-5/dart/web/index.html', 'router', 'index.html (router)')(format=".")
-:marked
-    While we're in `index.html`, we add `<base href="/">` at the top of the `<head>` section.
-+makeExample('toh-5/dart/web/index.html', 'base-href', 'index.html (base href)')(format=".")
-.callout.is-important
-    header base href is essential
-    :marked
-        See the *base href* section of the [Router](../guide/router.html#!#base-href) chapter to learn why this matters.
-:marked
-    ### Make the router available.
-    The *Component Router* is a service. Like any service, we have to import it and make it
-    available to the application by adding it to the `providers` array.
-
-    The Angular router is a combination of multiple services (`ROUTER_PROVIDERS`), multiple directives (`ROUTER_DIRECTIVES`),
-    and a configuration decorator (`RouteConfig`). We'll import them all together:
-+makeExample('toh-5/dart/lib/app_component_2.dart', 'import-router', 'app_component.dart (router imports)')(format=".")
-:marked
-    Next we update the `directives` and `providers` metadata arrays to *include* the router assets.
-+makeExample('toh-5/dart/lib/app_component_2.dart', 'directives-and-providers', 'app_component.dart (directives and providers)')(format=".")
-:marked
-    Notice that we also removed the `HeroesComponent` from the `directives` array.
-    `AppComponent` no longer shows heroes; that will be the router's job.
-    We'll soon remove `<my-heroes>` from the template too.
-
-    ### Add and configure the router
-
-    The `AppComponent` doesn't have a router yet. We'll use the `@RouteConfig` decorator to simultaneously
-    (a) assign a router to the component and (b) configure that router with *routes*.
-
-    *Routes* tell the router  which views to display when a user clicks a link or
-    pastes a URL into the browser address bar.
-
-    Let's define our first route, a route to the `HeroesComponent`.
-+makeExample('toh-5/dart/lib/app_component_2.dart', 'route-config', 'app_component.dart (RouteConfig for heroes)')(format=".")
-:marked
-    `@RouteConfig` takes an array of *Route* definitions.
-    We have only one route definition at the moment but rest assured, we'll add more.
-
-    This *route definition* has three parts:
-    * **path**: the router matches this route's path to the URL in the browser address bar (`/heroes`).
-
-    * **name**: the official name of the route; it *must* begin with a capital letter to avoid confusion with the *path* (`Heroes`).
-
-    * **component**: the component that the router should create when navigating to this route (`HeroesComponent`).
-
-.l-sub-section
-    :marked
-        Learn more about defining routes with @RouteConfig in the [Routing](../guide/router.html) chapter.
-:marked
-    ### Router Outlet
-
-    If we paste the path, `/heroes`, into the browser address bar,
-    the router should match it to the `'Heroes'` route and display the `HeroesComponent`.
-    But where?
-
-    We have to ***tell it where*** by adding `<router-outlet>` marker tags to the bottom of the template.
-    `RouterOutlet` is one of the `ROUTER_DIRECTIVES`.
-    The router displays each component immediately below the `<router-outlet>` as we navigate through the application.
-
-    ### Router Links
-    We don't really expect users to paste a route URL into the address bar.
-    We add an anchor tag to the template which, when clicked, triggers navigation to the `HeroesComponent`.
-
-    The revised template looks like this:
-+makeExample('toh-5/dart/lib/app_component_2.dart', 'template', 'app_component.dart (template for Heroes)')(format=".")
-:marked
-    Notice the `[routerLink]` binding in the anchor tag.
-    We bind the `RouterLink` directive (another of the `ROUTER_DIRECTIVES`) to an array
-    that tells the router where to navigate when the user clicks the link.
-
-    We define a *routing instruction* with a *link parameters array*.
-    The array only has one element in our little sample, the quoted ***name* of the route** to follow.
-    Looking back at the route configuration, we confirm that `'Heroes'` is the name of the route to the `HeroesComponent`.
-.l-sub-section
-    :marked
-        Learn about the *link parameters array* in the [Routing](../guide/router.html#link-parameters-array) chapter.
-:marked
-    Refresh the browser.  We see only the app title. We don't see the heroes list.
-.l-sub-section
-    :marked
-        The browser's address bar shows `/`.
-        The route path to `HeroesComponent` is `/heroes`, not `/`.
-        We don't have a route that matches the path `/`, so there is nothing to show.
-        That's something we'll want to fix.
-:marked
-    We click the "Heroes" navigation link, the browser bar updates to `/heroes`,
-    and now we see the list of heroes. We are navigating at last!
-
-    At this stage, our `AppComponent` looks like this.
-+makeExample('toh-5/dart/lib/app_component_2.dart',null, 'lib/app_component.dart (v2)')
-:marked
-    The  *AppComponent* is now attached to a router and displaying routed views.
-    For this reason and to distinguish it from other kinds of components,
-    we call this type of component a *Router Component*.
-
-
-:marked
-    ## Add a *Dashboard*
-    Routing only makes sense when we have multiple views. We need another view.
-
-    Create a placeholder `DashboardComponent` that gives us something to navigate to and from.
-+makeExample('toh-5/dart/lib/dashboard_component_1.dart',null, 'lib/dashboard_component.dart (v1)')(format=".")
-:marked
-    We’ll come back and make it more useful later.
-
-    ### Configure the dashboard route
-    Go back to `app_component.dart` and teach it to navigate to the dashboard.
-
-    Import the `DashboardComponent` so we can reference it in the dashboard route definition.
-
-    Add the following `'Dashboard'` route definition to the `@RouteConfig` array of definitions.
-+makeExample('toh-5/dart/lib/app_component.dart','dashboard-route', 'app_component.dart (Dashboard Route)')(format=".")
-.l-sub-section
-    :marked
-        **useAsDefault**
-
-        We want the app to show the dashboard when it starts and
-        we want to see a nice URL in the browser address bar that says `/dashboard`.
-        Remember that the browser launches with `/` in the address bar.
-        We don't have a route for that path and we'd rather not create one.
-
-        Fortunately we can add the `useAsDefault: true` property to the *route definition* and the
-        router will display the dashboard when the browser URL doesn't match an existing route.
-:marked
-    Finally, add a dashboard navigation link to the template, just above the *Heroes* link.
-
-+makeExample('toh-5/dart/lib/app_component.dart','template', 'app_component.dart (template)')(format=".")
-.l-sub-section
-    :marked
-        We nestled the two links within `<nav>` tags.
-        They don't do anything yet but they'll be convenient when we style the links a little later in the chapter.
-:marked
-    Refresh the browser. The app displays the dashboard and
-    we can navigate between the dashboard and the heroes.
-
-    ## Dashboard Top Heroes
-    Let’s spice up the dashboard by displaying the top four heroes at a glance.
-
-    Replace the `template` metadata with a `templateUrl` property that points to a new
-    template file.
-
-+makeExample('toh-5/dart/lib/dashboard_component.dart', 'template-url', 'lib/dashboard_component.dart (templateUrl)')(format=".")
-.l-sub-section
-    :marked
-        We specify the path _all the way back to the application root_. Angular doesn't support module-relative paths.
-:marked
-    Create that file with these contents:
-+makeExample('toh-5/dart/lib/dashboard_component.html', null, 'dashboard_component.html')(format=".")
-:marked
-    We use `*ngFor` once again to iterate over a list of heroes and display their names.
-    We added extra `<div>` elements to help with styling later in this chapter.
-
-    There's a `(click)` binding to a `gotoDetail` method we haven't written yet and
-    we're displaying a list of heroes that we don't have.
-    We have work to do, starting with those heroes.
-
-    ### Share the *HeroService*
-
-    We'd like to re-use the `HeroService` to populate the component's `heroes` array.
-
-    Recall earlier in the chapter that we removed the `HeroService` from the `providers` array of the `HeroesComponent`
-    and added it to the `providers` array of the top level `AppComponent`.
-
-    That move created a singleton `HeroService` instance, available to *all* components of the application.
-    We'll inject and use it here in the `DashboardComponent` .
-
-    ### Get heroes
-    Open the `dashboard_component.dart` and add the requisite `import` statements.
-+makeExample('toh-5/dart/lib/dashboard_component_2.dart','imports', 'lib/dashboard_component.dart (imports)')(format=".")
-:marked
-    We need `OnInit` interface because we'll initialize the heroes in the `ngOnInit` method as we've done before.
-    We need the `Hero` and `HeroService` symbols in order to reference those types.
-
-    Now implement the `DashboardComponent` class like this:
-+makeExample('toh-5/dart/lib/dashboard_component_2.dart','component', 'lib/dashboard_component.dart (class)')
-:marked
-    We saw this kind of logic before in the `HeroesComponent`.
-    * create a `heroes` array property
-    * inject the `HeroService` in the constructor and hold it in a private `_heroService` field.
-    * call the service to get heroes inside the Angular `ngOnInit` lifecycle hook.
-
-    The noteworthy differences: we cherry-pick four heroes (2nd, 3rd, 4th, and 5th) with *slice*
-    and stub the `gotoDetail` method until we're ready to implement it.
-
-    Refresh the browser and see four heroes in the new dashboard.
-
-.l-main-section
-:marked
-    ## Navigate to Hero Details
-
-    Although we display the details of a selected hero at the bottom of the `HeroesComponent`,
-    we don't yet *navigate* to the `HeroDetailComponent` in the three ways specified in our requirements:
-    1. from the *Dashboard* to a selected hero.
-    1. from the *Heroes* list to a selected hero.
-    1. from a "deep link" URL pasted into the browser address bar.
-
-    Adding a `'HeroDetail'` route seem an obvious place to start.
-
-    ### Routing to a hero detail
-
-    We'll add a route to the `HeroDetailComponent`  in the `AppComponent` where our other routes are configured.
-
-    The new route is a bit unusual in that we must tell the `HeroDetailComponent` *which hero to show*.
-    We didn't have to tell the `HeroesComponent` or the `DashboardComponent` anything.
-
-    At the moment the parent `HeroesComponent` sets the component's `hero` property to a hero object with a binding like this.
-code-example(format='').
-    &lt;my-hero-detail [hero]="selectedHero">&lt;/my-hero-detail>
-:marked
-    That clearly won't work in any of our routing scenarios.
-    Certainly not the last one; we can't embed an entire hero object in the URL! Nor would we want to.
-
-    ### Parameterized route
-    We *can* add the hero's `id` to the URL. When routing to the hero whose `id` is 11, we could expect to see an URL such as this:
-code-example(format='').
-    /detail/11
-:marked
-    The `/detail/` part of that URL is constant. The trailing numeric `id` part changes from hero to hero.
-    We need to represent that variable part of the route with a *parameter* (or *token*) that stands for the hero's `id`.
-
-    ### Configure a Route with a Parameter
-
-    Here's the *route definition* we'll use.
-+makeExample('toh-5/dart/lib/app_component.dart','hero-detail-route', 'lib/app_component.dart (Route to HeroDetailComponent)')(format=".")
-:marked
-    The colon (:) in the path indicates that `:id` is a placeholder to be filled with a specific hero `id`
-    when navigating to the `HeroDetailComponent`.
-.l-sub-section
-    :marked
-        Of course we have to import the `HeroDetailComponent` before we create this route:
-    +makeExample('toh-5/dart/lib/app_component.dart','hero-detail-import')(format=".")
-:marked
-    We're finished with the `AppComponent`.
-
-    We won't add a `'Hero Detail'` link to the template because users
-    don't click a navigation *link* to view a particular hero.
-    They click a *hero* whether that hero is displayed on the dashboard or in the heroes list.
-
-    We'll get to those *hero* clicks later in the chapter.
-    There's no point in working on them until the `HeroDetailComponent`
-    is ready to be navigated *to*.
-
-    That will require an `HeroDetailComponent` overhaul.
-
-.l-main-section
-:marked
-    ## Revise the *HeroDetailComponent*
-
-    Before we rewrite the `HeroDetailComponent`, let's remember what it looks like now:
-
-    **[TODO: Add example, once it exists.]**
-
-// makeExample('toh-4/dart/lib/hero_detail_component.dart', null, 'lib/hero_detail_component.dart (current)')
-:marked
-    The template won't change. We'll display a hero the same way. The big changes are driven by how we get the hero.
-
-    We will no longer receive the hero in a parent component property binding.
-    The new `HeroDetailComponent` should take the `id` parameter from the router's `RouteParams` service
-    and use the `HeroService` to fetch the hero with that `id` from storage.
-
-    We need an import statement to reference the `RouteParams`.
-+makeExample('toh-5/dart/lib/hero_detail_component.dart', 'import-route-params')(format=".")
-:marked
-    We import the `HeroService`so we can fetch a hero`.
-+makeExample('toh-5/dart/lib/hero_detail_component.dart', 'import-hero-service')(format=".")
-:marked
-    We import the `OnInit` interface because we'll call the `HeroService` inside the `ngOnInit` component lifecycle hook.
-+makeExample('toh-5/dart/lib/hero_detail_component.dart', 'import-oninit')(format=".")
-:marked
-    We inject the both the `RouteParams` service and the `HeroService` into the constructor as we've done before,
-    making private variables for both:
-+makeExample('toh-5/dart/lib/hero_detail_component.dart', 'ctor', 'lib/hero_detail_component.dart (constructor)')(format=".")
-:marked
-    Inside the `ngOnInit` lifecycle hook, extract the `id` parameter value from the `RouteParams` service
-    and use the `HeroService` to fetch the hero with that `id`.
-+makeExample('toh-5/dart/lib/hero_detail_component.dart', 'ng-oninit', 'lib/hero_detail_component.dart (ngOnInit)')(format=".")
-:marked
-    Notice how we extract the `id` by calling the `RouteParams.get` method.
-+makeExample('toh-5/dart/lib/hero_detail_component.dart', 'get-id')(format=".")
-:marked
-    The hero `id` is a number. Route parameters are *always strings*.
-    So we convert the route parameter value to a number with the `int.parse` static method.
-
-    ### Add *HeroService.getHero*
-    The problem with this bit of code is that `HeroService` doesn't have a `getHero` method!
-    We better fix that quickly before someone notices that we broke the app.
-
-    Open `HeroService` and add the `getHero` method. It's trivial given that we're still faking data access:
-+makeExample('toh-5/dart/lib/hero_service.dart', 'get-hero', 'lib/hero_service.dart (getHero)')(format=".")
-:marked
-    Return to the `HeroDetailComponent` to clean up loose ends.
-
-    ### Find our way back
-
-    We can navigate *to* the `HeroDetailComponent` in several ways.
-    How do we navigate somewhere else when we're done?
-
-    The user could click one of the two links in the `AppComponent`. Or click the browser's back button.
-    We'll add a third option, a `goBack` method that navigates backward one step in the browser's history stack
-
-+makeExample('toh-5/dart/lib/hero_detail_component.dart', 'go-back', 'lib/hero_detail_component.dart (goBack)')(format=".")
-.l-sub-section
-    :marked
-        Going back too far could take us out of the application.
-        That's acceptable in a demo. We'd guard against it in a real application,
-        perhaps with the [*routerCanDeactivate* hook](../api/router/CanDeactivate-interface.html).
-:marked
-    Then we wire this method with an event binding to a *Back* button that we add to the bottom of the component template.
-+makeExample('toh-5/dart/lib/hero_detail_component.html', 'back-button')(format=".")
-:marked
-    Modifing the template to add this button spurs us to take one more incremental improvement and migrate the template to its own file
-    called `hero_detail_component.html`
-+makeExample('toh-5/dart/lib/hero_detail_component.html', '', 'lib/hero_detail_component.html')(format=".")
-:marked
-    We update the component metadata with a `templateUrl` pointing to the template file that we just created.
-+makeExample('toh-5/dart/lib/hero_detail_component.dart', 'template-url', 'lib/hero_detail_component.dart (templateUrl)')(format=".")
-:marked
-    Here's the (nearly) finished `HeroDetailComponent`:
-+makeExample('toh-5/dart/lib/hero_detail_component.dart', 'v2', 'lib/hero_detail_component.dart (latest)')(format=".")
-:marked
-
-
-.l-main-section
-:marked
-    ## Select a *Dashboard* Hero
-    When a user selects a hero in the dashboard, the app should navigate to the `HeroDetailComponent` to view and edit the selected hero..
-
-    In the dashboard template we bound each hero's click event to the `gotoDetail` method, passing along the selected `hero` entity.
-+makeExample('toh-5/dart/lib/dashboard_component.html','click', 'lib/dashboard_component.html (click binding)')(format=".")
-:marked
-    We stubbed the `gotoDetail` method when we rewrote the `DashboardComponent`.
-    Now we give it a real implementation.
-+makeExample('toh-5/dart/lib/dashboard_component.dart','goto-detail', 'lib/dashboard_component.dart (gotoDetail)')(format=".")
-:marked
-    The `gotoDetail` method navigates in two steps:
-    1. set a route *link parameters array*
-    1. pass the array to the router's navigate method.
-
-    We wrote *link parameters arrays* in the `AppComponent` for the navigation links.
-    Those arrays had only one element, the name of the destination route.
-
-    This array has two elements, the ***name*** of the destination route and a ***route parameter object***
-    with an `id` field set to the value of the selected hero's `id`.
-
-    The two array items align with the ***name*** and ***:id*** token in the parameterized `HeroDetail` route configuration we added to `AppComponent` earlier in the chapter.
-+makeExample('toh-5/dart/lib/app_component.dart','hero-detail-route', 'lib/app_component.dart (hero detail route)')(format=".")
-:marked
-    The `DashboardComponent` doesn't have the router yet. We obtain it in the usual way:
-    `import` the `router` reference and inject it in the constructor (along with the `HeroService`):
-
-+makeExample('toh-5/dart/lib/dashboard_component.dart','import-router', 'lib/dashboard_component.dart (excerpts)')(format=".")
-+makeExample('toh-5/dart/lib/dashboard_component.dart','ctor')(format=".")
-:marked
-    Refresh the browser and select a hero from the dashboard; the app should navigate directly to that hero’s details.
-
-.l-main-section
-:marked
-    ## Select a Hero in the *HeroesComponent*
-    We'll do something similar in the `HeroesComponent`.
-
-    That component's current template exhibits a "master/detail" style with the list of heroes
-    at the top and details of the selected hero below.
-
-    **[TODO: Add example, once it exists.]**
-
-// makeExample('toh-4/dart/lib/app_component.dart','template', 'lib/heroes_component.dart (current template)')(format=".")
-
-:marked
-    Delete the last line of the template with the `<my-hero-detail>` tags.
-
-    We'll no longer show the full `HeroDetailComponent` here.
-    We're going to display the hero detail on its own page and route to it as we did in the dashboard.
-
-    But we'll throw in a small twist for variety.
-    When the user selects a hero from the list, we *won't* go to the detail page.
-    We'll show a *mini-detail* on *this* page instead and make the user click a button to navigate to the *full detail *page.
-
-    ### Add the *mini-detail*
-    Add the following HTML fragment at the bottom of the template where the `<my-hero-detail>` used to be:
-+makeExample('toh-5/dart/lib/heroes_component.html','mini-detail')(format=".")
-:marked
-    After clicking a hero, the user should see something like this below the hero list:
-
-figure.image-display
-    img(src='/resources/images/devguide/toh/mini-hero-detail.png' alt="Mini Hero Detail" height="70")
-:marked
-    ### Format with the *UpperCasePipe*
-
-    Notice that the hero's name is displayed in CAPITAL LETTERS. That's the effect of the `UpperCasePipe`
-    that we slipped into the interpolation binding. Look for it right after the pipe operator, ( | ).
-+makeExample('toh-5/dart/lib/heroes_component.html','pipe')(format=".")
-:marked
-    Pipes are a good way to format strings, currency amounts, dates and other display data.
-    Angular ships with several pipes and we can write our own.
-.l-sub-section
-    :marked
-        Learn about pipes in the [Pipes](../guide/pipes.html) chapter.
-:marked
-    ### Move content out of the component file
-    We are not done. We still have to update the component class to support navigation to the
-    `HeroDetailComponent` when the user clicks the *View Details* button.
-
-    This component file is really big. Most of it is either template or CSS styles.
-    It's difficult to find the component logic amidst the noise of HTML and CSS.
-
-    Let's migrate the template and the styles to their own files before we make any more changes:
-    1. *Cut-and-paste* the template contents into a new `heroes_component.html` file.
-    1. *Cut-and-paste* the styles contents into a new `heroes_component.css` file.
-    1. *Set* the component metadata's `templateUrl` and `styleUrls` properties to refer to both files.
-
-    The revised component data looks like this:
-+makeExample('toh-5/dart/lib/heroes_component.dart', 'metadata', 'lib/heroes_component.dart (revised metadata)')(format=".")
-:marked
-    Now we can see what's going on as we update the component class along the same lines as the dashboard:
-    1. Import the `router`
-    1. Inject the `router` in the constructor (along with the `HeroService`)
-    1. Implement the `gotoDetail` method by calling the `router.navigate` method
-    with a two-part 'HeroDetail' *link parameters array*.
-
-    Here's the revised component class:
-+makeExample('toh-5/dart/lib/heroes_component.dart', 'class', 'lib/heroes_component.dart (class)')
-:marked
-    Refresh the browser and start clicking.
-    We can navigate around the app, from the dashboard to hero details and back,
-    for heroes list to the mini-detail to the hero details and back to the heroes again.
-    We can jump back and forth between the dashboard and the heroes.
-
-    We've met all of the navigational requirements that propelled this chapter.
-
-.l-main-section
-:marked
-    ## Styling the App
-    The app is functional but pretty ugly.
-    Our creative designer team provided some CSS files to make it look better.
-
-    ### A Dashboard with Style
-    The designers think we should display the dashboard heroes in a row of rectangles.
-    They've given us ~60 lines of CSS for this purpose including some simple media queries for responsive design.
-
-    If we paste these ~60 lines into the component `styles` metadata,
-    they'll completely obscure the component logic.
-    Let's not do that. It's easier to edit CSS in a separate `*.css` file anyway.
-
-    Add a `dashboard_component.css` file to the `app` folder and reference
-    that file in the component metadata's `styleUrls` array property like this:
-+makeExample('toh-5/dart/lib/dashboard_component.dart', 'css', 'lib/dashboard_component.dart (styleUrls)')(format=".")
-:marked
-.l-sub-section
-    :marked
-        The `styleUrls` property is an array of style file names (with paths).
-        We could list multiple style files from different locations if we needed them.
-        As with `templateUrl`, we must specify the path _all the way back to the application root_.
-:marked
-    ### Stylish Hero Details
-    The designers also gave us CSS styles specifically for the `HeroDetailComponent`.
-
-    Add a `hero_detail_component.css` to the `app` folder and refer to that file inside
-    the `styleUrls` array as we did for `DashboardComponent`.
-
-    Here's the content for the aforementioned component CSS files.
-+makeTabs(
-`toh-5/dart/lib/hero_detail_component.css,
-toh-5/dart/lib/dashboard_component.css`,
-null,
-`lib/hero_detail_component.css,
-lib/dashboard_component.css`)
-:marked
-    ### Style the Navigation Links
-    The designers gave us CSS to make the navigation links in our `AppComponent` look more like selectable buttons.
-    We cooperated by surrounding those links in `<nav>` tags.
-
-    Add a `app_component.css` file to the `app` folder with the following content.
-+makeExample('toh-5/dart/lib/app_component.css', 'css', 'lib/app_component.css (Navigation Styles)')
-.l-sub-section
-    :marked
-        **The *router-link-active* class**
-
-        The Angular Router adds the `router-link-active` class to the HTML navigation element
-        whose route matches the active route. All we have to do is define the style for it. Sweet!
-:marked
-    Set the `AppComponent`’s `styleUrls` property to this CSS file.
-+makeExample('toh-5/dart/lib/app_component.dart','style-urls', 'lib/app_component.dart (styleUrls)')(format=".")
-:marked
-    ### Global application styles
-    When we add styles to a component, we're keeping everything a component needs
-    &mdash; HTML, the CSS, the code &mdash; together in one convenient place.
-    It's pretty easy to package it all up and re-use the component somewhere else.
-
-    We can also create styles at the *application level* outside of any component.
-
-    Our designers provided some basic styles to apply to elements across the entire app.
-    Add the following to a new file named `styles.css` in the root folder.
-+makeExample('toh-5/ts/styles.1.css', '', 'styles.css (App Styles)')(format=".")
-
-:marked
-    Reference this stylesheet within the `index.html` in the traditional manner.
-+makeExample('toh-5/ts/index.html','css', 'index.html (link ref)')(format=".")
-:marked
-    Look at the app now. Our dashboard, heroes, and navigation links are styling!
-
-figure.image-display
-    img(src='/resources/images/devguide/toh/dashboard-top-heroes.png' alt="View navigations")
-
-.l-main-section
-:marked
-    ## Application structure and code
-
-    Review the sample source code [in the live example for this chapter](/resources/live-examples/toh-5/ts/plnkr.html).
-    Verify that we have the following structure:
-
-.filetree
-    .file angular2-tour-of-heroes
-    .children
-        .file lib
-        .children
-            .file app_component.dart
-            .file app_component.css
-            .file dashboard_component.css
-            .file dashboard_component.html
-            .file dashboard_component.dart
-            .file hero.dart
-            .file hero_detail_component.css
-            .file hero_detail_component.html
-            .file hero_detail_component.dart
-            .file hero_service.dart
-            .file heroes_component.css
-            .file heroes_component.html
-            .file heroes_component.dart
-            .file main.dart
-            .file mock_heroes.dart
-        .file web
-        .children
-            .file main.dart
-            .file index.html
-            .file styles.css
-        .file pubspec.yaml
-:marked
-
-.l-main-section
-:marked
-    ## Recap
-
-    ### The Road Behind
-    We travelled a great distance in this chapter
-    - We added the Angular *Component Router* to navigate among different components.
-    - We learned how to create router links to represent navigation menu items
-    - We used router parameters to navigate to the details of user selected hero
-    - We shared the `HeroService` among multiple components
-    - We moved HTML and CSS out of the component file and into their own files.
-    - We added the `uppercase` pipe to format data
-
-    ### The Road Ahead
-    We have much of the foundation we need to build an application.
-    We're still missing a key piece: remote data access.
-
-    In a forthcoming tutorial chapter,
-    we’ll replace our mock data with data retrieved from a server using http.
diff --git a/public/docs/dart/latest/tutorial/toh-pt5.jade b/public/docs/dart/latest/tutorial/toh-pt5.jade
index 2a7dba70c4..dda232bed8 100644
--- a/public/docs/dart/latest/tutorial/toh-pt5.jade
+++ b/public/docs/dart/latest/tutorial/toh-pt5.jade
@@ -1,14 +1,696 @@
 include ../_util-fns
 
 :marked
-  We're working on the Dart version of this case study.
-  In the meantime, please see these resources:
+    # Routing Around the App
+    We received new requirements for our Tour of Heroes application:
+    * add a *Dashboard* view.
+    * navigate between the *Heroes* and *Dashboard* views.
+    * clicking on a hero in either view navigates to a detail view of the selected hero.
+    * clicking a *deep link* in an email opens the detail view for a particular hero.
 
-  * [Routing](/docs/ts/latest/tutorial/toh-pt5.html):
-    The TypeScript version of this chapter
+    When we’re done, users will be able to navigate the app like this:
+figure.image-display
+    img(src='/resources/images/devguide/toh/nav-diagram.png' alt="View navigations")
+:marked
+    We'll add Angular’s *Component Router* to our app to satisfy these requirements.
+.l-sub-section
+    :marked
+        The [Routing and Navigation](../guide/router.html) chapter covers the router in more detail
+        than we will in this tour.
+:marked
+  The complete source code for the example app in this chapter is
+  [in GitHub](https://github.com/angular/angular.io/tree/master/public/docs/_examples/toh-5/dart).
+
+.l-main-section
+:marked
+    ## Where We Left Off
+    Before we continue with our Tour of Heroes, let’s verify that we have the following structure after adding our hero service
+    and hero detail component. If not, we’ll need to go back and follow the previous chapters.
+
+.filetree
+    .file angular2-tour-of-heroes
+    .children
+        .file lib
+        .children
+            .file app_component.dart
+            .file hero.dart
+            .file hero_detail_component.dart
+            .file hero_service.dart
+            .file mock_heroes.dart
+        .file web
+        .children
+            .file index.html
+            .file main.dart
+            .file styles.css
+        .file pubspec.yaml
+:marked
+  ### Keep the app compiling and running
+  Open a terminal/console window.
+  Start the Dart compiler, watch for changes, and start our server by entering the command:
+
+code-example(format="." language="bash").
+    pub serve
+
+:marked
+  The application runs and updates automatically as we continue to build the Tour of Heroes.
+
+    ## Action plan
+    Here's our plan
+
+    * turn `AppComponent` into an application shell that only handles navigation.
+    * relocate the *Heroes* concerns within the current `AppComponent` to a separate `HeroesComponent`
+    * add routing
+    * create a new `DashboardComponent`
+    * tie the *Dashboard* into the navigation structure.
+
+.l-sub-section
+    :marked
+        *Routing* is another name for *navigation*. The *router* is the mechanism for navigating from view to view.
+
+.l-main-section
+:marked
+    ## Splitting the *AppComponent*
+
+    Our current app loads `AppComponent` and immediately displays the list of heroes.
+
+    Our revised app should present a shell with a choice of views (*Dashboard* and *Heroes*) and then default to one of them.
+
+    The `AppComponent` should only handle navigation.
+    Let's move the display of *Heroes* out of `AppComponent` and into its own `HeroesComponent`.
+
+    ### *HeroesComponent*
+    `AppComponent` is already dedicated to *Heroes*.
+    Instead of moving anything out of `AppComponent`, we'll just rename it `HeroesComponent`
+    and create a new `AppComponent` shell separately.
+
+    The steps are:
+    * rename `app_component.dart` file to `heroes_component.dart`.
+    * rename the `AppComponent` class to `HeroesComponent`.
+    * rename the selector `my-app` to `my-heroes`.
+
+:marked
++makeExample('toh-5/dart/lib/heroes_component.dart', 'heroes-component-renaming', 'lib/heroes_component.dart (renaming)')(format=".")
+
+:marked
+    ## Create *AppComponent*
+    The new `AppComponent` will be the application shell.
+    It will have some navigation links at the top and a display area below for the pages we navigate to.
+
+    The initial steps are:
+
+    * create a new file named `app_component.dart`.
+    * define an `AppComponent` class.
+    * expose an application `title` property.
+    * add the `@Component` metadata annotation above the class with a `my-app` selector.
+    * add a template with `<h1>` tags surrounding a binding to the `title` property.
+    * add the `<my-heroes>` tags to the template so we still see the heroes.
+    * add the `HeroesComponent` to the `directives` list so Angular recognizes the `<my-heroes>` tags.
+    * add the `HeroService` to the `providers` list because we'll need it in every other view.
+    * add the supporting `import` statements.
+
+    Our first draft looks like this:
++makeExample('toh-5/dart/lib/app_component_1.dart', null, 'lib/app_component.dart (v1)')
+:marked
+.callout.is-critical
+    header Remove <i>HeroService</i> from the <i>HeroesComponent</i> providers
+    :marked
+        Go back to the `HeroesComponent` and **remove the `HeroService`** from its `providers` list.
+        We are *promoting* this service from the `HeroesComponent` to the `AppComponent`.
+        We ***do not want two copies*** of this service at two different levels of our app.
+:marked
+    The app still runs and still displays heroes.
+    Our refactoring of `AppComponent` into a new `AppComponent` and a `HeroesComponent` worked!
+    We have done no harm.
+
+:marked
+    ## Add Routing
+
+    We're ready to take the next step.
+    Instead of displaying heroes automatically, we'd like to show them *after* the user clicks a button.
+    In other words, we'd like to navigate to the list of heroes.
+
+    We'll need the Angular *Component Router*.
+
+    ### Add a base tag
+
+//    Our Tour of Heroes needs routing,
+//    so we load the library in the `index.html` in a script tag immediately *after* the angular script itself.
+//+makeExample('toh-5/dart/web/index.html', 'router', 'index.html (router)')(format=".")
+:marked
+    First, edit `index.html` and add `<base href="/">` at the top of the `<head>` section.
++makeExample('toh-5/dart/web/index.html', 'base-href', 'index.html (base href)')(format=".")
+.callout.is-important
+    header base href is essential
+    :marked
+        See the *base href* section of the [Router](../guide/router.html#!#base-href) chapter to learn why this matters.
+:marked
+    ### Make the router available
+
+    Not all apps need routing, which is why the Angular *Component Router* is in a separate, optional module library.
+
+    The Angular router is a combination of multiple services (`ROUTER_PROVIDERS`), multiple directives (`ROUTER_DIRECTIVES`),
+    and a configuration annotation (`RouteConfig`). We'll get them all by importing `router.dart`:
++makeExample('toh-5/dart/lib/app_component_2.dart', 'import-router', 'app_component.dart (router imports)')(format=".")
+
+:marked
+    The *Component Router* is a service. Like any service, we have to make it
+    available to the application by adding it to the `providers` list.
+
+    Let's update the `directives` and `providers` metadata lists to *include* the router assets.
++makeExample('toh-5/dart/lib/app_component_2.dart', 'directives-and-providers', 'app_component.dart (directives and providers)')(format=".")
+:marked
+    Notice that we also removed the `HeroesComponent` from the `directives` list.
+    `AppComponent` no longer shows heroes; that will be the router's job.
+    We'll soon remove `<my-heroes>` from the template too.
+
+    ### Add and configure the router
+
+    The `AppComponent` doesn't have a router yet. We'll use the `@RouteConfig` annotation to simultaneously
+    (a) assign a router to the component and (b) configure that router with *routes*.
+
+    *Routes* tell the router  which views to display when a user clicks a link or
+    pastes a URL into the browser address bar.
+
+    Let's define our first route, a route to the `HeroesComponent`.
++makeExample('toh-5/dart/lib/app_component_2.dart', 'route-config', 'app_component.dart (RouteConfig for heroes)')(format=".")
+:marked
+    `@RouteConfig` takes a list of *route definitions*.
+    We have only one route definition at the moment but rest assured, we'll add more.
+
+    This *route definition* has three parts:
+    * **path**: the router matches this route's path to the URL in the browser address bar (`/heroes`).
+
+    * **name**: the official name of the route; it *must* begin with a capital letter to avoid confusion with the *path* (`Heroes`).
+
+    * **component**: the component that the router should create when navigating to this route (`HeroesComponent`).
+
+.l-sub-section
+    :marked
+        Learn more about defining routes with @RouteConfig in the [Routing](../guide/router.html) chapter.
+:marked
+    ### Router Outlet
+
+    If we paste the path, `/heroes`, into the browser address bar,
+    the router should match it to the `'Heroes'` route and display the `HeroesComponent`.
+    But where?
+
+    We have to ***tell it where*** by adding `<router-outlet>` marker tags to the bottom of the template.
+    `RouterOutlet` is one of the `ROUTER_DIRECTIVES`.
+    The router displays each component immediately below the `<router-outlet>` as we navigate through the application.
+
+    ### Router Links
+    We don't really expect users to paste a route URL into the address bar.
+    We add an anchor tag to the template which, when clicked, triggers navigation to the `HeroesComponent`.
+
+    The revised template looks like this:
++makeExample('toh-5/dart/lib/app_component_2.dart', 'template', 'app_component.dart (template for Heroes)')(format=".")
+:marked
+    Notice the `[routerLink]` binding in the anchor tag.
+    We bind the `RouterLink` directive (another of the `ROUTER_DIRECTIVES`) to a list
+    that tells the router where to navigate when the user clicks the link.
+
+    We define a *routing instruction* with a *link parameters list*.
+    The list only has one element in our little sample, the quoted ***name* of the route** to follow.
+    Looking back at the route configuration, we confirm that `'Heroes'` is the name of the route to the `HeroesComponent`.
+.l-sub-section
+    :marked
+        Learn about the *link parameters list* in the [Routing](../guide/router.html#link-parameters-array) chapter.
+:marked
+    Refresh the browser.  We see only the app title. We don't see the heroes list.
+.l-sub-section
+    :marked
+        The browser's address bar shows `/`.
+        The route path to `HeroesComponent` is `/heroes`, not `/`.
+        We don't have a route that matches the path `/`, so there is nothing to show.
+        That's something we'll want to fix.
+:marked
+    We click the "Heroes" navigation link, the browser bar updates to `/heroes`,
+    and now we see the list of heroes. We are navigating at last!
+
+    At this stage, our `AppComponent` looks like this.
++makeExample('toh-5/dart/lib/app_component_2.dart',null, 'lib/app_component.dart (v2)')
+:marked
+    The  *AppComponent* is now attached to a router and displaying routed views.
+    For this reason and to distinguish it from other kinds of components,
+    we call this type of component a *Router Component*.
+
+
+:marked
+    ## Add a *Dashboard*
+    Routing only makes sense when we have multiple views. We need another view.
+
+    Create a placeholder `DashboardComponent` that gives us something to navigate to and from.
++makeExample('toh-5/dart/lib/dashboard_component_1.dart',null, 'lib/dashboard_component.dart (v1)')(format=".")
+:marked
+    We’ll come back and make it more useful later.
+
+    ### Configure the dashboard route
+    Go back to `app_component.dart` and teach it to navigate to the dashboard.
+
+    Import the `DashboardComponent` so we can reference it in the dashboard route definition.
+
+    Add the following `'Dashboard'` route definition to the `@RouteConfig` list of definitions.
++makeExample('toh-5/dart/lib/app_component.dart','dashboard-route', 'app_component.dart (Dashboard Route)')(format=".")
+.l-sub-section
+    :marked
+        **useAsDefault**
+
+        We want the app to show the dashboard when it starts and
+        we want to see a nice URL in the browser address bar that says `/dashboard`.
+        Remember that the browser launches with `/` in the address bar.
+        We don't have a route for that path and we'd rather not create one.
+
+        Fortunately we can add the `useAsDefault: true` property to the *route definition* and the
+        router will display the dashboard when the browser URL doesn't match an existing route.
+:marked
+    Finally, add a dashboard navigation link to the template, just above the *Heroes* link.
+
++makeExample('toh-5/dart/lib/app_component.dart','template', 'app_component.dart (template)')(format=".")
+.l-sub-section
+    :marked
+        We nestled the two links within `<nav>` tags.
+        They don't do anything yet but they'll be convenient when we style the links a little later in the chapter.
+:marked
+    Refresh the browser. The app displays the dashboard and
+    we can navigate between the dashboard and the heroes.
+
+    ## Dashboard Top Heroes
+    Let’s spice up the dashboard by displaying the top four heroes at a glance.
+
+    Replace the `template` metadata with a `templateUrl` property that points to a new
+    template file.
+
++makeExample('toh-5/dart/lib/dashboard_component.dart', 'template-url', 'lib/dashboard_component.dart (templateUrl)')(format=".")
+.l-sub-section
+    :marked
+        We specify the path _all the way back to the application root_. Angular doesn't support module-relative paths.
+:marked
+    Create that file with these contents:
++makeExample('toh-5/dart/lib/dashboard_component.html', null, 'dashboard_component.html')(format=".")
+:marked
+    We use `*ngFor` once again to iterate over a list of heroes and display their names.
+    We added extra `<div>` elements to help with styling later in this chapter.
+
+    There's a `(click)` binding to a `gotoDetail` method we haven't written yet and
+    we're displaying a list of heroes that we don't have.
+    We have work to do, starting with those heroes.
+
+    ### Share the *HeroService*
+
+    We'd like to re-use the `HeroService` to populate the component's `heroes` list.
+
+    Recall earlier in the chapter that we removed the `HeroService` from the `providers` list of the `HeroesComponent`
+    and added it to the `providers` list of the top level `AppComponent`.
+
+    That move created a singleton `HeroService` instance, available to *all* components of the application.
+    We'll inject and use it here in the `DashboardComponent` .
+
+    ### Get heroes
+    Open the `dashboard_component.dart` and add the requisite `import` statements.
++makeExample('toh-5/dart/lib/dashboard_component_2.dart','imports', 'lib/dashboard_component.dart (imports)')(format=".")
+:marked
+    We need `OnInit` interface because we'll initialize the heroes in the `ngOnInit` method as we've done before.
+    We need the `Hero` and `HeroService` symbols in order to reference those types.
+
+    Now implement the `DashboardComponent` class like this:
++makeExample('toh-5/dart/lib/dashboard_component_2.dart','component', 'lib/dashboard_component.dart (class)')
+:marked
+    We saw this kind of logic before in the `HeroesComponent`.
+    * create a `heroes` list property
+    * inject the `HeroService` in the constructor and hold it in a private `_heroService` field.
+    * call the service to get heroes inside the Angular `ngOnInit` lifecycle hook.
+
+    The noteworthy differences: we cherry-pick four heroes (2nd, 3rd, 4th, and 5th) with *slice*
+    and stub the `gotoDetail` method until we're ready to implement it.
+
+    Refresh the browser and see four heroes in the new dashboard.
+
+.l-main-section
+:marked
+    ## Navigate to Hero Details
+
+    Although we display the details of a selected hero at the bottom of the `HeroesComponent`,
+    we don't yet *navigate* to the `HeroDetailComponent` in the three ways specified in our requirements:
+    1. from the *Dashboard* to a selected hero.
+    1. from the *Heroes* list to a selected hero.
+    1. from a "deep link" URL pasted into the browser address bar.
+
+    Adding a `'HeroDetail'` route seem an obvious place to start.
+
+    ### Routing to a hero detail
+
+    We'll add a route to the `HeroDetailComponent`  in the `AppComponent` where our other routes are configured.
+
+    The new route is a bit unusual in that we must tell the `HeroDetailComponent` *which hero to show*.
+    We didn't have to tell the `HeroesComponent` or the `DashboardComponent` anything.
+
+    At the moment the parent `HeroesComponent` sets the component's `hero` property to a hero object with a binding like this.
+code-example(format='').
+    &lt;my-hero-detail [hero]="selectedHero">&lt;/my-hero-detail>
+:marked
+    That clearly won't work in any of our routing scenarios.
+    Certainly not the last one; we can't embed an entire hero object in the URL! Nor would we want to.
+
+    ### Parameterized route
+    We *can* add the hero's `id` to the URL. When routing to the hero whose `id` is 11, we could expect to see an URL such as this:
+code-example(format='').
+    /detail/11
+:marked
+    The `/detail/` part of that URL is constant. The trailing numeric `id` part changes from hero to hero.
+    We need to represent that variable part of the route with a *parameter* (or *token*) that stands for the hero's `id`.
+
+    ### Configure a Route with a Parameter
+
+    Here's the *route definition* we'll use.
++makeExample('toh-5/dart/lib/app_component.dart','hero-detail-route', 'lib/app_component.dart (Route to HeroDetailComponent)')(format=".")
+:marked
+    The colon (:) in the path indicates that `:id` is a placeholder to be filled with a specific hero `id`
+    when navigating to the `HeroDetailComponent`.
+.l-sub-section
+    :marked
+        Of course we have to import the `HeroDetailComponent` before we create this route:
+    +makeExample('toh-5/dart/lib/app_component.dart','hero-detail-import')(format=".")
+:marked
+    We're finished with the `AppComponent`.
+
+    We won't add a `'Hero Detail'` link to the template because users
+    don't click a navigation *link* to view a particular hero.
+    They click a *hero* whether that hero is displayed on the dashboard or in the heroes list.
+
+    We'll get to those *hero* clicks later in the chapter.
+    There's no point in working on them until the `HeroDetailComponent`
+    is ready to be navigated *to*.
+
+    That will require an `HeroDetailComponent` overhaul.
+
+.l-main-section
+:marked
+    ## Revise the *HeroDetailComponent*
+
+    Before we rewrite the `HeroDetailComponent`, let's remember what it looks like now:
+
++makeExample('toh-4/dart/lib/hero_detail_component.dart', null, 'lib/hero_detail_component.dart (current)')
+:marked
+    The template won't change. We'll display a hero the same way. The big changes are driven by how we get the hero.
+
+    We will no longer receive the hero in a parent component property binding.
+    The new `HeroDetailComponent` should take the `id` parameter from the router's `RouteParams` service
+    and use the `HeroService` to fetch the hero with that `id` from storage.
+
+    We need an import statement to reference the `RouteParams`.
++makeExample('toh-5/dart/lib/hero_detail_component.dart', 'import-route-params')(format=".")
+:marked
+    We import the `HeroService`so we can fetch a hero`.
++makeExample('toh-5/dart/lib/hero_detail_component.dart', 'import-hero-service')(format=".")
+:marked
+    We import the `OnInit` interface because we'll call the `HeroService` inside the `ngOnInit` component lifecycle hook.
++makeExample('toh-5/dart/lib/hero_detail_component.dart', 'import-oninit')(format=".")
+:marked
+    We inject the both the `RouteParams` service and the `HeroService` into the constructor as we've done before,
+    making private variables for both:
++makeExample('toh-5/dart/lib/hero_detail_component.dart', 'ctor', 'lib/hero_detail_component.dart (constructor)')(format=".")
+:marked
+    Inside the `ngOnInit` lifecycle hook, extract the `id` parameter value from the `RouteParams` service
+    and use the `HeroService` to fetch the hero with that `id`.
++makeExample('toh-5/dart/lib/hero_detail_component.dart', 'ng-oninit', 'lib/hero_detail_component.dart (ngOnInit)')(format=".")
+:marked
+    Notice how we extract the `id` by calling the `RouteParams.get` method.
++makeExample('toh-5/dart/lib/hero_detail_component.dart', 'get-id')(format=".")
+:marked
+    The hero `id` is a number. Route parameters are *always strings*.
+    So we convert the route parameter value to a number with the `int.parse` static method.
+
+    ### Add *HeroService.getHero*
+    The problem with this bit of code is that `HeroService` doesn't have a `getHero` method!
+    We better fix that quickly before someone notices that we broke the app.
+
+    Open `HeroService` and add the `getHero` method. It's trivial given that we're still faking data access:
++makeExample('toh-5/dart/lib/hero_service.dart', 'get-hero', 'lib/hero_service.dart (getHero)')(format=".")
+:marked
+    Return to the `HeroDetailComponent` to clean up loose ends.
+
+    ### Find our way back
+
+    We can navigate *to* the `HeroDetailComponent` in several ways.
+    How do we navigate somewhere else when we're done?
+
+    The user could click one of the two links in the `AppComponent`. Or click the browser's back button.
+    We'll add a third option, a `goBack` method that navigates backward one step in the browser's history stack
+
++makeExample('toh-5/dart/lib/hero_detail_component.dart', 'go-back', 'lib/hero_detail_component.dart (goBack)')(format=".")
+.l-sub-section
+    :marked
+        Going back too far could take us out of the application.
+        That's acceptable in a demo. We'd guard against it in a real application,
+        perhaps with the [*routerCanDeactivate* hook](../api/router/CanDeactivate-interface.html).
+:marked
+    Then we wire this method with an event binding to a *Back* button that we add to the bottom of the component template.
++makeExample('toh-5/dart/lib/hero_detail_component.html', 'back-button')(format=".")
+:marked
+    Modifing the template to add this button spurs us to take one more incremental improvement and migrate the template to its own file
+    called `hero_detail_component.html`
++makeExample('toh-5/dart/lib/hero_detail_component.html', '', 'lib/hero_detail_component.html')(format=".")
+:marked
+    We update the component metadata with a `templateUrl` pointing to the template file that we just created.
++makeExample('toh-5/dart/lib/hero_detail_component.dart', 'template-url', 'lib/hero_detail_component.dart (templateUrl)')(format=".")
+:marked
+    Here's the (nearly) finished `HeroDetailComponent`:
++makeExample('toh-5/dart/lib/hero_detail_component.dart', 'v2', 'lib/hero_detail_component.dart (latest)')(format=".")
+:marked
+
+
+.l-main-section
+:marked
+    ## Select a *Dashboard* Hero
+    When a user selects a hero in the dashboard, the app should navigate to the `HeroDetailComponent` to view and edit the selected hero..
+
+    In the dashboard template we bound each hero's click event to the `gotoDetail` method, passing along the selected `hero` entity.
++makeExample('toh-5/dart/lib/dashboard_component.html','click', 'lib/dashboard_component.html (click binding)')(format=".")
+:marked
+    We stubbed the `gotoDetail` method when we rewrote the `DashboardComponent`.
+    Now we give it a real implementation.
++makeExample('toh-5/dart/lib/dashboard_component.dart','goto-detail', 'lib/dashboard_component.dart (gotoDetail)')(format=".")
+:marked
+    The `gotoDetail` method navigates in two steps:
+    1. set a route *link parameters list*
+    1. pass the list to the router's navigate method.
+
+    We wrote *link parameters lists* in the `AppComponent` for the navigation links.
+    Those lists had only one element, the name of the destination route.
+
+    This list has two elements, the ***name*** of the destination route and a ***route parameter object***
+    with an `id` field set to the value of the selected hero's `id`.
+
+    The two list items align with the ***name*** and ***:id*** token in the parameterized `HeroDetail` route configuration we added to `AppComponent` earlier in the chapter.
++makeExample('toh-5/dart/lib/app_component.dart','hero-detail-route', 'lib/app_component.dart (hero detail route)')(format=".")
+:marked
+    The `DashboardComponent` doesn't have the router yet. We obtain it in the usual way:
+    `import` the `router` reference and inject it in the constructor (along with the `HeroService`):
+
++makeExample('toh-5/dart/lib/dashboard_component.dart','import-router', 'lib/dashboard_component.dart (excerpts)')(format=".")
++makeExample('toh-5/dart/lib/dashboard_component.dart','ctor')(format=".")
+:marked
+    Refresh the browser and select a hero from the dashboard; the app should navigate directly to that hero’s details.
+
+.l-main-section
+:marked
+    ## Select a Hero in the *HeroesComponent*
+    We'll do something similar in the `HeroesComponent`.
+
+    That component's current template exhibits a "master/detail" style with the list of heroes
+    at the top and details of the selected hero below.
+
+    **[TODO: Add example, once it exists.]**
+
+// makeExample('toh-4/dart/lib/app_component.dart','template', 'lib/heroes_component.dart (current template)')(format=".")
+
+:marked
+    Delete the last line of the template with the `<my-hero-detail>` tags.
+
+    We'll no longer show the full `HeroDetailComponent` here.
+    We're going to display the hero detail on its own page and route to it as we did in the dashboard.
+
+    But we'll throw in a small twist for variety.
+    When the user selects a hero from the list, we *won't* go to the detail page.
+    We'll show a *mini-detail* on *this* page instead and make the user click a button to navigate to the *full detail *page.
+
+    ### Add the *mini-detail*
+    Add the following HTML fragment at the bottom of the template where the `<my-hero-detail>` used to be:
++makeExample('toh-5/dart/lib/heroes_component.html','mini-detail')(format=".")
+:marked
+    After clicking a hero, the user should see something like this below the hero list:
+
+figure.image-display
+    img(src='/resources/images/devguide/toh/mini-hero-detail.png' alt="Mini Hero Detail" height="70")
+:marked
+    ### Format with the *UpperCasePipe*
+
+    Notice that the hero's name is displayed in CAPITAL LETTERS. That's the effect of the `UpperCasePipe`
+    that we slipped into the interpolation binding. Look for it right after the pipe operator, ( | ).
++makeExample('toh-5/dart/lib/heroes_component.html','pipe')(format=".")
+:marked
+    Pipes are a good way to format strings, currency amounts, dates and other display data.
+    Angular ships with several pipes and we can write our own.
+.l-sub-section
+    :marked
+        Learn about pipes in the [Pipes](../guide/pipes.html) chapter.
+:marked
+    ### Move content out of the component file
+    We are not done. We still have to update the component class to support navigation to the
+    `HeroDetailComponent` when the user clicks the *View Details* button.
+
+    This component file is really big. Most of it is either template or CSS styles.
+    It's difficult to find the component logic amidst the noise of HTML and CSS.
+
+    Let's migrate the template and the styles to their own files before we make any more changes:
+    1. *Cut-and-paste* the template contents into a new `heroes_component.html` file.
+    1. *Cut-and-paste* the styles contents into a new `heroes_component.css` file.
+    1. *Set* the component metadata's `templateUrl` and `styleUrls` properties to refer to both files.
+
+    The revised component data looks like this:
++makeExample('toh-5/dart/lib/heroes_component.dart', 'metadata', 'lib/heroes_component.dart (revised metadata)')(format=".")
+:marked
+    Now we can see what's going on as we update the component class along the same lines as the dashboard:
+    1. Import the `router`
+    1. Inject the `router` in the constructor (along with the `HeroService`)
+    1. Implement the `gotoDetail` method by calling the `router.navigate` method
+    with a two-part 'HeroDetail' *link parameters list*.
+
+    Here's the revised component class:
++makeExample('toh-5/dart/lib/heroes_component.dart', 'class', 'lib/heroes_component.dart (class)')
+:marked
+    Refresh the browser and start clicking.
+    We can navigate around the app, from the dashboard to hero details and back,
+    for heroes list to the mini-detail to the hero details and back to the heroes again.
+    We can jump back and forth between the dashboard and the heroes.
+
+    We've met all of the navigational requirements that propelled this chapter.
+
+.l-main-section
+:marked
+    ## Styling the App
+    The app is functional but pretty ugly.
+    Our creative designer team provided some CSS files to make it look better.
+
+    ### A Dashboard with Style
+    The designers think we should display the dashboard heroes in a row of rectangles.
+    They've given us ~60 lines of CSS for this purpose including some simple media queries for responsive design.
+
+    If we paste these ~60 lines into the component `styles` metadata,
+    they'll completely obscure the component logic.
+    Let's not do that. It's easier to edit CSS in a separate `*.css` file anyway.
+
+    Add a `dashboard_component.css` file to the `app` folder and reference
+    that file in the component metadata's `styleUrls` list property like this:
++makeExample('toh-5/dart/lib/dashboard_component.dart', 'css', 'lib/dashboard_component.dart (styleUrls)')(format=".")
+:marked
+.l-sub-section
+    :marked
+        The `styleUrls` property is an list of style file names (with paths).
+        We could list multiple style files from different locations if we needed them.
+        As with `templateUrl`, we must specify the path _all the way back to the application root_.
+:marked
+    ### Stylish Hero Details
+    The designers also gave us CSS styles specifically for the `HeroDetailComponent`.
+
+    Add a `hero_detail_component.css` to the `app` folder and refer to that file inside
+    the `styleUrls` list as we did for `DashboardComponent`.
+
+    Here's the content for the aforementioned component CSS files.
++makeTabs(
+`toh-5/dart/lib/hero_detail_component.css,
+toh-5/dart/lib/dashboard_component.css`,
+null,
+`lib/hero_detail_component.css,
+lib/dashboard_component.css`)
+:marked
+    ### Style the Navigation Links
+    The designers gave us CSS to make the navigation links in our `AppComponent` look more like selectable buttons.
+    We cooperated by surrounding those links in `<nav>` tags.
+
+    Add a `app_component.css` file to the `app` folder with the following content.
++makeExample('toh-5/dart/lib/app_component.css', 'css', 'lib/app_component.css (Navigation Styles)')
+.l-sub-section
+    :marked
+        **The *router-link-active* class**
+
+        The Angular Router adds the `router-link-active` class to the HTML navigation element
+        whose route matches the active route. All we have to do is define the style for it. Sweet!
+:marked
+    Set the `AppComponent`’s `styleUrls` property to this CSS file.
++makeExample('toh-5/dart/lib/app_component.dart','style-urls', 'lib/app_component.dart (styleUrls)')(format=".")
+:marked
+    ### Global application styles
+    When we add styles to a component, we're keeping everything a component needs
+    &mdash; HTML, the CSS, the code &mdash; together in one convenient place.
+    It's pretty easy to package it all up and re-use the component somewhere else.
+
+    We can also create styles at the *application level* outside of any component.
+
+    Our designers provided some basic styles to apply to elements across the entire app.
+    Add the following to a new file named `styles.css` in the root folder.
++makeExample('toh-5/ts/styles.1.css', '', 'styles.css (App Styles)')(format=".")
+
+:marked
+    Reference this stylesheet within the `index.html` in the traditional manner.
++makeExample('toh-5/ts/index.html','css', 'index.html (link ref)')(format=".")
+:marked
+    Look at the app now. Our dashboard, heroes, and navigation links are styling!
+
+figure.image-display
+    img(src='/resources/images/devguide/toh/dashboard-top-heroes.png' alt="View navigations")
+
+.l-main-section
+:marked
+    ## Application structure and code
+
+    Review the sample source code [in the live example for this chapter](/resources/live-examples/toh-5/ts/plnkr.html).
+    Verify that we have the following structure:
+
+.filetree
+    .file angular2-tour-of-heroes
+    .children
+        .file lib
+        .children
+            .file app_component.dart
+            .file app_component.css
+            .file dashboard_component.css
+            .file dashboard_component.html
+            .file dashboard_component.dart
+            .file hero.dart
+            .file hero_detail_component.css
+            .file hero_detail_component.html
+            .file hero_detail_component.dart
+            .file hero_service.dart
+            .file heroes_component.css
+            .file heroes_component.html
+            .file heroes_component.dart
+            .file main.dart
+            .file mock_heroes.dart
+        .file web
+        .children
+            .file main.dart
+            .file index.html
+            .file styles.css
+        .file pubspec.yaml
+:marked
+
+.l-main-section
+:marked
+    ## Recap
+
+    ### The Road Behind
+    We travelled a great distance in this chapter
+    - We added the Angular *Component Router* to navigate among different components.
+    - We learned how to create router links to represent navigation menu items
+    - We used router parameters to navigate to the details of user selected hero
+    - We shared the `HeroService` among multiple components
+    - We moved HTML and CSS out of the component file and into their own files.
+    - We added the `uppercase` pipe to format data
 
-  * [Dart source code](https://github.com/angular/angular.io/tree/master/public/docs/_examples/toh-5/dart):
-    A preliminary Dart version of the Tour of Heroes app,
-    featuring the hero editor, a master/detail page,
-    multiple components, services, and routing
+    ### The Road Ahead
+    We have much of the foundation we need to build an application.
+    We're still missing a key piece: remote data access.
 
+    In a forthcoming tutorial chapter,
+    we’ll replace our mock data with data retrieved from a server using http.

From ba02c40b569fe0a91bbabb27fa2f1e77bc0d912a Mon Sep 17 00:00:00 2001
From: Ward Bell <wardbell@hotmail.com>
Date: Thu, 19 May 2016 16:37:54 -0700
Subject: [PATCH 20/41] docs: switch from es6-shim to core-js shim

---
 public/docs/_examples/architecture/ts/index.html             | 2 +-
 public/docs/_examples/attribute-directives/ts/index.html     | 2 +-
 public/docs/_examples/cb-a1-a2-quick-reference/ts/index.html | 2 +-
 .../docs/_examples/cb-component-communication/ts/index.html  | 2 +-
 public/docs/_examples/cb-dependency-injection/ts/index.html  | 2 +-
 public/docs/_examples/cb-dynamic-form/ts/index.html          | 2 +-
 public/docs/_examples/cb-set-document-title/ts/index.html    | 2 +-
 public/docs/_examples/cb-ts-to-js/js/index.html              | 2 +-
 public/docs/_examples/cb-ts-to-js/ts/index.html              | 2 +-
 public/docs/_examples/component-styles/ts/index.html         | 2 +-
 public/docs/_examples/dependency-injection/ts/index.html     | 2 +-
 public/docs/_examples/displaying-data/ts/index.html          | 2 +-
 public/docs/_examples/forms/js/index.html                    | 2 +-
 public/docs/_examples/forms/ts/index.html                    | 2 +-
 .../hierarchical-dependency-injection/ts/index.html          | 2 +-
 public/docs/_examples/homepage-hello-world/ts/index.html     | 2 +-
 public/docs/_examples/homepage-tabs/ts/index.html            | 2 +-
 public/docs/_examples/homepage-todo/ts/index.html            | 2 +-
 public/docs/_examples/lifecycle-hooks/ts/index.html          | 2 +-
 public/docs/_examples/package.json                           | 4 +++-
 public/docs/_examples/pipes/ts/index.html                    | 2 +-
 public/docs/_examples/quickstart/js/index.html               | 2 +-
 public/docs/_examples/quickstart/js/package.1.json           | 1 +
 public/docs/_examples/quickstart/ts/index.html               | 2 +-
 public/docs/_examples/quickstart/ts/package.1.json           | 2 +-
 public/docs/_examples/quickstart/ts/typings.1.json           | 2 +-
 public/docs/_examples/router-deprecated/ts/index.1.html      | 2 +-
 public/docs/_examples/router-deprecated/ts/index.2.html      | 2 +-
 public/docs/_examples/router-deprecated/ts/index.3.html      | 2 +-
 public/docs/_examples/router-deprecated/ts/index.html        | 2 +-
 public/docs/_examples/router/ts/index.1.html                 | 2 +-
 public/docs/_examples/router/ts/index.2.html                 | 2 +-
 public/docs/_examples/router/ts/index.3.html                 | 2 +-
 public/docs/_examples/router/ts/index.html                   | 2 +-
 public/docs/_examples/server-communication/ts/index.html     | 2 +-
 public/docs/_examples/structural-directives/ts/index.html    | 2 +-
 public/docs/_examples/style-guide/ts/index.html              | 2 +-
 public/docs/_examples/styleguide/ts/index.html               | 2 +-
 public/docs/_examples/template-syntax/ts/index.html          | 2 +-
 public/docs/_examples/testing/ts/index.html                  | 2 +-
 public/docs/_examples/testing/ts/unit-tests-bag.html         | 2 +-
 public/docs/_examples/toh-1/ts/index.html                    | 2 +-
 public/docs/_examples/toh-2/ts/index.html                    | 2 +-
 public/docs/_examples/toh-3/ts/index.html                    | 2 +-
 public/docs/_examples/toh-4/ts/index.html                    | 2 +-
 public/docs/_examples/toh-5/ts/index.html                    | 2 +-
 public/docs/_examples/toh-6/ts/index.html                    | 2 +-
 public/docs/_examples/typings.json                           | 2 +-
 .../upgrade-adapter/ts/index-1-2-hybrid-bootstrap.html       | 2 +-
 .../ts/index-1-2-hybrid-shared-adapter-bootstrap.html        | 2 +-
 .../upgrade-adapter/ts/index-1-to-2-projection.html          | 2 +-
 .../_examples/upgrade-adapter/ts/index-1-to-2-providers.html | 2 +-
 .../_examples/upgrade-adapter/ts/index-2-to-1-providers.html | 2 +-
 .../upgrade-adapter/ts/index-2-to-1-transclusion.html        | 2 +-
 .../_examples/upgrade-adapter/ts/index-downgrade-io.html     | 2 +-
 .../_examples/upgrade-adapter/ts/index-downgrade-static.html | 2 +-
 .../docs/_examples/upgrade-adapter/ts/index-upgrade-io.html  | 2 +-
 .../_examples/upgrade-adapter/ts/index-upgrade-static.html   | 2 +-
 .../upgrade-phonecat/ts/ng2_components/app/index.html        | 2 +-
 .../_examples/upgrade-phonecat/ts/ng2_final/app/index.html   | 2 +-
 .../_examples/upgrade-phonecat/ts/ng2_initial/app/index.html | 2 +-
 public/docs/_examples/user-input/ts/index.html               | 2 +-
 tools/plunker-builder/indexHtmlTranslator.js                 | 5 +++++
 63 files changed, 69 insertions(+), 61 deletions(-)

diff --git a/public/docs/_examples/architecture/ts/index.html b/public/docs/_examples/architecture/ts/index.html
index e9026e0ffc..e365c39f02 100644
--- a/public/docs/_examples/architecture/ts/index.html
+++ b/public/docs/_examples/architecture/ts/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/attribute-directives/ts/index.html b/public/docs/_examples/attribute-directives/ts/index.html
index 6988ae496a..197f1a8280 100644
--- a/public/docs/_examples/attribute-directives/ts/index.html
+++ b/public/docs/_examples/attribute-directives/ts/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/cb-a1-a2-quick-reference/ts/index.html b/public/docs/_examples/cb-a1-a2-quick-reference/ts/index.html
index f6c564313f..ee2eb6fdec 100644
--- a/public/docs/_examples/cb-a1-a2-quick-reference/ts/index.html
+++ b/public/docs/_examples/cb-a1-a2-quick-reference/ts/index.html
@@ -10,7 +10,7 @@
     <!-- #enddocregion style -->
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/cb-component-communication/ts/index.html b/public/docs/_examples/cb-component-communication/ts/index.html
index 20c75e04a5..51adcdaf23 100644
--- a/public/docs/_examples/cb-component-communication/ts/index.html
+++ b/public/docs/_examples/cb-component-communication/ts/index.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="demo.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/cb-dependency-injection/ts/index.html b/public/docs/_examples/cb-dependency-injection/ts/index.html
index 744fd81a26..ba1d2761e1 100644
--- a/public/docs/_examples/cb-dependency-injection/ts/index.html
+++ b/public/docs/_examples/cb-dependency-injection/ts/index.html
@@ -11,7 +11,7 @@
     <!-- #enddocregion style -->
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/cb-dynamic-form/ts/index.html b/public/docs/_examples/cb-dynamic-form/ts/index.html
index 33998c478e..ec3e1cbbb2 100644
--- a/public/docs/_examples/cb-dynamic-form/ts/index.html
+++ b/public/docs/_examples/cb-dynamic-form/ts/index.html
@@ -11,7 +11,7 @@
     <!-- #enddocregion style -->
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/cb-set-document-title/ts/index.html b/public/docs/_examples/cb-set-document-title/ts/index.html
index f5289d7eb3..8f1ad96812 100644
--- a/public/docs/_examples/cb-set-document-title/ts/index.html
+++ b/public/docs/_examples/cb-set-document-title/ts/index.html
@@ -15,7 +15,7 @@
   <!-- #enddocregion style -->
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/cb-ts-to-js/js/index.html b/public/docs/_examples/cb-ts-to-js/js/index.html
index fb9d760584..b1c1449fb2 100644
--- a/public/docs/_examples/cb-ts-to-js/js/index.html
+++ b/public/docs/_examples/cb-ts-to-js/js/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="styles.css">
 
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/cb-ts-to-js/ts/index.html b/public/docs/_examples/cb-ts-to-js/ts/index.html
index 80fa73d326..005fe67c31 100644
--- a/public/docs/_examples/cb-ts-to-js/ts/index.html
+++ b/public/docs/_examples/cb-ts-to-js/ts/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/component-styles/ts/index.html b/public/docs/_examples/component-styles/ts/index.html
index 45dd7c73ff..9345f5b221 100644
--- a/public/docs/_examples/component-styles/ts/index.html
+++ b/public/docs/_examples/component-styles/ts/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/dependency-injection/ts/index.html b/public/docs/_examples/dependency-injection/ts/index.html
index 74708a8852..74f8ed8894 100644
--- a/public/docs/_examples/dependency-injection/ts/index.html
+++ b/public/docs/_examples/dependency-injection/ts/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/displaying-data/ts/index.html b/public/docs/_examples/displaying-data/ts/index.html
index 7b96075c09..e74be1c5de 100644
--- a/public/docs/_examples/displaying-data/ts/index.html
+++ b/public/docs/_examples/displaying-data/ts/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/forms/js/index.html b/public/docs/_examples/forms/js/index.html
index e214ee3ac1..55b7d2ba1d 100644
--- a/public/docs/_examples/forms/js/index.html
+++ b/public/docs/_examples/forms/js/index.html
@@ -15,7 +15,7 @@
     <!-- #enddocregion styles -->
 
    <!-- IE required polyfill -->
-   <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+   <script src="node_modules/core-js/client/shim.min.js"></script>
 
    <script src="node_modules/zone.js/dist/zone.js"></script>
    <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/forms/ts/index.html b/public/docs/_examples/forms/ts/index.html
index ac457e8f82..4df2d32d46 100644
--- a/public/docs/_examples/forms/ts/index.html
+++ b/public/docs/_examples/forms/ts/index.html
@@ -15,7 +15,7 @@
      <!-- #enddocregion styles -->
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/hierarchical-dependency-injection/ts/index.html b/public/docs/_examples/hierarchical-dependency-injection/ts/index.html
index a4109a1625..91d2dc8894 100644
--- a/public/docs/_examples/hierarchical-dependency-injection/ts/index.html
+++ b/public/docs/_examples/hierarchical-dependency-injection/ts/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/homepage-hello-world/ts/index.html b/public/docs/_examples/homepage-hello-world/ts/index.html
index 246cecc85d..794935d3bb 100644
--- a/public/docs/_examples/homepage-hello-world/ts/index.html
+++ b/public/docs/_examples/homepage-hello-world/ts/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/homepage-tabs/ts/index.html b/public/docs/_examples/homepage-tabs/ts/index.html
index 9abb036d3a..1fe2ebc8ba 100644
--- a/public/docs/_examples/homepage-tabs/ts/index.html
+++ b/public/docs/_examples/homepage-tabs/ts/index.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/homepage-todo/ts/index.html b/public/docs/_examples/homepage-todo/ts/index.html
index 738fed01b9..2bddce017c 100644
--- a/public/docs/_examples/homepage-todo/ts/index.html
+++ b/public/docs/_examples/homepage-todo/ts/index.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/lifecycle-hooks/ts/index.html b/public/docs/_examples/lifecycle-hooks/ts/index.html
index 41ad4848b0..6fa866c6e6 100644
--- a/public/docs/_examples/lifecycle-hooks/ts/index.html
+++ b/public/docs/_examples/lifecycle-hooks/ts/index.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="sample.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/package.json b/public/docs/_examples/package.json
index fa3fa42886..b7b8afc084 100644
--- a/public/docs/_examples/package.json
+++ b/public/docs/_examples/package.json
@@ -31,11 +31,13 @@
     "@angular/router": "2.0.0-rc.1",
     "@angular/router-deprecated": "2.0.0-rc.1",
     "@angular/upgrade": "2.0.0-rc.1",
+
     "systemjs": "0.19.27",
-    "es6-shim": "^0.35.0",
+    "core-js": "^2.4.0",
     "reflect-metadata": "^0.1.3",
     "rxjs": "5.0.0-beta.6",
     "zone.js": "^0.6.12",
+
     "angular2-in-memory-web-api": "0.0.7",
     "bootstrap": "^3.3.6"
   },
diff --git a/public/docs/_examples/pipes/ts/index.html b/public/docs/_examples/pipes/ts/index.html
index 445a3d9c1f..0b1a46f328 100644
--- a/public/docs/_examples/pipes/ts/index.html
+++ b/public/docs/_examples/pipes/ts/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/quickstart/js/index.html b/public/docs/_examples/quickstart/js/index.html
index 0f9088eaf3..9181ea2c52 100644
--- a/public/docs/_examples/quickstart/js/index.html
+++ b/public/docs/_examples/quickstart/js/index.html
@@ -10,7 +10,7 @@
     <!-- #docregion libraries -->
     <!-- #docregion ie-polyfills -->
     <!-- IE required polyfill -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/client/shim.min.js"></script>
     <!-- #enddocregion ie-polyfills -->
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
diff --git a/public/docs/_examples/quickstart/js/package.1.json b/public/docs/_examples/quickstart/js/package.1.json
index e5e96f785e..30801c9e48 100644
--- a/public/docs/_examples/quickstart/js/package.1.json
+++ b/public/docs/_examples/quickstart/js/package.1.json
@@ -17,6 +17,7 @@
     "@angular/router-deprecated":  "2.0.0-rc.1",
     "@angular/upgrade":  "2.0.0-rc.1",
 
+    "core-js": "^2.4.0",
     "reflect-metadata": "0.1.3",
     "rxjs": "5.0.0-beta.6",
     "zone.js": "0.6.12",
diff --git a/public/docs/_examples/quickstart/ts/index.html b/public/docs/_examples/quickstart/ts/index.html
index b1be60a776..95459ad58c 100644
--- a/public/docs/_examples/quickstart/ts/index.html
+++ b/public/docs/_examples/quickstart/ts/index.html
@@ -11,7 +11,7 @@
     <!-- #docregion libraries -->
     <!-- #docregion ie-polyfills -->
      <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/client/shim.min.js"></script>
     <!-- #enddocregion ie-polyfills -->
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
diff --git a/public/docs/_examples/quickstart/ts/package.1.json b/public/docs/_examples/quickstart/ts/package.1.json
index 8be1e8b8c6..88768b56f2 100644
--- a/public/docs/_examples/quickstart/ts/package.1.json
+++ b/public/docs/_examples/quickstart/ts/package.1.json
@@ -22,7 +22,7 @@
     "@angular/upgrade":  "2.0.0-rc.1",
 
     "systemjs": "0.19.27",
-    "es6-shim": "^0.35.0",
+    "core-js": "^2.4.0",
     "reflect-metadata": "^0.1.3",
     "rxjs": "5.0.0-beta.6",
     "zone.js": "^0.6.12",
diff --git a/public/docs/_examples/quickstart/ts/typings.1.json b/public/docs/_examples/quickstart/ts/typings.1.json
index b5324f4199..ab3d27d712 100644
--- a/public/docs/_examples/quickstart/ts/typings.1.json
+++ b/public/docs/_examples/quickstart/ts/typings.1.json
@@ -1,6 +1,6 @@
 {
   "ambientDependencies": {
-    "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654",
+    "core-js": "registry:dt/core-js#0.0.0+20160317120654",
     "jasmine": "registry:dt/jasmine#2.2.0+20160412134438",
     "node": "registry:dt/node#4.0.0+20160509154515"
   }
diff --git a/public/docs/_examples/router-deprecated/ts/index.1.html b/public/docs/_examples/router-deprecated/ts/index.1.html
index 7a58c4ec50..53a6d4832f 100644
--- a/public/docs/_examples/router-deprecated/ts/index.1.html
+++ b/public/docs/_examples/router-deprecated/ts/index.1.html
@@ -11,7 +11,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/router-deprecated/ts/index.2.html b/public/docs/_examples/router-deprecated/ts/index.2.html
index 83c06e1af6..d71bd929cb 100644
--- a/public/docs/_examples/router-deprecated/ts/index.2.html
+++ b/public/docs/_examples/router-deprecated/ts/index.2.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/router-deprecated/ts/index.3.html b/public/docs/_examples/router-deprecated/ts/index.3.html
index 2a5fc893ae..abbb771beb 100644
--- a/public/docs/_examples/router-deprecated/ts/index.3.html
+++ b/public/docs/_examples/router-deprecated/ts/index.3.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/router-deprecated/ts/index.html b/public/docs/_examples/router-deprecated/ts/index.html
index 9ac268d05f..35a6ddfc73 100644
--- a/public/docs/_examples/router-deprecated/ts/index.html
+++ b/public/docs/_examples/router-deprecated/ts/index.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/router/ts/index.1.html b/public/docs/_examples/router/ts/index.1.html
index 6bc706e2e6..c04b769a2c 100644
--- a/public/docs/_examples/router/ts/index.1.html
+++ b/public/docs/_examples/router/ts/index.1.html
@@ -11,7 +11,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/router/ts/index.2.html b/public/docs/_examples/router/ts/index.2.html
index d5676ff4b5..01e521e896 100644
--- a/public/docs/_examples/router/ts/index.2.html
+++ b/public/docs/_examples/router/ts/index.2.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/router/ts/index.3.html b/public/docs/_examples/router/ts/index.3.html
index 1be32f1d0d..f60cdd8163 100644
--- a/public/docs/_examples/router/ts/index.3.html
+++ b/public/docs/_examples/router/ts/index.3.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/router/ts/index.html b/public/docs/_examples/router/ts/index.html
index 22ee1a8172..b7b5ba9f7f 100644
--- a/public/docs/_examples/router/ts/index.html
+++ b/public/docs/_examples/router/ts/index.html
@@ -11,7 +11,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/server-communication/ts/index.html b/public/docs/_examples/server-communication/ts/index.html
index 2f7b9b3338..c2d2656c84 100644
--- a/public/docs/_examples/server-communication/ts/index.html
+++ b/public/docs/_examples/server-communication/ts/index.html
@@ -10,7 +10,7 @@
 
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/structural-directives/ts/index.html b/public/docs/_examples/structural-directives/ts/index.html
index 8df7729afe..da815d8e69 100644
--- a/public/docs/_examples/structural-directives/ts/index.html
+++ b/public/docs/_examples/structural-directives/ts/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/style-guide/ts/index.html b/public/docs/_examples/style-guide/ts/index.html
index 9a11de94e3..820bf59a96 100644
--- a/public/docs/_examples/style-guide/ts/index.html
+++ b/public/docs/_examples/style-guide/ts/index.html
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/styleguide/ts/index.html b/public/docs/_examples/styleguide/ts/index.html
index b98f73d603..5983457e07 100644
--- a/public/docs/_examples/styleguide/ts/index.html
+++ b/public/docs/_examples/styleguide/ts/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/template-syntax/ts/index.html b/public/docs/_examples/template-syntax/ts/index.html
index c7eb394e9c..d3a4ec6aa6 100644
--- a/public/docs/_examples/template-syntax/ts/index.html
+++ b/public/docs/_examples/template-syntax/ts/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="template-syntax.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/testing/ts/index.html b/public/docs/_examples/testing/ts/index.html
index 07fca45f52..02b11078c5 100644
--- a/public/docs/_examples/testing/ts/index.html
+++ b/public/docs/_examples/testing/ts/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/testing/ts/unit-tests-bag.html b/public/docs/_examples/testing/ts/unit-tests-bag.html
index b5313257e9..f373c387e8 100644
--- a/public/docs/_examples/testing/ts/unit-tests-bag.html
+++ b/public/docs/_examples/testing/ts/unit-tests-bag.html
@@ -12,7 +12,7 @@
 </head>
 
 <body>
-  <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+  <script src="node_modules/core-js/client/shim.min.js"></script>
 
 <!-- NOT CONVERTED YET -->
   <script src="node_modules/systemjs/dist/system.src.js"></script>
diff --git a/public/docs/_examples/toh-1/ts/index.html b/public/docs/_examples/toh-1/ts/index.html
index 22cff3f553..f784483eaa 100644
--- a/public/docs/_examples/toh-1/ts/index.html
+++ b/public/docs/_examples/toh-1/ts/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/toh-2/ts/index.html b/public/docs/_examples/toh-2/ts/index.html
index 71fc2f4e4a..485409815c 100644
--- a/public/docs/_examples/toh-2/ts/index.html
+++ b/public/docs/_examples/toh-2/ts/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/toh-3/ts/index.html b/public/docs/_examples/toh-3/ts/index.html
index 01d42394de..e9c099696b 100644
--- a/public/docs/_examples/toh-3/ts/index.html
+++ b/public/docs/_examples/toh-3/ts/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/toh-4/ts/index.html b/public/docs/_examples/toh-4/ts/index.html
index 01d42394de..e9c099696b 100644
--- a/public/docs/_examples/toh-4/ts/index.html
+++ b/public/docs/_examples/toh-4/ts/index.html
@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/toh-5/ts/index.html b/public/docs/_examples/toh-5/ts/index.html
index bdb039a0fc..93fa8d4889 100644
--- a/public/docs/_examples/toh-5/ts/index.html
+++ b/public/docs/_examples/toh-5/ts/index.html
@@ -15,7 +15,7 @@
     <!-- #enddocregion css -->
     <!-- #docregion head -->
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/toh-6/ts/index.html b/public/docs/_examples/toh-6/ts/index.html
index eb9ec157d8..b84f744a78 100644
--- a/public/docs/_examples/toh-6/ts/index.html
+++ b/public/docs/_examples/toh-6/ts/index.html
@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="sample.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/typings.json b/public/docs/_examples/typings.json
index b5324f4199..ab3d27d712 100644
--- a/public/docs/_examples/typings.json
+++ b/public/docs/_examples/typings.json
@@ -1,6 +1,6 @@
 {
   "ambientDependencies": {
-    "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654",
+    "core-js": "registry:dt/core-js#0.0.0+20160317120654",
     "jasmine": "registry:dt/jasmine#2.2.0+20160412134438",
     "node": "registry:dt/node#4.0.0+20160509154515"
   }
diff --git a/public/docs/_examples/upgrade-adapter/ts/index-1-2-hybrid-bootstrap.html b/public/docs/_examples/upgrade-adapter/ts/index-1-2-hybrid-bootstrap.html
index b18e37ea87..2e97762347 100644
--- a/public/docs/_examples/upgrade-adapter/ts/index-1-2-hybrid-bootstrap.html
+++ b/public/docs/_examples/upgrade-adapter/ts/index-1-2-hybrid-bootstrap.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/upgrade-adapter/ts/index-1-2-hybrid-shared-adapter-bootstrap.html b/public/docs/_examples/upgrade-adapter/ts/index-1-2-hybrid-shared-adapter-bootstrap.html
index cfba467544..56854b73ea 100644
--- a/public/docs/_examples/upgrade-adapter/ts/index-1-2-hybrid-shared-adapter-bootstrap.html
+++ b/public/docs/_examples/upgrade-adapter/ts/index-1-2-hybrid-shared-adapter-bootstrap.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/upgrade-adapter/ts/index-1-to-2-projection.html b/public/docs/_examples/upgrade-adapter/ts/index-1-to-2-projection.html
index a20c4b4829..6023111974 100644
--- a/public/docs/_examples/upgrade-adapter/ts/index-1-to-2-projection.html
+++ b/public/docs/_examples/upgrade-adapter/ts/index-1-to-2-projection.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/upgrade-adapter/ts/index-1-to-2-providers.html b/public/docs/_examples/upgrade-adapter/ts/index-1-to-2-providers.html
index 0b23016ae2..bf21cdfb5a 100644
--- a/public/docs/_examples/upgrade-adapter/ts/index-1-to-2-providers.html
+++ b/public/docs/_examples/upgrade-adapter/ts/index-1-to-2-providers.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/upgrade-adapter/ts/index-2-to-1-providers.html b/public/docs/_examples/upgrade-adapter/ts/index-2-to-1-providers.html
index dbc5086f47..f135dfa0af 100644
--- a/public/docs/_examples/upgrade-adapter/ts/index-2-to-1-providers.html
+++ b/public/docs/_examples/upgrade-adapter/ts/index-2-to-1-providers.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/upgrade-adapter/ts/index-2-to-1-transclusion.html b/public/docs/_examples/upgrade-adapter/ts/index-2-to-1-transclusion.html
index 3aca9be8c7..75b5c90870 100644
--- a/public/docs/_examples/upgrade-adapter/ts/index-2-to-1-transclusion.html
+++ b/public/docs/_examples/upgrade-adapter/ts/index-2-to-1-transclusion.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/upgrade-adapter/ts/index-downgrade-io.html b/public/docs/_examples/upgrade-adapter/ts/index-downgrade-io.html
index 0b601e39fa..2a9041d6c1 100644
--- a/public/docs/_examples/upgrade-adapter/ts/index-downgrade-io.html
+++ b/public/docs/_examples/upgrade-adapter/ts/index-downgrade-io.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/upgrade-adapter/ts/index-downgrade-static.html b/public/docs/_examples/upgrade-adapter/ts/index-downgrade-static.html
index 87c8fa096c..9da49f5699 100644
--- a/public/docs/_examples/upgrade-adapter/ts/index-downgrade-static.html
+++ b/public/docs/_examples/upgrade-adapter/ts/index-downgrade-static.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/upgrade-adapter/ts/index-upgrade-io.html b/public/docs/_examples/upgrade-adapter/ts/index-upgrade-io.html
index 20d18c8034..dd8a9aa57f 100644
--- a/public/docs/_examples/upgrade-adapter/ts/index-upgrade-io.html
+++ b/public/docs/_examples/upgrade-adapter/ts/index-upgrade-io.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/upgrade-adapter/ts/index-upgrade-static.html b/public/docs/_examples/upgrade-adapter/ts/index-upgrade-static.html
index 6912de1722..649dba8588 100644
--- a/public/docs/_examples/upgrade-adapter/ts/index-upgrade-static.html
+++ b/public/docs/_examples/upgrade-adapter/ts/index-upgrade-static.html
@@ -9,7 +9,7 @@
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/public/docs/_examples/upgrade-phonecat/ts/ng2_components/app/index.html b/public/docs/_examples/upgrade-phonecat/ts/ng2_components/app/index.html
index 310d1ab348..34fe7f5f48 100644
--- a/public/docs/_examples/upgrade-phonecat/ts/ng2_components/app/index.html
+++ b/public/docs/_examples/upgrade-phonecat/ts/ng2_components/app/index.html
@@ -12,7 +12,7 @@
   <script src="bower_components/angular-animate/angular-animate.js"></script>
   <script src="bower_components/angular-route/angular-route.js"></script>
   <script src="bower_components/angular-resource/angular-resource.js"></script>
-  <script src="../node_modules/es6-shim/es6-shim.min.js"></script>
+  <script src="../node_modules/core-js/client/shim.min.js"></script>
   <script src="../node_modules/zone.js/dist/zone.js"></script>
   <script src="../node_modules/reflect-metadata/Reflect.js"></script>
   <script src="../node_modules/systemjs/dist/system.src.js"></script>
diff --git a/public/docs/_examples/upgrade-phonecat/ts/ng2_final/app/index.html b/public/docs/_examples/upgrade-phonecat/ts/ng2_final/app/index.html
index a1dfd126cf..e556aa9208 100644
--- a/public/docs/_examples/upgrade-phonecat/ts/ng2_final/app/index.html
+++ b/public/docs/_examples/upgrade-phonecat/ts/ng2_final/app/index.html
@@ -8,7 +8,7 @@
   <link rel="stylesheet" href="css/app.css">
   <link rel="stylesheet" href="css/animations.css">
   <!-- #docregion scripts -->
-  <script src="../node_modules/es6-shim/es6-shim.min.js"></script>
+  <script src="../node_modules/core-js/client/shim.min.js"></script>
   <script src="../node_modules/zone.js/dist/zone.js"></script>
   <script src="../node_modules/reflect-metadata/Reflect.js"></script>
   <script src="../node_modules/systemjs/dist/system.src.js"></script>
diff --git a/public/docs/_examples/upgrade-phonecat/ts/ng2_initial/app/index.html b/public/docs/_examples/upgrade-phonecat/ts/ng2_initial/app/index.html
index 5a79c8007f..772d06f554 100644
--- a/public/docs/_examples/upgrade-phonecat/ts/ng2_initial/app/index.html
+++ b/public/docs/_examples/upgrade-phonecat/ts/ng2_initial/app/index.html
@@ -14,7 +14,7 @@
   <script src="bower_components/angular-route/angular-route.js"></script>
   <script src="bower_components/angular-resource/angular-resource.js"></script>
   <!-- #docregion ng2 -->
-  <script src="../node_modules/es6-shim/es6-shim.min.js"></script>
+  <script src="../node_modules/core-js/client/shim.min.js"></script>
   <script src="../node_modules/zone.js/dist/zone.js"></script>
   <script src="../node_modules/reflect-metadata/Reflect.js"></script>
   <!-- #enddocregion ng2 -->
diff --git a/public/docs/_examples/user-input/ts/index.html b/public/docs/_examples/user-input/ts/index.html
index c20f29af88..f72530d64f 100644
--- a/public/docs/_examples/user-input/ts/index.html
+++ b/public/docs/_examples/user-input/ts/index.html
@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="user-input-styles.css">
 
     <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
diff --git a/tools/plunker-builder/indexHtmlTranslator.js b/tools/plunker-builder/indexHtmlTranslator.js
index 05be3a90f2..a816e6ae52 100644
--- a/tools/plunker-builder/indexHtmlTranslator.js
+++ b/tools/plunker-builder/indexHtmlTranslator.js
@@ -30,6 +30,11 @@ var _rxData = [
     from: 'node_modules/es6-shim/es6-shim.min.js',
     to:   'https://npmcdn.com/es6-shim@0.35.0/es6-shim.min.js'
   },
+  {
+    pattern: 'script',
+    from: 'node_modules/core-js/client/shim.min.js',
+    to:   'https://npmcdn.com/core-js@2.4.0/client/shim.min.js'
+  },
   {
     pattern: 'script',
     from: 'node_modules/zone.js/dist/zone.js',

From 3324bd944dd40755bf2dd7eef6027967e662e839 Mon Sep 17 00:00:00 2001
From: Ward Bell <wardbell@hotmail.com>
Date: Thu, 19 May 2016 19:00:20 -0700
Subject: [PATCH 21/41] docs(toh-6): fix broken 'Add Hero' and fill in
 instructional gaps

---
 .../toh-6/ts/app/heroes.component.html        |   5 +
 .../toh-6/ts/app/heroes.component.ts          |   8 +-
 public/docs/ts/latest/tutorial/toh-pt6.jade   | 100 ++++++++++--------
 .../images/devguide/toh/toh-http.anim.gif     | Bin 0 -> 128263 bytes
 4 files changed, 68 insertions(+), 45 deletions(-)
 create mode 100644 public/resources/images/devguide/toh/toh-http.anim.gif

diff --git a/public/docs/_examples/toh-6/ts/app/heroes.component.html b/public/docs/_examples/toh-6/ts/app/heroes.component.html
index d29b6c93ed..705c67677f 100644
--- a/public/docs/_examples/toh-6/ts/app/heroes.component.html
+++ b/public/docs/_examples/toh-6/ts/app/heroes.component.html
@@ -5,14 +5,19 @@ <h2>My Heroes</h2>
     <span class="hero-element">
       <span class="badge">{{hero.id}}</span> {{hero.name}}
     </span>
+<!-- #docregion delete-hero -->
     <button class="delete-button" (click)="delete(hero, $event)">Delete</button>
+<!-- #enddocregion delete-hero -->
   </li>
 </ul>
 
+<!-- #docregion add-hero -->
 <button (click)="addHero()">Add New Hero</button>
 <div *ngIf="addingHero">
   <my-hero-detail (close)="close($event)"></my-hero-detail>
 </div>
+<!-- #enddocregion add-hero -->
+
 <div *ngIf="selectedHero">
   <h2>
     {{selectedHero.name | uppercase}} is my hero
diff --git a/public/docs/_examples/toh-6/ts/app/heroes.component.ts b/public/docs/_examples/toh-6/ts/app/heroes.component.ts
index 8ba9b03e1e..ea3ebf2388 100644
--- a/public/docs/_examples/toh-6/ts/app/heroes.component.ts
+++ b/public/docs/_examples/toh-6/ts/app/heroes.component.ts
@@ -4,12 +4,16 @@ import { Router }            from '@angular/router-deprecated';
 
 import { Hero }                from './hero';
 import { HeroService }         from './hero.service';
+// #docregion hero-detail-component
+import { HeroDetailComponent } from './hero-detail.component';
 
 @Component({
   selector: 'my-heroes',
   templateUrl: 'app/heroes.component.html',
-  styleUrls:  ['app/heroes.component.css']
+  styleUrls:  ['app/heroes.component.css'],
+  directives: [HeroDetailComponent]
 })
+// #enddocregion hero-detail-component
 export class HeroesComponent implements OnInit {
   heroes: Hero[];
   selectedHero: Hero;
@@ -27,6 +31,7 @@ export class HeroesComponent implements OnInit {
         .catch(error => this.error = error); // TODO: Display error message
   }
 
+  // #docregion add
   addHero() {
     this.addingHero = true;
     this.selectedHero = null;
@@ -36,6 +41,7 @@ export class HeroesComponent implements OnInit {
     this.addingHero = false;
     if (savedHero) { this.getHeroes(); }
   }
+  // #enddocregion add
 
   // #docregion delete
   delete(hero: Hero, event: any) {
diff --git a/public/docs/ts/latest/tutorial/toh-pt6.jade b/public/docs/ts/latest/tutorial/toh-pt6.jade
index 5e0de751c9..fd994476a1 100644
--- a/public/docs/ts/latest/tutorial/toh-pt6.jade
+++ b/public/docs/ts/latest/tutorial/toh-pt6.jade
@@ -1,51 +1,22 @@
 include ../_util-fns
 
 :marked
-  # Http
+  # Getting and Saving Data with HTTP
   
-  Our application has become a huge success and our stakeholders have expanded the vision to include integration with a hero api. 
+  Our stakeholders appreciate our progress. 
+  Now they want to get the hero data from a server, let users add, edit, and delete heroes,
+  and save these changes back to the server.
   
-  The current solution limits us to a fixed set of heroes, but integration with a web server api will make our application much more flexible. We will also be able to add, edit and delete heroes. 
-  
-  In this chapter we will connect our Angular 2 services to make http calls to our new api.
+  In this chapter we teach our application to make the corresponding http calls to a remote server's web api.
 :marked
   [Run the live example](/resources/live-examples/toh-6/ts/plnkr.html).   
   
 .l-main-section
 :marked
   ## Where We Left Off
-  Before we continue with our Tour of Heroes, let’s verify that we have the following structure after adding our hero service 
-  and hero detail component. If not, we’ll need to go back and follow the previous chapters.
+  In the [previous chapter](toh-pt5.html), we learned to navigate between the dashboard and the fixed heroes list, editing a selected hero along the way.
+  That's our starting point for this chapter.
 
-.filetree
-  .file angular2-tour-of-heroes
-  .children
-    .file app
-    .children
-      .file app.component.ts
-      .file app.component.css
-      .file dashboard.component.css
-      .file dashboard.component.html
-      .file dashboard.component.ts
-      .file hero.ts
-      .file hero-detail.component.css
-      .file hero-detail.component.html
-      .file hero-detail.component.ts
-      .file hero.service.ts
-      .file heroes.component.css
-      .file heroes.component.html
-      .file heroes.component.ts
-      .file main.ts
-      .file mock-heroes.ts
-    .file node_modules ...
-    .file typings ...      
-    .file index.html
-    .file package.json
-    .file styles.css
-    .file systemjs.config.json
-    .file tsconfig.json
-    .file typings.json
-:marked
   ### Keep the app transpiling and running
   Open a terminal/console window and enter the following command to
   start the TypeScript compiler, start the server, and watch for changes:
@@ -243,9 +214,10 @@ code-example(format="." language="bash").
 :marked
   ## Updating Components
   
-  Loading heroes using `Http` required no changes outside of `HeroService`, but we added a few new features as well. In the following section we will update our components to use our new methods to add, edit and delete heroes.
+  Loading heroes using `Http` required no changes outside of `HeroService`, but we added a few new features as well. 
+  In the following section we will update our components to use our new methods to add, edit and delete heroes.
   
-  ### Add/Edit
+  ### Add/Edit in the *HeroDetailComponent*
   We already have `HeroDetailComponent` for viewing details about a specific hero. Add and Edit are natural extensions of the detail view, so we are able to reuse `DetailHeroComponent` with a few tweaks. The original component was created to render existing data, but to add new data we have to initialize the `hero` property to an empty `Hero` object.
   
 +makeExample('toh-6/ts/app/hero-detail.component.ts', 'ngOnInit', 'app/hero-detail.component.ts (ngOnInit)')(format=".")     
@@ -267,23 +239,63 @@ code-example(format="." language="bash").
     The `emit` "handshake" between `HeroDetailComponent` and `HeroesComponent` is an example of component to component communication. This is a topic for another day, but we have detailed information in our <a href="/docs/ts/latest/cookbook/component-communication.html#!#child-to-parent">Component Interaction Cookbook</a>  
 
 :marked
-  Here is `HeroDetailComponent` with the added save button.
+  Here is `HeroDetailComponent` with its new save button.
   
 figure.image-display
   img(src='/resources/images/devguide/toh/hero-details-save-button.png' alt="Hero Details With Save Button") 
 
 :marked
-  ### Delete
+  ### Add/Delete in the *HeroesComponent*
+  
+  The user can *add* a new hero by clicking a button and entering a name.
+
+  When the user clicks the *Add New Hero* button, we display the `HeroDetailComponent`.
+  We aren't navigating to the component so it won't receive a hero `id`;
+  As we noted above, that is the component's cue to create and present an empty hero.
+  
+  Add the following HTML to the `heroes.component.html`, just below the hero list (the `*ngFor`).
++makeExample('toh-6/ts/app/heroes.component.html', 'add-hero', 'app/heroes.component.ts (add)')(format=".")  
+:marked
+  The user can *delete* an existing hero by clicking a delete button next to the hero's name.
   
-  We have added the option to delete hereos from `HeroesComponent`. `HeroService` will delete the hero, but we still have to filter out the deleted hero from the list to update the view.
+  Add the following HTML to the `heroes.component.html` right after the name in the repeated `<li>` tag:
++makeExample('toh-6/ts/app/heroes.component.html', 'delete-hero', 'app/heroes.component.ts (delete)')(format=".")  
+
+:marked
+  Now let's fix-up the `HeroesComponent` to support the *add* and *delete* actions in the template.
+  Let's start with *add*.
   
-+makeExample('toh-6/ts/app/heroes.component.ts', 'delete', 'app/heroes.component.ts (delete)')(format=".")  
+  We're using the `HeroDetailComponent` to capture the new hero information.
+  We have to tell Angular about that by importing the `HeroDetailComponent` and referencing it in the component metadata `directives` array.
++makeExample('toh-6/ts/app/heroes.component.ts', 'hero-detail-component', 'app/heroes.component.ts (HeroDetailComponent)')(format=".")  
+.l-sub-section
+  :marked
+    These are the same lines that we removed in the previous [Routing](toh-pt5.html) chapter.
+    We didn't know at the time that we'd need the *HeroDetailComponent* again. So we tidied up.
+    
+    Now we *must* put these lines back. If we don't, Angular will ignore the `<my-hero-detail>`
+    tag and pushing the *Add New Hero* button will have no visible effect.
+:marked
+  Next we implement the click handler for the *Add New Hero* button.
 
++makeExample('toh-6/ts/app/heroes.component.ts', 'add', 'app/heroes.component.ts (add)')(format=".")  
 :marked
-  Here is `HeroesComponent` with the delete button. 
+  The `HeroDetailComponent` does most of the work. All we do is toggle an `*ngIf` flag that
+  swaps it into the DOM when were add a hero and remove it from the DOM when the user is done.
   
+  The *delete* logic is a bit trickier.
++makeExample('toh-6/ts/app/heroes.component.ts', 'delete', 'app/heroes.component.ts (delete)')(format=".")
+
+:marked
+  Of course we delegate the persistence of hero deletion to the `HeroService`. 
+  But the component is still responsible for updating the display.
+  So the *delete* method removes the deleted hero from the list.
+
+:marked
+  ### Let's see it
+  Here are the fruits of labor in action:
 figure.image-display
-  img(src='/resources/images/devguide/toh/heroes-list-delete-button.png' alt="Heroes List With Delete Button")  
+  img(src='/resources/images/devguide/toh/toh-http.anim.gif' alt="Heroes List Editting w/ HTTP")  
 
 :marked
   ### Review the App Structure
diff --git a/public/resources/images/devguide/toh/toh-http.anim.gif b/public/resources/images/devguide/toh/toh-http.anim.gif
new file mode 100644
index 0000000000000000000000000000000000000000..a11eb3e5a5acae8bcb0aa9b0c1abaeeb2b7e5a36
GIT binary patch
literal 128263
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

literal 0
HcmV?d00001


From bd52aa3f3496bbeddb9e025f3db568ea72af95bc Mon Sep 17 00:00:00 2001
From: Foxandxss <foxandxss@gmail.com>
Date: Fri, 20 May 2016 02:35:19 +0200
Subject: [PATCH 22/41] docs: complete  es6-shim to core-js migration closes
 #1442

---
 public/docs/_examples/quickstart/js/index.html             | 2 +-
 public/docs/_examples/quickstart/ts/index.html             | 2 +-
 public/docs/_examples/webpack/ts/config/karma-test-shim.js | 2 +-
 public/docs/_examples/webpack/ts/package.webpack.json      | 2 +-
 public/docs/_examples/webpack/ts/src/polyfills.ts          | 2 +-
 public/docs/_examples/webpack/ts/typings.1.json            | 2 +-
 public/docs/ts/latest/guide/npm-packages.jade              | 2 +-
 public/docs/ts/latest/quickstart.jade                      | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/public/docs/_examples/quickstart/js/index.html b/public/docs/_examples/quickstart/js/index.html
index 9181ea2c52..bec42f9dea 100644
--- a/public/docs/_examples/quickstart/js/index.html
+++ b/public/docs/_examples/quickstart/js/index.html
@@ -10,7 +10,7 @@
     <!-- #docregion libraries -->
     <!-- #docregion ie-polyfills -->
     <!-- IE required polyfill -->
-    <script src="node_modules/client/shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
     <!-- #enddocregion ie-polyfills -->
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
diff --git a/public/docs/_examples/quickstart/ts/index.html b/public/docs/_examples/quickstart/ts/index.html
index 95459ad58c..a0a64d1122 100644
--- a/public/docs/_examples/quickstart/ts/index.html
+++ b/public/docs/_examples/quickstart/ts/index.html
@@ -11,7 +11,7 @@
     <!-- #docregion libraries -->
     <!-- #docregion ie-polyfills -->
      <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/client/shim.min.js"></script>
+    <script src="node_modules/core-js/client/shim.min.js"></script>
     <!-- #enddocregion ie-polyfills -->
 
     <script src="node_modules/zone.js/dist/zone.js"></script>
diff --git a/public/docs/_examples/webpack/ts/config/karma-test-shim.js b/public/docs/_examples/webpack/ts/config/karma-test-shim.js
index 7691460bcd..67a2409917 100644
--- a/public/docs/_examples/webpack/ts/config/karma-test-shim.js
+++ b/public/docs/_examples/webpack/ts/config/karma-test-shim.js
@@ -1,7 +1,7 @@
 // #docregion
 Error.stackTraceLimit = Infinity;
 
-require('es6-shim');
+require('core-js/es6');
 require('reflect-metadata');
 
 require('zone.js/dist/zone');
diff --git a/public/docs/_examples/webpack/ts/package.webpack.json b/public/docs/_examples/webpack/ts/package.webpack.json
index 041c0b41e1..618e1867ec 100644
--- a/public/docs/_examples/webpack/ts/package.webpack.json
+++ b/public/docs/_examples/webpack/ts/package.webpack.json
@@ -17,7 +17,7 @@
     "@angular/platform-browser": "2.0.0-rc.1",
     "@angular/platform-browser-dynamic": "2.0.0-rc.1",
     "@angular/router-deprecated": "2.0.0-rc.1",
-    "es6-shim": "^0.35.0",
+    "core-js": "^2.4.0",
     "reflect-metadata": "0.1.2",
     "rxjs": "5.0.0-beta.6",
     "zone.js": "0.6.12"
diff --git a/public/docs/_examples/webpack/ts/src/polyfills.ts b/public/docs/_examples/webpack/ts/src/polyfills.ts
index 617af577cf..5de11fb502 100644
--- a/public/docs/_examples/webpack/ts/src/polyfills.ts
+++ b/public/docs/_examples/webpack/ts/src/polyfills.ts
@@ -1,5 +1,5 @@
 // #docregion
-import 'es6-shim';
+import 'core-js/es6';
 import 'reflect-metadata';
 require('zone.js/dist/zone');
 
diff --git a/public/docs/_examples/webpack/ts/typings.1.json b/public/docs/_examples/webpack/ts/typings.1.json
index b5324f4199..ab3d27d712 100644
--- a/public/docs/_examples/webpack/ts/typings.1.json
+++ b/public/docs/_examples/webpack/ts/typings.1.json
@@ -1,6 +1,6 @@
 {
   "ambientDependencies": {
-    "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654",
+    "core-js": "registry:dt/core-js#0.0.0+20160317120654",
     "jasmine": "registry:dt/jasmine#2.2.0+20160412134438",
     "node": "registry:dt/node#4.0.0+20160509154515"
   }
diff --git a/public/docs/ts/latest/guide/npm-packages.jade b/public/docs/ts/latest/guide/npm-packages.jade
index 2ae1b9fa33..4997eafd28 100644
--- a/public/docs/ts/latest/guide/npm-packages.jade
+++ b/public/docs/ts/latest/guide/npm-packages.jade
@@ -103,7 +103,7 @@ a(id="polyfills")
   :marked
     See "[Why peerDependencies?](#why-peer-dependencies)" below for background on this requirement.
 :marked
-  ***es6-shim*** - monkey patches the global context (window) with essential features of ES2015 (ES6).
+  ***core-js*** - monkey patches the global context (window) with essential features of ES2015 (ES6).
    Developers may substitute an alternative polyfill that provides the same core APIs. 
    This dependency should go away once these APIs are implemented by all supported ever-green browsers.
   
diff --git a/public/docs/ts/latest/quickstart.jade b/public/docs/ts/latest/quickstart.jade
index fb5bd5e910..346793f9c3 100644
--- a/public/docs/ts/latest/quickstart.jade
+++ b/public/docs/ts/latest/quickstart.jade
@@ -362,7 +362,7 @@ h2#index Step 4: Add #[code index.html]
       We loaded the following scripts
     +makeExcerpt('index.html', 'libraries')
     :marked
-      We begin with es6-shim which monkey patches the global context (window) with essential features of ES2015 (ES6).
+      We begin with core-js's es6-shim which monkey patches the global context (window) with essential features of ES2015 (ES6).
       Next are the polyfills for Angular2, `zone.js` and `reflect-metadata`.
       Then the [SystemJS](#systemjs) library for module loading.
 

From a42f3bf08563412baf433c578d2cb8ae55d3e190 Mon Sep 17 00:00:00 2001
From: Peter Bacon Darwin <pete@bacondarwin.com>
Date: Thu, 19 May 2016 20:56:06 +0100
Subject: [PATCH 23/41] api-builder: fix githublinks

Closes #1435
Closes #1433
---
 .../angular.io-package/templates/lib/githubLinks.html       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/tools/api-builder/angular.io-package/templates/lib/githubLinks.html b/tools/api-builder/angular.io-package/templates/lib/githubLinks.html
index 611ebdb13a..4bf27cd15c 100644
--- a/tools/api-builder/angular.io-package/templates/lib/githubLinks.html
+++ b/tools/api-builder/angular.io-package/templates/lib/githubLinks.html
@@ -1,7 +1,7 @@
 {% macro githubHref(doc) -%}
-https://github.com/{$ versionInfo.gitRepoInfo.owner $}/{$ versionInfo.gitRepoInfo.repo $}/tree/{$ versionInfo.currentVersion.isSnapshot and versionInfo.currentVersion.SHA or versionInfo.currentVersion.raw $}/modules/{$ doc.fileInfo.relativePath $}#L{$ doc.location.start.line+1 $}-L{$ doc.location.end.line+1 $}
+https://github.com/{$ versionInfo.gitRepoInfo.owner $}/{$ versionInfo.gitRepoInfo.repo $}/tree/{$ versionInfo.currentVersion.isSnapshot and versionInfo.currentVersion.SHA or versionInfo.currentVersion.raw $}/modules/{$ doc.fileInfo.projectRelativePath $}#L{$ doc.location.start.line+1 $}-L{$ doc.location.end.line+1 $}
 {%- endmacro %}
 
 {% macro githubViewLink(doc) -%}
-  <a href="{$ githubHref(doc) $}">{$ doc.fileInfo.relativePath $} (line {$ doc.location.start.line+1 $})</a>
-{%- endmacro -%}
+  <a href="{$ githubHref(doc) $}">{$ doc.fileInfo.projectRelativePath $} (line {$ doc.location.start.line+1 $})</a>
+{%- endmacro %}
\ No newline at end of file

From 0cb0bd7949da3ce238e132e90318e37c1b2f27cd Mon Sep 17 00:00:00 2001
From: Peter Bacon Darwin <pete@bacondarwin.com>
Date: Thu, 19 May 2016 20:56:30 +0100
Subject: [PATCH 24/41] api-builder: fix class github link formatting

---
 .../angular.io-package/templates/class.template.html            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tools/api-builder/angular.io-package/templates/class.template.html b/tools/api-builder/angular.io-package/templates/class.template.html
index 7390604888..016ce47923 100644
--- a/tools/api-builder/angular.io-package/templates/class.template.html
+++ b/tools/api-builder/angular.io-package/templates/class.template.html
@@ -159,7 +159,7 @@
   {% endif %}{% endfor %}
 {% endif %}
 
-.p(class="location-badge")
+p(class="location-badge").
   exported from {@link {$ doc.moduleDoc.id $} {$doc.moduleDoc.id $} }
   defined in {$ githubViewLink(doc) $}
 

From 16dccb6a6b8215622aa090e78e44d142d6d6496f Mon Sep 17 00:00:00 2001
From: Peter Bacon Darwin <pete@bacondarwin.com>
Date: Thu, 19 May 2016 20:57:15 +0100
Subject: [PATCH 25/41] api-builder: consolidate readTypescriptProcessor
 configuration closes #1440

---
 tools/api-builder/angular.io-package/index.js | 17 +++++++++++++
 tools/api-builder/docs-package/index.js       | 24 -------------------
 2 files changed, 17 insertions(+), 24 deletions(-)

diff --git a/tools/api-builder/angular.io-package/index.js b/tools/api-builder/angular.io-package/index.js
index add8a222d1..a1194e6d7e 100644
--- a/tools/api-builder/angular.io-package/index.js
+++ b/tools/api-builder/angular.io-package/index.js
@@ -1,3 +1,4 @@
+var fs = require('fs');
 var path = require('canonical-path');
 var Package = require('dgeni').Package;
 var basePackage = require('../docs-package');
@@ -40,6 +41,21 @@ module.exports = new Package('angular.io', [basePackage, targetPackage, cheatshe
 
 .config(function(readTypeScriptModules, writeFilesProcessor, readFilesProcessor) {
 
+  var angular_repo_path =  path.resolve(__dirname, '../../../../angular');
+  // confirm that the angular repo is actually there.
+  if (!fs.existsSync(angular_repo_path)) {
+    throw new Error('build-api-docs task requires the angular2 repo to be at ' + angular_repo_path);
+  }
+  readTypeScriptModules.basePath = path.resolve(angular_repo_path, 'modules');
+  readTypeScriptModules.ignoreExportsMatching = [
+    '___esModule',
+    '___core_private_types__',
+    '___platform_browser_private__',
+    '___compiler_private__',
+    '__core_private__',
+    '___core_private__'
+  ];
+
   readTypeScriptModules.sourceFiles = [
     '@angular/common/index.ts',
     '@angular/common/testing.ts',
@@ -61,6 +77,7 @@ module.exports = new Package('angular.io', [basePackage, targetPackage, cheatshe
   ];
   readTypeScriptModules.hidePrivateMembers = true;
 
+
   readFilesProcessor.basePath = DOCS_PATH;
   readFilesProcessor.sourceFiles = [{
     basePath: ANGULAR2_DOCS_PATH,
diff --git a/tools/api-builder/docs-package/index.js b/tools/api-builder/docs-package/index.js
index 047ef45ad6..5988639330 100644
--- a/tools/api-builder/docs-package/index.js
+++ b/tools/api-builder/docs-package/index.js
@@ -5,7 +5,6 @@ var typescriptPackage = require('dgeni-packages/typescript');
 var linksPackage = require('../links-package');
 var gitPackage = require('dgeni-packages/git');
 var path = require('canonical-path');
-var fs = require('fs');
 
 // Define the dgeni package for generating the docs
 module.exports = new Package('angular-v2-docs', [jsdocPackage, nunjucksPackage, typescriptPackage, linksPackage, gitPackage])
@@ -36,29 +35,6 @@ module.exports = new Package('angular-v2-docs', [jsdocPackage, nunjucksPackage,
   renderDocsProcessor.extraData.versionInfo = versionInfo;
 })
 
-// Configure file reading
-.config(function(readTypeScriptModules) {
-
-  var angular_repo_path =  path.resolve(__dirname, '../../../../angular');
-  // confirm that the angular repo is actually there.
-  if (!fs.existsSync(angular_repo_path)) {
-    throw new Error('build-api-docs task requires the angular2 repo to be at ' + angular_repo_path);
-  }
-  readTypeScriptModules.sourceFiles = [
-    '*/*.@(js|es6|ts)',
-    '*/src/**/*.@(js|es6|ts)'
-  ];
-  readTypeScriptModules.basePath = path.resolve(angular_repo_path, 'modules');
-  readTypeScriptModules.ignoreExportsMatching = [
-    '___esModule',
-    '___core_private_types__',
-    '___platform_browser_private__',
-    '___compiler_private__',
-    '__core_private__',
-    '___core_private__'
-  ];
-})
-
 
 .config(function(parseTagsProcessor, getInjectables) {
   // We actually don't want to parse param docs in this package as we are getting the data out using TS

From 3a6d223efb5fb21bff727f77c1943b2d5b62e15a Mon Sep 17 00:00:00 2001
From: Foxandxss <foxandxss@gmail.com>
Date: Thu, 19 May 2016 21:45:15 +0200
Subject: [PATCH 26/41] chore: translate inline system config for plunker
 closes #1439

---
 tools/plunker-builder/indexHtmlTranslator.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/tools/plunker-builder/indexHtmlTranslator.js b/tools/plunker-builder/indexHtmlTranslator.js
index a816e6ae52..98e184dada 100644
--- a/tools/plunker-builder/indexHtmlTranslator.js
+++ b/tools/plunker-builder/indexHtmlTranslator.js
@@ -18,6 +18,14 @@ var _rxRules = {
   link: {
     from: '/<link rel="stylesheet" href=".*%tag%".*>/',
     to: '<link rel="stylesheet" href="%tag%">'
+  },
+  system_extra_main: {
+    from: /main:\s*[\'|\"]index.js[\'|\"]/,
+    to: 'main: "index.ts"'
+  },
+  system_extra_defaultExtension: {
+    from: /defaultExtension:\s*[\'|\"]js[\'|\"]/,
+    to: 'defaultExtension: "ts"'
   }
 };
 
@@ -67,6 +75,12 @@ var _rxData = [
   },
   {
     pattern: 'angular_pkg',
+  },
+  {
+    pattern: 'system_extra_main'
+  },
+  {
+    pattern: 'system_extra_defaultExtension'
   }
 ];
 

From efbe3bbdfdbc2c32d60b4a767345f117f6670882 Mon Sep 17 00:00:00 2001
From: Foxandxss <foxandxss@gmail.com>
Date: Thu, 19 May 2016 21:01:16 +0200
Subject: [PATCH 27/41] docs(quickstart): fix broken region closes #1438

---
 public/docs/_examples/quickstart/ts/systemjs.config.1.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/docs/_examples/quickstart/ts/systemjs.config.1.js b/public/docs/_examples/quickstart/ts/systemjs.config.1.js
index 8cdeb99cb5..6f23f1dade 100644
--- a/public/docs/_examples/quickstart/ts/systemjs.config.1.js
+++ b/public/docs/_examples/quickstart/ts/systemjs.config.1.js
@@ -1,3 +1,4 @@
+// #docregion
 /**
  * System configuration for Angular 2 samples
  * Adjust as necessary for your application needs.

From feec37b7849234f75105c6b1a44e2c47ec3819df Mon Sep 17 00:00:00 2001
From: Ramzi Samman <ramzy.sa@gmail.com>
Date: Thu, 19 May 2016 13:32:06 +0300
Subject: [PATCH 28/41] docs(webpack): fix a typo in the dev guide closes #1431

---
 public/docs/ts/latest/guide/webpack.jade | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/docs/ts/latest/guide/webpack.jade b/public/docs/ts/latest/guide/webpack.jade
index e931c6b0d7..9231e66b21 100644
--- a/public/docs/ts/latest/guide/webpack.jade
+++ b/public/docs/ts/latest/guide/webpack.jade
@@ -303,7 +303,7 @@ a(id="development-configuration")
   The `HtmlWebpackPlugin` (added in `webpack.common.js`) use the *publicPath* and the *filename* settings to generate 
   appropriate &lt;script&gt; and &lt;link&gt; tags into the `index.html`.
   
-  Our CSS are buried inside our Javascript bundles by deault. The `ExtractTextPlugin` extracts them into
+  Our CSS are buried inside our Javascript bundles by default. The `ExtractTextPlugin` extracts them into
   external `.css` files that the `HtmlWebpackPlugin` inscribes as &lt;link&gt; tags into the `index.html`.
   
   Refer to the Webpack documentation for details on these and other configuation options in this file

From f01869d887261bd86e6cd9e4253195af04906c65 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Thu, 19 May 2016 21:38:50 -0600
Subject: [PATCH 29/41] docs(cb-barrels): Replace tabs with spaces

---
 .../cb-barrels/ts/app/dashboard.component.css | 38 +++++++++----------
 .../hero-detail/hero-detail.component.html    | 18 ++++-----
 .../ts/app/heroes/shared/hero.model.ts        |  4 +-
 .../ts/app/heroes/shared/mock-heroes.ts       | 18 ++++-----
 4 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
index d000c0c77e..82349dc658 100644
--- a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
@@ -2,9 +2,9 @@
   float: left;
 }
 *, *:after, *:before {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 h3 {
   text-align: center; margin-bottom: 0;
@@ -23,13 +23,13 @@ h3 {
   width: 25%;
 }
 .module {
-	padding: 20px;
-	text-align: center;
-	color: #eee;
-	max-height: 120px;
-	min-width: 120px;
-	background-color: #607D8B;
-	border-radius: 2px;
+  padding: 20px;
+  text-align: center;
+  color: #eee;
+  max-height: 120px;
+  min-width: 120px;
+  background-color: #607D8B;
+  border-radius: 2px;
 }
 h4 {
   position: relative;
@@ -46,15 +46,15 @@ h4 {
   padding-right: 20px;
 }
 @media (max-width: 600px) {
-	.module {
-	  font-size: 10px;
-	  max-height: 75px; }
+  .module {
+    font-size: 10px;
+    max-height: 75px; }
 }
 @media (max-width: 1024px) {
-	.grid {
-	  margin: 0;
-	}
-	.module {
-	  min-width: 60px;
-	}
+  .grid {
+    margin: 0;
+  }
+  .module {
+    min-width: 60px;
+  }
 }
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html
index af9039dc9f..deb47fb3e5 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html
@@ -1,10 +1,10 @@
 <div *ngIf="hero">
-	<h2>{{hero.name}} details!</h2>
-	<div>
-		<label>id: </label>{{hero.id}}</div>
-	<div>
-		<label>name: </label>
-		<input [(ngModel)]="hero.name" placeholder="name"/>
-	</div>
-	<button (click)="goBack()">Back</button>
-</div>
\ No newline at end of file
+  <h2>{{hero.name}} details!</h2>
+  <div>
+    <label>id: </label>{{hero.id}}</div>
+  <div>
+    <label>name: </label>
+    <input [(ngModel)]="hero.name" placeholder="name"/>
+  </div>
+  <button (click)="goBack()">Back</button>
+</div>
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts
index 1117bdd832..ce714d1c00 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts
@@ -1,5 +1,5 @@
 export class Hero {
-	id: number;
-	name: string;
+  id: number;
+  name: string;
 }
 
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
index 014b7075d1..80d661a439 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
@@ -5,13 +5,13 @@ export var HEROES: Hero[] = [
 // #enddocregion
 
   {"id": 11, "name": "Mr. Nice"},
-	{"id": 12, "name": "Narco"},
-	{"id": 13, "name": "Bombasto"},
-	{"id": 14, "name": "Celeritas"},
-	{"id": 15, "name": "Magneta"},
-	{"id": 16, "name": "RubberMan"},
-	{"id": 17, "name": "Dynama"},
-	{"id": 18, "name": "Dr IQ"},
-	{"id": 19, "name": "Magma"},
-	{"id": 20, "name": "Tornado"}
+  {"id": 12, "name": "Narco"},
+  {"id": 13, "name": "Bombasto"},
+  {"id": 14, "name": "Celeritas"},
+  {"id": 15, "name": "Magneta"},
+  {"id": 16, "name": "RubberMan"},
+  {"id": 17, "name": "Dynama"},
+  {"id": 18, "name": "Dr IQ"},
+  {"id": 19, "name": "Magma"},
+  {"id": 20, "name": "Tornado"}
 ];

From 9652554535497579cbc057f0163c4a76d6784bd6 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Thu, 19 May 2016 22:16:54 -0600
Subject: [PATCH 30/41] docs(cb-barrel): Create hero-detail barrel

---
 .../ts/app/heroes/hero-detail/index.ts        |  2 +
 .../ts/app/heroes/heroes.component.ts         |  2 +-
 .../cb-barrels/ts/app/heroes/index.ts         |  2 +-
 .../docs/_examples/cb-barrels/ts/index.html   |  1 +
 public/docs/ts/latest/cookbook/barrels.jade   | 37 ++++++++++++-------
 5 files changed, 28 insertions(+), 16 deletions(-)
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/index.ts

diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/index.ts
new file mode 100644
index 0000000000..e7552e28b4
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/index.ts
@@ -0,0 +1,2 @@
+// #docregion
+export * from './hero-detail.component';
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
index 7bc3cfb000..6e3b2848f2 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
@@ -2,7 +2,7 @@
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
 import { HeroService, Hero } from './shared';
-import { HeroDetailComponent } from './hero-detail/hero-detail.component'
+import { HeroDetailComponent } from './hero-detail'
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
index 9101d48411..45fa911acd 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
@@ -1,4 +1,4 @@
 // #docregion
-export * from './hero-detail/hero-detail.component';
+export * from './hero-detail';
 export * from './heroes.component';
 export * from './shared';
diff --git a/public/docs/_examples/cb-barrels/ts/index.html b/public/docs/_examples/cb-barrels/ts/index.html
index 5cc8fa9acb..65c9742a23 100644
--- a/public/docs/_examples/cb-barrels/ts/index.html
+++ b/public/docs/_examples/cb-barrels/ts/index.html
@@ -20,6 +20,7 @@
       System.config({
         packages: {
           'app/heroes': {main: 'index.js', defaultExtension: 'js'},
+          'app/heroes/hero-detail': {main: 'index.js', defaultExtension: 'js'},
           'app/heroes/shared': {main: 'index.js', defaultExtension: 'js'}
         }
       });
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index 9f7fe66c34..be113555ed 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -47,12 +47,25 @@ include ../_util-fns
 :marked
   Since there are two exportable items in the shared folder, an `index.ts` file is created in that
   folder, and then each of the files in that folder are imported and re-exported. This is our first
-  barrel. Since `mock-heroes.ts` is not used outside of the barrel it is not re-exported.
+  barrel. Since `mock-heroes.ts` is not used outside of the barrel it is not re-exported:
 +makeExample('cb-barrels/ts/app/heroes/shared/index.ts', '', 'app/heroes/shared/index.ts')
 
 :marked
-  Our next barrel is in the heroes folder. An `index.ts` file is created in that folder and then the
-  components and services and the `shared` barrel we just created are all imported and re-exported:
+  Even though there is only a single exportable item in the hero-detail folder, a barrel is
+  created in that folder so that all our imports are consistent, rather than some importing
+  barrels like this:
+
+  (`import { ... } from './shared'`)
+
+  and  others importing files like this:
+
+  `import { ... } from './hero-detail/hero-detail.component'`
++makeExample('cb-barrels/ts/app/heroes/hero-detail/index.ts', '', 'app/heroes/hero-detail/index.ts')
+
+:marked
+  Our final barrel is in the heroes folder and it consolidates each of the other barrels into one.
+  An `index.ts` file is created in the heroes folder and then the components and barrels we just
+  created are all imported and re-exported:
 +makeExample('cb-barrels/ts/app/heroes/index.ts', '', 'app/heroes/index.ts')
 
 :marked
@@ -84,14 +97,10 @@ include ../_util-fns
     These files are still imported individually as shown below.
 
 :marked
-  The `HeroDetailComponent` and `HeroesComponent` import the `HeroService` and `Hero` model from the
-  `shared` barrel. And the reference to the `HeroDetailComponent` is updated in the `HeroesComponent`
-  since it was moved into a new folder:
-+makeTabs(
-  `cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts,
-   cb-barrels/ts/app/heroes/heroes.component.ts`,
-  `imports,
-   imports`,
-  `app/heroes/hero-detail/hero-detail.component.ts,
-   app/heroes/heroes.component.ts`
-)
+  The `HeroDetailComponent` is updated to import the `HeroService` and `Hero` model from the
+  `shared` barrel.
++makeExample('cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts', 'imports', 'app/heroes/hero-detail/hero-detail.component.ts')
+
+:marked
+  And finally, the `HeroesComponent` imports the the `HeroDetailComponent` from it's barrel:
++makeExample('cb-barrels/ts/app/heroes/heroes.component.ts', 'imports', 'app/heroes/heroes.component.ts')

From a599c86e07af993e68c755bb977b841648b2ebdc Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Mon, 16 May 2016 00:26:36 -0600
Subject: [PATCH 31/41] docs(cb-example): Add barrels cookbook docs

---
 .../docs/_examples/cb-barrels.huh/e2e-spec.js | 110 ++++++++++++++++++
 .../cb-barrels.huh/ts/app/app.component.css   |  28 +++++
 .../cb-barrels.huh/ts/app/app.component.ts    |  29 +++++
 .../ts/app/dashboard.component.css            |  60 ++++++++++
 .../ts/app/dashboard.component.html           |   8 ++
 .../ts/app/dashboard.component.ts             |  23 ++++
 .../ts/app/heroes/hero-detail.component.css   |  29 +++++
 .../ts/app/heroes/hero-detail.component.html  |  10 ++
 .../ts/app/heroes/hero-detail.component.ts    |  26 +++++
 .../ts/app/heroes/hero.service.ts             |  16 +++
 .../cb-barrels.huh/ts/app/heroes/hero.ts      |   4 +
 .../ts/app/heroes/heroes.component.css        |  59 ++++++++++
 .../ts/app/heroes/heroes.component.html       |  14 +++
 .../ts/app/heroes/heroes.component.ts         |  30 +++++
 .../cb-barrels.huh/ts/app/heroes/index.ts     |   4 +
 .../_examples/cb-barrels.huh/ts/app/main.ts   |  10 ++
 .../cb-barrels.huh/ts/app/mock-heroes.ts      |  14 +++
 .../cb-barrels.huh/ts/example-config.json     |   0
 .../_examples/cb-barrels.huh/ts/index.html    |  26 +++++
 .../_examples/cb-barrels.huh/ts/plnkr.json    |   8 ++
 public/docs/_examples/cb-barrels/e2e-spec.js  | 110 ++++++++++++++++++
 .../cb-barrels/ts/app/app.component.css       |  28 +++++
 .../cb-barrels/ts/app/app.component.ts        |  29 +++++
 .../cb-barrels/ts/app/dashboard.component.css |  60 ++++++++++
 .../ts/app/dashboard.component.html           |   8 ++
 .../cb-barrels/ts/app/dashboard.component.ts  |  23 ++++
 .../ts/app/heroes/hero-detail.component.css   |  29 +++++
 .../ts/app/heroes/hero-detail.component.html  |  10 ++
 .../ts/app/heroes/hero-detail.component.ts    |  27 +++++
 .../cb-barrels/ts/app/heroes/hero.service.ts  |  16 +++
 .../cb-barrels/ts/app/heroes/hero.ts          |   4 +
 .../ts/app/heroes/heroes.component.css        |  59 ++++++++++
 .../ts/app/heroes/heroes.component.html       |  14 +++
 .../ts/app/heroes/heroes.component.ts         |  30 +++++
 .../cb-barrels/ts/app/heroes/index.ts         |   4 +
 .../docs/_examples/cb-barrels/ts/app/main.ts  |  10 ++
 .../cb-barrels/ts/app/mock-heroes.ts          |  14 +++
 .../cb-barrels/ts/example-config.json         |   0
 .../docs/_examples/cb-barrels/ts/index.html   |  26 +++++
 .../docs/_examples/cb-barrels/ts/plnkr.json   |   8 ++
 public/docs/ts/latest/cookbook/_data.json     |   5 +
 public/docs/ts/latest/cookbook/barrels.jade   |  68 +++++++++++
 42 files changed, 1090 insertions(+)
 create mode 100644 public/docs/_examples/cb-barrels.huh/e2e-spec.js
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/main.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/example-config.json
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/index.html
 create mode 100644 public/docs/_examples/cb-barrels.huh/ts/plnkr.json
 create mode 100644 public/docs/_examples/cb-barrels/e2e-spec.js
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/app.component.css
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/app.component.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/dashboard.component.html
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.css
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.html
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/main.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
 create mode 100644 public/docs/_examples/cb-barrels/ts/example-config.json
 create mode 100644 public/docs/_examples/cb-barrels/ts/index.html
 create mode 100644 public/docs/_examples/cb-barrels/ts/plnkr.json
 create mode 100644 public/docs/ts/latest/cookbook/barrels.jade

diff --git a/public/docs/_examples/cb-barrels.huh/e2e-spec.js b/public/docs/_examples/cb-barrels.huh/e2e-spec.js
new file mode 100644
index 0000000000..a109efb5a8
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/e2e-spec.js
@@ -0,0 +1,110 @@
+describe('Tutorial', function () {
+
+  beforeAll(function () {
+    browser.get('');
+  });
+
+  function getPageStruct() {
+    hrefEles = element.all(by.css('my-app a'));
+
+    return {
+      hrefs: hrefEles,
+      myDashboardHref: hrefEles.get(0),
+      myDashboardParent: element(by.css('my-app my-dashboard')),
+      topHeroes: element.all(by.css('my-app my-dashboard .module.hero')),
+
+      myHeroesHref: hrefEles.get(1),
+      myHeroesParent: element(by.css('my-app my-heroes')),
+      allHeroes: element.all(by.css('my-app my-heroes li')),
+
+      heroDetail: element(by.css('my-app my-hero-detail'))
+    }
+  }
+
+  it('should be able to see the start screen', function () {
+    var page = getPageStruct();
+    expect(page.hrefs.count()).toEqual(2, 'should be two dashboard choices');
+    expect(page.myDashboardHref.getText()).toEqual("Dashboard");
+    expect(page.myHeroesHref.getText()).toEqual("Heroes");
+  });
+
+  it('should be able to see dashboard choices', function () {
+    var page = getPageStruct();
+    expect(page.topHeroes.count()).toBe(4, "should be 4 dashboard hero choices");
+  });
+
+  it('should be able to toggle the views', function () {
+    var page = getPageStruct();
+
+    expect(page.myDashboardParent.element(by.css('h3')).getText()).toEqual('Top Heroes');
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'should no longer see dashboard element');
+      expect(page.allHeroes.count()).toBeGreaterThan(4, "should be more than 4 heroes shown");
+      return page.myDashboardHref.click();
+    }).then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'should once again see the dashboard element');
+    });
+
+  });
+
+  it('should be able to edit details from "Dashboard" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be available');
+    var heroEle = page.topHeroes.get(3);
+    var heroDescrEle = heroEle.element(by.css('h4'));
+    var heroDescr;
+    return heroDescrEle.getText().then(function(text) {
+      heroDescr = text;
+      return heroEle.click();
+    }).then(function() {
+      return editDetails(page, heroDescr, '-foo');
+    }).then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be back');
+      expect(heroDescrEle.getText()).toEqual(heroDescr + '-foo');
+    });
+  });
+
+  it('should be able to edit details from "Heroes" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be present');
+    var viewDetailsButtonEle = page.myHeroesParent.element(by.cssContainingText('button', 'View Details'));
+    var heroEle, heroDescr;
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be present');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should not yet be present');
+      heroEle = page.allHeroes.get(2);
+      return heroEle.getText();
+    }).then(function(text) {
+      // remove leading 'id' from the element
+      heroDescr = text.substr(text.indexOf(' ')+1);
+      return heroEle.click();
+    }).then(function() {
+      expect(viewDetailsButtonEle.isDisplayed()).toBe(true, 'viewDetails button should now be visible');
+      return viewDetailsButtonEle.click();
+    }).then(function() {
+      return editDetails(page, heroDescr, '-bar');
+    }).then(function() {
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be back');
+      expect(heroEle.getText()).toContain(heroDescr + '-bar');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should again NOT be present');
+    });
+  });
+
+  function editDetails(page, origValue, textToAdd) {
+    expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+    expect(page.myHeroesParent.isPresent()).toBe(false, 'myHeroes element should NOT be present');
+    expect(page.heroDetail.isDisplayed()).toBe(true, 'should be able to see hero-details');
+    var inputEle = page.heroDetail.element(by.css('input'));
+    expect(inputEle.isDisplayed()).toBe(true, 'should be able to see the input box');
+    var backButtonEle = page.heroDetail.element(by.css('button'));
+    expect(backButtonEle.isDisplayed()).toBe(true, 'should be able to see the back button');
+    var detailTextEle = page.heroDetail.element(by.css('div h2'));
+    expect(detailTextEle.getText()).toContain(origValue);
+    return sendKeys(inputEle, textToAdd).then(function () {
+      expect(detailTextEle.getText()).toContain(origValue + textToAdd);
+      return backButtonEle.click();
+    });
+  }
+
+});
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
new file mode 100644
index 0000000000..246b8c875b
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
@@ -0,0 +1,28 @@
+nav a {
+  padding: 5px 10px;
+  text-decoration: none;
+  margin-top: 10px;
+  display: inline-block;
+  background-color: #eee;
+  border-radius: 4px;
+}
+nav a:visited, a:link {
+  color: #607D8B;
+}
+nav a:hover {
+  color: #039be5;
+  background-color: #CFD8DC;
+}
+nav a.router-link-active {
+  color: #039be5;
+}
+h1 {
+  font-size: 1.2em;
+  color: #999;
+  margin-bottom: 0;
+}
+h2 {
+  font-size: 2em;
+  margin-top: 0;
+  padding-top: 0;
+}
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
new file mode 100644
index 0000000000..3f5ea98de8
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
@@ -0,0 +1,29 @@
+import { Component } from '@angular/core';
+import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
+
+import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes/index';
+import { DashboardComponent } from './dashboard.component';
+
+@Component({
+  selector: 'my-app',
+  template: `
+    <h1>{{title}}</h1>
+    <nav>
+      <a [routerLink]="['Dashboard']">Dashboard</a>
+      <a [routerLink]="['Heroes']">Heroes</a>
+    </nav>
+    <router-outlet></router-outlet>
+  `,
+  styleUrls: ['app/app.component.css'],
+  directives: [ROUTER_DIRECTIVES],
+  providers: [HeroService]
+})
+@RouteConfig([
+  // {path: '/', redirectTo: ['Dashboard'] },
+  {path: '/dashboard', name: 'Dashboard', component: DashboardComponent, useAsDefault: true},
+  {path: '/heroes', name: 'Heroes', component: HeroesComponent},
+  {path: '/detail/:id', name: 'HeroDetail', component: HeroDetailComponent}
+])
+export class AppComponent {
+  title = 'Tour of Heroes - Barrels';
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
new file mode 100644
index 0000000000..d000c0c77e
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
@@ -0,0 +1,60 @@
+[class*='col-'] {
+  float: left;
+}
+*, *:after, *:before {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+h3 {
+  text-align: center; margin-bottom: 0;
+}
+[class*='col-'] {
+  padding-right: 20px;
+  padding-bottom: 20px;
+}
+[class*='col-']:last-of-type {
+  padding-right: 0;
+}
+.grid {
+  margin: 0;
+}
+.col-1-4 {
+  width: 25%;
+}
+.module {
+	padding: 20px;
+	text-align: center;
+	color: #eee;
+	max-height: 120px;
+	min-width: 120px;
+	background-color: #607D8B;
+	border-radius: 2px;
+}
+h4 {
+  position: relative;
+}
+.module:hover {
+  background-color: #EEE;
+  cursor: pointer;
+  color: #607d8b;
+}
+.grid-pad {
+  padding: 10px 0;
+}
+.grid-pad > [class*='col-']:last-of-type {
+  padding-right: 20px;
+}
+@media (max-width: 600px) {
+	.module {
+	  font-size: 10px;
+	  max-height: 75px; }
+}
+@media (max-width: 1024px) {
+	.grid {
+	  margin: 0;
+	}
+	.module {
+	  min-width: 60px;
+	}
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
new file mode 100644
index 0000000000..dfec651c4a
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
@@ -0,0 +1,8 @@
+<h3>Top Heroes</h3>
+<div class="grid grid-pad">
+  <div *ngFor="let hero of heroes" class="col-1-4" (click)="gotoDetail(hero)">
+    <div class="module hero">
+      <h4>{{hero.name}}</h4>
+    </div>
+  </div>
+</div>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
new file mode 100644
index 0000000000..012cf812bc
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router-deprecated';
+import { Hero, HeroService } from './heroes/index';
+
+@Component({
+  selector: 'my-dashboard',
+  templateUrl: 'app/dashboard.component.html',
+  styleUrls: ['app/dashboard.component.css']
+})
+export class DashboardComponent implements OnInit {
+  heroes: Hero[] = [];
+
+  constructor(private heroService: HeroService, private _router: Router) { }
+
+  ngOnInit() {
+    this.heroService.getHeroes().then(heroes => this.heroes = heroes.slice(1,5));
+  }
+
+  gotoDetail(hero: Hero) {
+    let link = ['HeroDetail', { id: hero.id }];
+    this._router.navigate(link);
+  }
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
new file mode 100644
index 0000000000..b5ab6e6e0b
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
@@ -0,0 +1,29 @@
+label {
+  display: inline-block;
+  width: 3em;
+  margin: .5em 0;
+  color: #607D8B;
+  font-weight: bold;
+}
+input {
+  height: 2em;
+  font-size: 1em;
+  padding-left: .4em;
+}
+button {
+  margin-top: 20px;
+  font-family: Arial;
+  background-color: #eee;
+  border: none;
+  padding: 5px 10px;
+  border-radius: 4px;
+  cursor: pointer; cursor: hand;
+}
+button:hover {
+  background-color: #cfd8dc;
+}
+button:disabled {
+  background-color: #eee;
+  color: #ccc; 
+  cursor: auto;
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
new file mode 100644
index 0000000000..af9039dc9f
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
@@ -0,0 +1,10 @@
+<div *ngIf="hero">
+	<h2>{{hero.name}} details!</h2>
+	<div>
+		<label>id: </label>{{hero.id}}</div>
+	<div>
+		<label>name: </label>
+		<input [(ngModel)]="hero.name" placeholder="name"/>
+	</div>
+	<button (click)="goBack()">Back</button>
+</div>
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
new file mode 100644
index 0000000000..8d6fea52b1
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
@@ -0,0 +1,26 @@
+import { Component, OnInit } from '@angular/core';
+import { RouteParams } from '@angular/router-deprecated';
+
+import { Hero, HeroService } from './index';
+
+@Component({
+  selector: 'my-hero-detail',
+  templateUrl: 'app/heroes/hero-detail.component.html',
+  styleUrls: ['app/heroes/hero-detail.component.css']
+})
+export class HeroDetailComponent implements OnInit {
+  hero: Hero;
+
+  constructor(private heroService: HeroService,
+    private routeParams: RouteParams) {
+  }
+
+  ngOnInit() {
+    let id = +this.routeParams.get('id');
+    this.heroService.getHero(id).then(hero => this.hero = hero);
+  }
+
+  goBack() {
+    window.history.back();
+  }
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
new file mode 100644
index 0000000000..c2163e1b28
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+
+import { HEROES } from './../mock-heroes';
+
+@Injectable()
+export class HeroService {
+  getHeroes() {
+    return Promise.resolve(HEROES);
+  }
+
+	getHero(id: number) {
+    return Promise.resolve(HEROES).then(
+      heroes => heroes.filter(hero => hero.id === id)[0]
+    );
+  }
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
new file mode 100644
index 0000000000..e94ec6124a
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
@@ -0,0 +1,4 @@
+export class Hero {
+	id: number;
+	name: string;
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
new file mode 100644
index 0000000000..35e45af98d
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
@@ -0,0 +1,59 @@
+.selected {
+  background-color: #CFD8DC !important;
+  color: white;
+}
+.heroes {
+  margin: 0 0 2em 0;
+  list-style-type: none;
+  padding: 0;
+  width: 15em;
+}
+.heroes li {
+  cursor: pointer;
+  position: relative;
+  left: 0;
+  background-color: #EEE;
+  margin: .5em;
+  padding: .3em 0;
+  height: 1.6em;
+  border-radius: 4px;
+}
+.heroes li:hover {
+  color: #607D8B;
+  background-color: #DDD;
+  left: .1em;
+}
+.heroes li.selected:hover {
+  background-color: #BBD8DC !important;
+  color: white;
+}
+.heroes .text {
+  position: relative;
+  top: -3px;
+}
+.heroes .badge {
+  display: inline-block;
+  font-size: small;
+  color: white;
+  padding: 0.8em 0.7em 0 0.7em;
+  background-color: #607D8B;
+  line-height: 1em;
+  position: relative;
+  left: -1px;
+  top: -4px;
+  height: 1.8em;
+  margin-right: .8em;
+  border-radius: 4px 0 0 4px;
+}
+button {
+  font-family: Arial;
+  background-color: #eee;
+  border: none;
+  padding: 5px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  cursor: hand;
+}
+button:hover {
+  background-color: #cfd8dc;
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
new file mode 100644
index 0000000000..6a973bb007
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
@@ -0,0 +1,14 @@
+<div>
+  <h2>My Heroes</h2>
+  <ul class="heroes">
+    <li *ngFor="let hero of heroes"
+      [class.selected]="hero === selectedHero"
+      (click)="onSelect(hero)">
+      <span class="badge">{{hero.id}}</span> {{hero.name}}
+    </li>
+  </ul>
+  <div *ngIf="selectedHero">
+    <h2>{{selectedHero.name | uppercase}} is my hero</h2>
+    <button (click)="gotoDetail()">View Details</button>
+  </div>
+</div>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
new file mode 100644
index 0000000000..1c4e24ddbe
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
@@ -0,0 +1,30 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router-deprecated';
+import { HeroService, HeroDetailComponent, Hero } from './index';
+
+@Component({
+  selector: 'my-heroes',
+  templateUrl: 'app/heroes/heroes.component.html',
+  styleUrls: ['app/heroes/heroes.component.css'],
+  directives: [HeroDetailComponent]
+})
+export class HeroesComponent implements OnInit {
+  heroes: Hero[];
+  selectedHero: Hero;
+
+  constructor(private heroService: HeroService, private router: Router) { }
+
+  getHeroes() {
+    this.heroService.getHeroes().then(heroes => this.heroes = heroes);
+  }
+
+  gotoDetail() {
+    this.router.navigate(['HeroDetail', { id: this.selectedHero.id }]);
+  }
+
+  ngOnInit() {
+    this.getHeroes();
+  }
+
+  onSelect(hero: Hero) { this.selectedHero = hero; }
+}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
new file mode 100644
index 0000000000..85f988a43c
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
@@ -0,0 +1,4 @@
+export * from './hero';
+export * from './hero-detail.component';
+export * from './hero.service';
+export * from './heroes.component';
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/main.ts b/public/docs/_examples/cb-barrels.huh/ts/app/main.ts
new file mode 100644
index 0000000000..c261ef5625
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/main.ts
@@ -0,0 +1,10 @@
+import { bootstrap } from '@angular/platform-browser-dynamic';
+import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
+
+import { HeroService } from './heroes/index';
+import { AppComponent } from './app.component';
+
+bootstrap(AppComponent, [
+  ROUTER_PROVIDERS,
+  HeroService
+]);
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
new file mode 100644
index 0000000000..904368d532
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
@@ -0,0 +1,14 @@
+import { Hero } from './heroes/index';
+
+export var HEROES: Hero[] = [
+	{"id": 11, "name": "Mr. Nice"},
+	{"id": 12, "name": "Narco"},
+	{"id": 13, "name": "Bombasto"},
+	{"id": 14, "name": "Celeritas"},
+	{"id": 15, "name": "Magneta"},
+	{"id": 16, "name": "RubberMan"},
+	{"id": 17, "name": "Dynama"},
+	{"id": 18, "name": "Dr IQ"},
+	{"id": 19, "name": "Magma"},
+	{"id": 20, "name": "Tornado"}
+];
diff --git a/public/docs/_examples/cb-barrels.huh/ts/example-config.json b/public/docs/_examples/cb-barrels.huh/ts/example-config.json
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/_examples/cb-barrels.huh/ts/index.html b/public/docs/_examples/cb-barrels.huh/ts/index.html
new file mode 100644
index 0000000000..ede4eb68e5
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <base href="/">
+    <title>Angular 2 Tour of Heroes</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="styles.css">
+
+    <!-- Polyfill(s) for older browsers -->
+    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+
+    <script src="node_modules/zone.js/dist/zone.js"></script>
+    <script src="node_modules/reflect-metadata/Reflect.js"></script>
+    <script src="node_modules/systemjs/dist/system.src.js"></script>
+
+    <script src="systemjs.config.js"></script>
+    <script>
+      System.import('app').catch(function(err){ console.error(err); });
+    </script>
+  </head>
+
+  <body>
+    <my-app>Loading...</my-app>
+  </body>
+</html>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/plnkr.json b/public/docs/_examples/cb-barrels.huh/ts/plnkr.json
new file mode 100644
index 0000000000..fc4ea3e22c
--- /dev/null
+++ b/public/docs/_examples/cb-barrels.huh/ts/plnkr.json
@@ -0,0 +1,8 @@
+{
+  "description": "Tour of Heroes",
+  "files":[
+    "!**/*.d.ts",
+    "!**/*.js"
+  ],
+  "tags": ["tutorial", "tour", "heroes"]
+}
diff --git a/public/docs/_examples/cb-barrels/e2e-spec.js b/public/docs/_examples/cb-barrels/e2e-spec.js
new file mode 100644
index 0000000000..a109efb5a8
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/e2e-spec.js
@@ -0,0 +1,110 @@
+describe('Tutorial', function () {
+
+  beforeAll(function () {
+    browser.get('');
+  });
+
+  function getPageStruct() {
+    hrefEles = element.all(by.css('my-app a'));
+
+    return {
+      hrefs: hrefEles,
+      myDashboardHref: hrefEles.get(0),
+      myDashboardParent: element(by.css('my-app my-dashboard')),
+      topHeroes: element.all(by.css('my-app my-dashboard .module.hero')),
+
+      myHeroesHref: hrefEles.get(1),
+      myHeroesParent: element(by.css('my-app my-heroes')),
+      allHeroes: element.all(by.css('my-app my-heroes li')),
+
+      heroDetail: element(by.css('my-app my-hero-detail'))
+    }
+  }
+
+  it('should be able to see the start screen', function () {
+    var page = getPageStruct();
+    expect(page.hrefs.count()).toEqual(2, 'should be two dashboard choices');
+    expect(page.myDashboardHref.getText()).toEqual("Dashboard");
+    expect(page.myHeroesHref.getText()).toEqual("Heroes");
+  });
+
+  it('should be able to see dashboard choices', function () {
+    var page = getPageStruct();
+    expect(page.topHeroes.count()).toBe(4, "should be 4 dashboard hero choices");
+  });
+
+  it('should be able to toggle the views', function () {
+    var page = getPageStruct();
+
+    expect(page.myDashboardParent.element(by.css('h3')).getText()).toEqual('Top Heroes');
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'should no longer see dashboard element');
+      expect(page.allHeroes.count()).toBeGreaterThan(4, "should be more than 4 heroes shown");
+      return page.myDashboardHref.click();
+    }).then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'should once again see the dashboard element');
+    });
+
+  });
+
+  it('should be able to edit details from "Dashboard" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be available');
+    var heroEle = page.topHeroes.get(3);
+    var heroDescrEle = heroEle.element(by.css('h4'));
+    var heroDescr;
+    return heroDescrEle.getText().then(function(text) {
+      heroDescr = text;
+      return heroEle.click();
+    }).then(function() {
+      return editDetails(page, heroDescr, '-foo');
+    }).then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be back');
+      expect(heroDescrEle.getText()).toEqual(heroDescr + '-foo');
+    });
+  });
+
+  it('should be able to edit details from "Heroes" view', function () {
+    var page = getPageStruct();
+    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be present');
+    var viewDetailsButtonEle = page.myHeroesParent.element(by.cssContainingText('button', 'View Details'));
+    var heroEle, heroDescr;
+    page.myHeroesHref.click().then(function() {
+      expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be present');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should not yet be present');
+      heroEle = page.allHeroes.get(2);
+      return heroEle.getText();
+    }).then(function(text) {
+      // remove leading 'id' from the element
+      heroDescr = text.substr(text.indexOf(' ')+1);
+      return heroEle.click();
+    }).then(function() {
+      expect(viewDetailsButtonEle.isDisplayed()).toBe(true, 'viewDetails button should now be visible');
+      return viewDetailsButtonEle.click();
+    }).then(function() {
+      return editDetails(page, heroDescr, '-bar');
+    }).then(function() {
+      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be back');
+      expect(heroEle.getText()).toContain(heroDescr + '-bar');
+      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should again NOT be present');
+    });
+  });
+
+  function editDetails(page, origValue, textToAdd) {
+    expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
+    expect(page.myHeroesParent.isPresent()).toBe(false, 'myHeroes element should NOT be present');
+    expect(page.heroDetail.isDisplayed()).toBe(true, 'should be able to see hero-details');
+    var inputEle = page.heroDetail.element(by.css('input'));
+    expect(inputEle.isDisplayed()).toBe(true, 'should be able to see the input box');
+    var backButtonEle = page.heroDetail.element(by.css('button'));
+    expect(backButtonEle.isDisplayed()).toBe(true, 'should be able to see the back button');
+    var detailTextEle = page.heroDetail.element(by.css('div h2'));
+    expect(detailTextEle.getText()).toContain(origValue);
+    return sendKeys(inputEle, textToAdd).then(function () {
+      expect(detailTextEle.getText()).toContain(origValue + textToAdd);
+      return backButtonEle.click();
+    });
+  }
+
+});
diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.css b/public/docs/_examples/cb-barrels/ts/app/app.component.css
new file mode 100644
index 0000000000..246b8c875b
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.css
@@ -0,0 +1,28 @@
+nav a {
+  padding: 5px 10px;
+  text-decoration: none;
+  margin-top: 10px;
+  display: inline-block;
+  background-color: #eee;
+  border-radius: 4px;
+}
+nav a:visited, a:link {
+  color: #607D8B;
+}
+nav a:hover {
+  color: #039be5;
+  background-color: #CFD8DC;
+}
+nav a.router-link-active {
+  color: #039be5;
+}
+h1 {
+  font-size: 1.2em;
+  color: #999;
+  margin-bottom: 0;
+}
+h2 {
+  font-size: 2em;
+  margin-top: 0;
+  padding-top: 0;
+}
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.ts b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
new file mode 100644
index 0000000000..a53af1ba1e
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
@@ -0,0 +1,29 @@
+import { Component } from '@angular/core';
+import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
+
+import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes';
+import { DashboardComponent } from './dashboard.component';
+
+@Component({
+  selector: 'my-app',
+  template: `
+    <h1>{{title}}</h1>
+    <nav>
+      <a [routerLink]="['Dashboard']">Dashboard</a>
+      <a [routerLink]="['Heroes']">Heroes</a>
+    </nav>
+    <router-outlet></router-outlet>
+  `,
+  styleUrls: ['app/app.component.css'],
+  directives: [ROUTER_DIRECTIVES],
+  providers: [HeroService]
+})
+@RouteConfig([
+  // {path: '/', redirectTo: ['Dashboard'] },
+  {path: '/dashboard', name: 'Dashboard', component: DashboardComponent, useAsDefault: true},
+  {path: '/heroes', name: 'Heroes', component: HeroesComponent},
+  {path: '/detail/:id', name: 'HeroDetail', component: HeroDetailComponent}
+])
+export class AppComponent {
+  title = 'Tour of Heroes - Barrels';
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
new file mode 100644
index 0000000000..d000c0c77e
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
@@ -0,0 +1,60 @@
+[class*='col-'] {
+  float: left;
+}
+*, *:after, *:before {
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+h3 {
+  text-align: center; margin-bottom: 0;
+}
+[class*='col-'] {
+  padding-right: 20px;
+  padding-bottom: 20px;
+}
+[class*='col-']:last-of-type {
+  padding-right: 0;
+}
+.grid {
+  margin: 0;
+}
+.col-1-4 {
+  width: 25%;
+}
+.module {
+	padding: 20px;
+	text-align: center;
+	color: #eee;
+	max-height: 120px;
+	min-width: 120px;
+	background-color: #607D8B;
+	border-radius: 2px;
+}
+h4 {
+  position: relative;
+}
+.module:hover {
+  background-color: #EEE;
+  cursor: pointer;
+  color: #607d8b;
+}
+.grid-pad {
+  padding: 10px 0;
+}
+.grid-pad > [class*='col-']:last-of-type {
+  padding-right: 20px;
+}
+@media (max-width: 600px) {
+	.module {
+	  font-size: 10px;
+	  max-height: 75px; }
+}
+@media (max-width: 1024px) {
+	.grid {
+	  margin: 0;
+	}
+	.module {
+	  min-width: 60px;
+	}
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.html b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.html
new file mode 100644
index 0000000000..dfec651c4a
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.html
@@ -0,0 +1,8 @@
+<h3>Top Heroes</h3>
+<div class="grid grid-pad">
+  <div *ngFor="let hero of heroes" class="col-1-4" (click)="gotoDetail(hero)">
+    <div class="module hero">
+      <h4>{{hero.name}}</h4>
+    </div>
+  </div>
+</div>
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
new file mode 100644
index 0000000000..86668141e9
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router-deprecated';
+import { Hero, HeroService } from './heroes';
+
+@Component({
+  selector: 'my-dashboard',
+  templateUrl: 'app/dashboard.component.html',
+  styleUrls: ['app/dashboard.component.css']
+})
+export class DashboardComponent implements OnInit {
+  heroes: Hero[] = [];
+
+  constructor(private heroService: HeroService, private _router: Router) { }
+
+  ngOnInit() {
+    this.heroService.getHeroes().then(heroes => this.heroes = heroes.slice(1,5));
+  }
+
+  gotoDetail(hero: Hero) {
+    let link = ['HeroDetail', { id: hero.id }];
+    this._router.navigate(link);
+  }
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css
new file mode 100644
index 0000000000..b5ab6e6e0b
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css
@@ -0,0 +1,29 @@
+label {
+  display: inline-block;
+  width: 3em;
+  margin: .5em 0;
+  color: #607D8B;
+  font-weight: bold;
+}
+input {
+  height: 2em;
+  font-size: 1em;
+  padding-left: .4em;
+}
+button {
+  margin-top: 20px;
+  font-family: Arial;
+  background-color: #eee;
+  border: none;
+  padding: 5px 10px;
+  border-radius: 4px;
+  cursor: pointer; cursor: hand;
+}
+button:hover {
+  background-color: #cfd8dc;
+}
+button:disabled {
+  background-color: #eee;
+  color: #ccc; 
+  cursor: auto;
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html
new file mode 100644
index 0000000000..af9039dc9f
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html
@@ -0,0 +1,10 @@
+<div *ngIf="hero">
+	<h2>{{hero.name}} details!</h2>
+	<div>
+		<label>id: </label>{{hero.id}}</div>
+	<div>
+		<label>name: </label>
+		<input [(ngModel)]="hero.name" placeholder="name"/>
+	</div>
+	<button (click)="goBack()">Back</button>
+</div>
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
new file mode 100644
index 0000000000..189c3a79dc
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
@@ -0,0 +1,27 @@
+import { Component, OnInit } from '@angular/core';
+import { RouteParams } from '@angular/router-deprecated';
+
+import { Hero } from './hero';
+import { HeroService } from './hero.service';
+
+@Component({
+  selector: 'my-hero-detail',
+  templateUrl: 'app/heroes/hero-detail.component.html',
+  styleUrls: ['app/heroes/hero-detail.component.css']
+})
+export class HeroDetailComponent implements OnInit {
+  hero: Hero;
+
+  constructor(private heroService: HeroService,
+    private routeParams: RouteParams) {
+  }
+
+  ngOnInit() {
+    let id = +this.routeParams.get('id');
+    this.heroService.getHero(id).then(hero => this.hero = hero);
+  }
+
+  goBack() {
+    window.history.back();
+  }
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
new file mode 100644
index 0000000000..24e17a3809
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
@@ -0,0 +1,16 @@
+import { Injectable } from '@angular/core';
+
+import { HEROES }     from './../mock-heroes';
+
+@Injectable()
+export class HeroService {
+  getHeroes() {
+    return Promise.resolve(HEROES);
+  }
+
+	getHero(id: number) {
+    return Promise.resolve(HEROES).then(
+      heroes => heroes.filter(hero => hero.id === id)[0]
+    );
+  }
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
new file mode 100644
index 0000000000..e94ec6124a
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
@@ -0,0 +1,4 @@
+export class Hero {
+	id: number;
+	name: string;
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.css b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.css
new file mode 100644
index 0000000000..35e45af98d
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.css
@@ -0,0 +1,59 @@
+.selected {
+  background-color: #CFD8DC !important;
+  color: white;
+}
+.heroes {
+  margin: 0 0 2em 0;
+  list-style-type: none;
+  padding: 0;
+  width: 15em;
+}
+.heroes li {
+  cursor: pointer;
+  position: relative;
+  left: 0;
+  background-color: #EEE;
+  margin: .5em;
+  padding: .3em 0;
+  height: 1.6em;
+  border-radius: 4px;
+}
+.heroes li:hover {
+  color: #607D8B;
+  background-color: #DDD;
+  left: .1em;
+}
+.heroes li.selected:hover {
+  background-color: #BBD8DC !important;
+  color: white;
+}
+.heroes .text {
+  position: relative;
+  top: -3px;
+}
+.heroes .badge {
+  display: inline-block;
+  font-size: small;
+  color: white;
+  padding: 0.8em 0.7em 0 0.7em;
+  background-color: #607D8B;
+  line-height: 1em;
+  position: relative;
+  left: -1px;
+  top: -4px;
+  height: 1.8em;
+  margin-right: .8em;
+  border-radius: 4px 0 0 4px;
+}
+button {
+  font-family: Arial;
+  background-color: #eee;
+  border: none;
+  padding: 5px 10px;
+  border-radius: 4px;
+  cursor: pointer;
+  cursor: hand;
+}
+button:hover {
+  background-color: #cfd8dc;
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.html b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.html
new file mode 100644
index 0000000000..6a973bb007
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.html
@@ -0,0 +1,14 @@
+<div>
+  <h2>My Heroes</h2>
+  <ul class="heroes">
+    <li *ngFor="let hero of heroes"
+      [class.selected]="hero === selectedHero"
+      (click)="onSelect(hero)">
+      <span class="badge">{{hero.id}}</span> {{hero.name}}
+    </li>
+  </ul>
+  <div *ngIf="selectedHero">
+    <h2>{{selectedHero.name | uppercase}} is my hero</h2>
+    <button (click)="gotoDetail()">View Details</button>
+  </div>
+</div>
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
new file mode 100644
index 0000000000..6d41b3923f
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
@@ -0,0 +1,30 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router-deprecated';
+import { HeroService, HeroDetailComponent, Hero } from '../heroes';
+
+@Component({
+  selector: 'my-heroes',
+  templateUrl: 'app/heroes/heroes.component.html',
+  styleUrls: ['app/heroes/heroes.component.css'],
+  directives: [HeroDetailComponent]
+})
+export class HeroesComponent implements OnInit {
+  heroes: Hero[];
+  selectedHero: Hero;
+
+  constructor(private heroService: HeroService, private router: Router) { }
+
+  getHeroes() {
+    this.heroService.getHeroes().then(heroes => this.heroes = heroes);
+  }
+
+  gotoDetail() {
+    this.router.navigate(['HeroDetail', { id: this.selectedHero.id }]);
+  }
+
+  ngOnInit() {
+    this.getHeroes();
+  }
+
+  onSelect(hero: Hero) { this.selectedHero = hero; }
+}
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
new file mode 100644
index 0000000000..85f988a43c
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
@@ -0,0 +1,4 @@
+export * from './hero';
+export * from './hero-detail.component';
+export * from './hero.service';
+export * from './heroes.component';
diff --git a/public/docs/_examples/cb-barrels/ts/app/main.ts b/public/docs/_examples/cb-barrels/ts/app/main.ts
new file mode 100644
index 0000000000..45c00aa030
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/main.ts
@@ -0,0 +1,10 @@
+import { bootstrap } from '@angular/platform-browser-dynamic';
+import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
+
+import { HeroService } from './heroes';
+import { AppComponent } from './app.component';
+
+bootstrap(AppComponent, [
+  ROUTER_PROVIDERS,
+  HeroService
+]);
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
new file mode 100644
index 0000000000..53271aa12e
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
@@ -0,0 +1,14 @@
+import { Hero } from './heroes';
+
+export var HEROES: Hero[] = [
+	{"id": 11, "name": "Mr. Nice"},
+	{"id": 12, "name": "Narco"},
+	{"id": 13, "name": "Bombasto"},
+	{"id": 14, "name": "Celeritas"},
+	{"id": 15, "name": "Magneta"},
+	{"id": 16, "name": "RubberMan"},
+	{"id": 17, "name": "Dynama"},
+	{"id": 18, "name": "Dr IQ"},
+	{"id": 19, "name": "Magma"},
+	{"id": 20, "name": "Tornado"}
+];
diff --git a/public/docs/_examples/cb-barrels/ts/example-config.json b/public/docs/_examples/cb-barrels/ts/example-config.json
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/public/docs/_examples/cb-barrels/ts/index.html b/public/docs/_examples/cb-barrels/ts/index.html
new file mode 100644
index 0000000000..ede4eb68e5
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <base href="/">
+    <title>Angular 2 Tour of Heroes</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="styles.css">
+
+    <!-- Polyfill(s) for older browsers -->
+    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
+
+    <script src="node_modules/zone.js/dist/zone.js"></script>
+    <script src="node_modules/reflect-metadata/Reflect.js"></script>
+    <script src="node_modules/systemjs/dist/system.src.js"></script>
+
+    <script src="systemjs.config.js"></script>
+    <script>
+      System.import('app').catch(function(err){ console.error(err); });
+    </script>
+  </head>
+
+  <body>
+    <my-app>Loading...</my-app>
+  </body>
+</html>
diff --git a/public/docs/_examples/cb-barrels/ts/plnkr.json b/public/docs/_examples/cb-barrels/ts/plnkr.json
new file mode 100644
index 0000000000..fc4ea3e22c
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/plnkr.json
@@ -0,0 +1,8 @@
+{
+  "description": "Tour of Heroes",
+  "files":[
+    "!**/*.d.ts",
+    "!**/*.js"
+  ],
+  "tags": ["tutorial", "tour", "heroes"]
+}
diff --git a/public/docs/ts/latest/cookbook/_data.json b/public/docs/ts/latest/cookbook/_data.json
index 211e12bfd4..0f11368d41 100644
--- a/public/docs/ts/latest/cookbook/_data.json
+++ b/public/docs/ts/latest/cookbook/_data.json
@@ -11,6 +11,11 @@
     "intro": "Learn how Angular 1 concepts and techniques map to Angular 2"
   },
 
+  "barrels": {
+    "title": "Creating Barrels",
+    "intro": "Create and use barrels to simplify module imports"
+  },
+
   "component-communication": {
     "title": "Component Interaction",
     "intro": "Share information between different directives and components"
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
new file mode 100644
index 0000000000..6b8c2e3d3c
--- /dev/null
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -0,0 +1,68 @@
+include ../_util-fns
+
+<a id="top"></a>
+:marked
+  This cookbook contains recipes for creating barrels to simplify file imports. In Angular 2 apps, we frequently find
+  ouselves importing multiple files together (for example, in the tutorial app, the hero component and the hero service 
+  are both frequently imported together into other components). We can create a single import that contains them both. 
+  This is called a barrel.
+
+<a id="toc"></a>
+:marked
+  ## Table of contents
+  
+  [Creating a barrel](#creating-a-barrel)
+
+  [Importing a barrel](#importing-a-barrel)
+
+:marked
+  **See the [live example](/resources/live-examples/cb-barrels/ts/plnkr.html)**.
+
+.l-main-section
+<a id="creating-a-barrel"></a>
+:marked
+  ## Creating a barrel
+  
+  'Hero', `HeroDetailComponent`, `HeroService`, and `HeroesComponent` are all frequently used together.  Each of them
+  are moved into a `heroes` directory with their supporting files:
+  
+  <pre class="prettyprint prettyprinted">
+    /heroes
+      hero-detail.component.css
+      hero-detail.component.html
+      hero-detail.component.ts
+      hero-service.ts
+      hero.ts
+      heroes.component.css
+      heroes.component.html
+      heroes.component.ts
+  </pre>
+  
+  An `index.ts` file is created in the `/heroes` directory. And each of the files is imported and re-exported:
++makeExample('cb-barrels/ts/app/heroes/index.ts')
+
+:marked
+  Each of the files are now available as a single import. 
+  
+<a id="importing-a-barrel"></a>
+:marked
+  ## Importing a barrel
+  The app component imports `HeroesComponent`, `HeroDetailComponent`, and `HeroService` with a
+  single import:
++makeExample('cb-barrels/ts/app/app.component.ts')
+
+:marked
+  The dashboard component imports `Hero` and `HeroService` with a single import:
++makeExample('cb-barrels/ts/app/dashboard.component.ts')
+
+:marked
+  The `main.ts` bootstrap file imports `HeroService`
++makeExample('cb-barrels/ts/app/main.ts')
+
+:marked
+  The `mock-heroes.ts` file imports `Hero`:
++makeExample('cb-barrels/ts/app/mock-heroes.ts')
+
+:marked
+  The files inside the `/heroes` barrel are updated to add `../` to module imports outside the barrel. They are also
+  updated to use the barrel for any references within the barrel using `../heroes`. 

From 97bc0d072da8884e8ad323631064898659558e17 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Mon, 16 May 2016 20:22:37 -0600
Subject: [PATCH 32/41] Remove unused files

---
 .../docs/_examples/cb-barrels.huh/e2e-spec.js | 110 ------------------
 .../cb-barrels.huh/ts/app/app.component.css   |  28 -----
 .../cb-barrels.huh/ts/app/app.component.ts    |  29 -----
 .../ts/app/dashboard.component.css            |  60 ----------
 .../ts/app/dashboard.component.html           |   8 --
 .../ts/app/dashboard.component.ts             |  23 ----
 .../ts/app/heroes/hero-detail.component.css   |  29 -----
 .../ts/app/heroes/hero-detail.component.html  |  10 --
 .../ts/app/heroes/hero-detail.component.ts    |  26 -----
 .../ts/app/heroes/hero.service.ts             |  16 ---
 .../cb-barrels.huh/ts/app/heroes/hero.ts      |   4 -
 .../ts/app/heroes/heroes.component.css        |  59 ----------
 .../ts/app/heroes/heroes.component.html       |  14 ---
 .../ts/app/heroes/heroes.component.ts         |  30 -----
 .../cb-barrels.huh/ts/app/heroes/index.ts     |   4 -
 .../_examples/cb-barrels.huh/ts/app/main.ts   |  10 --
 .../cb-barrels.huh/ts/app/mock-heroes.ts      |  14 ---
 .../cb-barrels.huh/ts/example-config.json     |   0
 .../_examples/cb-barrels.huh/ts/index.html    |  26 -----
 .../_examples/cb-barrels.huh/ts/plnkr.json    |   8 --
 20 files changed, 508 deletions(-)
 delete mode 100644 public/docs/_examples/cb-barrels.huh/e2e-spec.js
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/main.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/example-config.json
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/index.html
 delete mode 100644 public/docs/_examples/cb-barrels.huh/ts/plnkr.json

diff --git a/public/docs/_examples/cb-barrels.huh/e2e-spec.js b/public/docs/_examples/cb-barrels.huh/e2e-spec.js
deleted file mode 100644
index a109efb5a8..0000000000
--- a/public/docs/_examples/cb-barrels.huh/e2e-spec.js
+++ /dev/null
@@ -1,110 +0,0 @@
-describe('Tutorial', function () {
-
-  beforeAll(function () {
-    browser.get('');
-  });
-
-  function getPageStruct() {
-    hrefEles = element.all(by.css('my-app a'));
-
-    return {
-      hrefs: hrefEles,
-      myDashboardHref: hrefEles.get(0),
-      myDashboardParent: element(by.css('my-app my-dashboard')),
-      topHeroes: element.all(by.css('my-app my-dashboard .module.hero')),
-
-      myHeroesHref: hrefEles.get(1),
-      myHeroesParent: element(by.css('my-app my-heroes')),
-      allHeroes: element.all(by.css('my-app my-heroes li')),
-
-      heroDetail: element(by.css('my-app my-hero-detail'))
-    }
-  }
-
-  it('should be able to see the start screen', function () {
-    var page = getPageStruct();
-    expect(page.hrefs.count()).toEqual(2, 'should be two dashboard choices');
-    expect(page.myDashboardHref.getText()).toEqual("Dashboard");
-    expect(page.myHeroesHref.getText()).toEqual("Heroes");
-  });
-
-  it('should be able to see dashboard choices', function () {
-    var page = getPageStruct();
-    expect(page.topHeroes.count()).toBe(4, "should be 4 dashboard hero choices");
-  });
-
-  it('should be able to toggle the views', function () {
-    var page = getPageStruct();
-
-    expect(page.myDashboardParent.element(by.css('h3')).getText()).toEqual('Top Heroes');
-    page.myHeroesHref.click().then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(false, 'should no longer see dashboard element');
-      expect(page.allHeroes.count()).toBeGreaterThan(4, "should be more than 4 heroes shown");
-      return page.myDashboardHref.click();
-    }).then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(true, 'should once again see the dashboard element');
-    });
-
-  });
-
-  it('should be able to edit details from "Dashboard" view', function () {
-    var page = getPageStruct();
-    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be available');
-    var heroEle = page.topHeroes.get(3);
-    var heroDescrEle = heroEle.element(by.css('h4'));
-    var heroDescr;
-    return heroDescrEle.getText().then(function(text) {
-      heroDescr = text;
-      return heroEle.click();
-    }).then(function() {
-      return editDetails(page, heroDescr, '-foo');
-    }).then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be back');
-      expect(heroDescrEle.getText()).toEqual(heroDescr + '-foo');
-    });
-  });
-
-  it('should be able to edit details from "Heroes" view', function () {
-    var page = getPageStruct();
-    expect(page.myDashboardParent.isPresent()).toBe(true, 'dashboard element should be present');
-    var viewDetailsButtonEle = page.myHeroesParent.element(by.cssContainingText('button', 'View Details'));
-    var heroEle, heroDescr;
-    page.myHeroesHref.click().then(function() {
-      expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
-      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be present');
-      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should not yet be present');
-      heroEle = page.allHeroes.get(2);
-      return heroEle.getText();
-    }).then(function(text) {
-      // remove leading 'id' from the element
-      heroDescr = text.substr(text.indexOf(' ')+1);
-      return heroEle.click();
-    }).then(function() {
-      expect(viewDetailsButtonEle.isDisplayed()).toBe(true, 'viewDetails button should now be visible');
-      return viewDetailsButtonEle.click();
-    }).then(function() {
-      return editDetails(page, heroDescr, '-bar');
-    }).then(function() {
-      expect(page.myHeroesParent.isPresent()).toBe(true, 'myHeroes element should be back');
-      expect(heroEle.getText()).toContain(heroDescr + '-bar');
-      expect(viewDetailsButtonEle.isPresent()).toBe(false, 'viewDetails button should again NOT be present');
-    });
-  });
-
-  function editDetails(page, origValue, textToAdd) {
-    expect(page.myDashboardParent.isPresent()).toBe(false, 'dashboard element should NOT be present');
-    expect(page.myHeroesParent.isPresent()).toBe(false, 'myHeroes element should NOT be present');
-    expect(page.heroDetail.isDisplayed()).toBe(true, 'should be able to see hero-details');
-    var inputEle = page.heroDetail.element(by.css('input'));
-    expect(inputEle.isDisplayed()).toBe(true, 'should be able to see the input box');
-    var backButtonEle = page.heroDetail.element(by.css('button'));
-    expect(backButtonEle.isDisplayed()).toBe(true, 'should be able to see the back button');
-    var detailTextEle = page.heroDetail.element(by.css('div h2'));
-    expect(detailTextEle.getText()).toContain(origValue);
-    return sendKeys(inputEle, textToAdd).then(function () {
-      expect(detailTextEle.getText()).toContain(origValue + textToAdd);
-      return backButtonEle.click();
-    });
-  }
-
-});
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
deleted file mode 100644
index 246b8c875b..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.css
+++ /dev/null
@@ -1,28 +0,0 @@
-nav a {
-  padding: 5px 10px;
-  text-decoration: none;
-  margin-top: 10px;
-  display: inline-block;
-  background-color: #eee;
-  border-radius: 4px;
-}
-nav a:visited, a:link {
-  color: #607D8B;
-}
-nav a:hover {
-  color: #039be5;
-  background-color: #CFD8DC;
-}
-nav a.router-link-active {
-  color: #039be5;
-}
-h1 {
-  font-size: 1.2em;
-  color: #999;
-  margin-bottom: 0;
-}
-h2 {
-  font-size: 2em;
-  margin-top: 0;
-  padding-top: 0;
-}
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
deleted file mode 100644
index 3f5ea98de8..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/app.component.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { Component } from '@angular/core';
-import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-
-import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes/index';
-import { DashboardComponent } from './dashboard.component';
-
-@Component({
-  selector: 'my-app',
-  template: `
-    <h1>{{title}}</h1>
-    <nav>
-      <a [routerLink]="['Dashboard']">Dashboard</a>
-      <a [routerLink]="['Heroes']">Heroes</a>
-    </nav>
-    <router-outlet></router-outlet>
-  `,
-  styleUrls: ['app/app.component.css'],
-  directives: [ROUTER_DIRECTIVES],
-  providers: [HeroService]
-})
-@RouteConfig([
-  // {path: '/', redirectTo: ['Dashboard'] },
-  {path: '/dashboard', name: 'Dashboard', component: DashboardComponent, useAsDefault: true},
-  {path: '/heroes', name: 'Heroes', component: HeroesComponent},
-  {path: '/detail/:id', name: 'HeroDetail', component: HeroDetailComponent}
-])
-export class AppComponent {
-  title = 'Tour of Heroes - Barrels';
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
deleted file mode 100644
index d000c0c77e..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.css
+++ /dev/null
@@ -1,60 +0,0 @@
-[class*='col-'] {
-  float: left;
-}
-*, *:after, *:before {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}
-h3 {
-  text-align: center; margin-bottom: 0;
-}
-[class*='col-'] {
-  padding-right: 20px;
-  padding-bottom: 20px;
-}
-[class*='col-']:last-of-type {
-  padding-right: 0;
-}
-.grid {
-  margin: 0;
-}
-.col-1-4 {
-  width: 25%;
-}
-.module {
-	padding: 20px;
-	text-align: center;
-	color: #eee;
-	max-height: 120px;
-	min-width: 120px;
-	background-color: #607D8B;
-	border-radius: 2px;
-}
-h4 {
-  position: relative;
-}
-.module:hover {
-  background-color: #EEE;
-  cursor: pointer;
-  color: #607d8b;
-}
-.grid-pad {
-  padding: 10px 0;
-}
-.grid-pad > [class*='col-']:last-of-type {
-  padding-right: 20px;
-}
-@media (max-width: 600px) {
-	.module {
-	  font-size: 10px;
-	  max-height: 75px; }
-}
-@media (max-width: 1024px) {
-	.grid {
-	  margin: 0;
-	}
-	.module {
-	  min-width: 60px;
-	}
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
deleted file mode 100644
index dfec651c4a..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<h3>Top Heroes</h3>
-<div class="grid grid-pad">
-  <div *ngFor="let hero of heroes" class="col-1-4" (click)="gotoDetail(hero)">
-    <div class="module hero">
-      <h4>{{hero.name}}</h4>
-    </div>
-  </div>
-</div>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
deleted file mode 100644
index 012cf812bc..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/dashboard.component.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Router } from '@angular/router-deprecated';
-import { Hero, HeroService } from './heroes/index';
-
-@Component({
-  selector: 'my-dashboard',
-  templateUrl: 'app/dashboard.component.html',
-  styleUrls: ['app/dashboard.component.css']
-})
-export class DashboardComponent implements OnInit {
-  heroes: Hero[] = [];
-
-  constructor(private heroService: HeroService, private _router: Router) { }
-
-  ngOnInit() {
-    this.heroService.getHeroes().then(heroes => this.heroes = heroes.slice(1,5));
-  }
-
-  gotoDetail(hero: Hero) {
-    let link = ['HeroDetail', { id: hero.id }];
-    this._router.navigate(link);
-  }
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
deleted file mode 100644
index b5ab6e6e0b..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.css
+++ /dev/null
@@ -1,29 +0,0 @@
-label {
-  display: inline-block;
-  width: 3em;
-  margin: .5em 0;
-  color: #607D8B;
-  font-weight: bold;
-}
-input {
-  height: 2em;
-  font-size: 1em;
-  padding-left: .4em;
-}
-button {
-  margin-top: 20px;
-  font-family: Arial;
-  background-color: #eee;
-  border: none;
-  padding: 5px 10px;
-  border-radius: 4px;
-  cursor: pointer; cursor: hand;
-}
-button:hover {
-  background-color: #cfd8dc;
-}
-button:disabled {
-  background-color: #eee;
-  color: #ccc; 
-  cursor: auto;
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
deleted file mode 100644
index af9039dc9f..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div *ngIf="hero">
-	<h2>{{hero.name}} details!</h2>
-	<div>
-		<label>id: </label>{{hero.id}}</div>
-	<div>
-		<label>name: </label>
-		<input [(ngModel)]="hero.name" placeholder="name"/>
-	</div>
-	<button (click)="goBack()">Back</button>
-</div>
\ No newline at end of file
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
deleted file mode 100644
index 8d6fea52b1..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero-detail.component.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { RouteParams } from '@angular/router-deprecated';
-
-import { Hero, HeroService } from './index';
-
-@Component({
-  selector: 'my-hero-detail',
-  templateUrl: 'app/heroes/hero-detail.component.html',
-  styleUrls: ['app/heroes/hero-detail.component.css']
-})
-export class HeroDetailComponent implements OnInit {
-  hero: Hero;
-
-  constructor(private heroService: HeroService,
-    private routeParams: RouteParams) {
-  }
-
-  ngOnInit() {
-    let id = +this.routeParams.get('id');
-    this.heroService.getHero(id).then(hero => this.hero = hero);
-  }
-
-  goBack() {
-    window.history.back();
-  }
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
deleted file mode 100644
index c2163e1b28..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.service.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Injectable } from '@angular/core';
-
-import { HEROES } from './../mock-heroes';
-
-@Injectable()
-export class HeroService {
-  getHeroes() {
-    return Promise.resolve(HEROES);
-  }
-
-	getHero(id: number) {
-    return Promise.resolve(HEROES).then(
-      heroes => heroes.filter(hero => hero.id === id)[0]
-    );
-  }
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
deleted file mode 100644
index e94ec6124a..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/hero.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export class Hero {
-	id: number;
-	name: string;
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
deleted file mode 100644
index 35e45af98d..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.css
+++ /dev/null
@@ -1,59 +0,0 @@
-.selected {
-  background-color: #CFD8DC !important;
-  color: white;
-}
-.heroes {
-  margin: 0 0 2em 0;
-  list-style-type: none;
-  padding: 0;
-  width: 15em;
-}
-.heroes li {
-  cursor: pointer;
-  position: relative;
-  left: 0;
-  background-color: #EEE;
-  margin: .5em;
-  padding: .3em 0;
-  height: 1.6em;
-  border-radius: 4px;
-}
-.heroes li:hover {
-  color: #607D8B;
-  background-color: #DDD;
-  left: .1em;
-}
-.heroes li.selected:hover {
-  background-color: #BBD8DC !important;
-  color: white;
-}
-.heroes .text {
-  position: relative;
-  top: -3px;
-}
-.heroes .badge {
-  display: inline-block;
-  font-size: small;
-  color: white;
-  padding: 0.8em 0.7em 0 0.7em;
-  background-color: #607D8B;
-  line-height: 1em;
-  position: relative;
-  left: -1px;
-  top: -4px;
-  height: 1.8em;
-  margin-right: .8em;
-  border-radius: 4px 0 0 4px;
-}
-button {
-  font-family: Arial;
-  background-color: #eee;
-  border: none;
-  padding: 5px 10px;
-  border-radius: 4px;
-  cursor: pointer;
-  cursor: hand;
-}
-button:hover {
-  background-color: #cfd8dc;
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
deleted file mode 100644
index 6a973bb007..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div>
-  <h2>My Heroes</h2>
-  <ul class="heroes">
-    <li *ngFor="let hero of heroes"
-      [class.selected]="hero === selectedHero"
-      (click)="onSelect(hero)">
-      <span class="badge">{{hero.id}}</span> {{hero.name}}
-    </li>
-  </ul>
-  <div *ngIf="selectedHero">
-    <h2>{{selectedHero.name | uppercase}} is my hero</h2>
-    <button (click)="gotoDetail()">View Details</button>
-  </div>
-</div>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
deleted file mode 100644
index 1c4e24ddbe..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/heroes.component.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import { Router } from '@angular/router-deprecated';
-import { HeroService, HeroDetailComponent, Hero } from './index';
-
-@Component({
-  selector: 'my-heroes',
-  templateUrl: 'app/heroes/heroes.component.html',
-  styleUrls: ['app/heroes/heroes.component.css'],
-  directives: [HeroDetailComponent]
-})
-export class HeroesComponent implements OnInit {
-  heroes: Hero[];
-  selectedHero: Hero;
-
-  constructor(private heroService: HeroService, private router: Router) { }
-
-  getHeroes() {
-    this.heroService.getHeroes().then(heroes => this.heroes = heroes);
-  }
-
-  gotoDetail() {
-    this.router.navigate(['HeroDetail', { id: this.selectedHero.id }]);
-  }
-
-  ngOnInit() {
-    this.getHeroes();
-  }
-
-  onSelect(hero: Hero) { this.selectedHero = hero; }
-}
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
deleted file mode 100644
index 85f988a43c..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/heroes/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './hero';
-export * from './hero-detail.component';
-export * from './hero.service';
-export * from './heroes.component';
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/main.ts b/public/docs/_examples/cb-barrels.huh/ts/app/main.ts
deleted file mode 100644
index c261ef5625..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/main.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { bootstrap } from '@angular/platform-browser-dynamic';
-import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
-
-import { HeroService } from './heroes/index';
-import { AppComponent } from './app.component';
-
-bootstrap(AppComponent, [
-  ROUTER_PROVIDERS,
-  HeroService
-]);
diff --git a/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
deleted file mode 100644
index 904368d532..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/app/mock-heroes.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Hero } from './heroes/index';
-
-export var HEROES: Hero[] = [
-	{"id": 11, "name": "Mr. Nice"},
-	{"id": 12, "name": "Narco"},
-	{"id": 13, "name": "Bombasto"},
-	{"id": 14, "name": "Celeritas"},
-	{"id": 15, "name": "Magneta"},
-	{"id": 16, "name": "RubberMan"},
-	{"id": 17, "name": "Dynama"},
-	{"id": 18, "name": "Dr IQ"},
-	{"id": 19, "name": "Magma"},
-	{"id": 20, "name": "Tornado"}
-];
diff --git a/public/docs/_examples/cb-barrels.huh/ts/example-config.json b/public/docs/_examples/cb-barrels.huh/ts/example-config.json
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/public/docs/_examples/cb-barrels.huh/ts/index.html b/public/docs/_examples/cb-barrels.huh/ts/index.html
deleted file mode 100644
index ede4eb68e5..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <base href="/">
-    <title>Angular 2 Tour of Heroes</title>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="styles.css">
-
-    <!-- Polyfill(s) for older browsers -->
-    <script src="node_modules/es6-shim/es6-shim.min.js"></script>
-
-    <script src="node_modules/zone.js/dist/zone.js"></script>
-    <script src="node_modules/reflect-metadata/Reflect.js"></script>
-    <script src="node_modules/systemjs/dist/system.src.js"></script>
-
-    <script src="systemjs.config.js"></script>
-    <script>
-      System.import('app').catch(function(err){ console.error(err); });
-    </script>
-  </head>
-
-  <body>
-    <my-app>Loading...</my-app>
-  </body>
-</html>
diff --git a/public/docs/_examples/cb-barrels.huh/ts/plnkr.json b/public/docs/_examples/cb-barrels.huh/ts/plnkr.json
deleted file mode 100644
index fc4ea3e22c..0000000000
--- a/public/docs/_examples/cb-barrels.huh/ts/plnkr.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "description": "Tour of Heroes",
-  "files":[
-    "!**/*.d.ts",
-    "!**/*.js"
-  ],
-  "tags": ["tutorial", "tour", "heroes"]
-}

From f20941bec1858254cfa865d442cc74d17fc8a706 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Mon, 16 May 2016 21:59:16 -0600
Subject: [PATCH 33/41] docs(cb-barrels): Clean up copy/paste

---
 public/docs/_examples/cb-barrels/ts/index.html | 2 +-
 public/docs/_examples/cb-barrels/ts/plnkr.json | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/docs/_examples/cb-barrels/ts/index.html b/public/docs/_examples/cb-barrels/ts/index.html
index ede4eb68e5..99dd3b6e07 100644
--- a/public/docs/_examples/cb-barrels/ts/index.html
+++ b/public/docs/_examples/cb-barrels/ts/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <base href="/">
-    <title>Angular 2 Tour of Heroes</title>
+    <title>Angular 2 Tour of Heroes - Barrels</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="styles.css">
diff --git a/public/docs/_examples/cb-barrels/ts/plnkr.json b/public/docs/_examples/cb-barrels/ts/plnkr.json
index fc4ea3e22c..5f0eca25e7 100644
--- a/public/docs/_examples/cb-barrels/ts/plnkr.json
+++ b/public/docs/_examples/cb-barrels/ts/plnkr.json
@@ -1,8 +1,8 @@
 {
-  "description": "Tour of Heroes",
+  "description": "Cookbook: Barrels",
   "files":[
     "!**/*.d.ts",
     "!**/*.js"
   ],
-  "tags": ["tutorial", "tour", "heroes"]
+  "tags": ["cookbook", "barrels"]
 }

From 2b1e2ea7e2d87c76d3414bd8e8243f1642182479 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Mon, 16 May 2016 21:59:47 -0600
Subject: [PATCH 34/41] Add // #docregion

---
 public/docs/_examples/cb-barrels/ts/app/app.component.ts       | 1 +
 public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts | 1 +
 public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts         | 1 +
 public/docs/_examples/cb-barrels/ts/app/heroes/index.ts        | 1 +
 public/docs/_examples/cb-barrels/ts/app/main.ts                | 1 +
 public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts         | 1 +
 6 files changed, 6 insertions(+)

diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.ts b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
index a53af1ba1e..c19935e032 100644
--- a/public/docs/_examples/cb-barrels/ts/app/app.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
@@ -1,3 +1,4 @@
+// #docregion
 import { Component } from '@angular/core';
 import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
 
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
index 86668141e9..672136d6dc 100644
--- a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
@@ -1,3 +1,4 @@
+// #docregion
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
 import { Hero, HeroService } from './heroes';
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
index e94ec6124a..1117bdd832 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
@@ -2,3 +2,4 @@ export class Hero {
 	id: number;
 	name: string;
 }
+
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
index 85f988a43c..8f98b1c560 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
@@ -1,3 +1,4 @@
+// #docregion
 export * from './hero';
 export * from './hero-detail.component';
 export * from './hero.service';
diff --git a/public/docs/_examples/cb-barrels/ts/app/main.ts b/public/docs/_examples/cb-barrels/ts/app/main.ts
index 45c00aa030..255f0b511f 100644
--- a/public/docs/_examples/cb-barrels/ts/app/main.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/main.ts
@@ -1,3 +1,4 @@
+// #docregion
 import { bootstrap } from '@angular/platform-browser-dynamic';
 import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
 
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
index 53271aa12e..782ec9fda3 100644
--- a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
@@ -1,3 +1,4 @@
+// #docregion
 import { Hero } from './heroes';
 
 export var HEROES: Hero[] = [

From f3f2a7e3dea3e547b07907cd72f36e17f19b84d9 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Mon, 16 May 2016 22:33:22 -0600
Subject: [PATCH 35/41] docs(cb-barrels): Add #docregions and finish recipe

---
 .../cb-barrels/ts/app/app.component.ts        |  4 +--
 .../cb-barrels/ts/app/dashboard.component.ts  |  3 +-
 .../ts/app/heroes/hero-detail.component.ts    |  6 ++--
 .../cb-barrels/ts/app/heroes/hero.service.ts  |  5 ++--
 .../ts/app/heroes/heroes.component.ts         |  2 ++
 .../docs/_examples/cb-barrels/ts/app/main.ts  |  4 +--
 .../cb-barrels/ts/app/mock-heroes.ts          |  6 ++--
 public/docs/ts/latest/cookbook/barrels.jade   | 29 ++++++++++++++-----
 8 files changed, 39 insertions(+), 20 deletions(-)

diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.ts b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
index c19935e032..926eafc1c9 100644
--- a/public/docs/_examples/cb-barrels/ts/app/app.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
@@ -1,11 +1,11 @@
-// #docregion
+// #docregion imports
 import { Component } from '@angular/core';
 import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-
 import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes';
 import { DashboardComponent } from './dashboard.component';
 
 @Component({
+// #enddocregion
   selector: 'my-app',
   template: `
     <h1>{{title}}</h1>
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
index 672136d6dc..1239207374 100644
--- a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
@@ -1,9 +1,10 @@
-// #docregion
+// #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
 import { Hero, HeroService } from './heroes';
 
 @Component({
+// #enddocregion
   selector: 'my-dashboard',
   templateUrl: 'app/dashboard.component.html',
   styleUrls: ['app/dashboard.component.css']
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
index 189c3a79dc..31b2f94041 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
@@ -1,10 +1,10 @@
+// #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { RouteParams } from '@angular/router-deprecated';
-
-import { Hero } from './hero';
-import { HeroService } from './hero.service';
+import { Hero, HeroService } from './hero.service';
 
 @Component({
+// #enddocregion
   selector: 'my-hero-detail',
   templateUrl: 'app/heroes/hero-detail.component.html',
   styleUrls: ['app/heroes/hero-detail.component.css']
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
index 24e17a3809..2f4ef35fc8 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
@@ -1,9 +1,10 @@
+// #docregion imports
 import { Injectable } from '@angular/core';
-
-import { HEROES }     from './../mock-heroes';
+import { HEROES }     from '../mock-heroes';
 
 @Injectable()
 export class HeroService {
+// #enddocregion
   getHeroes() {
     return Promise.resolve(HEROES);
   }
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
index 6d41b3923f..e3d692e5d0 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
@@ -1,8 +1,10 @@
+// #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
 import { HeroService, HeroDetailComponent, Hero } from '../heroes';
 
 @Component({
+// #enddocregion
   selector: 'my-heroes',
   templateUrl: 'app/heroes/heroes.component.html',
   styleUrls: ['app/heroes/heroes.component.css'],
diff --git a/public/docs/_examples/cb-barrels/ts/app/main.ts b/public/docs/_examples/cb-barrels/ts/app/main.ts
index 255f0b511f..09288fb174 100644
--- a/public/docs/_examples/cb-barrels/ts/app/main.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/main.ts
@@ -1,11 +1,11 @@
-// #docregion
+// #docregion imports
 import { bootstrap } from '@angular/platform-browser-dynamic';
 import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
-
 import { HeroService } from './heroes';
 import { AppComponent } from './app.component';
 
 bootstrap(AppComponent, [
+// #enddocregion
   ROUTER_PROVIDERS,
   HeroService
 ]);
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
index 782ec9fda3..cfcffa5ce3 100644
--- a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
@@ -1,8 +1,10 @@
-// #docregion
+// #docregion imports
 import { Hero } from './heroes';
 
 export var HEROES: Hero[] = [
-	{"id": 11, "name": "Mr. Nice"},
+// #enddocregion
+
+  {"id": 11, "name": "Mr. Nice"},
 	{"id": 12, "name": "Narco"},
 	{"id": 13, "name": "Bombasto"},
 	{"id": 14, "name": "Celeritas"},
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index 6b8c2e3d3c..a21b0097e9 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -39,7 +39,7 @@ include ../_util-fns
   </pre>
   
   An `index.ts` file is created in the `/heroes` directory. And each of the files is imported and re-exported:
-+makeExample('cb-barrels/ts/app/heroes/index.ts')
++makeExample('cb-barrels/ts/app/heroes/index.ts', '', 'app/heroes/index.ts')
 
 :marked
   Each of the files are now available as a single import. 
@@ -49,20 +49,33 @@ include ../_util-fns
   ## Importing a barrel
   The app component imports `HeroesComponent`, `HeroDetailComponent`, and `HeroService` with a
   single import:
-+makeExample('cb-barrels/ts/app/app.component.ts')
++makeExample('cb-barrels/ts/app/app.component.ts', 'imports', 'app/app.component.ts')
 
 :marked
   The dashboard component imports `Hero` and `HeroService` with a single import:
-+makeExample('cb-barrels/ts/app/dashboard.component.ts')
++makeExample('cb-barrels/ts/app/dashboard.component.ts', 'imports', 'app/dashboard.component.ts')
 
 :marked
-  The `main.ts` bootstrap file imports `HeroService`
-+makeExample('cb-barrels/ts/app/main.ts')
+  The `main.ts` bootstrap file imports `HeroService`:
++makeExample('cb-barrels/ts/app/main.ts', 'imports', 'app/main.ts')
 
 :marked
   The `mock-heroes.ts` file imports `Hero`:
-+makeExample('cb-barrels/ts/app/mock-heroes.ts')
++makeExample('cb-barrels/ts/app/mock-heroes.ts', 'imports', 'app/mock-heroes.ts')
 
 :marked
-  The files inside the `/heroes` barrel are updated to add `../` to module imports outside the barrel. They are also
-  updated to use the barrel for any references within the barrel using `../heroes`. 
+  The files inside the `/heroes` barrel are updated to use the barrel for any references within the 
+  barrel intself by using `../heroes`. Since they were moved into a new folder, they are also updated to add `../` 
+  to module imports outside the barrel. 
+
++makeTabs(
+  `cb-barrels/ts/app/heroes/hero.service.ts,
+   cb-barrels/ts/app/heroes/hero-detail.component.ts,
+   cb-barrels/ts/app/heroes/heroes.component.ts`,
+  `imports,
+   imports,
+   imports`,
+  `app/heroes/hero.service.ts,
+   app/heroes/hero-detail.component.ts,
+   app/heroes/heroes.component.ts`
+)  

From edf7dc599f0746f5c944c968477767d5190a477c Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Tue, 17 May 2016 01:41:32 -0600
Subject: [PATCH 36/41] Update imports to use /index for now

---
 .../cb-barrels/ts/app/app.component.ts        |  2 +-
 .../cb-barrels/ts/app/dashboard.component.ts  |  2 +-
 .../ts/app/heroes/hero-detail.component.ts    |  3 +-
 .../ts/app/heroes/heroes.component.ts         |  4 +-
 .../docs/_examples/cb-barrels/ts/app/main.ts  |  2 +-
 .../cb-barrels/ts/app/mock-heroes.ts          |  2 +-
 public/docs/ts/latest/cookbook/barrels.jade   | 41 ++++++++++---------
 7 files changed, 31 insertions(+), 25 deletions(-)

diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.ts b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
index 926eafc1c9..b8ff9cc9a0 100644
--- a/public/docs/_examples/cb-barrels/ts/app/app.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { Component } from '@angular/core';
 import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes';
+import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes/index';
 import { DashboardComponent } from './dashboard.component';
 
 @Component({
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
index 1239207374..3a6b327934 100644
--- a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
-import { Hero, HeroService } from './heroes';
+import { Hero, HeroService } from './heroes/index';
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
index 31b2f94041..e6db3ae4bd 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
@@ -1,7 +1,8 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { RouteParams } from '@angular/router-deprecated';
-import { Hero, HeroService } from './hero.service';
+import { HeroService } from './hero.service';
+import { Hero } from './hero';
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
index e3d692e5d0..41db767098 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
@@ -1,7 +1,9 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
-import { HeroService, HeroDetailComponent, Hero } from '../heroes';
+import { HeroService } from './hero.service';
+import { HeroDetailComponent } from './hero-detail.component'
+import { Hero } from './hero';
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/main.ts b/public/docs/_examples/cb-barrels/ts/app/main.ts
index 09288fb174..a1baa78d94 100644
--- a/public/docs/_examples/cb-barrels/ts/app/main.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/main.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { bootstrap } from '@angular/platform-browser-dynamic';
 import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
-import { HeroService } from './heroes';
+import { HeroService } from './heroes/index';
 import { AppComponent } from './app.component';
 
 bootstrap(AppComponent, [
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
index cfcffa5ce3..544aa1d4a4 100644
--- a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
@@ -1,5 +1,5 @@
 // #docregion imports
-import { Hero } from './heroes';
+import { Hero } from './heroes/index';
 
 export var HEROES: Hero[] = [
 // #enddocregion
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index a21b0097e9..70b2312301 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -3,14 +3,14 @@ include ../_util-fns
 <a id="top"></a>
 :marked
   This cookbook contains recipes for creating barrels to simplify file imports. In Angular 2 apps, we frequently find
-  ouselves importing multiple files together (for example, in the tutorial app, the hero component and the hero service 
-  are both frequently imported together into other components). We can create a single import that contains them both. 
+  ouselves importing multiple files together (for example, in the tutorial app, the hero component and the hero service
+  are both frequently imported together into other components). We can create a single export that contains them both.
   This is called a barrel.
 
 <a id="toc"></a>
 :marked
   ## Table of contents
-  
+
   [Creating a barrel](#creating-a-barrel)
 
   [Importing a barrel](#importing-a-barrel)
@@ -22,10 +22,10 @@ include ../_util-fns
 <a id="creating-a-barrel"></a>
 :marked
   ## Creating a barrel
-  
-  'Hero', `HeroDetailComponent`, `HeroService`, and `HeroesComponent` are all frequently used together.  Each of them
+
+  `Hero`, `HeroDetailComponent`, `HeroService`, and `HeroesComponent` are all frequently used together.  Each of them
   are moved into a `heroes` directory with their supporting files:
-  
+
   <pre class="prettyprint prettyprinted">
     /heroes
       hero-detail.component.css
@@ -37,13 +37,13 @@ include ../_util-fns
       heroes.component.html
       heroes.component.ts
   </pre>
-  
+
   An `index.ts` file is created in the `/heroes` directory. And each of the files is imported and re-exported:
 +makeExample('cb-barrels/ts/app/heroes/index.ts', '', 'app/heroes/index.ts')
 
 :marked
-  Each of the files are now available as a single import. 
-  
+  Each of the files are now available as a single import.
+
 <a id="importing-a-barrel"></a>
 :marked
   ## Importing a barrel
@@ -63,19 +63,22 @@ include ../_util-fns
   The `mock-heroes.ts` file imports `Hero`:
 +makeExample('cb-barrels/ts/app/mock-heroes.ts', 'imports', 'app/mock-heroes.ts')
 
-:marked
-  The files inside the `/heroes` barrel are updated to use the barrel for any references within the 
-  barrel intself by using `../heroes`. Since they were moved into a new folder, they are also updated to add `../` 
-  to module imports outside the barrel. 
+.alert.is-helpful
+  :marked
+    Do not attempt to reference the barrel index file from within the barrel.
+    These files are still imported individually as shown below.
 
 +makeTabs(
-  `cb-barrels/ts/app/heroes/hero.service.ts,
-   cb-barrels/ts/app/heroes/hero-detail.component.ts,
+  `cb-barrels/ts/app/heroes/hero-detail.component.ts,
    cb-barrels/ts/app/heroes/heroes.component.ts`,
   `imports,
-   imports,
    imports`,
-  `app/heroes/hero.service.ts,
-   app/heroes/hero-detail.component.ts,
+  `app/heroes/hero-detail.component.ts,
    app/heroes/heroes.component.ts`
-)  
+)
+
+:marked
+  Since the `HeroService` was moved into a new folder, it's reference to
+  `mock-heroes` is updated to add `../`.
+
++makeExample('cb-barrels/ts/app/heroes/hero.service.ts', 'imports', 'app/heroes/hero.service.ts')

From 623b7477ae3af92aa174adc84665cb30e79c1979 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Tue, 17 May 2016 14:55:10 -0600
Subject: [PATCH 37/41] docs(cb-barrels): Add heroes package to systemjs config

---
 public/docs/_examples/cb-barrels/ts/app/app.component.ts   | 2 +-
 .../_examples/cb-barrels/ts/app/dashboard.component.ts     | 2 +-
 public/docs/_examples/cb-barrels/ts/app/main.ts            | 2 +-
 public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts     | 2 +-
 public/docs/_examples/cb-barrels/ts/index.html             | 7 +++++++
 public/docs/ts/latest/cookbook/barrels.jade                | 7 ++++++-
 6 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/public/docs/_examples/cb-barrels/ts/app/app.component.ts b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
index b8ff9cc9a0..926eafc1c9 100644
--- a/public/docs/_examples/cb-barrels/ts/app/app.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/app.component.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { Component } from '@angular/core';
 import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
-import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes/index';
+import { HeroesComponent, HeroDetailComponent, HeroService } from './heroes';
 import { DashboardComponent } from './dashboard.component';
 
 @Component({
diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
index 3a6b327934..1239207374 100644
--- a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
-import { Hero, HeroService } from './heroes/index';
+import { Hero, HeroService } from './heroes';
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/main.ts b/public/docs/_examples/cb-barrels/ts/app/main.ts
index a1baa78d94..09288fb174 100644
--- a/public/docs/_examples/cb-barrels/ts/app/main.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/main.ts
@@ -1,7 +1,7 @@
 // #docregion imports
 import { bootstrap } from '@angular/platform-browser-dynamic';
 import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
-import { HeroService } from './heroes/index';
+import { HeroService } from './heroes';
 import { AppComponent } from './app.component';
 
 bootstrap(AppComponent, [
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
index 544aa1d4a4..cfcffa5ce3 100644
--- a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
@@ -1,5 +1,5 @@
 // #docregion imports
-import { Hero } from './heroes/index';
+import { Hero } from './heroes';
 
 export var HEROES: Hero[] = [
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/index.html b/public/docs/_examples/cb-barrels/ts/index.html
index 99dd3b6e07..127ee6ac5e 100644
--- a/public/docs/_examples/cb-barrels/ts/index.html
+++ b/public/docs/_examples/cb-barrels/ts/index.html
@@ -14,10 +14,17 @@
     <script src="node_modules/reflect-metadata/Reflect.js"></script>
     <script src="node_modules/systemjs/dist/system.src.js"></script>
 
+    <!--#docregion packages  -->
     <script src="systemjs.config.js"></script>
     <script>
+      System.config({
+        packages: {
+          'app/heroes': {main: 'index.js', defaultExtension: 'js'}
+        }
+      });
       System.import('app').catch(function(err){ console.error(err); });
     </script>
+    <!--#enddocregion packages  -->
   </head>
 
   <body>
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index 70b2312301..913a5984c9 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -42,8 +42,13 @@ include ../_util-fns
 +makeExample('cb-barrels/ts/app/heroes/index.ts', '', 'app/heroes/index.ts')
 
 :marked
-  Each of the files are now available as a single import.
+  The SystemJs module loader is not yet able to identify our new barrel, so
+  app/heroes is added manually as a package in index.html.
++makeExample('cb-barrels/ts/index.html', 'packages', 'index.html')
 
+:marked
+  The files inside the barrel can now be imported through a single import.
+  
 <a id="importing-a-barrel"></a>
 :marked
   ## Importing a barrel

From 90187883e238602bbf794d6eeaffd72a40eb68b5 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Tue, 17 May 2016 17:13:11 -0600
Subject: [PATCH 38/41] docs(cb-barrels): Fix typo and use .filetree

---
 public/docs/ts/latest/cookbook/barrels.jade | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index 913a5984c9..e76b63c288 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -31,7 +31,7 @@ include ../_util-fns
       hero-detail.component.css
       hero-detail.component.html
       hero-detail.component.ts
-      hero-service.ts
+      hero.service.ts
       hero.ts
       heroes.component.css
       heroes.component.html
@@ -48,7 +48,7 @@ include ../_util-fns
 
 :marked
   The files inside the barrel can now be imported through a single import.
-  
+
 <a id="importing-a-barrel"></a>
 :marked
   ## Importing a barrel

From 0d58578c65f16880b8b928e6c5a6f0338610992d Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Tue, 17 May 2016 19:23:45 -0600
Subject: [PATCH 39/41] docs(cb-barrels): reorganize into multiple barrels

---
 .../hero-detail.component.css                 |  0
 .../hero-detail.component.html                |  0
 .../hero-detail.component.ts                  |  7 +-
 .../ts/app/heroes/heroes.component.ts         |  5 +-
 .../cb-barrels/ts/app/heroes/index.ts         |  5 +-
 .../heroes/{hero.ts => shared/hero.model.ts}  |  0
 .../app/heroes/{ => shared}/hero.service.ts   |  2 +-
 .../cb-barrels/ts/app/heroes/shared/index.ts  |  3 +
 .../ts/app/{ => heroes/shared}/mock-heroes.ts |  2 +-
 .../docs/_examples/cb-barrels/ts/index.html   |  3 +-
 public/docs/ts/latest/cookbook/barrels.jade   | 76 ++++++++++---------
 11 files changed, 56 insertions(+), 47 deletions(-)
 rename public/docs/_examples/cb-barrels/ts/app/heroes/{ => hero-detail}/hero-detail.component.css (100%)
 rename public/docs/_examples/cb-barrels/ts/app/heroes/{ => hero-detail}/hero-detail.component.html (100%)
 rename public/docs/_examples/cb-barrels/ts/app/heroes/{ => hero-detail}/hero-detail.component.ts (73%)
 rename public/docs/_examples/cb-barrels/ts/app/heroes/{hero.ts => shared/hero.model.ts} (100%)
 rename public/docs/_examples/cb-barrels/ts/app/heroes/{ => shared}/hero.service.ts (87%)
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/shared/index.ts
 rename public/docs/_examples/cb-barrels/ts/app/{ => heroes/shared}/mock-heroes.ts (91%)

diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.css
similarity index 100%
rename from public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.css
rename to public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.css
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html
similarity index 100%
rename from public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.html
rename to public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts
similarity index 73%
rename from public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
rename to public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts
index e6db3ae4bd..c945a8f6dd 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts
@@ -1,14 +1,13 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { RouteParams } from '@angular/router-deprecated';
-import { HeroService } from './hero.service';
-import { Hero } from './hero';
+import { HeroService, Hero } from '../shared';
 
 @Component({
 // #enddocregion
   selector: 'my-hero-detail',
-  templateUrl: 'app/heroes/hero-detail.component.html',
-  styleUrls: ['app/heroes/hero-detail.component.css']
+  templateUrl: 'app/heroes/hero-detail/hero-detail.component.html',
+  styleUrls: ['app/heroes/hero-detail/hero-detail.component.css']
 })
 export class HeroDetailComponent implements OnInit {
   hero: Hero;
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
index 41db767098..7bc3cfb000 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
@@ -1,9 +1,8 @@
 // #docregion imports
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
-import { HeroService } from './hero.service';
-import { HeroDetailComponent } from './hero-detail.component'
-import { Hero } from './hero';
+import { HeroService, Hero } from './shared';
+import { HeroDetailComponent } from './hero-detail/hero-detail.component'
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
index 8f98b1c560..9101d48411 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
@@ -1,5 +1,4 @@
 // #docregion
-export * from './hero';
-export * from './hero-detail.component';
-export * from './hero.service';
+export * from './hero-detail/hero-detail.component';
 export * from './heroes.component';
+export * from './shared';
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts
similarity index 100%
rename from public/docs/_examples/cb-barrels/ts/app/heroes/hero.ts
rename to public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.service.ts
similarity index 87%
rename from public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
rename to public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.service.ts
index 2f4ef35fc8..11d60b97a6 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero.service.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.service.ts
@@ -1,6 +1,6 @@
 // #docregion imports
 import { Injectable } from '@angular/core';
-import { HEROES }     from '../mock-heroes';
+import { HEROES }     from './mock-heroes';
 
 @Injectable()
 export class HeroService {
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/shared/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..27516fdedd
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/index.ts
@@ -0,0 +1,3 @@
+// #docregion
+export * from './hero.model';
+export * from './hero.service';
diff --git a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
similarity index 91%
rename from public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
rename to public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
index cfcffa5ce3..014b7075d1 100644
--- a/public/docs/_examples/cb-barrels/ts/app/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
@@ -1,5 +1,5 @@
 // #docregion imports
-import { Hero } from './heroes';
+import { Hero } from './hero.model';
 
 export var HEROES: Hero[] = [
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/index.html b/public/docs/_examples/cb-barrels/ts/index.html
index 127ee6ac5e..5cc8fa9acb 100644
--- a/public/docs/_examples/cb-barrels/ts/index.html
+++ b/public/docs/_examples/cb-barrels/ts/index.html
@@ -19,7 +19,8 @@
     <script>
       System.config({
         packages: {
-          'app/heroes': {main: 'index.js', defaultExtension: 'js'}
+          'app/heroes': {main: 'index.js', defaultExtension: 'js'},
+          'app/heroes/shared': {main: 'index.js', defaultExtension: 'js'}
         }
       });
       System.import('app').catch(function(err){ console.error(err); });
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index e76b63c288..9f7fe66c34 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -4,8 +4,8 @@ include ../_util-fns
 :marked
   This cookbook contains recipes for creating barrels to simplify file imports. In Angular 2 apps, we frequently find
   ouselves importing multiple files together (for example, in the tutorial app, the hero component and the hero service
-  are both frequently imported together into other components). We can create a single export that contains them both.
-  This is called a barrel.
+  are both frequently imported together into other components). We can create a single export that contains them both
+  so they can be easily imported together. This is called a barrel.
 
 <a id="toc"></a>
 :marked
@@ -23,36 +23,50 @@ include ../_util-fns
 :marked
   ## Creating a barrel
 
-  `Hero`, `HeroDetailComponent`, `HeroService`, and `HeroesComponent` are all frequently used together.  Each of them
-  are moved into a `heroes` directory with their supporting files:
-
-  <pre class="prettyprint prettyprinted">
-    /heroes
-      hero-detail.component.css
-      hero-detail.component.html
-      hero-detail.component.ts
-      hero.service.ts
-      hero.ts
-      heroes.component.css
-      heroes.component.html
-      heroes.component.ts
-  </pre>
-
-  An `index.ts` file is created in the `/heroes` directory. And each of the files is imported and re-exported:
+  The `Hero` model, `HeroDetailComponent`, `HeroesComponent`, and `HeroService` are all frequently used together.
+  It would make things easier if we could import them all together. To make this possible, each of them
+  is moved into a `heroes` directory and organized into sub-directories with their supporting files:
+
+.filetree
+  .file heroes
+  .children
+    .file heroes.component.css
+    .file heroes.component.html
+    .file heroes.component.ts
+    .file hero-detail
+    .children
+      .file hero-detail.component.css
+      .file hero-detail.component.html
+      .file hero-detail.component.ts
+    .file shared
+    .children
+      .file hero.service.ts
+      .file hero.ts
+      .file mock-heroes.ts
+
+:marked
+  Since there are two exportable items in the shared folder, an `index.ts` file is created in that
+  folder, and then each of the files in that folder are imported and re-exported. This is our first
+  barrel. Since `mock-heroes.ts` is not used outside of the barrel it is not re-exported.
++makeExample('cb-barrels/ts/app/heroes/shared/index.ts', '', 'app/heroes/shared/index.ts')
+
+:marked
+  Our next barrel is in the heroes folder. An `index.ts` file is created in that folder and then the
+  components and services and the `shared` barrel we just created are all imported and re-exported:
 +makeExample('cb-barrels/ts/app/heroes/index.ts', '', 'app/heroes/index.ts')
 
 :marked
-  The SystemJs module loader is not yet able to identify our new barrel, so
-  app/heroes is added manually as a package in index.html.
+  The SystemJs module loader is not yet able to identify our new barrels, so
+  they are added manually as packages in index.html.
 +makeExample('cb-barrels/ts/index.html', 'packages', 'index.html')
 
 :marked
-  The files inside the barrel can now be imported through a single import.
+  The files inside the barrels can now be imported through a single import.
 
 <a id="importing-a-barrel"></a>
 :marked
   ## Importing a barrel
-  The app component imports `HeroesComponent`, `HeroDetailComponent`, and `HeroService` with a
+  The app component imports the `HeroesComponent`, `HeroDetailComponent`, and `HeroService` with a
   single import:
 +makeExample('cb-barrels/ts/app/app.component.ts', 'imports', 'app/app.component.ts')
 
@@ -64,26 +78,20 @@ include ../_util-fns
   The `main.ts` bootstrap file imports `HeroService`:
 +makeExample('cb-barrels/ts/app/main.ts', 'imports', 'app/main.ts')
 
-:marked
-  The `mock-heroes.ts` file imports `Hero`:
-+makeExample('cb-barrels/ts/app/mock-heroes.ts', 'imports', 'app/mock-heroes.ts')
-
 .alert.is-helpful
   :marked
     Do not attempt to reference the barrel index file from within the barrel.
     These files are still imported individually as shown below.
 
+:marked
+  The `HeroDetailComponent` and `HeroesComponent` import the `HeroService` and `Hero` model from the
+  `shared` barrel. And the reference to the `HeroDetailComponent` is updated in the `HeroesComponent`
+  since it was moved into a new folder:
 +makeTabs(
-  `cb-barrels/ts/app/heroes/hero-detail.component.ts,
+  `cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts,
    cb-barrels/ts/app/heroes/heroes.component.ts`,
   `imports,
    imports`,
-  `app/heroes/hero-detail.component.ts,
+  `app/heroes/hero-detail/hero-detail.component.ts,
    app/heroes/heroes.component.ts`
 )
-
-:marked
-  Since the `HeroService` was moved into a new folder, it's reference to
-  `mock-heroes` is updated to add `../`.
-
-+makeExample('cb-barrels/ts/app/heroes/hero.service.ts', 'imports', 'app/heroes/hero.service.ts')

From 68a3b56102b403c12a429a7f52f627e09afcd267 Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Thu, 19 May 2016 21:38:50 -0600
Subject: [PATCH 40/41] docs(cb-barrels): Replace tabs with spaces

---
 .../cb-barrels/ts/app/dashboard.component.css | 38 +++++++++----------
 .../hero-detail/hero-detail.component.html    | 18 ++++-----
 .../ts/app/heroes/shared/hero.model.ts        |  4 +-
 .../ts/app/heroes/shared/mock-heroes.ts       | 18 ++++-----
 4 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
index d000c0c77e..82349dc658 100644
--- a/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
+++ b/public/docs/_examples/cb-barrels/ts/app/dashboard.component.css
@@ -2,9 +2,9 @@
   float: left;
 }
 *, *:after, *:before {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 h3 {
   text-align: center; margin-bottom: 0;
@@ -23,13 +23,13 @@ h3 {
   width: 25%;
 }
 .module {
-	padding: 20px;
-	text-align: center;
-	color: #eee;
-	max-height: 120px;
-	min-width: 120px;
-	background-color: #607D8B;
-	border-radius: 2px;
+  padding: 20px;
+  text-align: center;
+  color: #eee;
+  max-height: 120px;
+  min-width: 120px;
+  background-color: #607D8B;
+  border-radius: 2px;
 }
 h4 {
   position: relative;
@@ -46,15 +46,15 @@ h4 {
   padding-right: 20px;
 }
 @media (max-width: 600px) {
-	.module {
-	  font-size: 10px;
-	  max-height: 75px; }
+  .module {
+    font-size: 10px;
+    max-height: 75px; }
 }
 @media (max-width: 1024px) {
-	.grid {
-	  margin: 0;
-	}
-	.module {
-	  min-width: 60px;
-	}
+  .grid {
+    margin: 0;
+  }
+  .module {
+    min-width: 60px;
+  }
 }
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html
index af9039dc9f..deb47fb3e5 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.html
@@ -1,10 +1,10 @@
 <div *ngIf="hero">
-	<h2>{{hero.name}} details!</h2>
-	<div>
-		<label>id: </label>{{hero.id}}</div>
-	<div>
-		<label>name: </label>
-		<input [(ngModel)]="hero.name" placeholder="name"/>
-	</div>
-	<button (click)="goBack()">Back</button>
-</div>
\ No newline at end of file
+  <h2>{{hero.name}} details!</h2>
+  <div>
+    <label>id: </label>{{hero.id}}</div>
+  <div>
+    <label>name: </label>
+    <input [(ngModel)]="hero.name" placeholder="name"/>
+  </div>
+  <button (click)="goBack()">Back</button>
+</div>
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts
index 1117bdd832..ce714d1c00 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/hero.model.ts
@@ -1,5 +1,5 @@
 export class Hero {
-	id: number;
-	name: string;
+  id: number;
+  name: string;
 }
 
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
index 014b7075d1..80d661a439 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/shared/mock-heroes.ts
@@ -5,13 +5,13 @@ export var HEROES: Hero[] = [
 // #enddocregion
 
   {"id": 11, "name": "Mr. Nice"},
-	{"id": 12, "name": "Narco"},
-	{"id": 13, "name": "Bombasto"},
-	{"id": 14, "name": "Celeritas"},
-	{"id": 15, "name": "Magneta"},
-	{"id": 16, "name": "RubberMan"},
-	{"id": 17, "name": "Dynama"},
-	{"id": 18, "name": "Dr IQ"},
-	{"id": 19, "name": "Magma"},
-	{"id": 20, "name": "Tornado"}
+  {"id": 12, "name": "Narco"},
+  {"id": 13, "name": "Bombasto"},
+  {"id": 14, "name": "Celeritas"},
+  {"id": 15, "name": "Magneta"},
+  {"id": 16, "name": "RubberMan"},
+  {"id": 17, "name": "Dynama"},
+  {"id": 18, "name": "Dr IQ"},
+  {"id": 19, "name": "Magma"},
+  {"id": 20, "name": "Tornado"}
 ];

From f4376b810a90321313f0d59978c3d68360181f6f Mon Sep 17 00:00:00 2001
From: Jim Cooper <jim@cooperplanet.com>
Date: Thu, 19 May 2016 22:16:54 -0600
Subject: [PATCH 41/41] docs(cb-barrel): Create hero-detail barrel

---
 .../ts/app/heroes/hero-detail/index.ts        |  2 +
 .../ts/app/heroes/heroes.component.ts         |  2 +-
 .../cb-barrels/ts/app/heroes/index.ts         |  2 +-
 .../docs/_examples/cb-barrels/ts/index.html   |  1 +
 public/docs/ts/latest/cookbook/barrels.jade   | 37 ++++++++++++-------
 5 files changed, 28 insertions(+), 16 deletions(-)
 create mode 100644 public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/index.ts

diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/index.ts
new file mode 100644
index 0000000000..e7552e28b4
--- /dev/null
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/hero-detail/index.ts
@@ -0,0 +1,2 @@
+// #docregion
+export * from './hero-detail.component';
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
index 7bc3cfb000..6e3b2848f2 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/heroes.component.ts
@@ -2,7 +2,7 @@
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router-deprecated';
 import { HeroService, Hero } from './shared';
-import { HeroDetailComponent } from './hero-detail/hero-detail.component'
+import { HeroDetailComponent } from './hero-detail'
 
 @Component({
 // #enddocregion
diff --git a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
index 9101d48411..45fa911acd 100644
--- a/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
+++ b/public/docs/_examples/cb-barrels/ts/app/heroes/index.ts
@@ -1,4 +1,4 @@
 // #docregion
-export * from './hero-detail/hero-detail.component';
+export * from './hero-detail';
 export * from './heroes.component';
 export * from './shared';
diff --git a/public/docs/_examples/cb-barrels/ts/index.html b/public/docs/_examples/cb-barrels/ts/index.html
index 5cc8fa9acb..65c9742a23 100644
--- a/public/docs/_examples/cb-barrels/ts/index.html
+++ b/public/docs/_examples/cb-barrels/ts/index.html
@@ -20,6 +20,7 @@
       System.config({
         packages: {
           'app/heroes': {main: 'index.js', defaultExtension: 'js'},
+          'app/heroes/hero-detail': {main: 'index.js', defaultExtension: 'js'},
           'app/heroes/shared': {main: 'index.js', defaultExtension: 'js'}
         }
       });
diff --git a/public/docs/ts/latest/cookbook/barrels.jade b/public/docs/ts/latest/cookbook/barrels.jade
index 9f7fe66c34..be113555ed 100644
--- a/public/docs/ts/latest/cookbook/barrels.jade
+++ b/public/docs/ts/latest/cookbook/barrels.jade
@@ -47,12 +47,25 @@ include ../_util-fns
 :marked
   Since there are two exportable items in the shared folder, an `index.ts` file is created in that
   folder, and then each of the files in that folder are imported and re-exported. This is our first
-  barrel. Since `mock-heroes.ts` is not used outside of the barrel it is not re-exported.
+  barrel. Since `mock-heroes.ts` is not used outside of the barrel it is not re-exported:
 +makeExample('cb-barrels/ts/app/heroes/shared/index.ts', '', 'app/heroes/shared/index.ts')
 
 :marked
-  Our next barrel is in the heroes folder. An `index.ts` file is created in that folder and then the
-  components and services and the `shared` barrel we just created are all imported and re-exported:
+  Even though there is only a single exportable item in the hero-detail folder, a barrel is
+  created in that folder so that all our imports are consistent, rather than some importing
+  barrels like this:
+
+  (`import { ... } from './shared'`)
+
+  and  others importing files like this:
+
+  `import { ... } from './hero-detail/hero-detail.component'`
++makeExample('cb-barrels/ts/app/heroes/hero-detail/index.ts', '', 'app/heroes/hero-detail/index.ts')
+
+:marked
+  Our final barrel is in the heroes folder and it consolidates each of the other barrels into one.
+  An `index.ts` file is created in the heroes folder and then the components and barrels we just
+  created are all imported and re-exported:
 +makeExample('cb-barrels/ts/app/heroes/index.ts', '', 'app/heroes/index.ts')
 
 :marked
@@ -84,14 +97,10 @@ include ../_util-fns
     These files are still imported individually as shown below.
 
 :marked
-  The `HeroDetailComponent` and `HeroesComponent` import the `HeroService` and `Hero` model from the
-  `shared` barrel. And the reference to the `HeroDetailComponent` is updated in the `HeroesComponent`
-  since it was moved into a new folder:
-+makeTabs(
-  `cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts,
-   cb-barrels/ts/app/heroes/heroes.component.ts`,
-  `imports,
-   imports`,
-  `app/heroes/hero-detail/hero-detail.component.ts,
-   app/heroes/heroes.component.ts`
-)
+  The `HeroDetailComponent` is updated to import the `HeroService` and `Hero` model from the
+  `shared` barrel.
++makeExample('cb-barrels/ts/app/heroes/hero-detail/hero-detail.component.ts', 'imports', 'app/heroes/hero-detail/hero-detail.component.ts')
+
+:marked
+  And finally, the `HeroesComponent` imports the the `HeroDetailComponent` from it's barrel:
++makeExample('cb-barrels/ts/app/heroes/heroes.component.ts', 'imports', 'app/heroes/heroes.component.ts')