@coolon/angular-ui-powerups 3.1.2 → 3.3.0

package/schematics/bootstrap-app/templates/assets/fonts/material-design-icons/material-icons.css

@@ -0,0 +1,36 @@
+@font-face {
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  src: url(MaterialIcons-Regular.eot); /* For IE6-8 */
+  src: local('Material Icons'),
+       local('MaterialIcons-Regular'),
+       url(MaterialIcons-Regular.woff2) format('woff2'),
+       url(MaterialIcons-Regular.woff) format('woff'),
+       url(MaterialIcons-Regular.ttf) format('truetype');
+}
+
+.material-icons {
+  font-family: 'Material Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: 'liga';
+}

package/schematics/bootstrap-app/templates/index.html.template

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <title>SignUp</title>
+  <base href="/" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="icon" type="image/x-icon" href="favicon.ico" />
+</head>
+<body>
+<<%=dasherize(project)%>-root></<%=dasherize(project)%>-root>
+</body>
+</html>

package/schematics/bootstrap-app/templates/styles.scss.template

@@ -0,0 +1,27 @@
+/* You can add global styles to this file, and also import other style files */
+
+@import "./assets/fonts/material-design-icons/material-icons.css";
+@import "~roboto-fontface/css/roboto/roboto-fontface.css";
+@import "./styles/theme";
+@import "./styles/global-variables";
+@import "~@coolon/angular-ui-powerups/assets/styles";
+
+html, body {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+
+body > *:first-child {
+  flex: 1;
+}
+

package/schematics/collection.json

@@ -18,6 +18,11 @@
       "description": "Scans your source for place components and generates the place routes file",
       "factory": "./place-routes/index#generateRoutes",
       "schema": "./place-routes/schema.json"
+    },
+    "place-add": {
+      "description": "Creates a new place component and associated files",
+      "factory": "./place-add/index#addPlace",
+      "schema": "./place-add/schema.json"
     }
   }
 }

package/schematics/place-add/index.js

