@nx/angular 16.0.0-beta.1

package/src/generators/add-linting/lib/add-angular-eslint-dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-angular-eslint-dependencies.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/add-linting/lib/add-angular-eslint-dependencies.ts"],"names":[],"mappings":";;;AACA,uCAA0D;AAC1D,6DAAqD;AAErD,SAAgB,4BAA4B,CAAC,IAAU;IACrD,MAAM,6BAA6B,GAAG,IAAA,wBAAQ,EAAC,IAAI,CAAC,CAAC,oBAAoB,CAAC;IAC1E,OAAO,IAAA,qCAA4B,EACjC,IAAI,EACJ,EAAE,EACF;QACE,+BAA+B,EAAE,6BAA6B;QAC9D,wCAAwC,EAAE,6BAA6B;QACvE,iCAAiC,EAAE,6BAA6B;KACjE,CACF,CAAC;AACJ,CAAC;AAXD,oEAWC"}

package/src/generators/add-linting/lib/create-eslint-configuration.d.ts

@@ -0,0 +1,78 @@
+import type { Tree } from '@nx/devkit';
+import type { Linter } from 'eslint';
+import type { AddLintingGeneratorSchema } from '../schema';
+type EslintExtensionSchema = {
+    prefix: string;
+};
+export declare const extendAngularEslintJson: (json: Linter.Config, options: EslintExtensionSchema) => {
+    overrides: ({
+        files: string[];
+        extends: string[];
+        rules: {
+            '@angular-eslint/directive-selector': (string | {
+                type: string;
+                prefix: string;
+                style: string;
+            })[];
+            '@angular-eslint/component-selector': (string | {
+                type: string;
+                prefix: string;
+                style: string;
+            })[];
+        };
+        excludedFiles?: string | string[];
+        $schema?: string;
+        env?: {
+            [name: string]: boolean;
+        };
+        globals?: {
+            [name: string]: boolean | "readonly" | "readable" | "writable" | "writeable";
+        };
+        noInlineConfig?: boolean;
+        overrides?: Linter.ConfigOverride<Linter.RulesRecord>[];
+        parser?: string;
+        parserOptions?: Linter.ParserOptions;
+        plugins?: string[];
+        processor?: string;
+        reportUnusedDisableDirectives?: boolean;
+        settings?: {
+            [name: string]: any;
+        };
+    } | {
+        files: string[];
+        extends: string[];
+        /**
+         * Having an empty rules object present makes it more obvious to the user where they would
+         * extend things from if they needed to
+         */
+        rules: {
+            '@angular-eslint/directive-selector'?: undefined;
+            '@angular-eslint/component-selector'?: undefined;
+        };
+    })[];
+    ignorePatterns?: string | string[];
+    root?: boolean;
+    $schema?: string;
+    env?: {
+        [name: string]: boolean;
+    };
+    extends?: string | string[];
+    globals?: {
+        [name: string]: boolean | "readonly" | "readable" | "writable" | "writeable";
+    };
+    noInlineConfig?: boolean;
+    parser?: string;
+    parserOptions?: Linter.ParserOptions;
+    plugins?: string[];
+    processor?: string;
+    reportUnusedDisableDirectives?: boolean;
+    settings?: {
+        [name: string]: any;
+    };
+    rules?: Partial<Linter.RulesRecord>;
+};
+/**
+ * @deprecated Use {@link extendAngularEslintJson} instead
+ */
+export declare function createEsLintConfiguration(tree: Tree, options: AddLintingGeneratorSchema): void;
+export {};

