From 6fd62e9bafa8272ad7f48e1345eebc7abfaa9d4d Mon Sep 17 00:00:00 2001
From: Foxandxss <foxandxss@gmail.com>
Date: Tue, 24 May 2016 15:16:23 +0200
Subject: [PATCH] docs(style-guide): make style guide code compliant with
 itself closes #1578

---
 .../style-guide/ts/01-01/app/app.component.ts |  5 +-
 .../ts/01-01/app/heroes/heroes.component.ts   |  3 +-
 .../style-guide/ts/01-01/app/heroes/index.ts  |  2 +
 .../ts/01-01/app/heroes/shared/index.ts       |  3 ++
 .../style-guide/ts/01-01/app/index.ts         |  2 +
 .../style-guide/ts/01-01/{app => }/main.ts    |  2 +-
 .../style-guide/ts/02-07/app/app.component.ts |  4 +-
 .../style-guide/ts/02-07/app/heroes/index.ts  |  1 +
 .../style-guide/ts/02-07/app/index.ts         |  3 ++
 .../style-guide/ts/02-07/app/users/index.ts   |  1 +
 .../style-guide/ts/02-08/app/app.component.ts |  2 +-
 .../style-guide/ts/02-08/app/index.ts         |  2 +
 .../style-guide/ts/02-08/app/shared/index.ts  |  1 +
 .../style-guide/ts/03-01/app/app.component.ts |  2 +-
 .../style-guide/ts/03-01/app/index.ts         |  2 +
 .../style-guide/ts/03-01/app/shared/index.ts  |  1 +
 .../style-guide/ts/03-02/app/app.component.ts |  2 +-
 .../style-guide/ts/03-02/app/index.ts         |  2 +
 .../style-guide/ts/03-02/app/shared/index.ts  |  1 +
 .../style-guide/ts/03-03/app/app.component.ts |  3 +-
 .../style-guide/ts/03-03/app/index.ts         |  2 +
 .../style-guide/ts/03-03/app/shared/index.ts  |  2 +
 .../style-guide/ts/03-04/app/app.component.ts |  2 +-
 .../style-guide/ts/03-04/app/index.ts         |  2 +
 .../style-guide/ts/03-04/app/shared/index.ts  |  1 +
 .../style-guide/ts/03-05/app/+heroes/index.ts |  1 +
 .../ts/03-05/app/+heroes/shared/index.ts      |  2 +
 .../style-guide/ts/03-05/app/app.component.ts |  3 +-
 .../style-guide/ts/03-05/app/index.ts         |  3 ++
 .../style-guide/ts/03-06/app/+heroes/index.ts |  1 +
 .../ts/03-06/app/+heroes/shared/index.ts      |  2 +
 .../style-guide/ts/03-06/app/app.component.ts |  3 +-
 .../style-guide/ts/03-06/app/index.ts         |  3 ++
 .../style-guide/ts/04-10/app/app.component.ts |  2 +-
 .../style-guide/ts/04-10/app/index.ts         |  3 ++
 .../{heroes => +heroes}/heroes.component.css  |  0
 .../{heroes => +heroes}/heroes.component.html |  0
 .../{heroes => +heroes}/heroes.component.ts   |  4 +-
 .../style-guide/ts/04-14/app/+heroes/index.ts |  2 +
 .../{heroes => +heroes}/shared/hero.model.ts  |  0
 .../ts/04-14/app/+heroes/shared/index.ts      |  1 +
 .../style-guide/ts/04-14/app/app.component.ts |  2 +-
 .../style-guide/ts/04-14/app/index.ts         |  3 ++
 .../style-guide/ts/04-14/app/shared/index.ts  |  1 +
 .../style-guide/ts/05-02/app/app.component.ts |  2 +-
 .../style-guide/ts/05-02/app/heroes/index.ts  |  1 +
 .../app/heroes/shared/hero-button/index.ts    |  1 +
 .../ts/05-02/app/heroes/shared/index.ts       |  1 +
 .../style-guide/ts/05-02/app/index.ts         |  2 +
 .../style-guide/ts/05-03/app/app.component.ts |  2 +-
 .../style-guide/ts/05-03/app/heroes/index.ts  |  1 +
 .../app/heroes/shared/hero-button/index.ts    |  1 +
 .../ts/05-03/app/heroes/shared/index.ts       |  1 +
 .../style-guide/ts/05-03/app/index.ts         |  2 +
 .../style-guide/ts/05-04/app/app.component.ts |  2 +-
 .../ts/05-04/app/heroes/heroes.component.ts   |  2 +-
 .../style-guide/ts/05-04/app/heroes/index.ts  |  2 +
 .../ts/05-04/app/heroes/shared/index.ts       |  1 +
 .../style-guide/ts/05-04/app/index.ts         |  2 +
 .../style-guide/ts/05-12/app/app.component.ts |  2 +-
 .../style-guide/ts/05-12/app/heroes/index.ts  |  1 +
 .../app/heroes/shared/hero-button/index.ts    |  1 +
 .../ts/05-12/app/heroes/shared/index.ts       |  1 +
 .../style-guide/ts/05-12/app/index.ts         |  2 +
 .../style-guide/ts/05-13/app/app.component.ts |  2 +-
 .../style-guide/ts/05-13/app/heroes/index.ts  |  1 +
 .../app/heroes/shared/hero-button/index.ts    |  1 +
 .../ts/05-13/app/heroes/shared/index.ts       |  1 +
 .../style-guide/ts/05-13/app/index.ts         |  2 +
 .../style-guide/ts/05-14/app/app.component.ts |  2 +-
 .../style-guide/ts/05-14/app/index.ts         |  2 +
 .../style-guide/ts/05-14/app/shared/index.ts  |  1 +
 .../ts/05-14/app/shared/toast/index.ts        |  1 +
 .../style-guide/ts/05-15/app/app.component.ts |  3 +-
 .../ts/05-15/app/heroes/hero-list/index.ts    |  1 +
 .../style-guide/ts/05-15/app/heroes/index.ts  |  2 +
 .../style-guide/ts/05-15/app/index.ts         |  2 +
 .../style-guide/ts/05-16/app/app.component.ts |  2 +-
 .../style-guide/ts/05-16/app/heroes/index.ts  |  1 +
 .../style-guide/ts/05-16/app/index.ts         |  2 +
 .../style-guide/ts/05-17/app/app.component.ts |  2 +-
 .../ts/05-17/app/heroes/hero-list/index.ts    |  1 +
 .../style-guide/ts/05-17/app/heroes/index.ts  |  2 +
 .../ts/05-17/app/heroes/shared/index.ts       |  1 +
 .../style-guide/ts/05-17/app/index.ts         |  2 +
 .../style-guide/ts/06-01/app/app.component.ts |  2 +-
 .../style-guide/ts/06-01/app/index.ts         |  2 +
 .../style-guide/ts/06-01/app/shared/index.ts  |  1 +
 .../style-guide/ts/06-03/app/app.component.ts |  2 +-
 .../style-guide/ts/06-03/app/index.ts         |  2 +
 .../style-guide/ts/06-03/app/shared/index.ts  |  1 +
 .../style-guide/ts/07-01/app/app.component.ts |  3 +-
 .../style-guide/ts/07-01/app/heroes/index.ts  |  1 +
 .../ts/07-01/app/heroes/shared/index.ts       |  2 +
 .../style-guide/ts/07-01/app/index.ts         |  2 +
 .../style-guide/ts/07-03/app/app.component.ts |  3 +-
 .../heroes/hero-list/hero-list.component.ts   |  3 +-
 .../ts/07-03/app/heroes/hero-list/index.ts    |  1 +
 .../style-guide/ts/07-03/app/heroes/index.ts  |  2 +
 .../ts/07-03/app/heroes/shared/index.ts       |  4 +-
 .../style-guide/ts/07-03/app/index.ts         |  2 +
 .../style-guide/ts/07-04/app/app.component.ts |  2 +-
 .../style-guide/ts/07-04/app/heroes/index.ts  |  1 +
 .../style-guide/ts/07-04/app/index.ts         |  2 +
 .../style-guide/ts/09-01/app/app.component.ts |  2 +-
 .../style-guide/ts/09-01/app/heroes/index.ts  |  1 +
 .../app/heroes/shared/hero-button/index.ts    |  1 +
 .../ts/09-01/app/heroes/shared/index.ts       |  1 +
 .../style-guide/ts/09-01/app/index.ts         |  2 +
 .../dashboard.component.ts                    |  0
 .../ts/10-01/app/+dashboard/index.ts          |  1 +
 .../{heroes => +heroes}/heroes.component.ts   |  0
 .../style-guide/ts/10-01/app/+heroes/index.ts |  2 +
 .../shared/hero.service.ts                    |  0
 .../ts/10-01/app/+heroes/shared/index.ts      |  1 +
 .../style-guide/ts/10-01/app/app.component.ts |  7 ++-
 .../style-guide/ts/10-01/app/index.ts         |  4 ++
 .../style-guide/ts/10-01/app/shared/index.ts  |  1 +
 .../ts/10-01/app/shared/nav/index.ts          |  1 +
 .../style-guide/ts/app/app.component.ts       | 52 +++++++++---------
 .../style-guide/ts/systemjs.custom.js         | 54 ++++++++++---------
 public/docs/ts/latest/guide/style-guide.jade  |  6 +--
 122 files changed, 222 insertions(+), 105 deletions(-)
 create mode 100644 public/docs/_examples/style-guide/ts/01-01/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/01-01/app/heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/01-01/app/index.ts
 rename public/docs/_examples/style-guide/ts/01-01/{app => }/main.ts (68%)
 create mode 100644 public/docs/_examples/style-guide/ts/02-07/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/02-07/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/02-07/app/users/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/02-08/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/02-08/app/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-01/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-01/app/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-02/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-02/app/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-03/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-03/app/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-04/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-04/app/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-05/app/+heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-05/app/+heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-05/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-06/app/+heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-06/app/+heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/03-06/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/04-10/app/index.ts
 rename public/docs/_examples/style-guide/ts/04-14/app/{heroes => +heroes}/heroes.component.css (100%)
 rename public/docs/_examples/style-guide/ts/04-14/app/{heroes => +heroes}/heroes.component.html (100%)
 rename public/docs/_examples/style-guide/ts/04-14/app/{heroes => +heroes}/heroes.component.ts (80%)
 create mode 100644 public/docs/_examples/style-guide/ts/04-14/app/+heroes/index.ts
 rename public/docs/_examples/style-guide/ts/04-14/app/{heroes => +heroes}/shared/hero.model.ts (100%)
 create mode 100644 public/docs/_examples/style-guide/ts/04-14/app/+heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/04-14/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/04-14/app/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-02/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-02/app/heroes/shared/hero-button/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-02/app/heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-02/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-03/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-03/app/heroes/shared/hero-button/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-03/app/heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-03/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-04/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-04/app/heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-04/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-12/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-12/app/heroes/shared/hero-button/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-12/app/heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-12/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-13/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-13/app/heroes/shared/hero-button/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-13/app/heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-13/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-14/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-14/app/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-14/app/shared/toast/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-15/app/heroes/hero-list/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-15/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-15/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-16/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-16/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-17/app/heroes/hero-list/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-17/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-17/app/heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/05-17/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/06-01/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/06-01/app/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/06-03/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/06-03/app/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/07-01/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/07-01/app/heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/07-01/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/07-03/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/07-03/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/07-04/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/07-04/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/09-01/app/heroes/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/09-01/app/heroes/shared/hero-button/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/09-01/app/heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/09-01/app/index.ts
 rename public/docs/_examples/style-guide/ts/10-01/app/{dashboard => +dashboard}/dashboard.component.ts (100%)
 create mode 100644 public/docs/_examples/style-guide/ts/10-01/app/+dashboard/index.ts
 rename public/docs/_examples/style-guide/ts/10-01/app/{heroes => +heroes}/heroes.component.ts (100%)
 create mode 100644 public/docs/_examples/style-guide/ts/10-01/app/+heroes/index.ts
 rename public/docs/_examples/style-guide/ts/10-01/app/{heroes => +heroes}/shared/hero.service.ts (100%)
 create mode 100644 public/docs/_examples/style-guide/ts/10-01/app/+heroes/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/10-01/app/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/10-01/app/shared/index.ts
 create mode 100644 public/docs/_examples/style-guide/ts/10-01/app/shared/nav/index.ts

