docs: convert demos to stackblitz (#8546)

Author: amcdnl

scripts/deploy/publish-docs-content.sh

@@ -40,7 +40,7 @@ git clone $repoUrl $repoPath --depth 1
 rm -rf $repoPath/*
 
 # Create folders that will contain docs content files.  
-mkdir $repoPath/{overview,guides,api,examples,plunker,examples-package}
+mkdir $repoPath/{overview,guides,api,examples,stackblitz,examples-package}
 
 # Copy api files over to $repoPath/api
 cp -r $docsPath/api/* $repoPath/api
@@ -75,8 +75,8 @@ done
 # Copy highlighted examples into $repoPath
 cp -r $examplesSource/* $repoPath/examples
 
-# Copy example plunker assets
-cp -r $docsPath/plunker/* $repoPath/plunker
+# Copy example stackblitz assets
+cp -r $docsPath/stackblitz/* $repoPath/stackblitz
 
 # Copies assets over to the docs-content repository.
 cp LICENSE $repoPath/

src/material-examples/example-data.ts

@@ -19,7 +19,7 @@ export class ExampleData {
 
   constructor(example: string) {
     if (example && EXAMPLE_COMPONENTS[example]) {
-      this.examplePath = `/assets/plunker/examples/${example}/`;
+      this.examplePath = `/assets/stackblitz/examples/${example}/`;
       // TODO(tinayuangao): Do not hard-code extensions
       this.exampleFiles = ['html', 'ts', 'css']
         .map((extension) => `${example}-example.${extension}`);

tools/gulp/tasks/docs.ts

@@ -80,7 +80,7 @@ task('docs', [
   'api-docs',
   'minified-api-docs',
   'build-examples-module',
-  'plunker-example-assets',
+  'stackblitz-example-assets',
 ]);
 
 /** Generates html files from the markdown overviews and guides for material. */
@@ -151,10 +151,10 @@ task('minified-api-docs', ['api-docs'], () => {
     .pipe(dest('dist/docs/api/'));
 });
 
-/** Copies example sources to be used as plunker assets for the docs site. */
-task('plunker-example-assets', () => {
+/** Copies example sources to be used as stackblitz assets for the docs site. */
+task('stackblitz-example-assets', () => {
   src(path.join(packagesDir, 'material-examples', '**/*'))
-      .pipe(dest(path.join(DIST_DOCS, 'plunker', 'examples')));
+      .pipe(dest(path.join(DIST_DOCS, 'stackblitz', 'examples')));
 });
 
 /** Updates the markdown file's content to work inside of the docs app. */