package/src/generators/add-linting/lib/create-eslint-configuration.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createEsLintConfiguration = exports.extendAngularEslintJson = void 0;
+const devkit_1 = require("@nx/devkit");
+const string_utils_1 = require("@nx/devkit/src/utils/string-utils");
+const extendAngularEslintJson = (json, options) => {
+    const overrides = [
+        Object.assign(Object.assign({}, json.overrides[0]), { files: ['*.ts'], extends: [
+                ...(json.overrides[0].extends || []),
+                'plugin:@nrwl/nx/angular',
+                'plugin:@angular-eslint/template/process-inline-templates',
+            ], rules: {
+                '@angular-eslint/directive-selector': [
+                    'error',
+                    {
+                        type: 'attribute',
+                        prefix: (0, string_utils_1.camelize)(options.prefix),
+                        style: 'camelCase',
+                    },
+                ],
+                '@angular-eslint/component-selector': [
+                    'error',
+                    {
+                        type: 'element',
+                        prefix: (0, string_utils_1.dasherize)(options.prefix),
+                        style: 'kebab-case',
+                    },
+                ],
+            } }),
+        {
+            files: ['*.html'],
+            extends: ['plugin:@nrwl/nx/angular-template'],
+            /**
+             * Having an empty rules object present makes it more obvious to the user where they would
+             * extend things from if they needed to
+             */
+            rules: {},
+        },
+    ];
+    return Object.assign(Object.assign({}, json), { overrides });
+};
+exports.extendAngularEslintJson = extendAngularEslintJson;
+/**
+ * @deprecated Use {@link extendAngularEslintJson} instead
+ */
+function createEsLintConfiguration(tree, options) {
+    const rootConfig = `${(0, devkit_1.offsetFromRoot)(options.projectRoot)}.eslintrc.json`;
+    // Include all project files to be linted (since they are turned off in the root eslintrc file).
+    const ignorePatterns = ['!**/*'];
+    const configJson = {
+        extends: [rootConfig],
+        ignorePatterns,
+        overrides: [
+            {
+                files: ['*.ts'],
+                extends: [
+                    'plugin:@nrwl/nx/angular',
+                    'plugin:@angular-eslint/template/process-inline-templates',
+                ],
+                /**
+                 * NOTE: We no longer set parserOptions.project by default when creating new projects.
+                 *
+                 * We have observed that users rarely add rules requiring type-checking to their Nx workspaces, and therefore
+                 * do not actually need the capabilites which parserOptions.project provides. When specifying parserOptions.project,
+                 * typescript-eslint needs to create full TypeScript Programs for you. When omitting it, it can perform a simple
+                 * parse (and AST tranformation) of the source files it encounters during a lint run, which is much faster and much
+                 * less memory intensive.
+                 *
+                 * In the rare case that users attempt to add rules requiring type-checking to their setup later on (and haven't set
+                 * parserOptions.project), the executor will attempt to look for the particular error typescript-eslint gives you
+                 * and provide feedback to the user.
+                 */
+                parserOptions: !options.setParserOptionsProject
+                    ? undefined
+                    : {
+                        project: [`${options.projectRoot}/tsconfig.*?.json`],
+                    },
+                rules: {
+                    '@angular-eslint/directive-selector': [
+                        'error',
+                        {
+                            type: 'attribute',
+                            prefix: (0, string_utils_1.camelize)(options.prefix),
+                            style: 'camelCase',
+                        },
+                    ],
+                    '@angular-eslint/component-selector': [
+                        'error',
+                        {
+                            type: 'element',
+                            prefix: (0, string_utils_1.dasherize)(options.prefix),
+                            style: 'kebab-case',
+                        },
+                    ],
+                },
+            },
+            {
+                files: ['*.html'],
+                extends: ['plugin:@nrwl/nx/angular-template'],
+                /**
+                 * Having an empty rules object present makes it more obvious to the user where they would
+                 * extend things from if they needed to
+                 */
+                rules: {},
+            },
+        ],
+    };
+    (0, devkit_1.writeJson)(tree, (0, devkit_1.joinPathFragments)(options.projectRoot, '.eslintrc.json'), configJson);
+}
+exports.createEsLintConfiguration = createEsLintConfiguration;
+//# sourceMappingURL=create-eslint-configuration.js.map

