build: add schematics to @angular/material package

This also fixes a handful of minor issues with the blueprints

Author: jelbourn

package-lock.json

@@ -40,6 +40,8 @@
     "zone.js": "^0.8.12"
   },
   "devDependencies": {
+    "@angular-devkit/core": "^0.4.5",
+    "@angular-devkit/schematics": "^0.4.5",
     "@angular/bazel": ">=6.0.0-beta.7 <7.0.0",
     "@angular/compiler-cli": ">=6.0.0-beta.7 <7.0.0",
     "@angular/http": ">=6.0.0-beta.7 <7.0.0",
@@ -49,6 +51,7 @@
     "@angular/upgrade": "^5.0.1",
     "@bazel/ibazel": "0.3.1",
     "@google-cloud/storage": "^1.1.1",
+    "@schematics/angular": "^0.4.5",
     "@types/chalk": "^0.4.31",
     "@types/fs-extra": "^4.0.3",
     "@types/glob": "^5.0.33",

package.json

@@ -2,33 +2,33 @@
 {
   "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
   "schematics": {
+    // Adds Angular Material to an application without changing any templates
+    "ng-add": {
+      "description": "Adds Angular Material to the application without affecting any templates",
+      "factory": "./shell",
+      "schema": "./shell/schema.json",
+      "aliases": ["material-shell"]
+    },
     // Create a dashboard component
     "materialDashboard": {
-      "description": "Create a dashboard component",
+      "description": "Create a card-based dashboard component",
       "factory": "./dashboard/index",
       "schema": "./dashboard/schema.json",
       "aliases": [ "material-dashboard" ]
     },
     // Creates a table component
     "materialTable": {
-      "description": "Create a table component",
+      "description": "Create a component that displays data with a data-table",
       "factory": "./table/index",
       "schema": "./table/schema.json",
       "aliases": [ "material-table" ]
     },
     // Creates toolbar and navigation components
     "materialNav": {
-      "description": "Create a responsive navigation component",
+      "description": "Create a component with a responsive sidenav for navigation",
       "factory": "./nav/index",
       "schema": "./nav/schema.json",
       "aliases": [ "material-nav" ]
-    },
-    // Adds Angular Material to an application without changing any templates
-    "materialShell": {
-      "description": "Create a Material shell",
-      "factory": "./shell",
-      "schema": "./shell/schema.json",
-      "aliases": ["material-shell"]
     }
   }
 }

schematics/collection.json

@@ -1,4 +1,4 @@
-import { Component, <% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%><% if(changeDetection !== 'Default') { %>, ChangeDetectionStrategy<% }%> } from '@angular/core';
+import { Component<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%><% if(changeDetection !== 'Default') { %>, ChangeDetectionStrategy<% }%> } from '@angular/core';
 
 @Component({
   selector: '<%= selector %>',<% if(inlineTemplate) { %>

schematics/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -1,4 +1,4 @@
-import { Component, <% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%><% if(changeDetection !== 'Default') { %>, ChangeDetectionStrategy<% }%> } from '@angular/core';
+import { Component<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%><% if(changeDetection !== 'Default') { %>, ChangeDetectionStrategy<% }%> } from '@angular/core';
 import { BreakpointObserver, Breakpoints, BreakpointState } from '@angular/cdk/layout';
 import { Observable } from 'rxjs/Observable';
 

schematics/nav/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts

@@ -12,7 +12,7 @@ export interface <%= classify(name) %>Item {
 }
 
 // TODO: replace this with real data from your application
-const EXAMPLE_DATA = <%= classify(name) %>Item[] = [
+const EXAMPLE_DATA: <%= classify(name) %>Item[] = [
   {id: 1, name: 'Hydrogen'},
   {id: 2, name: 'Helium'},
   {id: 3, name: 'Lithium'},

schematics/package-lock.json

@@ -16,7 +16,7 @@ describe('<%= classify(name) %>Component', () => {
     fixture = TestBed.createComponent(<%= classify(name) %>Component);
     component = fixture.componentInstance;
     fixture.detectChanges();
-  });
+  }));
 
   it('should compile', () => {
     expect(component).toBeTruthy();

schematics/package.json

@@ -1,7 +1,6 @@
-import { Component, OnInit, ViewChild, <% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%><% if(changeDetection !== 'Default') { %>, ChangeDetectionStrategy<% }%> } from '@angular/core';
-import { Observable } from 'rxjs/Observable';
+import { Component, OnInit, ViewChild<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%><% if(changeDetection !== 'Default') { %>, ChangeDetectionStrategy<% }%> } from '@angular/core';
 import { MatPaginator, MatSort } from '@angular/material';
-import { <%= classify(name) %>DataSource } from '<%= dasherize(name) %>-datasource';
+import { <%= classify(name) %>DataSource } from './<%= dasherize(name) %>-datasource';
 
 @Component({
   selector: '<%= selector %>',<% if(inlineTemplate) { %>

schematics/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__-datasource.ts

@@ -1,11 +1,9 @@
 {
   "compilerOptions": {
-    "lib": [
-      "es2017",
-      "dom"
-    ],
+    "lib": ["es2017", "dom"],
     "module": "commonjs",
     "moduleResolution": "node",
+    "outDir": "../dist/schematics",
     "noEmitOnError": false,
     "skipDefaultLibCheck": true,
     "skipLibCheck": true,
@@ -17,6 +15,7 @@
     ]
   },
   "exclude": [
-    "*/files/**/*"
+    "*/files/**/*",
+    "**/*spec*"
   ]
 }