@ng-atomic/schematics 0.0.1

package/src/atomic-component/index.spec.ts

@@ -0,0 +1,159 @@
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+import { readFileSync } from 'fs';
+import * as path from 'path';
+import { join } from 'path';
+import {
+  buildExpectedFilePaths,
+  createWorkspace,
+  defaultWorkspaceOptions,
+  defaultAppOptions,
+  getTestProjectPath,
+  createNxWorkspace,
+} from '../_testing';
+
+const COLLECTION_PATH = path.join(__dirname, '../../collection.json');
+
+describe('AtomicComponent Schematics', () => {
+  const runner = new SchematicTestRunner('@ng-atomic/schematics', COLLECTION_PATH);
+  let tree: UnitTestTree;
+
+  describe('Angular Workspace', () => {
+    beforeEach(async () => {
+      tree = await createWorkspace(runner, tree);
+    });
+  
+    it('should create atomic component files', async () => {
+      const options = {project: 'app', path: '_shared/components', name: 'example'};
+  
+      const { files } = await runner.runSchematicAsync('atomic-component', options, tree).toPromise();
+      expect(files).toContain('/projects/app/src/app/_shared/components/example/example.module.ts');
+      expect(files).toContain('/projects/app/src/app/_shared/components/example/example.component.html');
+      expect(files).toContain('/projects/app/src/app/_shared/components/example/example.component.scss');
+      expect(files).toContain('/projects/app/src/app/_shared/components/example/example.component.spec.ts');
+      expect(files).toContain('/projects/app/src/app/_shared/components/example/example.component.ts');
+      expect(files).toContain('/projects/app/src/app/_shared/components/example/index.ts');
+    });
+  
+    it('should create atomic component files', async () => {
+      tree = await runner.runSchematicAsync('atomic-component', {project: 'app', name: '_shared/components/first'}, tree).toPromise();
+      tree = await runner.runSchematicAsync('atomic-component', {project: 'app', name: '_shared/components/second'}, tree).toPromise();
+  
+      const { files } = tree;
+      expect(files).toContain('/projects/app/src/app/_shared/components/first/first.module.ts');
+      expect(files).toContain('/projects/app/src/app/_shared/components/first/first.component.html');
+      expect(files).toContain('/projects/app/src/app/_shared/components/first/first.component.scss');
+      expect(files).toContain('/projects/app/src/app/_shared/components/first/first.component.spec.ts');
+      expect(files).toContain('/projects/app/src/app/_shared/components/first/first.component.ts');
+      expect(files).toContain('/projects/app/src/app/_shared/components/first/index.ts');
+
+      expect(files).toContain('/projects/app/src/app/_shared/components/second/second.module.ts');
+      expect(files).toContain('/projects/app/src/app/_shared/components/second/second.component.html');
+      expect(files).toContain('/projects/app/src/app/_shared/components/second/second.component.scss');
+      expect(files).toContain('/projects/app/src/app/_shared/components/second/second.component.spec.ts');
+      expect(files).toContain('/projects/app/src/app/_shared/components/second/second.component.ts');
+      expect(files).toContain('/projects/app/src/app/_shared/components/second/index.ts');
+  
+      const source = tree.read('/projects/app/src/app/_shared/components/index.ts')!.toString('utf-8');
+      expect(source).toEqual(`export { FirstModule } from './first';\nexport { SecondModule } from './second';`);
+    });
+  
+    it('should create atomic components files in app2', async () => {
+      const options = {project: 'app2', name: '_shared/components/example'};
+      const projectPath = getTestProjectPath(defaultWorkspaceOptions, {...defaultAppOptions, name: 'app2'});
+      const expectedFilePaths = buildExpectedFilePaths(options.name, 'example', projectPath, 'component');
+  
+      const { files } = await runner.runSchematicAsync('atomic-component', options, tree).toPromise();
+      expectedFilePaths.forEach(path => expect(files.includes(path)).toBeTruthy());
+    });
+  });
+
+  describe('Nx Workspace', () => {
+    beforeEach(async () => {
+      tree = await createNxWorkspace(runner, tree);
+    });
+
+    it('', async () => {
+      const options = {project: 'app', name: '_shared/components/extras/example'};
+      // const options = {project: 'app', path: '_shared/components/extras', name: 'example'};
+      const { files } = await runner.runSchematicAsync('atomic-component', options, tree).toPromise();
+      expect(files).toContain('/apps/app/src/app/_shared/components/extras/example/example.module.ts');
+    });
+  });
+  
+});
+
+describe('Atom Schematics', () => {
+  const runner = new SchematicTestRunner('@ng-atomic/schematics', COLLECTION_PATH);
+  let tree: UnitTestTree;
+
+  beforeEach(async () => {
+    tree = await createWorkspace(runner, tree);
+  });
+
+  it('should create atom files', async () => {
+    const options = {project: 'app', name: '_shared/components/example'};
+    const projectPath = getTestProjectPath(defaultWorkspaceOptions, {...defaultAppOptions, name: 'app'});
+    const expectedFilePaths = buildExpectedFilePaths(options.name, 'example', projectPath, 'atom');
+    
+    const host = await runner.runSchematicAsync('atom', options, tree).toPromise();
+    expectedFilePaths.forEach(path => expect(host.files.includes(path)).toBeTruthy());
+
+    const input = host.read('/projects/app/src/app/_shared/components/example/example.atom.ts').toString('utf-8');
+    const expected = readFileSync(join(__dirname, '_test/example.atom.ts.expected')).toString();
+    expect(input.replace(/\s/g, '')).toEqual(expected.replace(/\s/g, ''));
+  });
+});
+
+describe('Molecule Schematics', () => {
+  const runner = new SchematicTestRunner('@ng-atomic/schematics', COLLECTION_PATH);
+  let tree: UnitTestTree;
+
+  beforeEach(async () => {
+    tree = await createWorkspace(runner, tree);
+  });
+
+  it('should create molecule files', async () => {
+    const options = {project: 'app', name: '_shared/components/example'};
+    const projectPath = getTestProjectPath(defaultWorkspaceOptions, {...defaultAppOptions, name: 'app'});
+    const expectedFilePaths = buildExpectedFilePaths(options.name, 'example', projectPath, 'molecule');
+    
+    const { files } = await runner.runSchematicAsync('molecule', options, tree).toPromise();
+    expectedFilePaths.forEach(path => expect(files.includes(path)).toBeTruthy());
+  });
+});
+
+describe('Organism Schematics', () => {
+  const runner = new SchematicTestRunner('@ng-atomic/schematics', COLLECTION_PATH);
+  let tree: UnitTestTree;
+
+  beforeEach(async () => {
+    tree = await createWorkspace(runner, tree);
+  });
+
+  it('should create organism files', async () => {
+    const options = {project: 'app', name: '_shared/components/example'};
+    const projectPath = getTestProjectPath(defaultWorkspaceOptions, {...defaultAppOptions, name: 'app'});
+    const expectedFilePaths = buildExpectedFilePaths(options.name, 'example', projectPath, 'organism');
+    
+    const { files } = await runner.runSchematicAsync('organism', options, tree).toPromise();
+    expectedFilePaths.forEach(path => expect(files.includes(path)).toBeTruthy());
+  });
+});
+
+describe('Template Schematics', () => {
+  const runner = new SchematicTestRunner('@ng-atomic/schematics', COLLECTION_PATH);
+  let tree: UnitTestTree;
+
+  beforeEach(async () => {
+    tree = await createWorkspace(runner, tree);
+  });
+
+  it('should create template files', async () => {
+    const options = {project: 'app', name: '_shared/components/example'};
+    const projectPath = getTestProjectPath(defaultWorkspaceOptions, {...defaultAppOptions, name: 'app'});
+    const expectedFilePaths = buildExpectedFilePaths(options.name, 'example', projectPath, 'template');
+    
+    const { files } = await runner.runSchematicAsync('template', options, tree).toPromise();
+    expectedFilePaths.forEach(path => expect(files.includes(path)).toBeTruthy());
+  });
+});