@@ -1,27 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addPlace = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const build_context_1 = require("../utils/build-context");
+const template_utilities_1 = require("../utils/template-utilities");
 function addPlace(_options) {
-    return (tree, _context) => {
-        // return chain([
-        //   addDependencies(options),
-        //   addRequiredFiles(options)
-        // ])(tree, _context);
-        return tree;
+    return (tree, context) => {
+        const buildContext = build_context_1.BuildContext.forApp(_options.project, tree, context);
+        const nameParts = _options.name.split('/');
+        const componentName = nameParts[nameParts.length - 1];
+        const componentPathParts = nameParts.slice(0, nameParts.length - 1);
+        const pathToSourceRoot = [buildContext.sourceRoot].concat(componentPathParts);
+        const placeModulePath = buildContext.findFileInAncestorPath(pathToSourceRoot, 'places.module.ts');
+        if (!placeModulePath) {
+            throw new Error(`Unable to find 'places.module.ts' anywhere in ${pathToSourceRoot.join('/')}`);
+        }
+        const placeModule = buildContext.getSourceFile(placeModulePath);
+        const newPlaceModuleContent = updatePlaceModule(placeModule);
+        const componentFiles = template_utilities_1.applyTemplatesWithOverwrite(tree, 'templates/component', {
+            name: componentName,
+            selectorPrefix: buildContext.selectorPrefix,
+            pathToRoot: pathToSourceRoot.map(p => '..').join('/')
+        }, `${(pathToSourceRoot.join('/'))}/${componentName}`);
+        const additionalFiles = template_utilities_1.applyTemplatesWithOverwrite(tree, 'templates/files', {
+            name: componentName
+        }, `${buildContext.appRoot}`);
+        return schematics_1.chain([componentFiles, additionalFiles])(tree, context);
     };
 }
 exports.addPlace = addPlace;
-// function addDependencies(options: Schema): Rule {
-//   return (tree: Tree, _context: SchematicContext) => {
-//     _context.addTask(new RunSchematicTask('add-dependencies', options));
-//     return tree;
-//   };
-// }
-//
-// function addRequiredFiles(options: Schema): Rule {
-//   return (tree: Tree, _context: SchematicContext) => {
-//     _context.addTask(new RunSchematicTask('add-files', options));
-//     return tree;
-//   };
-// }
+function updatePlaceModule(placeModule) {
+    // const imports = placeModule.getImportDeclarations();
+    const moduleClass = placeModule.findClassWithDecorator('@NgModule');
+    const decorator = moduleClass.getClassDecoratorNode('@NgModule');
+    return placeModule.getFullText();
+}
 //# sourceMappingURL=index.js.map

package/schematics/place-add/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/place-add/index.ts"],"names":[],"mappings":";;;AAIA,SAAgB,QAAQ,CAAC,QAAgB;IACvC,OAAO,CAAC,IAAU,EAAE,QAA0B,EAAE,EAAE;QAChD,iBAAiB;QACjB,8BAA8B;QAC9B,8BAA8B;QAC9B,sBAAsB;QACtB,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;AACJ,CAAC;AARD,4BAQC;AAGD,oDAAoD;AACpD,yDAAyD;AACzD,2EAA2E;AAC3E,mBAAmB;AACnB,OAAO;AACP,IAAI;AACJ,EAAE;AACF,qDAAqD;AACrD,yDAAyD;AACzD,oEAAoE;AACpE,mBAAmB;AACnB,OAAO;AACP,IAAI"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/place-add/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiF;AACjF,0DAAsD;AAEtD,oEAA0E;AAI1E,SAAgB,QAAQ,CAAC,QAAgB;IAEvC,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAE/C,MAAM,YAAY,GAAG,4BAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC;QAE1E,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC3C,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACtD,MAAM,kBAAkB,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACpE,MAAM,gBAAgB,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAC9E,MAAM,eAAe,GAAG,YAAY,CAAC,sBAAsB,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC;QAClG,IAAI,CAAC,eAAe,EAAE;YACpB,MAAM,IAAI,KAAK,CAAC,iDAAiD,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SAChG;QACD,MAAM,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;QAChE,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAA;QAE5D,MAAM,cAAc,GAAG,gDAA2B,CAChD,IAAI,EACJ,qBAAqB,EACrB;YACE,IAAI,EAAE,aAAa;YACnB,cAAc,EAAE,YAAY,CAAC,cAAc;YAC3C,UAAU,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;SACtD,EACD,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,aAAa,EAAE,CACnD,CAAC;QAGF,MAAM,eAAe,GAAG,gDAA2B,CACjD,IAAI,EACJ,iBAAiB,EACjB;YACE,IAAI,EAAE,aAAa;SACpB,EACD,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC;QAE7B,OAAO,kBAAK,CAAC,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAEjE,CAAC,CAAC;AAEJ,CAAC;AAzCD,4BAyCC;AAED,SAAS,iBAAiB,CAAC,WAAgC;IACzD,uDAAuD;IACvD,MAAM,WAAW,GAAG,WAAW,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC;IACpE,MAAM,SAAS,GAAG,WAAW,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC;IAEjE,OAAO,WAAW,CAAC,WAAW,EAAE,CAAC;AACnC,CAAC"}

package/schematics/place-add/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/schematics/place-add/index.spec.js