package/src/generators/add-linting/lib/create-eslint-configuration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-eslint-configuration.js","sourceRoot":"","sources":["../../../../../../../packages/angular/src/generators/add-linting/lib/create-eslint-configuration.ts"],"names":[],"mappings":";;;AACA,uCAA0E;AAG1E,oEAAwE;AAMjE,MAAM,uBAAuB,GAAG,CACrC,IAAmB,EACnB,OAA8B,EAC9B,EAAE;IACF,MAAM,SAAS,GAAG;wCAEX,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KACpB,KAAK,EAAE,CAAC,MAAM,CAAC,EACf,OAAO,EAAE;gBACP,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC;gBACpC,yBAAyB;gBACzB,0DAA0D;aAC3D,EACD,KAAK,EAAE;gBACL,oCAAoC,EAAE;oBACpC,OAAO;oBACP;wBACE,IAAI,EAAE,WAAW;wBACjB,MAAM,EAAE,IAAA,uBAAQ,EAAC,OAAO,CAAC,MAAM,CAAC;wBAChC,KAAK,EAAE,WAAW;qBACnB;iBACF;gBACD,oCAAoC,EAAE;oBACpC,OAAO;oBACP;wBACE,IAAI,EAAE,SAAS;wBACf,MAAM,EAAE,IAAA,wBAAS,EAAC,OAAO,CAAC,MAAM,CAAC;wBACjC,KAAK,EAAE,YAAY;qBACpB;iBACF;aACF;QAEH;YACE,KAAK,EAAE,CAAC,QAAQ,CAAC;YACjB,OAAO,EAAE,CAAC,kCAAkC,CAAC;YAC7C;;;eAGG;YACH,KAAK,EAAE,EAAE;SACV;KACF,CAAC;IAEF,uCACK,IAAI,KACP,SAAS,IACT;AACJ,CAAC,CAAC;AA/CW,QAAA,uBAAuB,2BA+ClC;AAEF;;GAEG;AACH,SAAgB,yBAAyB,CACvC,IAAU,EACV,OAAkC;IAElC,MAAM,UAAU,GAAG,GAAG,IAAA,uBAAc,EAAC,OAAO,CAAC,WAAW,CAAC,gBAAgB,CAAC;IAC1E,gGAAgG;IAChG,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,CAAC;IAEjC,MAAM,UAAU,GAAG;QACjB,OAAO,EAAE,CAAC,UAAU,CAAC;QACrB,cAAc;QACd,SAAS,EAAE;YACT;gBACE,KAAK,EAAE,CAAC,MAAM,CAAC;gBACf,OAAO,EAAE;oBACP,yBAAyB;oBACzB,0DAA0D;iBAC3D;gBACD;;;;;;;;;;;;mBAYG;gBACH,aAAa,EAAE,CAAC,OAAO,CAAC,uBAAuB;oBAC7C,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC;wBACE,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC,WAAW,mBAAmB,CAAC;qBACrD;gBACL,KAAK,EAAE;oBACL,oCAAoC,EAAE;wBACpC,OAAO;wBACP;4BACE,IAAI,EAAE,WAAW;4BACjB,MAAM,EAAE,IAAA,uBAAQ,EAAC,OAAO,CAAC,MAAM,CAAC;4BAChC,KAAK,EAAE,WAAW;yBACnB;qBACF;oBACD,oCAAoC,EAAE;wBACpC,OAAO;wBACP;4BACE,IAAI,EAAE,SAAS;4BACf,MAAM,EAAE,IAAA,wBAAS,EAAC,OAAO,CAAC,MAAM,CAAC;4BACjC,KAAK,EAAE,YAAY;yBACpB;qBACF;iBACF;aACF;YACD;gBACE,KAAK,EAAE,CAAC,QAAQ,CAAC;gBACjB,OAAO,EAAE,CAAC,kCAAkC,CAAC;gBAC7C;;;mBAGG;gBACH,KAAK,EAAE,EAAE;aACV;SACF;KACF,CAAC;IAEF,IAAA,kBAAS,EACP,IAAI,EACJ,IAAA,0BAAiB,EAAC,OAAO,CAAC,WAAW,EAAE,gBAAgB,CAAC,EACxD,UAAU,CACX,CAAC;AACJ,CAAC;AAxED,8DAwEC"}