package/src/atomic-component/schema.d.ts

@@ -0,0 +1,20 @@
+export interface Schema {
+    path?: string;
+    project?: string;
+    name?: string;
+    displayBlock?: string;
+    inlineTemplate?: string;
+    viewEncapsulation?: "Emulated" | "Native" | "None" | "ShadowDom";
+    changeDetection?: "Default" | "OnPush";
+    prefix?: string;
+    style?: string;
+    type?: string;
+    skipTests?: boolean;
+    flat?: boolean;
+    skipImport?: boolean;
+    selector?: string;
+    skipSelector?: boolean;
+    module?: string;
+    export?: boolean;
+    styleHeader?: string;
+}

package/src/atomic-component/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/src/atomic-component/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../../libs/schematics/src/atomic-component/schema.ts"],"names":[],"mappings":""}

package/src/atomic-component/schema.json

@@ -0,0 +1,133 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "SchematicsAngularComponent",
+  "title": "Angular Component Options Schema",
+  "type": "object",
+  "description": "Creates a new generic component definition in the given or default project.",
+  "properties": {
+		"path": {
+      "type": "string",
+      "format": "path",
+      "description": "The path at which to create the component file, relative to the current workspace. Default is a folder with the same name as the component in the project root.",
+      "visible": false
+    },
+    "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 component?"
+    },
+    "displayBlock": {
+      "description": "Specifies if the style will contain `:host { display: block; }`.",
+      "type": "boolean",
+      "default": false,
+      "alias": "b"
+    },
+    "inlineTemplate": {
+      "description": "When true, includes template inline in the component.ts file. By default, an external template file is created and referenced in the component.ts file.",
+      "type": "boolean",
+      "default": false,
+      "alias": "t",
+      "x-user-analytics": 10
+    },
+    "viewEncapsulation": {
+      "description": "The view encapsulation strategy to use in the new component.",
+      "enum": ["Emulated", "Native", "None", "ShadowDom"],
+      "type": "string",
+      "alias": "v",
+      "x-user-analytics": 11
+    },
+    "changeDetection": {
+      "description": "The change detection strategy to use in the new component.",
+      "enum": ["Default", "OnPush"],
+      "type": "string",
+      "default": "Default",
+      "alias": "c"
+    },
+    "prefix": {
+      "type": "string",
+      "description": "The prefix to apply to the generated component selector.",
+      "alias": "p",
+      "oneOf": [
+        {
+          "maxLength": 0
+        },
+        {
+          "minLength": 1,
+          "format": "html-selector"
+        }
+      ]
+    },
+    "style": {
+      "description": "The file extension or preprocessor to use for style files.",
+      "type": "string",
+      "default": "scss",
+      "enum": [
+        "scss",
+        "sass"
+      ],
+      "x-user-analytics": 5
+    },
+		"type": {
+      "type": "string",
+      "description": "Adds a developer-defined type to the filename, in the format \"name.type.ts\"."
+    },
+    "skipTests": {
+      "type": "boolean",
+      "description": "When true, does not create \"spec.ts\" test files for the new component.",
+      "default": false,
+      "x-user-analytics": 12
+    },
+    "flat": {
+      "type": "boolean",
+      "description": "When true, creates the new files at the top level of the current project.",
+      "default": false
+    },
+    "skipImport": {
+      "type": "boolean",
+      "description": "When true, does not import this component into the owning NgModule.",
+      "default": false,
+      "x-user-analytics": 18
+    },
+    "selector": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The HTML selector to use for this component."
+    },
+    "skipSelector": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies if the component should have a selector or not."
+    },
+    "module":  {
+      "type": "string",
+      "description": "The declaring NgModule.",
+      "alias": "m"
+    },
+    "export": {
+      "type": "boolean",
+      "default": false,
+      "description": "When true, the declaring NgModule exports this component.",
+      "x-user-analytics": 19
+    },
+		"styleHeader": {
+			"type": "string",
+			"default": "@import 'host-variable';\n@import 'atomic/{type}';\n$host: host('{name}');\n\n:host {\n\t@include {type}($host);\n}\n",
+			"description": ""
+		}
+  },
+  "required": [
+    "name"
+  ]
+}
+

