fix(framework-examples): Fix Angular2 example (#123)

Resolves #119
[ci skip]

Author: traviskaufman

framework-examples/angular2/package.json

@@ -41,6 +41,8 @@
     "@angular/platform-browser": "^2.0.1",
     "@angular/platform-browser-dynamic": "^2.0.1",
     "@angular/router": "^3.0.1",
+    "@material/checkbox": "^0.1.0",
+    "@material/form-field": "^0.1.0",
     "core-js": "2.4.1",
     "rxjs": "5.0.0-beta.12",
     "zone.js": "0.6.23"
@@ -60,6 +62,8 @@
   },
   "homepage": "https://github.com/angular/angular2-seed#readme",
   "babel": {
-    "presets": ["es2015"]
+    "presets": [
+      "es2015"
+    ]
   }
 }

framework-examples/angular2/src/app/app.module.ts

@@ -4,7 +4,7 @@ import { BrowserModule }  from '@angular/platform-browser';
 import { RouterModule } from '@angular/router';
 
 import { SeedApp } from './seed-app';
-import { appRoutes } from './app.routs';
+import { appRoutes } from './app.routes';
 import { Home } from './components/home';
 import { FormFieldModule } from './components/form-field';
 import { CheckboxModule } from './components/checkbox';

framework-examples/angular2/src/app/app.routs.ts renamed to framework-examples/angular2/src/app/app.routes.ts

@@ -33,9 +33,9 @@ import {
 import {NG_VALUE_ACCESSOR, ControlValueAccessor} from '@angular/forms';
 
 // Since we don't have typings (yet) we require mdc-checkbox manually.
-const {MDCCheckboxFoundation} = require('mdc-checkbox');
+const {MDCCheckboxFoundation} = require('@material/checkbox');
 // Use webpack's require function to load the css
-const MDC_CHECKBOX_STYLES = require('mdc-checkbox-styles');
+const MDC_CHECKBOX_STYLES = require('@material/checkbox/mdc-checkbox.scss');
 
 // Needed for ngModel to work properly.
 export const MD_CHECKBOX_CONTROL_VALUE_ACCESSOR: Provider = {

framework-examples/angular2/src/app/components/checkbox/checkbox.ts

@@ -16,7 +16,7 @@
 
 import {Component, HostBinding, Input, ViewEncapsulation} from '@angular/core';
 
-const MDC_FORM_FIELD_STYLES = require('mdc-form-field-styles');
+const MDC_FORM_FIELD_STYLES = require('@material/form-field/mdc-form-field.scss');
 
 @Component({
   selector: 'mdc-form-field',

framework-examples/angular2/src/app/components/form-field/form-field.ts

@@ -17,6 +17,7 @@
 /* eslint-disable */
 var webpack = require('webpack');
 var path = require('path');
+var MDC_DIR = path.resolve(__dirname, 'node_modules', '@material');
 
 
 // Webpack Config
@@ -43,29 +44,21 @@ var webpackConfig = {
         test: /\.js$/,
         loader: 'babel-loader',
         include: [
-          path.resolve('../../packages')
+          MDC_DIR
         ]
       },
       {
         test: /\.scss$/,
         loader: 'css-loader!postcss-loader!sass-loader',
         include: [
-          path.resolve('../../packages')
+          MDC_DIR
         ]
       }
     ]
   },
 
   sassLoader: {
-    includePaths: [path.resolve('../../packages')]
-  },
-
-  resolve: {
-    alias: {
-      'mdc-checkbox': path.resolve('../../packages/mdc-checkbox/index.js'),
-      'mdc-checkbox-styles': path.resolve('../../packages/mdc-checkbox/mdc-checkbox.scss'),
-      'mdc-form-field-styles': path.resolve('../../packages/mdc-form-field/mdc-form-field.scss')
-    }
+    includePaths: [path.resolve('./node_modules')]
   }
 };