@nx/angular 17.0.2 → 17.0.4

package/src/executors/utilities/ng-packagr/stylesheet-processor.di.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STYLESHEET_PROCESSOR = void 0;
+const stylesheet_processor_di_1 = require("ng-packagr/lib/styles/stylesheet-processor.di");
+const angular_version_utils_1 = require("../angular-version-utils");
+const stylesheet_processor_1 = require("./stylesheet-processor");
+exports.STYLESHEET_PROCESSOR = {
+    provide: stylesheet_processor_di_1.STYLESHEET_PROCESSOR_TOKEN,
+    useFactory: () => {
+        const { version: ngPackagrVersion } = (0, angular_version_utils_1.getInstalledPackageVersionInfo)('ng-packagr');
+        return ngPackagrVersion !== '17.2.0'
+            ? stylesheet_processor_1.StylesheetProcessor
+            : stylesheet_processor_1.AsyncStylesheetProcessor;
+    },
+    deps: [],
+};

package/src/executors/utilities/ng-packagr/stylesheet-processor.js

@@ -0,0 +1,209 @@
+"use strict";
+/**
+ * Adapted from the original ng-packagr source.
+ *
+ * Changes made:
+ * - Use our own function to get the TailwindCSS config path to support a
+ * config at the root of the workspace.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AsyncStylesheetProcessor = exports.StylesheetProcessor = exports.CssUrl = void 0;
+const browserslist = require("browserslist");
+const fs_1 = require("fs");
+const path_1 = require("path");
+const Piscina = require('piscina');
+const color_1 = require("ng-packagr/lib/utils/color");
+// using this instead of the one from ng-packagr
+const tailwindcss_1 = require("./tailwindcss");
+const devkit_1 = require("@nx/devkit");
+const semver_1 = require("semver");
+const angular_version_utils_1 = require("../angular-version-utils");
+const maxWorkersVariable = process.env['NG_BUILD_MAX_WORKERS'];
+const maxThreads = typeof maxWorkersVariable === 'string' && maxWorkersVariable !== ''
+    ? +maxWorkersVariable
+    : 4;
+var CssUrl;
+(function (CssUrl) {
+    CssUrl["inline"] = "inline";
+    CssUrl["none"] = "none";
+})(CssUrl || (exports.CssUrl = CssUrl = {}));
+class StylesheetProcessor {
+    constructor(projectBasePath, basePath, cssUrl, includePaths, cacheDirectory) {
+        this.projectBasePath = projectBasePath;
+        this.basePath = basePath;
+        this.cssUrl = cssUrl;
+        this.includePaths = includePaths;
+        this.cacheDirectory = cacheDirectory;
+        // By default, browserslist defaults are too inclusive
+        // https://github.com/browserslist/browserslist/blob/83764ea81ffaa39111c204b02c371afa44a4ff07/index.js#L516-L522
+        // We change the default query to browsers that Angular support.
+        // https://angular.io/guide/browser-support
+        browserslist.defaults = [
+            'last 2 Chrome versions',
+            'last 1 Firefox version',
+            'last 2 Edge major versions',
+            'last 2 Safari major versions',
+            'last 2 iOS major versions',
+            'Firefox ESR',
+        ];
+    }
+    async process({ filePath, content, }) {
+        this.createRenderWorker();
+        return this.renderWorker.run({ content, filePath });
+    }
+    /** Destory workers in pool. */
+    destroy() {
+        void this.renderWorker?.destroy();
+    }
+    createRenderWorker() {
+        if (this.renderWorker) {
+            return;
+        }
+        const styleIncludePaths = [...this.includePaths];
+        let prevDir = null;
+        let currentDir = this.basePath;
+        while (currentDir !== prevDir) {
+            const p = (0, path_1.join)(currentDir, 'node_modules');
+            if ((0, fs_1.existsSync)(p)) {
+                styleIncludePaths.push(p);
+            }
+            prevDir = currentDir;
+            currentDir = (0, path_1.dirname)(prevDir);
+        }
+        const browserslistData = browserslist(undefined, { path: this.basePath });
+        const { version: ngPackagrVersion } = (0, angular_version_utils_1.getInstalledPackageVersionInfo)('ng-packagr');
+        let postcssConfiguration;
+        if ((0, semver_1.gte)(ngPackagrVersion, '17.3.0')) {
+            const { loadPostcssConfiguration, } = require('ng-packagr/lib/styles/postcss-configuration');
+            postcssConfiguration = loadPostcssConfiguration(this.projectBasePath);
+        }
+        this.renderWorker = new Piscina({
+            filename: require.resolve('ng-packagr/lib/styles/stylesheet-processor-worker'),
+            maxThreads,
+            recordTiming: false,
+            env: {
+                ...process.env,
+                FORCE_COLOR: '' + color_1.colors.enabled,
+            },
+            workerData: {
+                postcssConfiguration,
+                tailwindConfigPath: (0, tailwindcss_1.getTailwindConfigPath)(this.projectBasePath, devkit_1.workspaceRoot),
+                projectBasePath: this.projectBasePath,
+                browserslistData,
+                targets: transformSupportedBrowsersToTargets(browserslistData),
+                cacheDirectory: this.cacheDirectory,
+                cssUrl: this.cssUrl,
+                styleIncludePaths,
+            },
+        });
+    }
+}
+exports.StylesheetProcessor = StylesheetProcessor;
+/**
+ * This class is used when ng-packagr version is 17.2.0. The async `loadPostcssConfiguration` function
+ * introduced in ng-packagr 17.2.0 causes a memory leak due to multiple workers being created. We must
+ * keep this class to support any workspace that might be using ng-packagr 17.2.0 where that function
+ * need to be awaited.
+ */
+class AsyncStylesheetProcessor {
+    constructor(projectBasePath, basePath, cssUrl, includePaths, cacheDirectory) {
+        this.projectBasePath = projectBasePath;
+        this.basePath = basePath;
+        this.cssUrl = cssUrl;
+        this.includePaths = includePaths;
+        this.cacheDirectory = cacheDirectory;
+        // By default, browserslist defaults are too inclusive
+        // https://github.com/browserslist/browserslist/blob/83764ea81ffaa39111c204b02c371afa44a4ff07/index.js#L516-L522
+        // We change the default query to browsers that Angular support.
+        // https://angular.io/guide/browser-support
+        browserslist.defaults = [
+            'last 2 Chrome versions',
+            'last 1 Firefox version',
+            'last 2 Edge major versions',
+            'last 2 Safari major versions',
+            'last 2 iOS major versions',
+            'Firefox ESR',
+        ];
+    }
+    async process({ filePath, content, }) {
+        await this.createRenderWorker();
+        return this.renderWorker.run({ content, filePath });
+    }
+    /** Destory workers in pool. */
+    destroy() {
+        void this.renderWorker?.destroy();
+    }
+    async createRenderWorker() {
+        if (this.renderWorker) {
+            return;
+        }
+        const styleIncludePaths = [...this.includePaths];
+        let prevDir = null;
+        let currentDir = this.basePath;
+        while (currentDir !== prevDir) {
+            const p = (0, path_1.join)(currentDir, 'node_modules');
+            if ((0, fs_1.existsSync)(p)) {
+                styleIncludePaths.push(p);
+            }
+            prevDir = currentDir;
+            currentDir = (0, path_1.dirname)(prevDir);
+        }
+        const browserslistData = browserslist(undefined, { path: this.basePath });
+        const { version: ngPackagrVersion } = (0, angular_version_utils_1.getInstalledPackageVersionInfo)('ng-packagr');
+        let postcssConfiguration;
+        if (ngPackagrVersion === '17.2.0') {
+            const { loadPostcssConfiguration } = await Promise.resolve().then(() => require('ng-packagr/lib/styles/postcss-configuration'));
+            postcssConfiguration = await loadPostcssConfiguration(this.projectBasePath);
+        }
+        this.renderWorker = new Piscina({
+            filename: require.resolve('ng-packagr/lib/styles/stylesheet-processor-worker'),
+            maxThreads,
+            recordTiming: false,
+            env: {
+                ...process.env,
+                FORCE_COLOR: '' + color_1.colors.enabled,
+            },
+            workerData: {
+                postcssConfiguration,
+                tailwindConfigPath: (0, tailwindcss_1.getTailwindConfigPath)(this.projectBasePath, devkit_1.workspaceRoot),
+                projectBasePath: this.projectBasePath,
+                browserslistData,
+                targets: transformSupportedBrowsersToTargets(browserslistData),
+                cacheDirectory: this.cacheDirectory,
+                cssUrl: this.cssUrl,
+                styleIncludePaths,
+            },
+        });
+    }
+}
+exports.AsyncStylesheetProcessor = AsyncStylesheetProcessor;
+function transformSupportedBrowsersToTargets(supportedBrowsers) {
+    const transformed = [];
+    // https://esbuild.github.io/api/#target
+    const esBuildSupportedBrowsers = new Set([
+        'safari',
+        'firefox',
+        'edge',
+        'chrome',
+        'ios',
+    ]);
+    for (const browser of supportedBrowsers) {
+        let [browserName, version] = browser.split(' ');
+        // browserslist uses the name `ios_saf` for iOS Safari whereas esbuild uses `ios`
+        if (browserName === 'ios_saf') {
+            browserName = 'ios';
+        }
+        // browserslist uses ranges `15.2-15.3` versions but only the lowest is required
+        // to perform minimum supported feature checks. esbuild also expects a single version.
+        [version] = version.split('-');
+        if (esBuildSupportedBrowsers.has(browserName)) {
+            if (browserName === 'safari' && version === 'tp') {
+                // esbuild only supports numeric versions so `TP` is converted to a high number (999) since
+                // a Technology Preview (TP) of Safari is assumed to support all currently known features.
+                version = '999';
+            }
+            transformed.push(browserName + version);
+        }
+    }
+    return transformed.length ? transformed : undefined;
+}