package/src/ng-add/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+export default function (options: any): Rule;
+export declare function getCustomWebpackVersion(ver: string): string;

package/src/ng-add/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCustomWebpackVersion = void 0;
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const _utilities_1 = require("../_utilities");
+function default_1(options) {
+    return (host, context) => {
+        const ngCoreVersionTag = _utilities_1.getPackageVersionFromPackageJson(host, '@angular/core');
+        const angularDependencyVersion = ngCoreVersionTag || `0.0.0-NG`;
+        if (angularDependencyVersion === '0.0.0-NG') {
+            throw new Error('@angular/core version is not supported.');
+        }
+        // 必要なパッケージの追加
+        _utilities_1.addPackageToPackageJson(host, 'angular-atomic-schematics', getCustomWebpackVersion(angularDependencyVersion), 'devDependencies');
+        _utilities_1.addPackageToPackageJson(host, 'angular-host-css-variable', getCustomWebpackVersion(angularDependencyVersion), 'devDependencies');
+        _utilities_1.addPackageToPackageJson(host, 'angular-custom-webpack-chaining', getCustomWebpackVersion(angularDependencyVersion), 'devDependencies');
+        const installTaskId = context.addTask(new tasks_1.NodePackageInstallTask());
+        // angular-host-css-variableのインストール
+        const runSchematicTask = context.addTask(new tasks_1.RunSchematicTask('angular-host-css-variable', 'ng-add', { project: options.project }), [installTaskId]);
+        // Set Up Angular Atomic Schematics
+        context.addTask(new tasks_1.RunSchematicTask('setup-project', Object.assign({}, options)), [runSchematicTask]);
+        return host;
+    };
+}
+exports.default = default_1;
+function getCustomWebpackVersion(ver) {
+    const [major, minor, patch] = (ver.replace(/(\^|\~)/, '')).split('.');
+    switch (major) {
+        case '10': return '^0.1000.0';
+        case '11': return '^0.1100.0';
+        default: throw new Error('@angular/core version is not supported.');
+    }
+}
+exports.getCustomWebpackVersion = getCustomWebpackVersion;
+//# sourceMappingURL=index.js.map