package/src/generators/add-linting/schema.d.ts

@@ -0,0 +1,9 @@
+export interface AddLintingGeneratorSchema {
+  projectName: string;
+  projectRoot: string;
+  prefix: string;
+  setParserOptionsProject?: boolean;
+  skipFormat?: boolean;
+  skipPackageJson?: boolean;
+  unitTestRunner?: string;
+}

package/src/generators/add-linting/schema.json

@@ -0,0 +1,51 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "NxAngularAddLintingGenerator",
+  "title": "Add linting to an Angular project.",
+  "description": "Adds linting configuration to an Angular project.",
+  "cli": "nx",
+  "type": "object",
+  "examples": [
+    {
+      "command": "nx g @nrwl/angular:add-linting --prefix=cool --projectName=cool-lib --projectRoot=libs/cool-lib",
+      "description": "Adds ESLint with Angular-specific rules for an existing project named `cool-lib` with the [prefix](https://angular.io/guide/styleguide#style-02-07) `cool`"
+    }
+  ],
+  "properties": {
+    "prefix": {
+      "type": "string",
+      "format": "html-selector",
+      "description": "The prefix to apply to generated selectors.",
+      "x-priority": "important"
+    },
+    "projectName": {
+      "type": "string",
+      "description": "The name of the project.",
+      "x-priority": "important"
+    },
+    "projectRoot": {
+      "type": "string",
+      "description": "The path to the root of the selected project.",
+      "x-priority": "important"
+    },
+    "setParserOptionsProject": {
+      "type": "boolean",
+      "description": "Whether or not to configure the ESLint `parserOptions.project` option. We do not do this by default for lint performance reasons.",
+      "default": false
+    },
+    "skipFormat": {
+      "type": "boolean",
+      "description": "Skip formatting files.",
+      "default": false,
+      "x-priority": "internal"
+    },
+    "skipPackageJson": {
+      "type": "boolean",
+      "default": false,
+      "description": "Do not add dependencies to `package.json`.",
+      "x-priority": "internal"
+    }
+  },
+  "additionalProperties": false,
+  "required": ["prefix", "projectName", "projectRoot"]
+}

package/src/generators/application/application.compat.d.ts

@@ -0,0 +1 @@
+export declare const applicationSchematic: (generatorOptions: Partial<import("./schema").Schema>) => (tree: any, context: any) => Promise<any>;

package/src/generators/application/application.compat.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applicationSchematic = void 0;
+const devkit_1 = require("@nx/devkit");
+const warn_for_schematic_usage_1 = require("../utils/warn-for-schematic-usage");
+const application_1 = require("./application");
+exports.applicationSchematic = (0, warn_for_schematic_usage_1.warnForSchematicUsage)((0, devkit_1.convertNxGenerator)(application_1.default));
+//# sourceMappingURL=application.compat.js.map

package/src/generators/application/application.compat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"application.compat.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/generators/application/application.compat.ts"],"names":[],"mappings":";;;AAAA,uCAAgD;AAChD,gFAA0E;AAC1E,+CAAwC;AAE3B,QAAA,oBAAoB,GAAG,IAAA,gDAAqB,EACvD,IAAA,2BAAkB,EAAC,qBAAW,CAAC,CAChC,CAAC"}

package/src/generators/application/application.d.ts

@@ -0,0 +1,4 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import type { Schema } from './schema';
+export declare function applicationGenerator(tree: Tree, schema: Partial<Schema>): Promise<GeneratorCallback>;
+export default applicationGenerator;