diff --git a/public/docs/_examples/style-guide/ts/01-01/app/app.component.ts b/public/docs/_examples/style-guide/ts/01-01/app/app.component.ts
index a35bd6d420..67ae0213be 100644
--- a/public/docs/_examples/style-guide/ts/01-01/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/01-01/app/app.component.ts
@@ -1,10 +1,7 @@
 // #docregion
-
-// app.component.ts
 import { Component } from '@angular/core';
 
-import { HeroesComponent } from './heroes/heroes.component';
-import { HeroService } from './heroes/shared/hero.service';
+import { HeroesComponent, HeroService } from './heroes';
 
 @Component({
   moduleId: module.id,
diff --git a/public/docs/_examples/style-guide/ts/01-01/app/heroes/heroes.component.ts b/public/docs/_examples/style-guide/ts/01-01/app/heroes/heroes.component.ts
index d8459afd77..9e3546db90 100644
--- a/public/docs/_examples/style-guide/ts/01-01/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/style-guide/ts/01-01/app/heroes/heroes.component.ts
@@ -1,8 +1,7 @@
 // #docregion
 import { Component, OnInit } from '@angular/core';
 
-import { Hero }        from './shared/hero.model';
-import { HeroService } from './shared/hero.service';
+import { Hero, HeroService } from './shared';
 
 @Component({
   selector: 'toh-heroes',
diff --git a/public/docs/_examples/style-guide/ts/01-01/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/01-01/app/heroes/index.ts
new file mode 100644
index 0000000000..a8d7f1d422
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/01-01/app/heroes/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './heroes.component';
diff --git a/public/docs/_examples/style-guide/ts/01-01/app/heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/01-01/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..c0c1a87eb2
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/01-01/app/heroes/shared/index.ts
@@ -0,0 +1,3 @@
+export * from './hero.model';
+export * from './hero.service';
+export * from './mock-heroes';
diff --git a/public/docs/_examples/style-guide/ts/01-01/app/index.ts b/public/docs/_examples/style-guide/ts/01-01/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/01-01/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/01-01/app/main.ts b/public/docs/_examples/style-guide/ts/01-01/main.ts
similarity index 68%
rename from public/docs/_examples/style-guide/ts/01-01/app/main.ts
rename to public/docs/_examples/style-guide/ts/01-01/main.ts
index 46f9f2d024..6b97e81a59 100644
--- a/public/docs/_examples/style-guide/ts/01-01/app/main.ts
+++ b/public/docs/_examples/style-guide/ts/01-01/main.ts
@@ -1,6 +1,6 @@
 // #docregion
 import { bootstrap }    from '@angular/platform-browser-dynamic';
 
-import { AppComponent } from './app.component';
+import { AppComponent } from './app/app.component';
 
 bootstrap(AppComponent, []);
diff --git a/public/docs/_examples/style-guide/ts/02-07/app/app.component.ts b/public/docs/_examples/style-guide/ts/02-07/app/app.component.ts
index 408a34f5d6..9e4bb0b8c5 100644
--- a/public/docs/_examples/style-guide/ts/02-07/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/02-07/app/app.component.ts
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
-import { HeroComponent } from './heroes/hero.component';
-import { UsersComponent } from './users/users.component';
+import { HeroComponent } from './heroes';
+import { UsersComponent } from './users';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/02-07/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/02-07/app/heroes/index.ts
new file mode 100644
index 0000000000..084f36d703
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/02-07/app/heroes/index.ts
@@ -0,0 +1 @@
+export * from './hero.component';
diff --git a/public/docs/_examples/style-guide/ts/02-07/app/index.ts b/public/docs/_examples/style-guide/ts/02-07/app/index.ts
new file mode 100644
index 0000000000..c6b22b0506
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/02-07/app/index.ts
@@ -0,0 +1,3 @@
+export * from './heroes';
+export * from './users';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/02-07/app/users/index.ts b/public/docs/_examples/style-guide/ts/02-07/app/users/index.ts
new file mode 100644
index 0000000000..475ba6d2a7
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/02-07/app/users/index.ts
@@ -0,0 +1 @@
+export * from './users.component';
diff --git a/public/docs/_examples/style-guide/ts/02-08/app/app.component.ts b/public/docs/_examples/style-guide/ts/02-08/app/app.component.ts
index ffc693e1a7..29b3ed7062 100644
--- a/public/docs/_examples/style-guide/ts/02-08/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/02-08/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { ValidateDirective } from './shared/validate.directive';
+import { ValidateDirective } from './shared';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/02-08/app/index.ts b/public/docs/_examples/style-guide/ts/02-08/app/index.ts
new file mode 100644
index 0000000000..d5721a3934
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/02-08/app/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/02-08/app/shared/index.ts b/public/docs/_examples/style-guide/ts/02-08/app/shared/index.ts
new file mode 100644
index 0000000000..2534dc7b6d
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/02-08/app/shared/index.ts
@@ -0,0 +1 @@
+export * from './validate.directive';
diff --git a/public/docs/_examples/style-guide/ts/03-01/app/app.component.ts b/public/docs/_examples/style-guide/ts/03-01/app/app.component.ts
index cd8666bd52..20bedca7d5 100644
--- a/public/docs/_examples/style-guide/ts/03-01/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/03-01/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-import { ExceptionService } from './shared/exception.service';
+import { ExceptionService } from './shared';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/03-01/app/index.ts b/public/docs/_examples/style-guide/ts/03-01/app/index.ts
new file mode 100644
index 0000000000..d5721a3934
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-01/app/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/03-01/app/shared/index.ts b/public/docs/_examples/style-guide/ts/03-01/app/shared/index.ts
new file mode 100644
index 0000000000..8acaa4bcf9
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-01/app/shared/index.ts
@@ -0,0 +1 @@
+export * from './exception.service';
diff --git a/public/docs/_examples/style-guide/ts/03-02/app/app.component.ts b/public/docs/_examples/style-guide/ts/03-02/app/app.component.ts
index a434f05635..15ccb3c351 100644
--- a/public/docs/_examples/style-guide/ts/03-02/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/03-02/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HEROES_URL, VILLAINS_URL } from './shared/data.service';
+import { HEROES_URL, VILLAINS_URL } from './shared';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/03-02/app/index.ts b/public/docs/_examples/style-guide/ts/03-02/app/index.ts
new file mode 100644
index 0000000000..d5721a3934
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-02/app/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/03-02/app/shared/index.ts b/public/docs/_examples/style-guide/ts/03-02/app/shared/index.ts
new file mode 100644
index 0000000000..2ba773ede8
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-02/app/shared/index.ts
@@ -0,0 +1 @@
+export * from './data.service';
diff --git a/public/docs/_examples/style-guide/ts/03-03/app/app.component.ts b/public/docs/_examples/style-guide/ts/03-03/app/app.component.ts
index bd2f43025d..2bab2c3c47 100644
--- a/public/docs/_examples/style-guide/ts/03-03/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/03-03/app/app.component.ts
@@ -1,7 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-import { HeroCollectorService } from './shared/hero-collector.service';
-import { Hero } from './shared/hero.model';
+import { Hero, HeroCollectorService } from './shared';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/03-03/app/index.ts b/public/docs/_examples/style-guide/ts/03-03/app/index.ts
new file mode 100644
index 0000000000..d5721a3934
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-03/app/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/03-03/app/shared/index.ts b/public/docs/_examples/style-guide/ts/03-03/app/shared/index.ts
new file mode 100644
index 0000000000..17ad67b0b1
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-03/app/shared/index.ts
@@ -0,0 +1,2 @@
+export * from './hero-collector.service';
+export * from './hero.model';
diff --git a/public/docs/_examples/style-guide/ts/03-04/app/app.component.ts b/public/docs/_examples/style-guide/ts/03-04/app/app.component.ts
index 83e9e8f038..d7da5134bc 100644
--- a/public/docs/_examples/style-guide/ts/03-04/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/03-04/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-import { ToastService } from './shared/toast.service';
+import { ToastService } from './shared';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/03-04/app/index.ts b/public/docs/_examples/style-guide/ts/03-04/app/index.ts
new file mode 100644
index 0000000000..d5721a3934
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-04/app/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/03-04/app/shared/index.ts b/public/docs/_examples/style-guide/ts/03-04/app/shared/index.ts
new file mode 100644
index 0000000000..e78b628f9c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-04/app/shared/index.ts
@@ -0,0 +1 @@
+export * from './toast.service';
diff --git a/public/docs/_examples/style-guide/ts/03-05/app/+heroes/index.ts b/public/docs/_examples/style-guide/ts/03-05/app/+heroes/index.ts
new file mode 100644
index 0000000000..c3da79f741
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-05/app/+heroes/index.ts
@@ -0,0 +1 @@
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/03-05/app/+heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/03-05/app/+heroes/shared/index.ts
new file mode 100644
index 0000000000..dbb150d3f8
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-05/app/+heroes/shared/index.ts
@@ -0,0 +1,2 @@
+export * from './hero.model';
+export * from './hero.service';
diff --git a/public/docs/_examples/style-guide/ts/03-05/app/app.component.ts b/public/docs/_examples/style-guide/ts/03-05/app/app.component.ts
index 216c1e9109..8268f0d0b9 100644
--- a/public/docs/_examples/style-guide/ts/03-05/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/03-05/app/app.component.ts
@@ -1,8 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
-import { HeroService } from './+heroes/shared/hero.service';
+import { Hero, HeroService } from './+heroes';
 import { ExceptionService, SpinnerService, ToastService } from './shared';
-import { Hero } from './+heroes/shared/hero.model';
 
 @Component({
   moduleId: module.id,
diff --git a/public/docs/_examples/style-guide/ts/03-05/app/index.ts b/public/docs/_examples/style-guide/ts/03-05/app/index.ts
new file mode 100644
index 0000000000..6dd278f3c2
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-05/app/index.ts
@@ -0,0 +1,3 @@
+export * from './+heroes';
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/03-06/app/+heroes/index.ts b/public/docs/_examples/style-guide/ts/03-06/app/+heroes/index.ts
new file mode 100644
index 0000000000..c3da79f741
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-06/app/+heroes/index.ts
@@ -0,0 +1 @@
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/03-06/app/+heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/03-06/app/+heroes/shared/index.ts
new file mode 100644
index 0000000000..dbb150d3f8
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-06/app/+heroes/shared/index.ts
@@ -0,0 +1,2 @@
+export * from './hero.model';
+export * from './hero.service';
diff --git a/public/docs/_examples/style-guide/ts/03-06/app/app.component.ts b/public/docs/_examples/style-guide/ts/03-06/app/app.component.ts
index 216c1e9109..8268f0d0b9 100644
--- a/public/docs/_examples/style-guide/ts/03-06/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/03-06/app/app.component.ts
@@ -1,8 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
-import { HeroService } from './+heroes/shared/hero.service';
+import { Hero, HeroService } from './+heroes';
 import { ExceptionService, SpinnerService, ToastService } from './shared';
-import { Hero } from './+heroes/shared/hero.model';
 
 @Component({
   moduleId: module.id,
diff --git a/public/docs/_examples/style-guide/ts/03-06/app/index.ts b/public/docs/_examples/style-guide/ts/03-06/app/index.ts
new file mode 100644
index 0000000000..6dd278f3c2
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/03-06/app/index.ts
@@ -0,0 +1,3 @@
+export * from './+heroes';
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/04-10/app/app.component.ts b/public/docs/_examples/style-guide/ts/04-10/app/app.component.ts
index e0c50dc7e7..b7554b8d06 100644
--- a/public/docs/_examples/style-guide/ts/04-10/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/04-10/app/app.component.ts
@@ -2,7 +2,7 @@
 import { Component } from '@angular/core';
 
 // #docregion example
-import { HeroesComponent } from './+heroes/index';
+import { HeroesComponent } from './+heroes';
 // #enddocregion example
 
 @Component({
diff --git a/public/docs/_examples/style-guide/ts/04-10/app/index.ts b/public/docs/_examples/style-guide/ts/04-10/app/index.ts
new file mode 100644
index 0000000000..6dd278f3c2
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/04-10/app/index.ts
@@ -0,0 +1,3 @@
+export * from './+heroes';
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/04-14/app/heroes/heroes.component.css b/public/docs/_examples/style-guide/ts/04-14/app/+heroes/heroes.component.css
similarity index 100%
rename from public/docs/_examples/style-guide/ts/04-14/app/heroes/heroes.component.css
rename to public/docs/_examples/style-guide/ts/04-14/app/+heroes/heroes.component.css
diff --git a/public/docs/_examples/style-guide/ts/04-14/app/heroes/heroes.component.html b/public/docs/_examples/style-guide/ts/04-14/app/+heroes/heroes.component.html
similarity index 100%
rename from public/docs/_examples/style-guide/ts/04-14/app/heroes/heroes.component.html
rename to public/docs/_examples/style-guide/ts/04-14/app/+heroes/heroes.component.html
diff --git a/public/docs/_examples/style-guide/ts/04-14/app/heroes/heroes.component.ts b/public/docs/_examples/style-guide/ts/04-14/app/+heroes/heroes.component.ts
similarity index 80%
rename from public/docs/_examples/style-guide/ts/04-14/app/heroes/heroes.component.ts
rename to public/docs/_examples/style-guide/ts/04-14/app/+heroes/heroes.component.ts
index da3520ccce..e12f8af5d9 100644
--- a/public/docs/_examples/style-guide/ts/04-14/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/style-guide/ts/04-14/app/+heroes/heroes.component.ts
@@ -1,9 +1,9 @@
 // #docregion
 import { Component, OnInit } from '@angular/core';
 
-import { Hero } from './shared/hero.model';
+import { Hero } from './shared';
 // #docregion example
-import { Logger } from '../shared/logger.service';
+import { Logger } from '../shared';
 // #enddocregion example
 
 @Component({
diff --git a/public/docs/_examples/style-guide/ts/04-14/app/+heroes/index.ts b/public/docs/_examples/style-guide/ts/04-14/app/+heroes/index.ts
new file mode 100644
index 0000000000..a8d7f1d422
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/04-14/app/+heroes/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './heroes.component';
diff --git a/public/docs/_examples/style-guide/ts/04-14/app/heroes/shared/hero.model.ts b/public/docs/_examples/style-guide/ts/04-14/app/+heroes/shared/hero.model.ts
similarity index 100%
rename from public/docs/_examples/style-guide/ts/04-14/app/heroes/shared/hero.model.ts
rename to public/docs/_examples/style-guide/ts/04-14/app/+heroes/shared/hero.model.ts
diff --git a/public/docs/_examples/style-guide/ts/04-14/app/+heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/04-14/app/+heroes/shared/index.ts
new file mode 100644
index 0000000000..0dceb684c4
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/04-14/app/+heroes/shared/index.ts
@@ -0,0 +1 @@
+export * from './hero.model';
diff --git a/public/docs/_examples/style-guide/ts/04-14/app/app.component.ts b/public/docs/_examples/style-guide/ts/04-14/app/app.component.ts
index 8ceb6f5de0..ebf8146349 100644
--- a/public/docs/_examples/style-guide/ts/04-14/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/04-14/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroesComponent } from './heroes/heroes.component';
+import { HeroesComponent } from './+heroes';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/04-14/app/index.ts b/public/docs/_examples/style-guide/ts/04-14/app/index.ts
new file mode 100644
index 0000000000..6dd278f3c2
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/04-14/app/index.ts
@@ -0,0 +1,3 @@
+export * from './+heroes';
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/04-14/app/shared/index.ts b/public/docs/_examples/style-guide/ts/04-14/app/shared/index.ts
new file mode 100644
index 0000000000..6820e22fc7
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/04-14/app/shared/index.ts
@@ -0,0 +1 @@
+export * from './logger.service';
diff --git a/public/docs/_examples/style-guide/ts/05-02/app/app.component.ts b/public/docs/_examples/style-guide/ts/05-02/app/app.component.ts
index aec6735502..76bf4eafd5 100644
--- a/public/docs/_examples/style-guide/ts/05-02/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-02/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroButtonComponent } from './heroes/shared/hero-button/hero-button.component';
+import { HeroButtonComponent } from './heroes';
 
 @Component({
   moduleId: module.id,
diff --git a/public/docs/_examples/style-guide/ts/05-02/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/05-02/app/heroes/index.ts
new file mode 100644
index 0000000000..c3da79f741
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-02/app/heroes/index.ts
@@ -0,0 +1 @@
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/05-02/app/heroes/shared/hero-button/index.ts b/public/docs/_examples/style-guide/ts/05-02/app/heroes/shared/hero-button/index.ts
new file mode 100644
index 0000000000..6bb67c5670
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-02/app/heroes/shared/hero-button/index.ts
@@ -0,0 +1 @@
+export * from './hero-button.component';
diff --git a/public/docs/_examples/style-guide/ts/05-02/app/heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/05-02/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..2334d49c9a
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-02/app/heroes/shared/index.ts
@@ -0,0 +1 @@
+export * from './hero-button';
diff --git a/public/docs/_examples/style-guide/ts/05-02/app/index.ts b/public/docs/_examples/style-guide/ts/05-02/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-02/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/05-03/app/app.component.ts b/public/docs/_examples/style-guide/ts/05-03/app/app.component.ts
index aec6735502..76bf4eafd5 100644
--- a/public/docs/_examples/style-guide/ts/05-03/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-03/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroButtonComponent } from './heroes/shared/hero-button/hero-button.component';
+import { HeroButtonComponent } from './heroes';
 
 @Component({
   moduleId: module.id,
diff --git a/public/docs/_examples/style-guide/ts/05-03/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/05-03/app/heroes/index.ts
new file mode 100644
index 0000000000..c3da79f741
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-03/app/heroes/index.ts
@@ -0,0 +1 @@
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/05-03/app/heroes/shared/hero-button/index.ts b/public/docs/_examples/style-guide/ts/05-03/app/heroes/shared/hero-button/index.ts
new file mode 100644
index 0000000000..6bb67c5670
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-03/app/heroes/shared/hero-button/index.ts
@@ -0,0 +1 @@
+export * from './hero-button.component';
diff --git a/public/docs/_examples/style-guide/ts/05-03/app/heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/05-03/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..2334d49c9a
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-03/app/heroes/shared/index.ts
@@ -0,0 +1 @@
+export * from './hero-button';
diff --git a/public/docs/_examples/style-guide/ts/05-03/app/index.ts b/public/docs/_examples/style-guide/ts/05-03/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-03/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/05-04/app/app.component.ts b/public/docs/_examples/style-guide/ts/05-04/app/app.component.ts
index 8ceb6f5de0..c8e62772b4 100644
--- a/public/docs/_examples/style-guide/ts/05-04/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-04/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroesComponent } from './heroes/heroes.component';
+import { HeroesComponent } from './heroes';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/05-04/app/heroes/heroes.component.ts b/public/docs/_examples/style-guide/ts/05-04/app/heroes/heroes.component.ts
index 0c59fac703..9db7e50a35 100644
--- a/public/docs/_examples/style-guide/ts/05-04/app/heroes/heroes.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-04/app/heroes/heroes.component.ts
@@ -2,7 +2,7 @@
 // #docregion
 import { Component, OnInit } from '@angular/core';
 
-import { Hero } from './shared/hero.model';
+import { Hero } from './shared';
 
 // #docregion example
 @Component({
diff --git a/public/docs/_examples/style-guide/ts/05-04/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/05-04/app/heroes/index.ts
new file mode 100644
index 0000000000..a8d7f1d422
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-04/app/heroes/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './heroes.component';
diff --git a/public/docs/_examples/style-guide/ts/05-04/app/heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/05-04/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..0dceb684c4
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-04/app/heroes/shared/index.ts
@@ -0,0 +1 @@
+export * from './hero.model';
diff --git a/public/docs/_examples/style-guide/ts/05-04/app/index.ts b/public/docs/_examples/style-guide/ts/05-04/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-04/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/05-12/app/app.component.ts b/public/docs/_examples/style-guide/ts/05-12/app/app.component.ts
index 3f1ce4a4fa..c6bf721e40 100644
--- a/public/docs/_examples/style-guide/ts/05-12/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-12/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroButtonComponent } from './heroes/shared/hero-button/hero-button.component';
+import { HeroButtonComponent } from './heroes';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/05-12/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/05-12/app/heroes/index.ts
new file mode 100644
index 0000000000..c3da79f741
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-12/app/heroes/index.ts
@@ -0,0 +1 @@
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/05-12/app/heroes/shared/hero-button/index.ts b/public/docs/_examples/style-guide/ts/05-12/app/heroes/shared/hero-button/index.ts
new file mode 100644
index 0000000000..6bb67c5670
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-12/app/heroes/shared/hero-button/index.ts
@@ -0,0 +1 @@
+export * from './hero-button.component';
diff --git a/public/docs/_examples/style-guide/ts/05-12/app/heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/05-12/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..2334d49c9a
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-12/app/heroes/shared/index.ts
@@ -0,0 +1 @@
+export * from './hero-button';
diff --git a/public/docs/_examples/style-guide/ts/05-12/app/index.ts b/public/docs/_examples/style-guide/ts/05-12/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-12/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/05-13/app/app.component.ts b/public/docs/_examples/style-guide/ts/05-13/app/app.component.ts
index aec6735502..76bf4eafd5 100644
--- a/public/docs/_examples/style-guide/ts/05-13/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-13/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroButtonComponent } from './heroes/shared/hero-button/hero-button.component';
+import { HeroButtonComponent } from './heroes';
 
 @Component({
   moduleId: module.id,
diff --git a/public/docs/_examples/style-guide/ts/05-13/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/05-13/app/heroes/index.ts
new file mode 100644
index 0000000000..c3da79f741
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-13/app/heroes/index.ts
@@ -0,0 +1 @@
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/05-13/app/heroes/shared/hero-button/index.ts b/public/docs/_examples/style-guide/ts/05-13/app/heroes/shared/hero-button/index.ts
new file mode 100644
index 0000000000..6bb67c5670
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-13/app/heroes/shared/hero-button/index.ts
@@ -0,0 +1 @@
+export * from './hero-button.component';
diff --git a/public/docs/_examples/style-guide/ts/05-13/app/heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/05-13/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..2334d49c9a
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-13/app/heroes/shared/index.ts
@@ -0,0 +1 @@
+export * from './hero-button';
diff --git a/public/docs/_examples/style-guide/ts/05-13/app/index.ts b/public/docs/_examples/style-guide/ts/05-13/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-13/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/05-14/app/app.component.ts b/public/docs/_examples/style-guide/ts/05-14/app/app.component.ts
index 29ad33703f..05e38bf35c 100644
--- a/public/docs/_examples/style-guide/ts/05-14/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-14/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { ToastComponent } from './shared/toast/toast.component';
+import { ToastComponent } from './shared';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/05-14/app/index.ts b/public/docs/_examples/style-guide/ts/05-14/app/index.ts
new file mode 100644
index 0000000000..d5721a3934
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-14/app/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/05-14/app/shared/index.ts b/public/docs/_examples/style-guide/ts/05-14/app/shared/index.ts
new file mode 100644
index 0000000000..7ff6d415e7
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-14/app/shared/index.ts
@@ -0,0 +1 @@
+export * from './toast';
diff --git a/public/docs/_examples/style-guide/ts/05-14/app/shared/toast/index.ts b/public/docs/_examples/style-guide/ts/05-14/app/shared/toast/index.ts
new file mode 100644
index 0000000000..6502de796e
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-14/app/shared/toast/index.ts
@@ -0,0 +1 @@
+export * from './toast.component';
diff --git a/public/docs/_examples/style-guide/ts/05-15/app/app.component.ts b/public/docs/_examples/style-guide/ts/05-15/app/app.component.ts
index cb8cf26877..7fd78842b8 100644
--- a/public/docs/_examples/style-guide/ts/05-15/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-15/app/app.component.ts
@@ -1,7 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroListComponent } from './heroes/hero-list/hero-list.component';
-import { HeroService } from './heroes/shared';
+import { HeroListComponent, HeroService } from './heroes';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/05-15/app/heroes/hero-list/index.ts b/public/docs/_examples/style-guide/ts/05-15/app/heroes/hero-list/index.ts
new file mode 100644
index 0000000000..c4bcb3278e
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-15/app/heroes/hero-list/index.ts
@@ -0,0 +1 @@
+export * from './hero-list.component';
diff --git a/public/docs/_examples/style-guide/ts/05-15/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/05-15/app/heroes/index.ts
new file mode 100644
index 0000000000..f1112f1c7c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-15/app/heroes/index.ts
@@ -0,0 +1,2 @@
+export * from './hero-list';
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/05-15/app/index.ts b/public/docs/_examples/style-guide/ts/05-15/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-15/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/05-16/app/app.component.ts b/public/docs/_examples/style-guide/ts/05-16/app/app.component.ts
index 297fb5b74d..39fab1a724 100644
--- a/public/docs/_examples/style-guide/ts/05-16/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-16/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroComponent } from './heroes/hero.component';
+import { HeroComponent } from './heroes';
 
 @Component({
   moduleId: module.id,
diff --git a/public/docs/_examples/style-guide/ts/05-16/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/05-16/app/heroes/index.ts
new file mode 100644
index 0000000000..084f36d703
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-16/app/heroes/index.ts
@@ -0,0 +1 @@
+export * from './hero.component';
diff --git a/public/docs/_examples/style-guide/ts/05-16/app/index.ts b/public/docs/_examples/style-guide/ts/05-16/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-16/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/05-17/app/app.component.ts b/public/docs/_examples/style-guide/ts/05-17/app/app.component.ts
index e9437befb4..8e2e7e727c 100644
--- a/public/docs/_examples/style-guide/ts/05-17/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/05-17/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroListComponent } from './heroes/hero-list/hero-list.component';
+import { HeroListComponent } from './heroes';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/05-17/app/heroes/hero-list/index.ts b/public/docs/_examples/style-guide/ts/05-17/app/heroes/hero-list/index.ts
new file mode 100644
index 0000000000..c4bcb3278e
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-17/app/heroes/hero-list/index.ts
@@ -0,0 +1 @@
+export * from './hero-list.component';
diff --git a/public/docs/_examples/style-guide/ts/05-17/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/05-17/app/heroes/index.ts
new file mode 100644
index 0000000000..f1112f1c7c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-17/app/heroes/index.ts
@@ -0,0 +1,2 @@
+export * from './hero-list';
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/05-17/app/heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/05-17/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..0dceb684c4
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-17/app/heroes/shared/index.ts
@@ -0,0 +1 @@
+export * from './hero.model';
diff --git a/public/docs/_examples/style-guide/ts/05-17/app/index.ts b/public/docs/_examples/style-guide/ts/05-17/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/05-17/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/06-01/app/app.component.ts b/public/docs/_examples/style-guide/ts/06-01/app/app.component.ts
index bd1374520d..97a52c0c0c 100644
--- a/public/docs/_examples/style-guide/ts/06-01/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/06-01/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HighlightDirective } from './shared/highlight.directive';
+import { HighlightDirective } from './shared';
 
 @Component({
   moduleId: module.id,
diff --git a/public/docs/_examples/style-guide/ts/06-01/app/index.ts b/public/docs/_examples/style-guide/ts/06-01/app/index.ts
new file mode 100644
index 0000000000..d5721a3934
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/06-01/app/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/06-01/app/shared/index.ts b/public/docs/_examples/style-guide/ts/06-01/app/shared/index.ts
new file mode 100644
index 0000000000..105a035680
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/06-01/app/shared/index.ts
@@ -0,0 +1 @@
+export * from './highlight.directive';
diff --git a/public/docs/_examples/style-guide/ts/06-03/app/app.component.ts b/public/docs/_examples/style-guide/ts/06-03/app/app.component.ts
index 7826201fab..c40b5c0406 100644
--- a/public/docs/_examples/style-guide/ts/06-03/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/06-03/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { ValidatorDirective } from './shared/validator.directive';
+import { ValidatorDirective } from './shared';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/06-03/app/index.ts b/public/docs/_examples/style-guide/ts/06-03/app/index.ts
new file mode 100644
index 0000000000..d5721a3934
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/06-03/app/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/06-03/app/shared/index.ts b/public/docs/_examples/style-guide/ts/06-03/app/shared/index.ts
new file mode 100644
index 0000000000..2534dc7b6d
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/06-03/app/shared/index.ts
@@ -0,0 +1 @@
+export * from './validate.directive';
diff --git a/public/docs/_examples/style-guide/ts/07-01/app/app.component.ts b/public/docs/_examples/style-guide/ts/07-01/app/app.component.ts
index 5c6491c86c..5b10b49c37 100644
--- a/public/docs/_examples/style-guide/ts/07-01/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/07-01/app/app.component.ts
@@ -1,7 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-import { HeroService } from './heroes/shared/hero.service';
-import { Hero } from './heroes/shared/hero.model';
+import { Hero, HeroService } from './heroes';
 
 @Component({
   moduleId: module.id,
diff --git a/public/docs/_examples/style-guide/ts/07-01/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/07-01/app/heroes/index.ts
new file mode 100644
index 0000000000..c3da79f741
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/07-01/app/heroes/index.ts
@@ -0,0 +1 @@
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/07-01/app/heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/07-01/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..dbb150d3f8
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/07-01/app/heroes/shared/index.ts
@@ -0,0 +1,2 @@
+export * from './hero.model';
+export * from './hero.service';
diff --git a/public/docs/_examples/style-guide/ts/07-01/app/index.ts b/public/docs/_examples/style-guide/ts/07-01/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/07-01/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/07-03/app/app.component.ts b/public/docs/_examples/style-guide/ts/07-03/app/app.component.ts
index 11a08adb3e..276321e2f1 100644
--- a/public/docs/_examples/style-guide/ts/07-03/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/07-03/app/app.component.ts
@@ -1,8 +1,7 @@
 // #docregion
 import { Component } from '@angular/core';
 
-import { HeroListComponent } from './heroes/hero-list/hero-list.component';
-import { HeroService } from './heroes/shared/hero.service';
+import { HeroListComponent, HeroService } from './heroes';
 
 @Component({
   selector: 'toh-app',
diff --git a/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/hero-list.component.ts b/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/hero-list.component.ts
index 64508765bb..cf9bb19243 100644
--- a/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/hero-list.component.ts
+++ b/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/hero-list.component.ts
@@ -1,8 +1,7 @@
 // #docregion
 import { Component, OnInit } from '@angular/core';
 
-import { HeroService } from '../shared/hero.service';
-import { Hero } from '../shared/hero.model';
+import { Hero, HeroService } from '../shared';
 
 @Component({
   selector: 'toh-heroes',
diff --git a/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/index.ts b/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/index.ts
new file mode 100644
index 0000000000..c4bcb3278e
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/index.ts
@@ -0,0 +1 @@
+export * from './hero-list.component';
diff --git a/public/docs/_examples/style-guide/ts/07-03/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/07-03/app/heroes/index.ts
new file mode 100644
index 0000000000..f1112f1c7c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/07-03/app/heroes/index.ts
@@ -0,0 +1,2 @@
+export * from './hero-list';
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/07-03/app/heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/07-03/app/heroes/shared/index.ts
index 330dbe676c..27516fdedd 100644
--- a/public/docs/_examples/style-guide/ts/07-03/app/heroes/shared/index.ts
+++ b/public/docs/_examples/style-guide/ts/07-03/app/heroes/shared/index.ts
@@ -1,3 +1,3 @@
 // #docregion
-export * from './hero.model.ts';
-export * from './hero.service.ts';
+export * from './hero.model';
+export * from './hero.service';
diff --git a/public/docs/_examples/style-guide/ts/07-03/app/index.ts b/public/docs/_examples/style-guide/ts/07-03/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/07-03/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/07-04/app/app.component.ts b/public/docs/_examples/style-guide/ts/07-04/app/app.component.ts
index 608d7cf403..e938b12036 100644
--- a/public/docs/_examples/style-guide/ts/07-04/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/07-04/app/app.component.ts
@@ -1,7 +1,7 @@
 // #docregion
 import { Component } from '@angular/core';
 
-import { HeroArena, HeroService, Hero } from './heroes/shared';
+import { HeroArena, HeroService, Hero } from './heroes';
 
 @Component({
   selector: 'toh-app',
diff --git a/public/docs/_examples/style-guide/ts/07-04/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/07-04/app/heroes/index.ts
new file mode 100644
index 0000000000..c3da79f741
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/07-04/app/heroes/index.ts
@@ -0,0 +1 @@
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/07-04/app/index.ts b/public/docs/_examples/style-guide/ts/07-04/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/07-04/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/09-01/app/app.component.ts b/public/docs/_examples/style-guide/ts/09-01/app/app.component.ts
index 089468ba0a..50ddf5fe1e 100644
--- a/public/docs/_examples/style-guide/ts/09-01/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/09-01/app/app.component.ts
@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroButtonComponent } from './heroes/shared/hero-button/hero-button.component';
+import { HeroButtonComponent } from './heroes';
 
 @Component({
   selector: 'sg-app',
diff --git a/public/docs/_examples/style-guide/ts/09-01/app/heroes/index.ts b/public/docs/_examples/style-guide/ts/09-01/app/heroes/index.ts
new file mode 100644
index 0000000000..c3da79f741
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/09-01/app/heroes/index.ts
@@ -0,0 +1 @@
+export * from './shared';
diff --git a/public/docs/_examples/style-guide/ts/09-01/app/heroes/shared/hero-button/index.ts b/public/docs/_examples/style-guide/ts/09-01/app/heroes/shared/hero-button/index.ts
new file mode 100644
index 0000000000..6bb67c5670
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/09-01/app/heroes/shared/hero-button/index.ts
@@ -0,0 +1 @@
+export * from './hero-button.component';
diff --git a/public/docs/_examples/style-guide/ts/09-01/app/heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/09-01/app/heroes/shared/index.ts
new file mode 100644
index 0000000000..2334d49c9a
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/09-01/app/heroes/shared/index.ts
@@ -0,0 +1 @@
+export * from './hero-button';
diff --git a/public/docs/_examples/style-guide/ts/09-01/app/index.ts b/public/docs/_examples/style-guide/ts/09-01/app/index.ts
new file mode 100644
index 0000000000..0d27e4612c
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/09-01/app/index.ts
@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/10-01/app/dashboard/dashboard.component.ts b/public/docs/_examples/style-guide/ts/10-01/app/+dashboard/dashboard.component.ts
similarity index 100%
rename from public/docs/_examples/style-guide/ts/10-01/app/dashboard/dashboard.component.ts
rename to public/docs/_examples/style-guide/ts/10-01/app/+dashboard/dashboard.component.ts
diff --git a/public/docs/_examples/style-guide/ts/10-01/app/+dashboard/index.ts b/public/docs/_examples/style-guide/ts/10-01/app/+dashboard/index.ts
new file mode 100644
index 0000000000..28b2996161
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/10-01/app/+dashboard/index.ts
@@ -0,0 +1 @@
+export * from './dashboard.component';
diff --git a/public/docs/_examples/style-guide/ts/10-01/app/heroes/heroes.component.ts b/public/docs/_examples/style-guide/ts/10-01/app/+heroes/heroes.component.ts
similarity index 100%
rename from public/docs/_examples/style-guide/ts/10-01/app/heroes/heroes.component.ts
rename to public/docs/_examples/style-guide/ts/10-01/app/+heroes/heroes.component.ts
diff --git a/public/docs/_examples/style-guide/ts/10-01/app/+heroes/index.ts b/public/docs/_examples/style-guide/ts/10-01/app/+heroes/index.ts
new file mode 100644
index 0000000000..d85a0c81c4
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/10-01/app/+heroes/index.ts
@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './heroes.component.ts';
diff --git a/public/docs/_examples/style-guide/ts/10-01/app/heroes/shared/hero.service.ts b/public/docs/_examples/style-guide/ts/10-01/app/+heroes/shared/hero.service.ts
similarity index 100%
rename from public/docs/_examples/style-guide/ts/10-01/app/heroes/shared/hero.service.ts
rename to public/docs/_examples/style-guide/ts/10-01/app/+heroes/shared/hero.service.ts
diff --git a/public/docs/_examples/style-guide/ts/10-01/app/+heroes/shared/index.ts b/public/docs/_examples/style-guide/ts/10-01/app/+heroes/shared/index.ts
new file mode 100644
index 0000000000..9edcfff7fb
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/10-01/app/+heroes/shared/index.ts
@@ -0,0 +1 @@
+export * from './hero.service';
diff --git a/public/docs/_examples/style-guide/ts/10-01/app/app.component.ts b/public/docs/_examples/style-guide/ts/10-01/app/app.component.ts
index bdc95b503b..38d27afd5d 100644
--- a/public/docs/_examples/style-guide/ts/10-01/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/10-01/app/app.component.ts
@@ -2,10 +2,9 @@
 import { Component } from '@angular/core';
 import { Routes, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from '@angular/router';
 
-import { NavComponent } from './shared/nav/nav.component';
-import { DashboardComponent } from './dashboard/dashboard.component';
-import { HeroesComponent } from './heroes/heroes.component';
-import { HeroService } from './heroes/shared/hero.service';
+import { NavComponent } from './shared';
+import { DashboardComponent } from './+dashboard';
+import { HeroesComponent, HeroService } from './+heroes';
 
 @Component({
   selector: 'toh-app',
diff --git a/public/docs/_examples/style-guide/ts/10-01/app/index.ts b/public/docs/_examples/style-guide/ts/10-01/app/index.ts
new file mode 100644
index 0000000000..0a909b24c9
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/10-01/app/index.ts
@@ -0,0 +1,4 @@
+export * from './+dashboard';
+export * from './+heroes';
+export * from './shared';
+export * from './app.component';
\ No newline at end of file
diff --git a/public/docs/_examples/style-guide/ts/10-01/app/shared/index.ts b/public/docs/_examples/style-guide/ts/10-01/app/shared/index.ts
new file mode 100644
index 0000000000..38d6745899
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/10-01/app/shared/index.ts
@@ -0,0 +1 @@
+export * from './nav';
diff --git a/public/docs/_examples/style-guide/ts/10-01/app/shared/nav/index.ts b/public/docs/_examples/style-guide/ts/10-01/app/shared/nav/index.ts
new file mode 100644
index 0000000000..ca588a3642
--- /dev/null
+++ b/public/docs/_examples/style-guide/ts/10-01/app/shared/nav/index.ts
@@ -0,0 +1 @@
+export * from './nav.component';
diff --git a/public/docs/_examples/style-guide/ts/app/app.component.ts b/public/docs/_examples/style-guide/ts/app/app.component.ts
index 33448ba587..27287bfd7c 100644
--- a/public/docs/_examples/style-guide/ts/app/app.component.ts
+++ b/public/docs/_examples/style-guide/ts/app/app.component.ts
@@ -1,32 +1,32 @@
 import { Component } from '@angular/core';
 import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
 
-import { AppComponent as S0101 } from '../01-01/app/app.component';
-import { AppComponent as S0207 } from '../02-07/app/app.component';
-import { AppComponent as S0208 } from '../02-08/app/app.component';
-import { AppComponent as S0301 } from '../03-01/app/app.component';
-import { AppComponent as S0302 } from '../03-02/app/app.component';
-import { AppComponent as S0303 } from '../03-03/app/app.component';
-import { AppComponent as S0304 } from '../03-04/app/app.component';
-import { AppComponent as S0305 } from '../03-05/app/app.component';
-import { AppComponent as S0306 } from '../03-06/app/app.component';
-import { AppComponent as S0410 } from '../04-10/app/app.component';
-import { AppComponent as S0414 } from '../04-14/app/app.component';
-import { AppComponent as S0502 } from '../05-02/app/app.component';
-import { AppComponent as S0503 } from '../05-03/app/app.component';
-import { AppComponent as S0504 } from '../05-04/app/app.component';
-import { AppComponent as S0512 } from '../05-12/app/app.component';
-import { AppComponent as S0513 } from '../05-13/app/app.component';
-import { AppComponent as S0514 } from '../05-14/app/app.component';
-import { AppComponent as S0515 } from '../05-15/app/app.component';
-import { AppComponent as S0516 } from '../05-16/app/app.component';
-import { AppComponent as S0517 } from '../05-17/app/app.component';
-import { AppComponent as S0601 } from '../06-01/app/app.component';
-import { AppComponent as S0603 } from '../06-03/app/app.component';
-import { AppComponent as S0701 } from '../07-01/app/app.component';
-import { AppComponent as S0703 } from '../07-03/app/app.component';
-import { AppComponent as S0704 } from '../07-04/app/app.component';
-import { AppComponent as S0901 } from '../09-01/app/app.component';
+import { AppComponent as S0101 } from '../01-01/app';
+import { AppComponent as S0207 } from '../02-07/app';
+import { AppComponent as S0208 } from '../02-08/app';
+import { AppComponent as S0301 } from '../03-01/app';
+import { AppComponent as S0302 } from '../03-02/app';
+import { AppComponent as S0303 } from '../03-03/app';
+import { AppComponent as S0304 } from '../03-04/app';
+import { AppComponent as S0305 } from '../03-05/app';
+import { AppComponent as S0306 } from '../03-06/app';
+import { AppComponent as S0410 } from '../04-10/app';
+import { AppComponent as S0414 } from '../04-14/app';
+import { AppComponent as S0502 } from '../05-02/app';
+import { AppComponent as S0503 } from '../05-03/app';
+import { AppComponent as S0504 } from '../05-04/app';
+import { AppComponent as S0512 } from '../05-12/app';
+import { AppComponent as S0513 } from '../05-13/app';
+import { AppComponent as S0514 } from '../05-14/app';
+import { AppComponent as S0515 } from '../05-15/app';
+import { AppComponent as S0516 } from '../05-16/app';
+import { AppComponent as S0517 } from '../05-17/app';
+import { AppComponent as S0601 } from '../06-01/app';
+import { AppComponent as S0603 } from '../06-03/app';
+import { AppComponent as S0701 } from '../07-01/app';
+import { AppComponent as S0703 } from '../07-03/app';
+import { AppComponent as S0704 } from '../07-04/app';
+import { AppComponent as S0901 } from '../09-01/app';
 
 @Component({
   selector: 'my-app',
diff --git a/public/docs/_examples/style-guide/ts/systemjs.custom.js b/public/docs/_examples/style-guide/ts/systemjs.custom.js
index 4909a1d1a2..10f13fe801 100644
--- a/public/docs/_examples/style-guide/ts/systemjs.custom.js
+++ b/public/docs/_examples/style-guide/ts/systemjs.custom.js
@@ -1,33 +1,35 @@
 (function(global) {
   // extra local packages
   var packageNames = [
-    '01-01',
-    '02-07',
-    '02-08',
-    '03-01',
-    '03-02',
-    '03-03',
-    '03-04',
-    '03-05', '03-05/app/shared', '03-05/app/shared/spinner', '03-05/app/shared/toast',
-    '03-06', '03-06/app/shared', '03-06/app/shared/spinner', '03-06/app/shared/toast',
-    '04-10', '04-10/app/shared', '04-10/app/+heroes', '04-10/app/shared/spinner', '04-10/app/shared/toast',
+    '01-01', '01-01/app', '01-01/app/heroes', '01-01/app/heroes/shared',
+    '02-07', '02-07/app', '02-07/app/heroes', '02-07/app/users',
+    '02-08', '02-08/app', '02-08/app/shared',
+    '03-01', '03-01/app', '03-01/app/shared',
+    '03-02', '03-02/app', '03-02/app/shared',
+    '03-03', '03-03/app', '03-03/app/shared',
+    '03-04', '03-04/app', '03-04/app/shared',
+    '03-05', '03-05/app', '03-05/app/shared', '03-05/app/shared/spinner', '03-05/app/shared/toast',
+      '03-05/app/+heroes', '03-05/app/+heroes/shared',
+    '03-06', '03-06/app', '03-06/app/shared', '03-06/app/shared/spinner', '03-06/app/shared/toast',
+      '03-06/app/+heroes', '03-06/app/+heroes/shared',
+    '04-10', '04-10/app', '04-10/app/shared', '04-10/app/+heroes', '04-10/app/shared/spinner', '04-10/app/shared/toast',
       '04-10/app/shared/filter-text', '04-10/app/shared/modal', '04-10/app/shared/nav',
-    '04-14',
-    '05-02',
-    '05-03',
-    '05-04',
-    '05-12',
-    '05-13',
-    '05-14',
-    '05-15', '05-15/app/heroes/shared',
-    '05-16',
-    '05-17',
-    '06-01',
-    '06-03',
-    '07-01',
-    '07-03',
-    '07-04', '07-04/app/heroes/shared',
-    '09-01'
+    '04-14', '04-14/app', '04-14/app/+heroes', '04-14/app/+heroes/shared', '04-14/app/shared',
+    '05-02', '05-02/app', '05-02/app/heroes', '05-02/app/heroes/shared', '05-02/app/heroes/shared/hero-button',
+    '05-03', '05-03/app', '05-03/app/heroes', '05-03/app/heroes/shared', '05-03/app/heroes/shared/hero-button',
+    '05-04', '05-04/app', '05-04/app/heroes', '05-04/app/heroes/shared',
+    '05-12', '05-12/app', '05-12/app/heroes', '05-12/app/heroes/shared', '05-12/app/heroes/shared/hero-button',
+    '05-13', '05-13/app', '05-13/app/heroes', '05-13/app/heroes/shared', '05-13/app/heroes/shared/hero-button',
+    '05-14', '05-14/app', '05-14/app/shared', '05-14/app/shared/toast',
+    '05-15', '05-15/app', '05-15/app/heroes', '05-15/app/heroes/hero-list', '05-15/app/heroes/shared',
+    '05-16', '05-16/app', '05-16/app/heroes',
+    '05-17', '05-17/app', '05-17/app/heroes', '05-17/app/heroes/hero-list', '05-17/app/heroes/shared',
+    '06-01', '06-01/app', '06-01/app/shared',
+    '06-03', '06-03/app', '06-03/app/shared',
+    '07-01', '07-01/app', '07-01/app/heroes', '07-01/app/heroes/shared',
+    '07-03', '07-03/app', '07-03/app/heroes', '07-03/app/heroes/hero-list', '07-03/app/heroes/shared',
+    '07-04', '07-04/app', '07-04/app/heroes', '07-04/app/heroes/shared',
+    '09-01', '09-01/app', '09-01/app/heroes', '09-01/app/heroes/shared', '09-01/app/heroes/shared/hero-button'
   ];
 
   var packages = {};
diff --git a/public/docs/ts/latest/guide/style-guide.jade b/public/docs/ts/latest/guide/style-guide.jade
index 37586f1cce..63ec381d0e 100644
--- a/public/docs/ts/latest/guide/style-guide.jade
+++ b/public/docs/ts/latest/guide/style-guide.jade
@@ -97,14 +97,14 @@ a(id='toc')
   Better to redistribute the component and supporting activities into their own dedicated files.
 
 +makeTabs(
-  `style-guide/ts/01-01/app/main.ts,
+  `style-guide/ts/01-01/main.ts,
   style-guide/ts/01-01/app/app.component.ts,
   style-guide/ts/01-01/app/heroes/heroes.component.ts,
   style-guide/ts/01-01/app/heroes/shared/hero.service.ts,
   style-guide/ts/01-01/app/heroes/shared/hero.model.ts,
   style-guide/ts/01-01/app/heroes/shared/mock-heroes.ts`,
   '',
-  `app/main.ts,
+  `main.ts,
   app/app.component.ts,
   app/heroes/heroes.component.ts,
   app/heroes/shared/hero.service.ts,
@@ -1346,7 +1346,7 @@ a(href="#toc") Back to top
   :marked
     **Why?** A parent module has already been loaded by the time the lazy loaded module imports it.
 
-+makeExample('style-guide/ts/04-14/app/heroes/heroes.component.ts', 'example', 'app/heroes/heroes.component.ts')
++makeExample('style-guide/ts/04-14/app/+heroes/heroes.component.ts', 'example', 'app/+heroes/heroes.component.ts')
 :marked
 
 a(href="#toc") Back to top