Fix broken plunkers (#212)

Author: jelbourn

package-lock.json

@@ -18,13 +18,13 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^4.0.0",
-    "@angular/cdk": "github:angular/cdk-builds",
+    "@angular/cdk": "2.0.0-beta.8",
     "@angular/common": "^4.0.0",
     "@angular/compiler": "^4.0.0",
     "@angular/core": "^4.0.0",
     "@angular/forms": "^4.0.0",
     "@angular/http": "^4.0.0",
-    "@angular/material": "github:angular/material2-builds",
+    "@angular/material": "2.0.0-beta.8",
     "@angular/platform-browser": "^4.0.0",
     "@angular/platform-browser-dynamic": "^4.0.0",
     "@angular/router": "^4.0.0",

package.json

@@ -3,9 +3,80 @@ import {BrowserModule} from '@angular/platform-browser';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {NgModule} from '@angular/core';
 import {FormsModule, ReactiveFormsModule} from '@angular/forms';
-import {MaterialModule, MdNativeDateModule} from '@angular/material';
+import {
+  MdAutocompleteModule,
+  MdButtonModule,
+  MdButtonToggleModule,
+  MdCardModule,
+  MdCheckboxModule,
+  MdChipsModule,
+  MdCoreModule,
+  MdDatepickerModule,
+  MdDialogModule,
+  MdExpansionModule,
+  MdGridListModule,
+  MdIconModule,
+  MdInputModule,
+  MdListModule,
+  MdMenuModule,
+  MdNativeDateModule,
+  MdPaginatorModule,
+  MdProgressBarModule,
+  MdProgressSpinnerModule,
+  MdRadioModule,
+  MdRippleModule,
+  MdSelectModule,
+  MdSidenavModule,
+  MdSliderModule,
+  MdSlideToggleModule,
+  MdSnackBarModule,
+  MdSortModule,
+  MdTableModule,
+  MdTabsModule,
+  MdToolbarModule,
+  MdTooltipModule,
+} from '@angular/material';
 import {MaterialDocsExample} from './material-docs-example';
 import {HttpModule} from '@angular/http';
+import {CdkTableModule} from '@angular/cdk';
+
+@NgModule({
+  exports: [
+    CdkTableModule,
+    MdAutocompleteModule,
+    MdButtonModule,
+    MdButtonToggleModule,
+    MdCardModule,
+    MdCheckboxModule,
+    MdChipsModule,
+    MdCoreModule,
+    MdDatepickerModule,
+    MdDialogModule,
+    MdExpansionModule,
+    MdGridListModule,
+    MdIconModule,
+    MdInputModule,
+    MdListModule,
+    MdMenuModule,
+    MdNativeDateModule,
+    MdPaginatorModule,
+    MdProgressBarModule,
+    MdProgressSpinnerModule,
+    MdRadioModule,
+    MdRippleModule,
+    MdSelectModule,
+    MdSidenavModule,
+    MdSliderModule,
+    MdSlideToggleModule,
+    MdSnackBarModule,
+    MdSortModule,
+    MdTableModule,
+    MdTabsModule,
+    MdToolbarModule,
+    MdTooltipModule,
+  ]
+})
+export class PlunkerMaterialModule {}
 
 @NgModule({
 
@@ -14,7 +85,7 @@ import {HttpModule} from '@angular/http';
     BrowserAnimationsModule,
     FormsModule,
     HttpModule,
-    MaterialModule,
+    PlunkerMaterialModule,
     MdNativeDateModule,
     ReactiveFormsModule,
   ],

src/assets/plunker/main.ts

@@ -31,6 +31,7 @@ System.config({
     '@angular/animations/browser': 'https://unpkg.com/@angular/animations/bundles/animations-browser.umd.js',
     '@angular/platform-browser/animations': 'https://unpkg.com/@angular/platform-browser/bundles/platform-browser-animations.umd.js',
     '@angular/material': 'https://unpkg.com/@angular/material/bundles/material.umd.js',
+    '@angular/cdk': 'https://unpkg.com/@angular/cdk/bundles/cdk.umd.js',
 
     // Rxjs mapping
     'rxjs': 'https://unpkg.com/rxjs',

src/assets/plunker/systemjs.config.js

@@ -18,12 +18,13 @@ tmpAssetClonePath=/tmp/material-assets
 docsContentRepo=https://github.com/angular/material2-docs-content
 
 # Dirs for each of api docs, guides, overviews, and live-examples within the
-# cloned content repo.
+# cloned content repo. The absense of the trailing slash here is significant if
+# someone is running on a Mac.
 apiPath=${tmpAssetClonePath}/api
 guidesPath=${tmpAssetClonePath}/guides
 overviewPath=${tmpAssetClonePath}/overview
-examplesPath=${tmpAssetClonePath}/examples/
-plunkerExamplesPath=${tmpAssetClonePath}/plunker/examples/
+examplesPath=${tmpAssetClonePath}/examples
+plunkerExamplesPath=${tmpAssetClonePath}/plunker/examples
 
 # Create folders into which to copy content and assets.
 mkdir -p ${tmpAssetClonePath}
@@ -33,13 +34,13 @@ mkdir -p ${exampleAssetsPath} ${docAssetsPath}
 git clone ${docsContentRepo} ${tmpAssetClonePath} --depth 1
 
 # Copy files over to their proper place in src/assets
-cp -r ${apiPath} ${overviewPath} ${guidesPath} ${docAssetsPath}
-cp -r ${examplesPath} ${exampleAssetsPath}
-cp -r ${plunkerExamplesPath} ${plunkerExampleAssetsPath}
+cp -R ${apiPath} ${overviewPath} ${guidesPath} ${docAssetsPath}
+cp -R ${examplesPath} ${exampleAssetsPath}
+cp -R ${plunkerExamplesPath} ${plunkerExampleAssetsPath}
 
 # Install the live examples component library
 mkdir -p ./node_modules/@angular/material-examples
-cp -r ${tmpAssetClonePath}/examples-package/* ./node_modules/@angular/material-examples
+cp -R ${tmpAssetClonePath}/examples-package/* ./node_modules/@angular/material-examples
 
 # Remove temporary directory
 rm -rf ${tmpAssetClonePath}