package/src/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/schematics/src/ng-add/index.ts"],"names":[],"mappings":";;;AACA,4DAA4F;AAC5F,8CAA0F;AAE1F,mBAAwB,OAAY;IAClC,OAAO,CAAC,IAAU,EAAE,OAAyB,EAAE,EAAE;QAC/C,MAAM,gBAAgB,GAAG,6CAAgC,CAAC,IAAI,EAAE,eAAe,CAAC,CAAC;QACjF,MAAM,wBAAwB,GAAG,gBAAgB,IAAI,UAAU,CAAC;QAEhE,IAAI,wBAAwB,KAAK,UAAU,EAAE;YAC3C,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;SAC5D;QAEH,cAAc;QACd,oCAAuB,CACtB,IAAI,EACJ,2BAA2B,EAC3B,uBAAuB,CAAC,wBAAwB,CAAC,EACjD,iBAAiB,CACjB,CAAC;QAEF,oCAAuB,CACtB,IAAI,EACJ,2BAA2B,EAC3B,uBAAuB,CAAC,wBAAwB,CAAC,EACjD,iBAAiB,CACjB,CAAC;QAEF,oCAAuB,CACtB,IAAI,EACJ,iCAAiC,EAC9B,uBAAuB,CAAC,wBAAwB,CAAC,EACpD,iBAAiB,CACjB,CAAC;QAEF,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;QAEpE,mCAAmC;QACnC,MAAM,gBAAgB,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,wBAAgB,CAC5D,2BAA2B,EAC3B,QAAQ,EACR,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,CAC5B,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;QAEpB,mCAAmC;QACnC,OAAO,CAAC,OAAO,CAAC,IAAI,wBAAgB,CAAC,eAAe,oBAAM,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAA;QAExF,OAAO,IAAI,CAAA;IACX,CAAC,CAAA;AACH,CAAC;AA7CD,4BA6CC;AAED,SAAgB,uBAAuB,CAAC,GAAW;IACjD,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtE,QAAQ,KAAK,EAAE;QACb,KAAK,IAAI,CAAC,CAAC,OAAO,WAAW,CAAC;QAC9B,KAAK,IAAI,CAAC,CAAC,OAAO,WAAW,CAAC;QAC9B,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;KACrE;AACH,CAAC;AAPD,0DAOC"}