@@ -0,0 +1,364 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ */
+// tslint:disable:no-big-function
+const testing_1 = require("@angular-devkit/schematics/testing");
+// import { Schema as ApplicationOptions } from '../application/schema';
+// import { createAppModule } from '../utility/test';
+// import { Schema as WorkspaceOptions } from '../workspace/schema';
+// import { ChangeDetection, Schema as ComponentOptions, Style } from './schema';
+describe('Add Place Schematic', () => {
+    const schematicRunner = new testing_1.SchematicTestRunner('@coolon/angular-ui-powerups', require.resolve('../collection.json'));
+    const workspaceOptions = {
+        name: 'testWorkspace',
+        newProjectRoot: 'apps',
+        version: '10.1.1'
+    };
+    // const appOptions: ApplicationOptions = {
+    const appOptions = {
+        name: 'bar',
+        routing: true,
+        prefix: 'the-prefix',
+    };
+    const defaultOptions = {
+        project: appOptions.name,
+        name: 'places/new-place'
+    };
+    let appTree;
+    beforeEach(() => __awaiter(void 0, void 0, void 0, function* () {
+        appTree = yield schematicRunner.runExternalSchematicAsync('@schematics/angular', 'workspace', workspaceOptions).toPromise();
+        appTree = yield schematicRunner.runExternalSchematicAsync('@schematics/angular', 'application', appOptions, appTree).toPromise();
+        appTree = yield schematicRunner
+            .runSchematicAsync('bootstrap-app', {
+            project: appOptions.name,
+            initialPlaceName: undefined // need to disable this for the test as bootstrap will invoke us if specified
+        }, appTree)
+            .toPromise();
+    }));
+    it('should create a component', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = Object.assign({}, defaultOptions);
+        const tree = yield schematicRunner.runSchematicAsync('place-add', options, appTree).toPromise();
+        const files = tree.files;
+        expect(files).toEqual(jasmine.arrayContaining([
+            '/apps/bar/src/app/places/new-place/new-place.component.scss',
+            '/apps/bar/src/app/places/new-place/new-place.component.html',
+            '/apps/bar/src/app/places/new-place/new-place.component.spec.ts',
+            '/apps/bar/src/app/places/new-place/new-place.component.ts'
+        ]));
+        const moduleContent = tree.readContent('/apps/bar/src/app/places/new-place/new-place.component.ts');
+        expect(moduleContent).toMatch(/export class NewPlaceComponent extends PlaceComponent/);
+        expect(moduleContent).toMatch(/path: 'new-place'/);
+        expect(moduleContent).toMatch(/nav: I18n.places.newPlace.nav/);
+        expect(moduleContent).toMatch(/selector: 'the-prefix-new-place'/);
+        expect(moduleContent).toMatch(/import.*I18n.*from '\.\.\/\.\.\/i18n'/);
+    }));
+    it('should add it to the place module', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = Object.assign({}, defaultOptions);
+        const tree = yield schematicRunner.runSchematicAsync('place-add', options, appTree).toPromise();
+        // const moduleContent = tree.readContent('/projects/bar/src/app/app.module.ts');
+        // expect(moduleContent).toMatch(/import.*Foo.*from '.\/foo\/foo.component'/);
+        // expect(moduleContent).toMatch(/declarations:\s*\[[^\]]+?,\r?\n\s+FooComponent\r?\n/m);
+    }));
+    it('should create an i18n file', () => __awaiter(void 0, void 0, void 0, function* () {
+        const options = Object.assign({}, defaultOptions);
+        const tree = yield schematicRunner.runSchematicAsync('place-add', options, appTree).toPromise();
+        const files = tree.files;
+        expect(files).toEqual(jasmine.arrayContaining([
+            '/apps/bar/src/i18n/places/new-place.yml',
+        ]));
+    }));
+    // it('should set change detection to OnPush', async () => {
+    //   const options = { ...defaultOptions, changeDetection: 'OnPush' };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const tsContent = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(tsContent).toMatch(/changeDetection: ChangeDetectionStrategy.OnPush/);
+    // });
+    // it('should not set view encapsulation', async () => {
+    //   const options = { ...defaultOptions };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const tsContent = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(tsContent).not.toMatch(/encapsulation: ViewEncapsulation/);
+    // });
+    //
+    // it('should set view encapsulation to Emulated', async () => {
+    //   const options = { ...defaultOptions, viewEncapsulation: 'Emulated' };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const tsContent = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(tsContent).toMatch(/encapsulation: ViewEncapsulation.Emulated/);
+    // });
+    //
+    // it('should set view encapsulation to None', async () => {
+    //   const options = { ...defaultOptions, viewEncapsulation: 'None' };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const tsContent = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(tsContent).toMatch(/encapsulation: ViewEncapsulation.None/);
+    // });
+    // it('should create a flat component', async () => {
+    //   const options = { ...defaultOptions, flat: true };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const files = tree.files;
+    //   expect(files).toEqual(
+    //     jasmine.arrayContaining([
+    //       '/projects/bar/src/app/foo.component.css',
+    //       '/projects/bar/src/app/foo.component.html',
+    //       '/projects/bar/src/app/foo.component.spec.ts',
+    //       '/projects/bar/src/app/foo.component.ts',
+    //     ]),
+    //   );
+    // });
+    // it('should find the closest module', async () => {
+    //   const options = { ...defaultOptions };
+    //   const fooModule = '/projects/bar/src/app/foo/foo.module.ts';
+    //   appTree.create(
+    //     fooModule,
+    //     `
+    //     import { NgModule } from '@angular/core';
+    //     @NgModule({
+    //       imports: [],
+    //       declarations: []
+    //     })
+    //     export class FooModule { }
+    //   `
+    //   );
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const fooModuleContent = tree.readContent(fooModule);
+    //   expect(fooModuleContent).toMatch(/import { FooComponent } from '.\/foo.component'/);
+    // });
+    // it('should export the component', async () => {
+    //   const options = { ...defaultOptions, export: true };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const appModuleContent = tree.readContent('/projects/bar/src/app/app.module.ts');
+    //   expect(appModuleContent).toMatch(/exports: \[FooComponent\]/);
+    // });
+    // it('should set the entry component', async () => {
+    //   const options = { ...defaultOptions, entryComponent: true };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const appModuleContent = tree.readContent('/projects/bar/src/app/app.module.ts');
+    //   expect(appModuleContent).toMatch(/entryComponents: \[FooComponent\]/);
+    // });
+    // it('should import into a specified module', async () => {
+    //   const options = { ...defaultOptions, module: 'app.module.ts' };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const appModule = tree.readContent('/projects/bar/src/app/app.module.ts');
+    //
+    //   expect(appModule).toMatch(/import { FooComponent } from '.\/foo\/foo.component'/);
+    // });
+    // it('should fail if specified module does not exist', async () => {
+    //   const options = { ...defaultOptions, module: '/projects/bar/src/app.moduleXXX.ts' };
+    //   let thrownError: Error | null = null;
+    //   try {
+    //     await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   } catch (err) {
+    //     thrownError = err;
+    //   }
+    //   expect(thrownError).toBeDefined();
+    // });
+    // it('should handle upper case paths', async () => {
+    //   const pathOption = 'projects/bar/src/app/SOME/UPPER/DIR';
+    //   const options = { ...defaultOptions, path: pathOption };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   let files = tree.files;
+    //   let root = `/${pathOption}/foo/foo.component`;
+    //   expect(files).toEqual(
+    //     jasmine.arrayContaining([`${root}.css`, `${root}.html`, `${root}.spec.ts`, `${root}.ts`])
+    //   );
+    //
+    //   const options2 = { ...options, name: 'BAR' };
+    //   const tree2 = await schematicRunner.runSchematicAsync('component', options2, tree).toPromise();
+    //   files = tree2.files;
+    //   root = `/${pathOption}/bar/bar.component`;
+    //   expect(files).toEqual(
+    //     jasmine.arrayContaining([`${root}.css`, `${root}.html`, `${root}.spec.ts`, `${root}.ts`])
+    //   );
+    // });
+    // it('should create a component in a sub-directory', async () => {
+    //   const options = { ...defaultOptions, path: 'projects/bar/src/app/a/b/c' };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const files = tree.files;
+    //   const root = `/${options.path}/foo/foo.component`;
+    //   expect(files).toEqual(
+    //     jasmine.arrayContaining([`${root}.css`, `${root}.html`, `${root}.spec.ts`, `${root}.ts`])
+    //   );
+    // });
+    // it('should use the prefix', async () => {
+    //   const options = { ...defaultOptions, prefix: 'pre' };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(content).toMatch(/selector: 'pre-foo'/);
+    // });
+    // it('should use the default project prefix if none is passed', async () => {
+    //   const options = { ...defaultOptions, prefix: undefined };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(content).toMatch(/selector: 'app-foo'/);
+    // });
+    // it('should use the supplied prefix if it is ""', async () => {
+    //   const options = { ...defaultOptions, prefix: '' };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(content).toMatch(/selector: 'foo'/);
+    // });
+    // it('should respect the inlineTemplate option', async () => {
+    //   const options = { ...defaultOptions, inlineTemplate: true };
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(content).toMatch(/template: /);
+    //   expect(content).not.toMatch(/templateUrl: /);
+    //   expect(tree.files).not.toContain('/projects/bar/src/app/foo/foo.component.html');
+    // });
+    //
+    // it('should respect the inlineStyle option', async () => {
+    //   const options = { ...defaultOptions, inlineStyle: true };
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(content).toMatch(/styles: \[/);
+    //   expect(content).not.toMatch(/styleUrls: /);
+    //   expect(tree.files).not.toContain('/projects/bar/src/app/foo/foo.component.css');
+    // });
+    //
+    // it('should respect the displayBlock option when inlineStyle is `false`', async () => {
+    //   const options = { ...defaultOptions, displayBlock: true };
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.component.css');
+    //   expect(content).toMatch(/:host {\r?\n  display: block;\r?\n}/);
+    // });
+    //
+    // it('should respect the displayBlock option when inlineStyle is `false` and use correct syntax for `scss`', async () => {
+    //   const options = { ...defaultOptions, displayBlock: true, style: 'scss' };
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.component.scss');
+    //   expect(content).toMatch(/:host {\r?\n  display: block;\r?\n}/);
+    // });
+    //
+    // it('should respect the displayBlock option when inlineStyle is `false` and use correct syntax for `sass', async () => {
+    //   const options = { ...defaultOptions, displayBlock: true, style: 'sass' };
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.component.sass');
+    //   expect(content).toMatch(/\\:host\r?\n  display: block;\r?\n/);
+    // });
+    //
+    // it('should respect the displayBlock option when inlineStyle is `true`', async () => {
+    //   const options = { ...defaultOptions, displayBlock: true, inlineStyle: true };
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(content).toMatch(/:host {\r?\n(\s*)display: block;(\s*)}\r?\n/);
+    // });
+    // it('should respect the style option', async () => {
+    //   const options = { ...defaultOptions, style: Style.Sass };
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.component.ts');
+    //   expect(content).toMatch(/styleUrls: \['.\/foo.component.sass/);
+    //   expect(tree.files).toContain('/projects/bar/src/app/foo/foo.component.sass');
+    //   expect(tree.files).not.toContain('/projects/bar/src/app/foo/foo.component.css');
+    // });
+    // it('should respect the type option', async () => {
+    //   const options = { ...defaultOptions, type: 'Route' };
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.route.ts');
+    //   const testContent = tree.readContent('/projects/bar/src/app/foo/foo.route.spec.ts');
+    //   expect(content).toContain('export class FooRoute implements OnInit');
+    //   expect(testContent).toContain("describe('FooRoute'");
+    //   expect(tree.files).toContain('/projects/bar/src/app/foo/foo.route.css');
+    //   expect(tree.files).toContain('/projects/bar/src/app/foo/foo.route.html');
+    // });
+    // it('should allow empty string in the type option', async () => {
+    //   const options = { ...defaultOptions, type: '' };
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/foo/foo.ts');
+    //   const testContent = tree.readContent('/projects/bar/src/app/foo/foo.spec.ts');
+    //   expect(content).toContain('export class Foo implements OnInit');
+    //   expect(testContent).toContain("describe('Foo'");
+    //   expect(tree.files).toContain('/projects/bar/src/app/foo/foo.css');
+    //   expect(tree.files).toContain('/projects/bar/src/app/foo/foo.html');
+    // });
+    // it('should use the module flag even if the module is a routing module', async () => {
+    //   const routingFileName = 'app-routing.module.ts';
+    //   const routingModulePath = `/projects/bar/src/app/${routingFileName}`;
+    //   const newTree = createAppModule(appTree, routingModulePath);
+    //   const options = { ...defaultOptions, module: routingFileName };
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, newTree).toPromise();
+    //   const content = tree.readContent(routingModulePath);
+    //   expect(content).toMatch(/import { FooComponent } from '.\/foo\/foo.component/);
+    // });
+    // it('should handle a path in the name option', async () => {
+    //   const options = { ...defaultOptions, name: 'dir/test-component' };
+    //
+    //   const tree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = tree.readContent('/projects/bar/src/app/app.module.ts');
+    //   expect(content).toMatch(
+    //     /import { TestComponentComponent } from '\.\/dir\/test-component\/test-component.component'/
+    //   );
+    // });
+    // it('should handle a path in the name and module options', async () => {
+    //   appTree = await schematicRunner
+    //     .runSchematicAsync('module', { name: 'admin/module', project: 'bar' }, appTree)
+    //     .toPromise();
+    //
+    //   const options = { ...defaultOptions, name: 'other/test-component', module: 'admin/module' };
+    //   appTree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //
+    //   const content = appTree.readContent('/projects/bar/src/app/admin/module/module.module.ts');
+    //   expect(content).toMatch(
+    //     /import { TestComponentComponent } from '..\/..\/other\/test-component\/test-component.component'/
+    //   );
+    // });
+    // it('should create the right selector with a path in the name', async () => {
+    //   const options = { ...defaultOptions, name: 'sub/test' };
+    //   appTree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = appTree.readContent('/projects/bar/src/app/sub/test/test.component.ts');
+    //   expect(content).toMatch(/selector: 'app-test'/);
+    // });
+    // it('should respect the skipSelector option', async () => {
+    //   const options = { ...defaultOptions, name: 'sub/test', skipSelector: true };
+    //   appTree = await schematicRunner.runSchematicAsync('component', options, appTree).toPromise();
+    //   const content = appTree.readContent('/projects/bar/src/app/sub/test/test.component.ts');
+    //   expect(content).not.toMatch(/selector: 'app-test'/);
+    // });
+    // it('should respect the sourceRoot value', async () => {
+    //   const config = JSON.parse(appTree.readContent('/angular.json'));
+    //   config.projects.bar.sourceRoot = 'projects/bar/custom';
+    //   appTree.overwrite('/angular.json', JSON.stringify(config, null, 2));
+    //
+    //   // should fail without a module in that dir
+    //   await expectAsync(
+    //     schematicRunner.runSchematicAsync('component', defaultOptions, appTree).toPromise(),
+    //   ).toBeRejected();
+    //
+    //   // move the module
+    //   appTree.rename('/projects/bar/src/app/app.module.ts', '/projects/bar/custom/app/app.module.ts');
+    //   appTree = await schematicRunner
+    //     .runSchematicAsync('component', defaultOptions, appTree)
+    //     .toPromise();
+    //   expect(appTree.files).toContain('/projects/bar/custom/app/foo/foo.component.ts');
+    // });
+});
+//# sourceMappingURL=index.spec.js.map