package/src/generators/application/application.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applicationGenerator = void 0;
+const tslib_1 = require("tslib");
+const devkit_1 = require("@nx/devkit");
+const init_1 = require("../init/init");
+const setup_tailwind_1 = require("../setup-tailwind/setup-tailwind");
+const version_utils_1 = require("../utils/version-utils");
+const lib_1 = require("./lib");
+const semver_1 = require("semver");
+const enquirer_1 = require("enquirer");
+function applicationGenerator(tree, schema) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const installedAngularVersionInfo = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+        if ((0, semver_1.lt)(installedAngularVersionInfo.version, '14.1.0') && schema.standalone) {
+            throw new Error((0, devkit_1.stripIndents) `The "standalone" option is only supported in Angular >= 14.1.0. You are currently using ${installedAngularVersionInfo.version}.
+    You can resolve this error by removing the "standalone" option or by migrating to Angular 14.1.0.`);
+        }
+        if ((0, semver_1.gte)(installedAngularVersionInfo.version, '14.1.0') &&
+            schema.standalone === undefined &&
+            process.env.NX_INTERACTIVE === 'true') {
+            schema.standalone = yield (0, enquirer_1.prompt)({
+                name: 'standalone-components',
+                message: 'Would you like to use Standalone Components?',
+                type: 'confirm',
+            }).then((a) => a['standalone-components']);
+        }
+        const options = (0, lib_1.normalizeOptions)(tree, schema);
+        const rootOffset = (0, devkit_1.offsetFromRoot)(options.appProjectRoot);
+        yield (0, init_1.angularInitGenerator)(tree, Object.assign(Object.assign({}, options), { skipFormat: true }));
+        (0, lib_1.createProject)(tree, options);
+        yield (0, lib_1.createFiles)(tree, options, rootOffset);
+        if (options.addTailwind) {
+            yield (0, setup_tailwind_1.setupTailwindGenerator)(tree, {
+                project: options.name,
+                skipFormat: true,
+                skipPackageJson: options.skipPackageJson,
+            });
+        }
+        yield (0, lib_1.addLinting)(tree, options);
+        yield (0, lib_1.addUnitTestRunner)(tree, options);
+        yield (0, lib_1.addE2e)(tree, options);
+        (0, lib_1.updateEditorTsConfig)(tree, options);
+        if (options.rootProject) {
+            const nxJson = (0, devkit_1.readNxJson)(tree);
+            nxJson.defaultProject = options.name;
+            (0, devkit_1.updateNxJson)(tree, nxJson);
+        }
+        if (options.backendProject) {
+            (0, lib_1.addProxyConfig)(tree, options);
+        }
+        if (options.strict) {
+            (0, lib_1.enableStrictTypeChecking)(tree, options);
+        }
+        else {
+            (0, lib_1.setApplicationStrictDefault)(tree, false);
+        }
+        if (!options.skipFormat) {
+            yield (0, devkit_1.formatFiles)(tree);
+        }
+        return () => {
+            (0, devkit_1.installPackagesTask)(tree);
+        };
+    });
+}
+exports.applicationGenerator = applicationGenerator;
+exports.default = applicationGenerator;
+//# sourceMappingURL=application.js.map

package/src/generators/application/application.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"application.js","sourceRoot":"","sources":["../../../../../../packages/angular/src/generators/application/application.ts"],"names":[],"mappings":"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"}

package/src/generators/application/files/base/src/index.html__tpl__

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title><%= appName %></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>
+    <<%= rootSelector %>></<%= rootSelector %>>
+  </body>
+</html>

package/src/generators/application/files/base/src/styles.__style__

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */

package/src/generators/application/files/base/tsconfig.app.json__tpl__

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "<%= rootOffset %>dist/out-tsc",
+    "types": []
+  },
+  "files": ["src/main.ts"<% if(installedAngularInfo.major === 14) { %>, "src/polyfills.ts"<% } %>],
+  "include": ["src/**/*.d.ts"],
+  "exclude": ["jest.config.ts", "src/**/*.test.ts", "src/**/*.spec.ts"]
+}