package/src/ng-add/schema.json

@@ -0,0 +1,29 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "ngx-atomic-schematics-ng-add",
+  "title": "Angular Atomic Schematics ng-add schematic",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "Name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "componentsDir": {
+      "description": "Setup components directory",
+      "type": "string",
+      "default": "src/app/_shared/components",
+      "x-prompt": "Where do you setup Angular Atomic Components?" 
+    },
+		"stylesDir": {
+			"description": "Setup styles directory",
+			"type": "string",
+			"default": "src/styles",
+			"x-prompt": "Where do you setup Angular Atomic Styles?"
+
+		}
+  },
+  "required": []
+}

package/src/page/_test/test.module.ts.expected

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Routes, RouterModule } from '@angular/router';
+import { TestPage } from './test.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: TestPage,
+    // loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule)
+  }
+];
+
+@NgModule({
+  declarations: [
+    TestPage
+  ],
+  imports: [
+    CommonModule,
+    RouterModule.forChild(routes)
+  ],
+  exports: [
+    TestPage
+  ]
+})
+export class TestModule { }

package/src/page/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from '../atomic-component/schema';
+export declare const page: (options: Schema) => Rule;

package/src/page/index.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.page = void 0;
+const tslib_1 = require("tslib");
+const schematics_1 = require("@angular-devkit/schematics");
+const parse_name_1 = require("@schematics/angular/utility/parse-name");
+const strings_1 = require("@angular-devkit/core/src/utils/strings");
+const _utilities_1 = require("../_utilities");
+const workspace_1 = require("@schematics/angular/utility/workspace");
+exports.page = (options) => (host) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
+    (_a = options.path) !== null && _a !== void 0 ? _a : (options.path = yield workspace_1.createDefaultPath(host, options.project));
+    (_b = options.type) !== null && _b !== void 0 ? _b : (options.type = 'page');
+    options.name = resolveName(options.name);
+    const { name, path, type, project, styleHeader } = options = Object.assign(Object.assign({}, options), parse_name_1.parseName(options.path, options.name));
+    const pages = getPagesOptions(`${path}/${name}`);
+    delete options['styleHeader'];
+    return schematics_1.chain([
+        schematics_1.schematic('pages', Object.assign(Object.assign({}, pages), { project })),
+        addRouteIntoPagesModule(options, pages),
+        schematics_1.schematic('pages', { name, path, project }),
+        schematics_1.externalSchematic('@schematics/angular', 'component', Object.assign(Object.assign({}, options), { export: true })),
+        // externalSchematic('@ng-atomic/host-variable', 'component', {...options, styleHeader: format(styleHeader, {name, type}), export: true}),
+        addRouteIntoPageModule(options, { path, name }),
+    ]);
+});
+const getPagesOptions = (fullPath) => {
+    const [_, name, ...paths] = fullPath.split('/').reverse();
+    return { name, path: paths.reverse().join('/') };
+};
+const resolveName = (name) => {
+    return 'pages/' + name.split('/').filter(path => path !== 'pages').join('/pages/');
+};
+const addRouteIntoPagesModule = (options, target) => {
+    const routeOptions = buildOption(options, target, 'pages');
+    return _utilities_1.addPathToRoutes(routeOptions);
+};
+const addRouteIntoPageModule = (options, target) => {
+    const routeOptions = buildOption(options, target, 'page');
+    return _utilities_1.addPathToRoutes(routeOptions);
+};
+const buildOption = (options, { path, name }, type) => (Object.assign(Object.assign({}, options), { routingModulePath: `${path}/${name}/${name}.module.ts`, route: type === 'pages' ? buildPagesRoute(options.name) : buildPageRoute(name), removeOtherRoutes: type === 'page' }));
+const buildPagesRoute = (name) => `
+	{
+		path: '${name}',
+		loadChildren: () => import('./${strings_1.dasherize(name)}/${strings_1.dasherize(name)}.module').then(m => m.${strings_1.classify(name)}Module)
+	}`;
+const buildPageRoute = (name) => `
+	{
+		path: '',
+		component: ${strings_1.classify(name)}Page,
+		// loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule)
+	}`;
+//# sourceMappingURL=index.js.map

