Foxandxss · Nov 3, 2017 · Jan 17, 2018 · Jan 22, 2018 · Jan 22, 2018 · gkalpak
diff --git a/aio/README.md b/aio/README.md
@@ -4,7 +4,7 @@ Everything in this folder is part of the documentation project. This includes
 
 * the web site for displaying the documentation
 * the dgeni configuration for converting source files to rendered files that can be viewed in the web site.
-* the tooling for setting up examples for development; and generating plunkers and zip files from the examples.
+* the tooling for setting up examples for development; and generating live-example and zip files from the examples.
 
 ## Developer tasks
 
@@ -13,7 +13,7 @@ You should run all these tasks from the `angular/aio` folder.
 Here are the most important tasks you might need to use:
 
 * `yarn` - install all the dependencies.
-* `yarn setup` - install all the dependencies, boilerplate, plunkers, zips and run dgeni on the docs.
+* `yarn setup` - install all the dependencies, boilerplate, stackblitz, zips and run dgeni on the docs.
 * `yarn setup-local` - same as `setup`, but use the locally built Angular packages for aio and docs examples boilerplate.
 
 * `yarn build` - create a production build of the application (after installing dependencies, boilerplate, etc).
@@ -32,7 +32,7 @@ Here are the most important tasks you might need to use:
 
 * `yarn boilerplate:add` - generate all the boilerplate code for the examples, so that they can be run locally. Add the option `--local` to use your local version of Angular contained in the "dist" folder.
 * `yarn boilerplate:remove` - remove all the boilerplate code that was added via `yarn boilerplate:add`.
-* `yarn generate-plunkers` - generate the plunker files that are used by the `live-example` tags in the docs.
+* `yarn generate-stackblitz` - generate the stackblitz files that are used by the `live-example` tags in the docs.
 * `yarn generate-zips` - generate the zip files from the examples. Zip available via the `live-example` tags in the docs.
 
 * `yarn example-e2e` - run all e2e tests for examples

diff --git a/aio/content/examples/.gitignore b/aio/content/examples/.gitignore
@@ -76,8 +76,8 @@ aot-compiler/**/*.factory.d.ts
 # universal
 !universal/webpack.server.config.js
 
-# plunkers
-*plnkr.no-link.html
+# stackblitz
+*stackblitz.no-link.html
 
 # ngUpgrade testing
 !upgrade-phonecat-*/**/karma.conf.js

diff --git a/...t/examples/ajs-quick-reference/plnkr.json → ...mples/ajs-quick-reference/stackblitz.json b/...t/examples/ajs-quick-reference/plnkr.json → ...mples/ajs-quick-reference/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "AngularJS to Angular Quick Reference",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js",

diff --git a/aio/content/examples/animations/plnkr.json → ...ntent/examples/animations/stackblitz.json b/aio/content/examples/animations/plnkr.json → ...ntent/examples/animations/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Angular Animations",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js"

diff --git a/aio/content/examples/architecture/plnkr.json → ...ent/examples/architecture/stackblitz.json b/aio/content/examples/architecture/plnkr.json → ...ent/examples/architecture/stackblitz.json
@@ -1,9 +1,9 @@
 {
   "description": "Intro to Angular",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js",
-    "!app/hero-list.component.1.*"
-  ]
+    "!**/*.[1].*"
+  ],
+  "file": "src/app/app.module.ts"
 }
diff --git a/aio/content/examples/attribute-directives/src/app/dummy.module.1.ts b/aio/content/examples/attribute-directives/src/app/dummy.module.1.ts
@@ -1,4 +1,4 @@
-// Not used. Keep away from plunker
+// Not used. Keep away from stackblitz
 // Keeps ATLS from complaining about undeclared directives.
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';

diff --git a/.../examples/attribute-directives/plnkr.json → ...ples/attribute-directives/stackblitz.json b/.../examples/attribute-directives/plnkr.json → ...ples/attribute-directives/stackblitz.json
@@ -1,10 +1,9 @@
 {
   "description": "Attribute Directive",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js",
-    "!app/*.[0,1,2,3].*"
+    "!**/*.[1,2,3].*"
   ],
   "tags": ["attribute", "directive"]
 }
diff --git a/...content/examples/bootstrapping/plnkr.json → ...nt/examples/bootstrapping/stackblitz.json b/...content/examples/bootstrapping/plnkr.json → ...nt/examples/bootstrapping/stackblitz.json
@@ -1,11 +1,10 @@
 {
   "description": "Bootstrapping",
-  "basePath": "src/",
   "files": [
     "!**/*.d.ts",
     "!**/*.js",
     "!**/*.[1,2].*"
   ],
-  "open": "app/app.component.ts",
+  "file": "src/app/app.component.ts",
   "tags": ["ngmodules"]
 }