package/schematics/place-add/index.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/place-add/index.spec.ts"],"names":[],"mappings":"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"}

package/schematics/place-add/schema.d.ts

@@ -1,2 +1,4 @@
 export interface Schema {
+    project: string;
+    name: string;
 }

package/schematics/place-add/schema.json

@@ -4,5 +4,24 @@
   "type": "object",
   "description": "Add a new place component",
   "properties": {
-  }
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "name": {
+      "type": "string",
+      "description": "The name of the component.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use for the place?"
+    }
+  },
+  "required": [
+    "name"
+  ]
 }

package/schematics/place-add/templates/component/__name@dasherize__.component.html.template

@@ -0,0 +1 @@
+<p><%=name%> works!</p>

package/schematics/place-add/templates/component/__name@dasherize__.component.spec.ts.template

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { <%=capitalize(camelize(name))%>Component } from './<%=dasherize(name)%>>.component';
+
+describe('<%=capitalize(camelize(name))%>Component', () => {
+  let component: <%=capitalize(camelize(name))%>Component;
+  let fixture: ComponentFixture<<%=capitalize(camelize(name))%>Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ <%=capitalize(camelize(name))%>Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(<%=capitalize(camelize(name))%>Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/schematics/place-add/templates/component/__name@dasherize__.component.ts.template

@@ -0,0 +1,29 @@
+import { Component, OnInit } from '@angular/core';
+import {
+  Place,
+  PlaceComponent,
+} from '@coolon/angular-ui-powerups';
+import { I18n } from '<%=pathToRoot%>/i18n';
+
+@Place({
+  path: '<%=dasherize(name)%>',
+  data: {
+    nav: I18n.places.<%=camelize(name)%>.nav
+  },
+  authenticate: true
+})
+@Component({
+  selector: '<%=selectorPrefix%>-<%=dasherize(name)%>',
+  templateUrl: './<%=dasherize(name)%>.component.html',
+  styleUrls: ['./<%=dasherize(name)%>.component.scss'],
+})
+export class <%=capitalize(camelize(name))%>Component extends PlaceComponent implements OnInit {
+
+  constructor() {
+    super();
+  }
+
+  ngOnInit() {
+  }
+
+}