package/src/page/index.js.map

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

package/src/page/index.spec.ts

@@ -0,0 +1,29 @@
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+import { readFileSync } from 'fs';
+import { join } from 'path';
+import { COLLECTION_PATH, createWorkspace } from '../_testing';
+
+describe('Page Schematics', () => {
+  const runner = new SchematicTestRunner('@ng-atomic/schematics', COLLECTION_PATH);
+  let tree: UnitTestTree;
+
+  beforeEach(async () => {
+    tree = await createWorkspace(runner, tree);
+  });
+
+  it('should create atomic component files', async () => {
+    const options = {project: 'app', name: 'test'};
+    const host = await runner.runSchematicAsync('page', options, tree).toPromise();
+    expect(host.files.includes('/projects/app/src/app/pages/pages.module.ts')).toBeTruthy();
+    expect(host.files.includes('/projects/app/src/app/pages/test/test.module.ts')).toBeTruthy();
+    expect(host.files.includes('/projects/app/src/app/pages/test/test.page.html')).toBeTruthy();
+    expect(host.files.includes('/projects/app/src/app/pages/test/test.page.scss')).toBeTruthy();
+    expect(host.files.includes('/projects/app/src/app/pages/test/test.page.spec.ts')).toBeTruthy();
+    expect(host.files.includes('/projects/app/src/app/pages/test/test.page.ts')).toBeTruthy();
+
+    const input = host.read('/projects/app/src/app/pages/test/test.module.ts').toString('utf-8');
+    const expected = readFileSync(join(__dirname, '_test/test.module.ts.expected')).toString('utf-8');
+    expect(input.replace(/\s/g, '')).toEqual(expected.replace(/\s/g, ''));
+    
+  });
+});

package/src/pages/files/__name@dasherize__/__name@dasherize__.module.ts.template

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';<% if (commonModule) { %>
+import { CommonModule } from '@angular/common';<% } %>
+import { Routes, RouterModule } from '@angular/router';
+
+const routes: Routes = [
+];
+
+@NgModule({
+  declarations: [],
+  imports: [<% if (commonModule) { %>
+    CommonModule,<% } %>
+    RouterModule.forChild(routes)
+  ]
+})
+export class <%= classify(name) %>Module { }

package/src/pages/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export declare const pages: (options: Schema) => Rule;