diff --git a/...examples/component-interaction/plnkr.json → ...les/component-interaction/stackblitz.json b/...examples/component-interaction/plnkr.json → ...les/component-interaction/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Component Communication Cookbook samples",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js"

diff --git a/...tent/examples/component-styles/plnkr.json → ...examples/component-styles/stackblitz.json b/...tent/examples/component-styles/plnkr.json → ...examples/component-styles/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Component Styles",
-  "basePath": "src/",
   "files": [
     "!**/*.d.ts",
     "!**/*.js",

diff --git a/...dependency-injection-in-action/plnkr.json → ...dency-injection-in-action/stackblitz.json b/...dependency-injection-in-action/plnkr.json → ...dency-injection-in-action/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Dependency Injection",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js",

diff --git a/.../examples/dependency-injection/plnkr.json → ...ples/dependency-injection/stackblitz.json b/.../examples/dependency-injection/plnkr.json → ...ples/dependency-injection/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Dependency Injection",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js",

diff --git a/...ntent/examples/displaying-data/plnkr.json → .../examples/displaying-data/stackblitz.json b/...ntent/examples/displaying-data/plnkr.json → .../examples/displaying-data/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Displaying Data",
-  "basePath": "src/",
   "files": [
     "!**/*.d.ts",
     "!**/*.js",

diff --git a/aio/content/examples/docs-style-guide/second.plnkr.json b/aio/content/examples/docs-style-guide/second.plnkr.json
diff --git a/aio/content/examples/docs-style-guide/second.stackblitz.json b/aio/content/examples/docs-style-guide/second.stackblitz.json
@@ -0,0 +1,8 @@
+{
+  "description": "Second authors style guide stackblitz (non-executing)",
+  "files": [
+    "src/index.2.html"
+  ],
+  "main": "src/index.2.html",
+  "tags": ["author", "style guide"]
+}
diff --git a/...tent/examples/docs-style-guide/plnkr.json → ...examples/docs-style-guide/stackblitz.json b/...tent/examples/docs-style-guide/plnkr.json → ...examples/docs-style-guide/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Authors style guide",
-  "basePath": "src/",
   "files": [
     "!**/*.d.ts",
     "!**/*.js",

diff --git a/...mples/dynamic-component-loader/plnkr.json → .../dynamic-component-loader/stackblitz.json b/...mples/dynamic-component-loader/plnkr.json → .../dynamic-component-loader/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Dynamic Component Loader",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js"

diff --git a/aio/content/examples/dynamic-form/plnkr.json → ...ent/examples/dynamic-form/stackblitz.json b/aio/content/examples/dynamic-form/plnkr.json → ...ent/examples/dynamic-form/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Dynamic Form",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js",

diff --git a/...ntent/examples/feature-modules/plnkr.json → .../examples/feature-modules/stackblitz.json b/...ntent/examples/feature-modules/plnkr.json → .../examples/feature-modules/stackblitz.json
@@ -1,11 +1,10 @@
 {
   "description": "Feature Modules",
-  "basePath": "src/",
   "files": [
     "!**/*.d.ts",
     "!**/*.js",
     "!**/*.[1,2].*"
   ],
-  "open": "app/app.component.ts",
+  "file": "src/app/app.component.ts",
   "tags": ["feature modules"]
 }
diff --git a/...ntent/examples/form-validation/plnkr.json → .../examples/form-validation/stackblitz.json b/...ntent/examples/form-validation/plnkr.json → .../examples/form-validation/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Validation",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js"

diff --git a/aio/content/examples/forms/plnkr.json → aio/content/examples/forms/stackblitz.json b/aio/content/examples/forms/plnkr.json → aio/content/examples/forms/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Forms",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js"

diff --git a/...rarchical-dependency-injection/plnkr.json → ...ical-dependency-injection/stackblitz.json b/...rarchical-dependency-injection/plnkr.json → ...ical-dependency-injection/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Hierarchical Dependency Injection",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js"

diff --git a/aio/content/examples/http/plnkr.json → aio/content/examples/http/stackblitz.json b/aio/content/examples/http/plnkr.json → aio/content/examples/http/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Http",
-  "basePath": "src/",
   "files":[
     "!**/*.d.ts",
     "!**/*.js",

diff --git a/...xamples/lazy-loading-ngmodules/plnkr.json → ...es/lazy-loading-ngmodules/stackblitz.json b/...xamples/lazy-loading-ngmodules/plnkr.json → ...es/lazy-loading-ngmodules/stackblitz.json
@@ -1,11 +1,10 @@
 {
   "description": "Lazy Loading Feature Modules",
-  "basePath": "src/",
   "files": [
     "!**/*.d.ts",
     "!**/*.js",
     "!**/*.[1,2].*"
   ],
-  "open": "app/app.component.ts",
+  "file": "src/app/app.component.ts",
   "tags": ["lazy loading"]
 }
diff --git a/...ntent/examples/lifecycle-hooks/plnkr.json → .../examples/lifecycle-hooks/stackblitz.json b/...ntent/examples/lifecycle-hooks/plnkr.json → .../examples/lifecycle-hooks/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "Lifecycle Hooks",
-  "basePath": "src/",
   "files":["!**/*.d.ts",  "!**/*.js"],
   "tags": ["lifecycle", "hooks",
            "OnInit", "OnDestroy", "OnChange", "DoCheck",

diff --git a/aio/content/examples/ngcontainer/plnkr.json → ...tent/examples/ngcontainer/stackblitz.json b/aio/content/examples/ngcontainer/plnkr.json → ...tent/examples/ngcontainer/stackblitz.json
@@ -1,6 +1,5 @@
 {
   "description": "<ng-container>",
-  "basePath": "src/",
   "files": [
     "!**/*.d.ts",
     "!**/*.js"

diff --git a/aio/content/examples/ngmodule-faq/contact.1b.plnkr.json b/aio/content/examples/ngmodule-faq/contact.1b.plnkr.json
diff --git a/aio/content/examples/ngmodule-faq/contact.1b.stackblitz.json b/aio/content/examples/ngmodule-faq/contact.1b.stackblitz.json
@@ -0,0 +1,24 @@
+{
+  "description": "Contact NgModule v.1",
+  "files": [
+    "src/app/app.component.1b.ts",
+    "src/app/app.module.1b.ts",
+    "src/app/highlight.directive.ts",
+    "src/app/title.component.html",
+    "src/app/title.component.ts",
+    "src/app/user.service.ts",
+
+    "src/app/contact/awesome.pipe.ts",
+    "src/app/contact/contact.component.css",
+    "src/app/contact/contact.component.html",
+    "src/app/contact/contact.component.3.ts",
+    "src/app/contact/contact.service.ts",
+    "src/app/contact/contact-highlight.directive.ts",
+
+    "src/main.1b.ts",
+    "src/styles.css",
+    "src/index.1b.html"
+  ],
+  "main": "src/index.1b.html",
+  "tags": ["NgModule"]
+}
diff --git a/aio/content/examples/ngmodule-faq/contact.2.plnkr.json b/aio/content/examples/ngmodule-faq/contact.2.plnkr.json
diff --git a/aio/content/examples/ngmodule-faq/contact.2.stackblitz.json b/aio/content/examples/ngmodule-faq/contact.2.stackblitz.json
@@ -0,0 +1,26 @@
+{
+  "description": "Contact NgModule v.2",
+  "files": [
+    "src/app/app.component.2.ts",
+    "src/app/app.module.2.ts",
+    "src/app/highlight.directive.ts",
+    "src/app/title.component.html",
+    "src/app/title.component.ts",
+    "src/app/user.service.ts",
+
+    "src/app/contact/contact.component.css",
+    "src/app/contact/contact.component.html",
+    "src/app/contact/contact.service.ts",
+
+    "src/app/contact/awesome.pipe.ts",
+    "src/app/contact/contact.component.3.ts",
+    "src/app/contact/contact.module.2.ts",
+    "src/app/contact/contact-highlight.directive.ts",
+
+    "src/main.2.ts",
+    "src/styles.css",
+    "src/index.2.html"
+  ],
+  "main": "src/index.2.html",
+  "tags": ["NgModule"]
+}
diff --git a/aio/content/examples/ngmodule-faq/minimal.0.plnkr.json b/aio/content/examples/ngmodule-faq/minimal.0.plnkr.json
diff --git a/aio/content/examples/ngmodule-faq/minimal.0.stackblitz.json b/aio/content/examples/ngmodule-faq/minimal.0.stackblitz.json
@@ -0,0 +1,12 @@
+{
+  "description": "Minimal NgModule",
+  "files": [
+    "src/app/app.component.0.ts",
+    "src/app/app.module.0.ts",
+    "src/main.0.ts",
+    "src/styles.css",
+    "src/index.0.html"
+  ],
+  "main": "src/index.0.html",
+  "tags": ["NgModule"]
+}