package/src/executors/utilities/ng-packagr/tailwindcss.d.ts

@@ -0,0 +1,7 @@
+export interface TailwindSetup {
+    tailwindConfigPath: string;
+    tailwindPackagePath: string;
+}
+export declare function getTailwindSetup(basePath: string, tailwindConfig?: string): TailwindSetup | undefined;
+export declare function getTailwindConfigPath(projectRoot: string, workspaceRoot: string): string | undefined;
+export declare function getTailwindPostCssPlugin({ tailwindConfigPath, tailwindPackagePath, }: TailwindSetup): any;

package/src/executors/utilities/{tailwindcss.js → ng-packagr/tailwindcss.js}

@@ -1,19 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTailwindPostCssPlugins = exports.getTailwindSetup = exports.tailwindDirectives = void 0;
+exports.getTailwindPostCssPlugin = exports.getTailwindConfigPath = exports.getTailwindSetup = void 0;
 const devkit_1 = require("@nx/devkit");
 const devkit_2 = require("@nx/devkit");
 const fs_1 = require("fs");
 const path_1 = require("path");
-const postcssImport = require("postcss-import");
-exports.tailwindDirectives = [
-    '@tailwind',
-    '@apply',
-    '@layer',
-    '@variants',
-    '@responsive',
-    '@screen',
-];
 function getTailwindSetup(basePath, tailwindConfig) {
     let tailwindConfigPath = tailwindConfig;
     if (!tailwindConfigPath) {
@@ -58,16 +49,8 @@ function getTailwindConfigPath(projectRoot, workspaceRoot) {
     }
     return undefined;
 }
-function getTailwindPostCssPlugins({ tailwindConfigPath, tailwindPackagePath }, includePaths, watch) {
-    if (process.env['TAILWIND_MODE'] === undefined) {
-        process.env['TAILWIND_MODE'] = watch ? 'watch' : 'build';
-    }
-    return [
-        postcssImport({
-            addModulesDirectories: includePaths ?? [],
-            resolve: (url) => (url.startsWith('~') ? url.substring(1) : url),
-        }),
-        require(tailwindPackagePath)({ config: tailwindConfigPath }),
-    ];
+exports.getTailwindConfigPath = getTailwindConfigPath;
+function getTailwindPostCssPlugin({ tailwindConfigPath, tailwindPackagePath, }) {
+    return require(tailwindPackagePath)({ config: tailwindConfigPath });
 }
-exports.getTailwindPostCssPlugins = getTailwindPostCssPlugins;
+exports.getTailwindPostCssPlugin = getTailwindPostCssPlugin;

package/src/executors/utilities/patch-builder-context.d.ts

@@ -0,0 +1,3 @@
+import type { BuilderContext } from '@angular-devkit/architect';
+import type { Target } from '@nx/devkit';
+export declare function patchBuilderContext(context: BuilderContext, isUsingEsbuildBuilder: boolean, buildTarget: Target): void;

package/src/executors/utilities/patch-builder-context.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.patchBuilderContext = void 0;
+const executorToBuilderMap = new Map([
+    [
+        '@nx/angular:browser-esbuild',
+        '@angular-devkit/build-angular:browser-esbuild',
+    ],
+    ['@nx/angular:application', '@angular-devkit/build-angular:application'],
+]);
+function patchBuilderContext(context, isUsingEsbuildBuilder, buildTarget) {
+    const originalGetBuilderNameForTarget = context.getBuilderNameForTarget;
+    context.getBuilderNameForTarget = async (target) => {
+        const builderName = await originalGetBuilderNameForTarget(target);
+        if (executorToBuilderMap.has(builderName)) {
+            return executorToBuilderMap.get(builderName);
+        }
+        return builderName;
+    };
+    if (isUsingEsbuildBuilder) {
+        const originalGetTargetOptions = context.getTargetOptions;
+        context.getTargetOptions = async (target) => {
+            const options = await originalGetTargetOptions(target);
+            if (target.project === buildTarget.project &&
+                target.target === buildTarget.target &&
+                target.configuration === buildTarget.configuration) {
+                cleanBuildTargetOptions(options);
+            }
+            return options;
+        };
+    }
+}
+exports.patchBuilderContext = patchBuilderContext;
+function cleanBuildTargetOptions(options) {
+    delete options.buildLibsFromSource;
+    delete options.customWebpackConfig;
+    delete options.indexHtmlTransformer;
+    delete options.indexFileTransformer;
+    delete options.plugins;
+    return options;
+}

package/src/executors/utilities/typescript.js

@@ -9,9 +9,9 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseRemappedTsConfigAndMergeDefaults = void 0;
-const ng_compiler_cli_1 = require("ng-packagr/lib/utils/ng-compiler-cli");
 const path_1 = require("path");
 const ts = require("typescript");
+const ng_compiler_cli_1 = require("./ng-compiler-cli");
 async function readDefaultTsConfig(fileName) {
     // these options are mandatory
     const extraOptions = {

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

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

package/src/generators/add-linting/add-linting.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addLintingGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
+const string_utils_1 = require("@nx/devkit/src/utils/string-utils");
 const eslint_1 = require("@nx/eslint");
-const lint_project_1 = require("@nx/eslint/src/generators/lint-project/lint-project");
-const add_angular_eslint_dependencies_1 = require("./lib/add-angular-eslint-dependencies");
+const global_eslint_config_1 = require("@nx/eslint/src/generators/init/global-eslint-config");
 const eslint_file_1 = require("@nx/eslint/src/generators/utils/eslint-file");
-const string_utils_1 = require("@nx/devkit/src/utils/string-utils");
+const add_angular_eslint_dependencies_1 = require("./lib/add-angular-eslint-dependencies");
+const buildable_project_1 = require("./lib/buildable-project");
 async function addLintingGenerator(tree, options) {
     const tasks = [];
     const rootProject = options.projectRoot === '.' || options.projectRoot === '';
@@ -17,13 +18,11 @@ async function addLintingGenerator(tree, options) {
             (0, devkit_1.joinPathFragments)(options.projectRoot, 'tsconfig.app.json'),
         ],
         unitTestRunner: options.unitTestRunner,
-        eslintFilePatterns: [
-            (0, lint_project_1.mapLintPattern)(options.projectRoot, 'ts', rootProject),
-            (0, lint_project_1.mapLintPattern)(options.projectRoot, 'html', rootProject),
-        ],
         setParserOptionsProject: options.setParserOptionsProject,
         skipFormat: true,
         rootProject: rootProject,
+        addPlugin: false,
+        addExplicitTargets: true,
     });
     tasks.push(lintTask);
     if ((0, eslint_file_1.isEslintConfigSupported)(tree)) {
@@ -33,6 +32,7 @@ async function addLintingGenerator(tree, options) {
             .read((0, devkit_1.joinPathFragments)(options.projectRoot, eslintFile), 'utf8')
             .includes(`${options.projectRoot}/tsconfig.*?.json`);
         (0, eslint_file_1.replaceOverridesInLintConfig)(tree, options.projectRoot, [
+            ...(rootProject ? [global_eslint_config_1.typeScriptOverride, global_eslint_config_1.javaScriptOverride] : []),
             {
                 files: ['*.ts'],
                 ...(hasParserOptions
@@ -74,7 +74,7 @@ async function addLintingGenerator(tree, options) {
                  */
                 rules: {},
             },
-            ...(isBuildableLibraryProject(tree, options.projectName)
+            ...((0, buildable_project_1.isBuildableLibraryProject)(tree, options.projectName)
                 ? [
                     {
                         files: ['*.json'],
@@ -88,7 +88,7 @@ async function addLintingGenerator(tree, options) {
         ]);
     }
     if (!options.skipPackageJson) {
-        const installTask = (0, add_angular_eslint_dependencies_1.addAngularEsLintDependencies)(tree);
+        const installTask = (0, add_angular_eslint_dependencies_1.addAngularEsLintDependencies)(tree, options.projectName);
         tasks.push(installTask);
     }
     if (!options.skipFormat) {
@@ -97,10 +97,4 @@ async function addLintingGenerator(tree, options) {
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }
 exports.addLintingGenerator = addLintingGenerator;
-function isBuildableLibraryProject(tree, projectName) {
-    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, projectName);
-    return (projectConfig.projectType === 'library' &&
-        projectConfig.targets?.build &&
-        !!projectConfig.targets.build);
-}
 exports.default = addLintingGenerator;

package/src/generators/add-linting/lib/add-angular-eslint-dependencies.d.ts

@@ -1,2 +1,2 @@
-import type { GeneratorCallback, Tree } from '@nx/devkit';
-export declare function addAngularEsLintDependencies(tree: Tree): GeneratorCallback;
+import { type GeneratorCallback, type Tree } from '@nx/devkit';
+export declare function addAngularEsLintDependencies(tree: Tree, projectName: string): GeneratorCallback;

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

@@ -3,14 +3,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.addAngularEsLintDependencies = void 0;
 const devkit_1 = require("@nx/devkit");
 const version_utils_1 = require("../../utils/version-utils");
-function addAngularEsLintDependencies(tree) {
+const buildable_project_1 = require("./buildable-project");
+function addAngularEsLintDependencies(tree, projectName) {
     const angularEslintVersionToInstall = (0, version_utils_1.versions)(tree).angularEslintVersion;
-    const jsoncEslintParserVersionToInstall = (0, version_utils_1.versions)(tree).jsoncEslintParserVersion;
-    return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
+    const devDependencies = {
         '@angular-eslint/eslint-plugin': angularEslintVersionToInstall,
         '@angular-eslint/eslint-plugin-template': angularEslintVersionToInstall,
         '@angular-eslint/template-parser': angularEslintVersionToInstall,
-        'jsonc-eslint-parser': jsoncEslintParserVersionToInstall,
-    });
+    };
+    if ((0, buildable_project_1.isBuildableLibraryProject)(tree, projectName)) {
+        const jsoncEslintParserVersionToInstall = (0, version_utils_1.versions)(tree).jsoncEslintParserVersion;
+        devDependencies['jsonc-eslint-parser'] = jsoncEslintParserVersionToInstall;
+    }
+    return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, devDependencies);
 }
 exports.addAngularEsLintDependencies = addAngularEsLintDependencies;

package/src/generators/add-linting/lib/buildable-project.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export declare function isBuildableLibraryProject(tree: Tree, projectName: string): boolean;

package/src/generators/add-linting/lib/buildable-project.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isBuildableLibraryProject = void 0;
+const devkit_1 = require("@nx/devkit");
+function isBuildableLibraryProject(tree, projectName) {
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, projectName);
+    return (projectConfig.projectType === 'library' && !!projectConfig.targets?.build);
+}
+exports.isBuildableLibraryProject = isBuildableLibraryProject;

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

@@ -29,7 +29,7 @@ export declare const extendAngularEslintJson: (json: Linter.Config, options: Esl
             [name: string]: boolean;
         };
         globals?: {
-            [name: string]: boolean | "off" | "readonly" | "readable" | "writable" | "writeable";
+            [name: string]: boolean | "readable" | "off" | "readonly" | "writable" | "writeable";
         };
         noInlineConfig?: boolean;
         overrides?: Linter.ConfigOverride<Linter.RulesRecord>[];
@@ -61,7 +61,7 @@ export declare const extendAngularEslintJson: (json: Linter.Config, options: Esl
     };
     extends?: string | string[];
     globals?: {
-        [name: string]: boolean | "off" | "readonly" | "readable" | "writable" | "writeable";
+        [name: string]: boolean | "readable" | "off" | "readonly" | "writable" | "writeable";
     };
     noInlineConfig?: boolean;
     parser?: string;

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

@@ -1,5 +1,5 @@
 {
-  "$schema": "http://json-schema.org/schema",
+  "$schema": "https://json-schema.org/schema",
   "$id": "NxAngularAddLintingGenerator",
   "title": "Add linting to an Angular project.",
   "description": "Adds linting configuration to an Angular project.",

package/src/generators/application/application.js

@@ -2,12 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.applicationGeneratorInternal = exports.applicationGenerator = void 0;
 const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
 const init_1 = require("../init/init");
+const setup_ssr_1 = require("../setup-ssr/setup-ssr");
 const setup_tailwind_1 = require("../setup-tailwind/setup-tailwind");
-const version_utils_1 = require("../utils/version-utils");
+const ensure_angular_dependencies_1 = require("../utils/ensure-angular-dependencies");
 const lib_1 = require("./lib");
-const semver_1 = require("semver");
-const enquirer_1 = require("enquirer");
+const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
 async function applicationGenerator(tree, schema) {
     return await applicationGeneratorInternal(tree, {
         projectNameAndRootFormat: 'derived',
@@ -16,26 +17,19 @@ async function applicationGenerator(tree, schema) {
 }
 exports.applicationGenerator = applicationGenerator;
 async function applicationGeneratorInternal(tree, schema) {
-    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 = await (0, enquirer_1.prompt)({
-            name: 'standalone-components',
-            message: 'Would you like to use Standalone Components?',
-            type: 'confirm',
-        }).then((a) => a['standalone-components']);
-    }
     const options = await (0, lib_1.normalizeOptions)(tree, schema);
     const rootOffset = (0, devkit_1.offsetFromRoot)(options.appProjectRoot);
+    await (0, js_1.initGenerator)(tree, {
+        ...options,
+        tsConfigName: options.rootProject ? 'tsconfig.json' : 'tsconfig.base.json',
+        js: false,
+        skipFormat: true,
+    });
     await (0, init_1.angularInitGenerator)(tree, {
         ...options,
         skipFormat: true,
     });
+    (0, ensure_angular_dependencies_1.ensureAngularDependencies)(tree);
     (0, lib_1.createProject)(tree, options);
     await (0, lib_1.createFiles)(tree, options, rootOffset);
     if (options.addTailwind) {
@@ -49,6 +43,7 @@ async function applicationGeneratorInternal(tree, schema) {
     await (0, lib_1.addUnitTestRunner)(tree, options);
     await (0, lib_1.addE2e)(tree, options);
     (0, lib_1.updateEditorTsConfig)(tree, options);
+    (0, lib_1.setGeneratorDefaults)(tree, options);
     if (options.rootProject) {
         const nxJson = (0, devkit_1.readNxJson)(tree);
         nxJson.defaultProject = options.name;
@@ -63,11 +58,18 @@ async function applicationGeneratorInternal(tree, schema) {
     else {
         (0, lib_1.setApplicationStrictDefault)(tree, false);
     }
+    if (options.ssr) {
+        await (0, setup_ssr_1.setupSsr)(tree, {
+            project: options.name,
+            standalone: options.standalone,
+        });
+    }
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);
     }
     return () => {
         (0, devkit_1.installPackagesTask)(tree);
+        (0, log_show_project_command_1.logShowProjectCommand)(options.name);
     };
 }
 exports.applicationGeneratorInternal = applicationGeneratorInternal;

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

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

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

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

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

@@ -15,7 +15,9 @@ describe('AppComponent', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
     const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Welcome <%= appName %>');
+    expect(compiled.querySelector('h1')?.textContent).toContain(
+      'Welcome <%= appName %>'
+    );
   });<% if(!minimal) { %>
 
   it(`should have as title '<%= appName %>'`, () => {

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

@@ -3,9 +3,11 @@ import { Component<% if(viewEncapsulation) { %>, ViewEncapsulation<% } %> } from
 @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) { %>
+  template: `<% if(minimal) { %><h1>Welcome <%= appName %></h1><% } else { %><<%= nxWelcomeSelector %>></<%= nxWelcomeSelector %>><% } %> <% if(routing) { %><router-outlet></router-outlet><% } %>`,<% } %><% if (angularMajorVersion < 17) { if(!inlineStyle) { %>
   styleUrls: ['./app.component.<%= style %>'],<% } else { %>
-  styles: [''],<% } %><% if(viewEncapsulation) { %>
+  styles: [``],<% } %><% } else { if(!inlineStyle) { %>
+  styleUrl: './app.component.<%= style %>',<% } else { %>
+  styles: ``,<% } %><% } %><% if(viewEncapsulation) { %>
   encapsulation: ViewEncapsulation.<%= viewEncapsulation %>,<% } %>
 })
 export class AppComponent {<% if(!minimal) { %>

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

@@ -9,7 +9,7 @@ import { NxWelcomeComponent } from './nx-welcome.component';<% } %>
   declarations: [AppComponent<% if(!minimal) { %>, NxWelcomeComponent<% } %>],
   imports: [
     BrowserModule,<% if(routing) { %>
-    RouterModule.forRoot(appRoutes, { initialNavigation: 'enabledBlocking' }),<% } %>
+    RouterModule.forRoot(appRoutes),<% } %>
   ],
   providers: [],
   bootstrap: [AppComponent],