update example

gulpfile.js

@@ -51,8 +51,6 @@ var regularPlunker = require(path.resolve(TOOLS_PATH, 'plunker-builder/regularPl
 var embeddedPlunker = require(path.resolve(TOOLS_PATH, 'plunker-builder/embeddedPlunker'));
 var fsUtils = require(path.resolve(TOOLS_PATH, 'fs-utils/fsUtils'));
 
-var publish = require(path.resolve(EXAMPLES_PATH + '/cb-third-party-lib/hero-profile/publish'));
-
 const WWW = argv.page ? 'www-pages' : 'www'
 
 const isSilent = !!argv.silent;
@@ -448,7 +446,7 @@ gulp.task('add-example-boilerplate', function() {
     fsUtils.addSymlink(realPath, linkPath);
   });
 
-  publish().then(() => copyExampleBoilerplate());
+  return copyExampleBoilerplate();
 });
 
 

public/docs/_examples/cb-third-party-lib/hero-profile/.gitignore

@@ -0,0 +1,8 @@
+bundles/
+dist/
+node_modules/
+src/**/*.ngfactory.ts
+src/**/*.ngsummary.json
+src/**/*.ngstyle.ts
+debug.log
+npm-debug.log

public/docs/_examples/cb-third-party-lib/hero-profile/.npmignore

@@ -0,0 +1,9 @@
+# Ignore eveything by default.
+/*
+
+# Only publish these files/folders:
+!bundles/
+!dist/
+!LICENSE
+!package.json
+!README.md

public/docs/_examples/cb-third-party-lib/hero-profile/package.json

@@ -1,14 +1,32 @@
 {
   "name": "hero-profile",
-  "version": "0.0.1",
+  "version": "1.0.0",
+  "description": "",
   "main": "bundles/hero-profile.umd.js",
-  "module": "index.js",
-  "typings": "index.d.ts",
+  "module": "dist/index.js",
+  "typings": "dist/index.d.ts",
   "author": "",
-  "licenses": [
-    {
-      "type": "MIT",
-      "url": "https://github.com/angular/angular.io/blob/master/LICENSE"
-    }
-  ]
-}
+  "license": "MIT",
+  "repository": {},
+  "scripts": {
+    "prebuild": "npm run clean",
+    "build": "ngc && node copy-dist-files.js && rollup -c rollup-config.js",
+    "clean": "rimraf bundles dist dist-spec src/**/*.ngfactory.ts src/**/*.ngsummary.json src/**/*.ngstyle.ts"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=2.0.0 <5.0.0 || >=4.0.0-beta <5.0.0"
+  },
+  "devDependencies": {
+    "@angular/compiler": "^2.4.8",
+    "@angular/compiler-cli": "^2.4.8",
+    "@angular/core": "^2.4.8",
+    "@types/node": "^7.0.5",
+    "glob": "^7.1.1",
+    "rimraf": "^2.6.1",
+    "rollup": "^0.36.0",
+    "rollup-plugin-angular-inline": "^1.0.0",
+    "rxjs": "^5.0.1",
+    "typescript": "~2.0.10",
+    "zone.js": "^0.7.2"
+  }
+}

public/docs/_examples/cb-third-party-lib/hero-profile/rollup-config.js

@@ -1,10 +1,15 @@
 // #docregion
+import angularInline from 'rollup-plugin-angular-inline';
+
 export default {
-  entry: './public/docs/_examples/cb-third-party-lib/hero-profile/index.js',
-  dest: './public/docs/_examples/cb-third-party-lib/hero-profile/bundles/hero-profile.umd.js',
+  entry: './dist/index.js',
+  dest: './bundles/hero-profile.umd.js',
   format: 'umd',
-  moduleName: 'ng.heroProfile',
+  moduleName: 'heroProfile',
   globals: {
     '@angular/core': 'ng.core'
-  }
-}
+  },
+  plugins: [
+    angularInline({ include: './dist/**/*.component.js' })
+  ]
+}

public/docs/_examples/cb-third-party-lib/hero-profile/src/index.ts

@@ -0,0 +1,4 @@
+// #docregion
+export { HeroProfileComponent } from './lib/hero-profile.component';
+export { HeroProfileModule }    from './lib/hero-profile.module';
+export { Hero }                 from './lib/hero';

public/docs/_examples/cb-third-party-lib/hero-profile/tsconfig-aot.json → public/docs/_examples/cb-third-party-lib/hero-profile/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "outDir": "dist/",
     "target": "es5",
     "module": "es2015",
     "moduleResolution": "node",
@@ -8,15 +9,13 @@
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
     "noImplicitAny": true,
-    "typeRoots": [
-      "../../node_modules/@types/"
+    "suppressImplicitAnyIndexErrors": true,
+    "lib": [
+      "es2015",
+      "dom"
     ]
   },
-  "files": [
-    "index.ts"
-  ],
   "angularCompilerOptions": {
-    "genDir": "aot",
-    "skipMetadataEmit" : false
+    "skipMetadataEmit": false
   }
-}
+}

public/docs/_examples/cb-third-party-lib/ts/.gitignore

@@ -0,0 +1,8 @@
+aot/**/*.ts
+**/*.ngfactory.ts
+**/*.ngsummary.json
+**/*.metadata.json
+**/*.js
+dist
+!app/tsconfig.json
+!rollup-config.js

public/docs/_examples/cb-third-party-lib/ts/aot/index.html

@@ -0,0 +1,22 @@
+<!-- #docregion -->
+<!DOCTYPE html>
+<html>
+  <head>
+    <base href=/proxy/https/github.com/angular/angular.io/pull/3411/commits/&quot;/&quot;&gt;%3C/span>
+    <title>Angular Tour of Heroes</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link rel="stylesheet" href=/proxy/https/github.com/angular/angular.io/pull/3411/commits/&quot;styles.css&quot;&gt;%3C/span>
+
+    <script src=/proxy/https/github.com/angular/angular.io/pull/3411/commits/&quot;shim.min.js&quot;&gt;&lt;/script&gt;%3C/span>
+    <script src=/proxy/https/github.com/angular/angular.io/pull/3411/commits/&quot;zone.min.js&quot;&gt;&lt;/script&gt;%3C/span>
+    <!-- #docregion moduleId -->
+    <script>window.module = 'aot';</script>
+    <!-- #enddocregion moduleId -->
+  </head>
+
+  <body>
+    <my-app>Loading...</my-app>
+  </body>
+  <script src=/proxy/https/github.com/angular/angular.io/pull/3411/commits/&quot;dist/build.js&quot;&gt;&lt;/script&gt;%3C/span>
+</html>