package/src/pages/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pages = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@angular-devkit/core");
+const schematics_1 = require("@angular-devkit/schematics");
+const parse_name_1 = require("@schematics/angular/utility/parse-name");
+const workspace_1 = require("@schematics/angular/utility/workspace");
+exports.pages = (options) => (host) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    (_a = options.path) !== null && _a !== void 0 ? _a : (options.path = yield workspace_1.createDefaultPath(host, options.project));
+    const { name, path } = options = Object.assign(Object.assign({}, options), parse_name_1.parseName(options.path, options.name));
+    return host.exists(`${path}/${name}/${name}.module.ts`) ? schematics_1.noop() : genModule(options);
+});
+const genModule = (options) => schematics_1.mergeWith(schematics_1.apply(schematics_1.url('./files'), [schematics_1.applyTemplates(Object.assign(Object.assign({}, core_1.strings), options)), schematics_1.move(options.path)]));
+//# sourceMappingURL=index.js.map

package/src/pages/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/schematics/src/pages/index.ts"],"names":[],"mappings":";;;;AAAA,+CAA+C;AAC/C,2DAA2G;AAC3G,uEAAmE;AACnE,qEAA0E;AAG7D,QAAA,KAAK,GAAG,CAAC,OAAe,EAAQ,EAAE,CAAC,CAAO,IAAU,EAAE,EAAE;;IACnE,MAAA,OAAO,CAAC,IAAI,oCAAZ,OAAO,CAAC,IAAI,GAAK,MAAM,6BAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAC;IAChE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,OAAO,mCAAO,OAAO,GAAK,sBAAS,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACxF,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC,iBAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;AACxF,CAAC,CAAA,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE,CACpC,sBAAS,CAAC,kBAAK,CAAC,gBAAG,CAAC,SAAS,CAAC,EAAE,CAAC,2BAAc,iCAAK,cAAO,GAAK,OAAO,EAAE,EAAE,iBAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/src/pages/index.spec.ts

@@ -0,0 +1,17 @@
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+import { COLLECTION_PATH, createWorkspace } from '../_testing';
+
+describe('Pages Schematics', () => {
+  const runner = new SchematicTestRunner('@ng-atomic/schematics', COLLECTION_PATH);
+  let tree: UnitTestTree;
+
+  beforeEach(async () => {
+    tree = await createWorkspace(runner, tree);
+  });
+
+  it('should create component files', async () => {
+    const options = {project: 'app', name: 'pages'};
+    const { files } = await runner.runSchematicAsync('pages', options, tree).toPromise();
+    expect(files.includes('/projects/app/src/app/pages/pages.module.ts')).toBeTruthy();
+  });
+});

package/src/pages/schema.d.ts

@@ -0,0 +1,7 @@
+export interface Schema {
+    name?: string;
+    path?: string;
+    project?: string;
+    commonModule?: boolean;
+    lintFix?: boolean;
+}

package/src/pages/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/src/pages/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../../libs/schematics/src/pages/schema.ts"],"names":[],"mappings":""}

package/src/pages/schema.json

@@ -0,0 +1,44 @@
+{
+    "$schema": "http://json-schema.org/schema",
+    "$id": "SchematicsAngularModule",
+    "title": "Angular Module Options Schema",
+    "type": "object",
+    "description": "Creates a new generic NgModule definition in the given or default project.",
+    "properties": {
+      "name": {
+        "type": "string",
+        "description": "The name of the NgModule.",
+        "$default": {
+          "$source": "argv",
+          "index": 0
+        },
+        "x-prompt": "What name would you like to use for the NgModule?"
+      },
+      "path": {
+        "type": "string",
+        "format": "path",
+        "description": "The path at which to create the NgModule, relative to the workspace root.",
+        "visible": false
+      },
+      "project": {
+        "type": "string",
+        "description": "The name of the project.",
+        "$default": {
+          "$source": "projectName"
+        }
+      },
+      "commonModule": {
+        "type": "boolean",
+        "description": "When true, the new NgModule imports \"CommonModule\". ",
+        "default": true,
+        "visible": false
+      },
+      "lintFix": {
+        "type": "boolean",
+        "default": false,
+        "description": "When true, applies lint fixes after generating the module.",
+        "x-user-analytics": 15
+      }
+    },
+    "required": []
+  }