package/src/generators/application/files/base/tsconfig.editor.json__tpl__

@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src/**/*.ts"],
+  "compilerOptions": {}
+}

package/src/generators/application/files/base/tsconfig.json__tpl__

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": <% if(installedAngularInfo.major === 14) { %>"es2020"<% } else { %>"es2022"<% } %><% if(installedAngularInfo.major === 15) { %>,
+    "useDefineForClassFields": false<% } %>
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ],
+  "extends": "<%= rootTsConfig %>"
+}

package/src/generators/application/files/ng-module/src/app/app.component.html__tpl__

@@ -0,0 +1 @@
+<% if(minimal) { %><h1>Welcome <%= appName %></h1><% } else { %><<%= nxWelcomeSelector %>></<%= nxWelcomeSelector %>><% } %> <% if(routing) { %><router-outlet></router-outlet><% } %>

package/src/generators/application/files/ng-module/src/app/app.component.spec.ts__tpl__

@@ -0,0 +1,26 @@
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';<% if(!minimal) { %>
+import { NxWelcomeComponent } from './nx-welcome.component';<% } %><% if(routing) { %>
+import { RouterTestingModule } from '@angular/router/testing';<% } %>
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [<% if(routing) { %>RouterTestingModule<% } %>],
+      declarations: [AppComponent<% if(!minimal) { %>, NxWelcomeComponent<% } %>]
+    }).compileComponents();
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain('Welcome <%= appName %>');
+  });<% if(!minimal) { %>
+
+  it(`should have as title '<%= appName %>'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('<%= appName %>');
+  });<% } %>
+});

package/src/generators/application/files/ng-module/src/app/app.component.ts__tpl__

@@ -0,0 +1,13 @@
+import { Component<% if(viewEncapsulation) { %>, ViewEncapsulation<% } %> } from '@angular/core';
+
+@Component({
+  selector: '<%= rootSelector %>',<% if(!inlineTemplate) { %>
+  templateUrl: './app.component.html',<% } else { %>
+  template: `<% if(minimal) { %><h1>Welcome <%= appName %></h1><% } else { %><<%= nxWelcomeSelector %>></<%= nxWelcomeSelector %>><% } %> <% if(routing) { %><router-outlet></router-outlet><% } %>`,<% } %><% if(!inlineStyle) { %>
+  styleUrls: ['./app.component.<%= style %>'],<% } else { %>
+  styles: [''],<% } %><% if(viewEncapsulation) { %>
+  encapsulation: ViewEncapsulation.<%= viewEncapsulation %>,<% } %>
+})
+export class AppComponent {<% if(!minimal) { %>
+  title = '<%= appName %>';
+<% } %>}

package/src/generators/application/files/ng-module/src/app/app.module.ts__tpl__

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';<% if(routing) { %>
+import { RouterModule } from '@angular/router';<% } %>
+import { AppComponent } from './app.component';<% if(routing) { %>
+import { appRoutes } from './app.routes';<% } %><% if(!minimal) { %>
+import { NxWelcomeComponent } from './nx-welcome.component';<% } %>
+
+@NgModule({
+  declarations: [AppComponent<% if(!minimal) { %>, NxWelcomeComponent<% } %>],
+  imports: [
+    BrowserModule,<% if(routing) { %>
+    RouterModule.forRoot(appRoutes, { initialNavigation: 'enabledBlocking' }),<% } %>
+  ],
+  providers: [],
+  bootstrap: [AppComponent],
+})
+export class AppModule {}

package/src/generators/application/files/ng-module/src/app/app.routes.ts__tpl__

@@ -0,0 +1,3 @@
+import { Route } from '@angular/router';
+
+export const appRoutes: Route[] = [];