@nx/angular 23.0.0-rc.4 → 23.1.0-beta.0

package/README.md

@@ -7,13 +7,12 @@
 
 <div style="text-align: center;">
 
-[![CircleCI](https://circleci.com/gh/nrwl/nx.svg?style=svg)](https://circleci.com/gh/nrwl/nx)
 [![License](https://img.shields.io/npm/l/@nx/workspace.svg?style=flat-square)]()
 [![NPM Version](https://badge.fury.io/js/nx.svg)](https://www.npmjs.com/package/nx)
 [![Semantic Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)]()
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
-[![Join the chat at https://gitter.im/nrwl-nx/community](https://badges.gitter.im/nrwl-nx/community.svg)](https://gitter.im/nrwl-nx/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 [![Join us on the Official Nx Discord Server](https://img.shields.io/discord/1143497901675401286?label=discord)](https://go.nx.dev/community)
+[![Nx Sandboxing](https://staging.nx.app/workspaces/62d013ea0852fe0a2df74438/sandbox-badge.svg)](https://nx.dev/docs/features/ci-features/sandboxing)
 
 </div>
 

package/dist/src/builders/dev-server/schema.json

@@ -77,7 +77,7 @@
     },
     "allowedHosts": {
       "type": "array",
-      "description": "List of hosts that are allowed to access the dev server. This option has no effect when using the 'application' or other esbuild-based builders in Angular versions lower than 19.2.0.",
+      "description": "List of hosts that are allowed to access the dev server.",
       "default": [],
       "items": {
         "type": "string"
@@ -96,7 +96,7 @@
     },
     "disableHostCheck": {
       "type": "boolean",
-      "description": "Don't verify connected clients are part of allowed hosts. This option has no effect when using the 'application' or other esbuild-based builders in Angular versions lower than 19.2.0.",
+      "description": "Don't verify connected clients are part of allowed hosts.",
       "default": false
     },
     "hmr": {

package/dist/src/builders/webpack-browser/webpack-browser.impl.js

@@ -78,7 +78,7 @@ function executeWebpackBrowserBuilder(options, context) {
                 if (workspaceDependencies.length > 0) {
                     const skipInitialRun = shouldSkipInitialTargetRun(projectGraph, context.target.project, context.target.target);
                     baseWebpackConfig.plugins.push(
-                    // @ts-expect-error - difference between angular and webpack plugin definitions bc of webpack versions
+                    // Cast away the angular/webpack plugin type difference (webpack versions).
                     new internal_1.WebpackNxBuildCoordinationPlugin(`nx run-many --target=${context.target.target} --projects=${workspaceDependencies.join(',')}`, { skipInitialRun, skipWatchingDeps: !watchDependencies }));
                 }
             }

package/dist/src/executors/application/application.impl.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = applicationExecutor;
 const ngcli_adapter_1 = require("nx/src/adapter/ngcli-adapter");
-const angular_version_utils_1 = require("../utilities/angular-version-utils");
 const buildable_libs_1 = require("../utilities/buildable-libs");
 const builder_package_1 = require("../utilities/builder-package");
 const esbuild_extensions_1 = require("../utilities/esbuild-extensions");
@@ -10,8 +9,7 @@ const normalize_options_1 = require("./utils/normalize-options");
 const validate_options_1 = require("./utils/validate-options");
 async function* applicationExecutor(options, context) {
     (0, validate_options_1.validateOptions)(options);
-    options = (0, normalize_options_1.normalizeOptions)(options);
-    const { buildLibsFromSource = true, plugins: pluginPaths, indexHtmlTransformer: indexHtmlTransformerPath, ...delegateExecutorOptions } = options;
+    const { buildLibsFromSource = true, plugins: pluginPaths, indexHtmlTransformer: indexHtmlTransformerPath, ...delegateExecutorOptions } = (0, normalize_options_1.normalizeOptions)(options);
     let dependencies;
     if (!buildLibsFromSource) {
         const { tsConfigPath, dependencies: foundDependencies } = (0, buildable_libs_1.createTmpTsConfigForBuildableLibs)(delegateExecutorOptions.tsConfig, context);
@@ -27,17 +25,8 @@ async function* applicationExecutor(options, context) {
         description: 'Build an application.',
         optionSchema: require('./schema.json'),
     }, context);
-    const { major: angularMajorVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-    if (angularMajorVersion >= 20) {
-        (0, builder_package_1.assertBuilderPackageIsInstalled)('@angular/build');
-        const { buildApplication } = await import('@angular/build');
-        return yield* buildApplication(delegateExecutorOptions, builderContext, {
-            codePlugins: plugins,
-            indexHtmlTransformer,
-        });
-    }
-    (0, builder_package_1.assertBuilderPackageIsInstalled)('@angular-devkit/build-angular');
-    const { buildApplication } = await import('@angular-devkit/build-angular');
+    (0, builder_package_1.assertBuilderPackageIsInstalled)('@angular/build');
+    const { buildApplication } = await import('@angular/build');
     return yield* buildApplication(delegateExecutorOptions, builderContext, {
         codePlugins: plugins,
         indexHtmlTransformer,

package/dist/src/executors/application/schema.json

@@ -304,7 +304,7 @@
       }
     },
     "conditions": {
-      "description": "Custom package resolution conditions used to resolve conditional exports/imports. Defaults to ['module', 'development'/'production']. The following special conditions are always present if the requirements are satisfied: 'default', 'import', 'require', 'browser', 'node'. _Note: this is only supported in Angular versions >= 20.0.0_.",
+      "description": "Custom package resolution conditions used to resolve conditional exports/imports. Defaults to ['module', 'development'/'production']. The following special conditions are always present if the requirements are satisfied: 'default', 'import', 'require', 'browser', 'node'.",
       "type": "array",
       "items": {
         "type": "string"
@@ -389,7 +389,7 @@
             },
             "sourcesContent": {
               "type": "boolean",
-              "description": "Output original source content for files within the source map. _Note: this is only supported in Angular versions >= 20.0.0_.",
+              "description": "Output original source content for files within the source map.",
               "default": true
             }
           },
@@ -605,10 +605,16 @@
               "type": "string",
               "description": "The server entry-point that when executed will spawn the web server."
             },
+            "platform": {
+              "description": "Specifies the platform for which the server bundle is generated. This affects the APIs and modules available in the server-side code. \n\n- `node`:  (Default) Generates a bundle optimized for Node.js environments. \n- `neutral`: Generates a platform-neutral bundle suitable for environments like edge workers, and other serverless platforms. This option avoids using Node.js-specific APIs, making the bundle more portable. \n\nPlease note that this feature does not provide polyfills for Node.js modules.",
+              "default": "node",
+              "enum": ["node", "neutral"]
+            },
             "experimentalPlatform": {
               "description": "Specifies the platform for which the server bundle is generated. This affects the APIs and modules available in the server-side code. \n\n- `node`:  (Default) Generates a bundle optimized for Node.js environments. \n- `neutral`: Generates a platform-neutral bundle suitable for environments like edge workers, and other serverless platforms. This option avoids using Node.js-specific APIs, making the bundle more portable. \n\nPlease note that this feature does not provide polyfills for Node.js modules. Additionally, it is experimental, and the feature may undergo changes in future versions.",
               "default": "node",
-              "enum": ["node", "neutral"]
+              "enum": ["node", "neutral"],
+              "x-deprecated": "Use 'platform' instead."
             }
           },
           "additionalProperties": false

package/dist/src/executors/application/utils/normalize-options.js

@@ -3,13 +3,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = normalizeOptions;
 const angular_version_utils_1 = require("../../utilities/angular-version-utils");
 function normalizeOptions(options) {
-    const { major: angularMajorVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-    let sourceMap = options.sourceMap;
-    if (sourceMap &&
-        typeof sourceMap === 'object' &&
-        sourceMap.sourcesContent !== undefined &&
-        angularMajorVersion < 20) {
-        delete sourceMap.sourcesContent;
+    return { ...options, ssr: coerceSsrPlatform(options.ssr) };
+}
+// `platform` is the option name from Angular v22 onwards; earlier majors use
+// `experimentalPlatform`. We accept both and forward the one the installed
+// builder understands so a `neutral` value is never silently dropped.
+function coerceSsrPlatform(ssr) {
+    if (!ssr || typeof ssr !== 'object') {
+        return ssr;
     }
-    return { ...options, sourceMap };
+    const { platform, experimentalPlatform, ...rest } = ssr;
+    const resolvedPlatform = platform ?? experimentalPlatform;
+    if (resolvedPlatform === undefined) {
+        return ssr;
+    }
+    // `validateOptions` runs first and asserts Angular is installed, so the
+    // version info is always present here.
+    const { major: angularMajorVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
+    return (angularMajorVersion >= 22
+        ? { ...rest, platform: resolvedPlatform }
+        : { ...rest, experimentalPlatform: resolvedPlatform });
 }

package/dist/src/executors/application/utils/validate-options.js

@@ -5,16 +5,6 @@ const semver_1 = require("semver");
 const angular_version_utils_1 = require("../../utilities/angular-version-utils");
 function validateOptions(options) {
     const { version: angularVersion } = (0, angular_version_utils_1.getInstalledAngularVersionInfo)();
-    if ((0, semver_1.lt)(angularVersion, '20.0.0')) {
-        if (options.sourceMap &&
-            typeof options.sourceMap === 'object' &&
-            options.sourceMap.sourcesContent === false) {
-            throw new Error(`The "sourceMap.sourcesContent" option requires Angular version 20.0.0 or greater. You are currently using version ${angularVersion}.`);
-        }
-        if (options.conditions) {
-            throw new Error(`The "conditions" option requires Angular version 20.0.0 or greater. You are currently using version ${angularVersion}.`);
-        }
-    }
     if ((0, semver_1.lt)(angularVersion, '21.2.0')) {
         if (options.security?.allowedHosts) {
             throw new Error(`The "security.allowedHosts" option requires Angular version 21.2.0 or greater. You are currently using version ${angularVersion}.`);

package/dist/src/executors/ng-packagr-lite/ng-packagr-adjustments/ng-package/entry-point/entry-point.d.ts

@@ -1,4 +1,4 @@
-import type { NgEntryPoint as NgEntryPointBase } from 'ng-packagr/src/lib/ng-package/entry-point/entry-point';
+import { NgEntryPoint as NgEntryPointBase } from 'ng-packagr/src/lib/ng-package/entry-point/entry-point';
 import type { NgPackageConfig } from 'ng-packagr/src/ng-package.schema';
 export type NgEntryPointType = NgEntryPointBase & {
     primaryDestinationPath?: string;

package/dist/src/executors/ng-packagr-lite/ng-packagr-adjustments/ng-package/entry-point/entry-point.js

@@ -1,28 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createNgEntryPoint = createNgEntryPoint;
+const entry_point_1 = require("ng-packagr/src/lib/ng-package/entry-point/entry-point");
+const path_1 = require("ng-packagr/src/lib/utils/path");
 const node_path_1 = require("node:path");
-const ng_packagr_version_1 = require("../../../../utilities/ng-packagr/ng-packagr-version");
-const package_imports_1 = require("../../../../utilities/ng-packagr/package-imports");
 function createNgEntryPoint(packageJson, ngPackageJson, basePath, secondaryData) {
-    const { major: ngPackagrMajorVersion } = (0, ng_packagr_version_1.getNgPackagrVersionInfo)();
-    const { NgEntryPoint: NgEntryPointBase } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/ng-package/entry-point/entry-point', ngPackagrMajorVersion);
-    if (ngPackagrMajorVersion < 20) {
-        class NgEntryPoint extends NgEntryPointBase {
-            /**
-             * Point the FESM2022 files to the ESM2022 files.
-             */
-            get destinationFiles() {
-                const result = super.destinationFiles;
-                result.fesm2022 = result.esm2022;
-                result.fesm2022Dir = (0, node_path_1.dirname)(result.esm2022);
-                return result;
-            }
-        }
-        return new NgEntryPoint(packageJson, ngPackageJson, basePath, secondaryData);
-    }
-    const { ensureUnixPath } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/utils/path', ngPackagrMajorVersion);
-    class NgEntryPoint extends NgEntryPointBase {
+    class NgEntryPoint extends entry_point_1.NgEntryPoint {
         constructor(packageJson, ngPackageJson, basePath, _secondaryData) {
             super(packageJson, ngPackageJson, basePath, _secondaryData);
             this.packageJson = packageJson;
@@ -43,7 +26,7 @@ function createNgEntryPoint(packageJson, ngPackageJson, basePath, secondaryData)
             const flatModuleFile = this.flatModuleFile;
             const pathJoinWithDest = (...paths) => (0, node_path_1.join)(primaryDestPath, ...paths);
             return {
-                directory: ensureUnixPath(secondaryDir),
+                directory: (0, path_1.ensureUnixPath)(secondaryDir),
                 declarations: pathJoinWithDest('tmp-typings', secondaryDir, `${flatModuleFile}.d.ts`),
                 // changed to use esm2022
                 declarationsBundled: pathJoinWithDest(secondaryDir, `${flatModuleFile}.d.ts`),

package/dist/src/executors/ng-packagr-lite/ng-packagr-adjustments/ng-package/entry-point/write-bundles.di.d.ts

@@ -1,2 +1,2 @@
-import type { TransformProvider } from 'ng-packagr/src/lib/graph/transform.di';
+import { type TransformProvider } from 'ng-packagr/src/lib/graph/transform.di';
 export declare function getWriteBundlesTransformProvider(): TransformProvider;

package/dist/src/executors/ng-packagr-lite/ng-packagr-adjustments/ng-package/entry-point/write-bundles.di.js

@@ -1,17 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getWriteBundlesTransformProvider = getWriteBundlesTransformProvider;
-const ng_packagr_version_1 = require("../../../../utilities/ng-packagr/ng-packagr-version");
-const package_imports_1 = require("../../../../utilities/ng-packagr/package-imports");
+const transform_di_1 = require("ng-packagr/src/lib/graph/transform.di");
+const write_bundles_di_1 = require("ng-packagr/src/lib/ng-package/entry-point/write-bundles.di");
+const options_di_1 = require("ng-packagr/src/lib/ng-package/options.di");
 const write_bundles_transform_1 = require("./write-bundles.transform");
 function getWriteBundlesTransformProvider() {
-    const { major: ngPackagrMajorVersion } = (0, ng_packagr_version_1.getNgPackagrVersionInfo)();
-    const { provideTransform } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/graph/transform.di', ngPackagrMajorVersion);
-    const { WRITE_BUNDLES_TRANSFORM_TOKEN } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/ng-package/entry-point/write-bundles.di', ngPackagrMajorVersion);
-    const { OPTIONS_TOKEN } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/ng-package/options.di', ngPackagrMajorVersion);
-    return provideTransform({
-        provide: WRITE_BUNDLES_TRANSFORM_TOKEN,
+    return (0, transform_di_1.provideTransform)({
+        provide: write_bundles_di_1.WRITE_BUNDLES_TRANSFORM_TOKEN,
         useFactory: write_bundles_transform_1.writeBundlesTransform,
-        deps: [OPTIONS_TOKEN],
+        deps: [options_di_1.OPTIONS_TOKEN],
     });
 }

package/dist/src/executors/ng-packagr-lite/ng-packagr-adjustments/ng-package/entry-point/write-bundles.transform.js

@@ -9,10 +9,11 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.writeBundlesTransform = void 0;
+const transform_1 = require("ng-packagr/src/lib/graph/transform");
+const nodes_1 = require("ng-packagr/src/lib/ng-package/nodes");
+const package_1 = require("ng-packagr/src/lib/ng-package/package");
 const promises_1 = require("node:fs/promises");
 const node_path_1 = require("node:path");
-const ng_packagr_version_1 = require("../../../../utilities/ng-packagr/ng-packagr-version");
-const package_imports_1 = require("../../../../utilities/ng-packagr/package-imports");
 const entry_point_1 = require("./entry-point");
 async function shouldWriteFile(filePath, newContent) {
     try {
@@ -25,12 +26,8 @@ async function shouldWriteFile(filePath, newContent) {
     }
 }
 const writeBundlesTransform = (_options) => {
-    const { major: ngPackagrMajorVersion } = (0, ng_packagr_version_1.getNgPackagrVersionInfo)();
-    const { transformFromPromise } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/graph/transform', ngPackagrMajorVersion);
-    const { isEntryPointInProgress, isPackage } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/ng-package/nodes', ngPackagrMajorVersion);
-    const { NgPackage } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/ng-package/package', ngPackagrMajorVersion);
-    return transformFromPromise(async (graph) => {
-        const entryPointNode = graph.find(isEntryPointInProgress());
+    return (0, transform_1.transformFromPromise)(async (graph) => {
+        const entryPointNode = graph.find((0, nodes_1.isEntryPointInProgress)());
         if (!entryPointNode) {
             return;
         }
@@ -51,9 +48,9 @@ const writeBundlesTransform = (_options) => {
         }
         // Update package node only when processing the primary entry point
         if (!entryPoint.isSecondaryEntryPoint) {
-            const packageNode = graph.find(isPackage);
+            const packageNode = graph.find(nodes_1.isPackage);
             if (packageNode) {
-                packageNode.data = new NgPackage(packageNode.data.src, toCustomNgEntryPoint(packageNode.data.primary), packageNode.data.secondaries.map((secondary) => toCustomNgEntryPoint(secondary)));
+                packageNode.data = new package_1.NgPackage(packageNode.data.src, toCustomNgEntryPoint(packageNode.data.primary), packageNode.data.secondaries.map((secondary) => toCustomNgEntryPoint(secondary)));
             }
         }
     });

package/dist/src/executors/unit-test/schema.json

@@ -42,6 +42,14 @@
       "type": "boolean",
       "description": "Forces all configured browsers to run in headless mode. When using the Vitest runner, this option is ignored if no browsers are configured. The Karma runner does not support this option. _Note: this is only supported in Angular versions >= 21.2.0_."
     },
+    "isolate": {
+      "type": "boolean",
+      "description": "Enables isolation for test execution. When true, Vitest runs tests in separate threads or processes. This option is only available for the Vitest runner. Defaults to false to align with the Karma/Jasmine experience. _Note: this is only supported in Angular versions >= 22.0.0_."
+    },
+    "quiet": {
+      "type": "boolean",
+      "description": "Suppresses the verbose build summary and stats table on each rebuild. Defaults to `true` locally and `false` in CI environments. _Note: this is only supported in Angular versions >= 22.0.0_."
+    },
     "include": {
       "type": "array",
       "items": {

package/dist/src/executors/unit-test/unit-test.impl.d.ts

@@ -1,4 +1,3 @@
-import type { BuilderOutput } from '@angular-devkit/architect';
 import type { ExecutorContext } from '@nx/devkit';
 import type { UnitTestExecutorOptions } from './schema';
-export default function unitTestExecutor(options: UnitTestExecutorOptions, context: ExecutorContext): AsyncIterable<BuilderOutput>;
+export default function unitTestExecutor(options: UnitTestExecutorOptions, context: ExecutorContext): AsyncGenerator<import("@angular-devkit/architect").BuilderOutput, any, any>;

package/dist/src/executors/unit-test/unit-test.impl.js

@@ -39,6 +39,14 @@ function validateOptions(options) {
             throw new Error(`The "headless" option requires Angular version 21.2.0 or greater. You are currently using version ${angularVersion}.`);
         }
     }
+    if ((0, semver_1.lt)(angularVersion, '22.0.0')) {
+        if (options.isolate !== undefined) {
+            throw new Error(`The "isolate" option requires Angular version 22.0.0 or greater. You are currently using version ${angularVersion}.`);
+        }
+        if (options.quiet !== undefined) {
+            throw new Error(`The "quiet" option requires Angular version 22.0.0 or greater. You are currently using version ${angularVersion}.`);
+        }
+    }
 }
 /**
  * The Angular CLI unit-test builder only accepts the `@angular/build:application`

package/dist/src/executors/utilities/esbuild-extensions.js

@@ -3,7 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadPlugins = loadPlugins;
 exports.loadMiddleware = loadMiddleware;
 exports.loadIndexHtmlTransformer = loadIndexHtmlTransformer;
+const devkit_1 = require("@nx/devkit");
+const node_fs_1 = require("node:fs");
+const node_path_1 = require("node:path");
 const module_loader_1 = require("./module-loader");
+// Nx strips {workspaceRoot}/ and expands {projectRoot} in option paths to a
+// path relative to the workspace root, but require() would resolve that against
+// this file's directory. Anchor it to the workspace root, while leaving bare
+// package specifiers (e.g. an esbuild plugin shipped as a package) untouched.
+function resolveModulePath(path) {
+    if ((0, node_path_1.isAbsolute)(path)) {
+        return path;
+    }
+    const candidate = (0, node_path_1.join)(devkit_1.workspaceRoot, path);
+    return (0, node_fs_1.existsSync)(candidate) ? candidate : path;
+}
 async function loadPlugins(plugins, tsConfig) {
     if (!plugins?.length) {
         return [];
@@ -12,7 +26,7 @@ async function loadPlugins(plugins, tsConfig) {
 }
 async function loadPlugin(pluginSpec, tsConfig) {
     const pluginPath = typeof pluginSpec === 'string' ? pluginSpec : pluginSpec.path;
-    let plugin = await (0, module_loader_1.loadModule)(pluginPath, tsConfig);
+    let plugin = await (0, module_loader_1.loadModule)(resolveModulePath(pluginPath), tsConfig);
     if (typeof plugin === 'function') {
         plugin =
             typeof pluginSpec === 'object' ? plugin(pluginSpec.options) : plugin();
@@ -23,8 +37,8 @@ async function loadMiddleware(middlewareFns, tsConfig) {
     if (!middlewareFns?.length) {
         return [];
     }
-    return Promise.all(middlewareFns.map((fnPath) => (0, module_loader_1.loadModule)(fnPath, tsConfig)));
+    return Promise.all(middlewareFns.map((fnPath) => (0, module_loader_1.loadModule)(resolveModulePath(fnPath), tsConfig)));
 }
 async function loadIndexHtmlTransformer(indexHtmlTransformerPath, tsConfig) {
-    return (0, module_loader_1.loadModule)(indexHtmlTransformerPath, tsConfig);
+    return (0, module_loader_1.loadModule)(resolveModulePath(indexHtmlTransformerPath), tsConfig);
 }

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

@@ -1,13 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStylesheetProcessorFactoryProvider = getStylesheetProcessorFactoryProvider;
-const ng_packagr_version_1 = require("./ng-packagr-version");
-const package_imports_1 = require("./package-imports");
+const stylesheet_processor_di_1 = require("ng-packagr/src/lib/styles/stylesheet-processor.di");
 function getStylesheetProcessorFactoryProvider() {
-    const { major: ngPackagrMajorVersion } = (0, ng_packagr_version_1.getNgPackagrVersionInfo)();
-    const { STYLESHEET_PROCESSOR_TOKEN } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/styles/stylesheet-processor.di', ngPackagrMajorVersion);
     return {
-        provide: STYLESHEET_PROCESSOR_TOKEN,
+        provide: stylesheet_processor_di_1.STYLESHEET_PROCESSOR_TOKEN,
         useFactory: () => {
             const { getStylesheetProcessor } = require('./stylesheet-processor');
             return getStylesheetProcessor();

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

@@ -11,8 +11,9 @@ exports.getStylesheetProcessor = getStylesheetProcessor;
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
 const browserslist_1 = tslib_1.__importDefault(require("browserslist"));
+const component_stylesheets_1 = require("ng-packagr/src/lib/styles/component-stylesheets");
+const postcss_configuration_1 = require("ng-packagr/src/lib/styles/postcss-configuration");
 const ng_packagr_version_1 = require("./ng-packagr-version");
-const package_imports_1 = require("./package-imports");
 var CssUrl;
 (function (CssUrl) {
     CssUrl["inline"] = "inline";
@@ -20,11 +21,12 @@ var CssUrl;
 })(CssUrl || (exports.CssUrl = CssUrl = {}));
 function getStylesheetProcessor() {
     const { major: ngPackagrMajorVersion } = (0, ng_packagr_version_1.getNgPackagrVersionInfo)();
-    const { ComponentStylesheetBundler } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/styles/component-stylesheets', ngPackagrMajorVersion);
-    const { generateSearchDirectories, getTailwindConfig, loadPostcssConfiguration, } = (0, package_imports_1.importNgPackagrPath)('ng-packagr/src/lib/styles/postcss-configuration', ngPackagrMajorVersion);
-    class StylesheetProcessor extends ComponentStylesheetBundler {
+    class StylesheetProcessor extends component_stylesheets_1.ComponentStylesheetBundler {
         constructor(projectBasePath, basePath, cssUrl, includePaths, sass, cacheDirectory, watch) {
-            if (ngPackagrMajorVersion === 21) {
+            if (ngPackagrMajorVersion === 22) {
+                browserslist_1.default.defaults = ['baseline widely available on 2026-05-07'];
+            }
+            else if (ngPackagrMajorVersion === 21) {
                 browserslist_1.default.defaults = ['baseline widely available on 2025-10-20'];
             }
             else if (ngPackagrMajorVersion === 20) {
@@ -32,27 +34,17 @@ function getStylesheetProcessor() {
                     path: require.resolve('ng-packagr/.browserslistrc'),
                 });
             }
-            else if (ngPackagrMajorVersion < 20) {
-                browserslist_1.default.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',
-                ];
-            }
             const browserslistData = (0, browserslist_1.default)(undefined, { path: basePath });
-            let searchDirs = generateSearchDirectories([projectBasePath]);
-            const postcssConfiguration = loadPostcssConfiguration(searchDirs);
+            let searchDirs = (0, postcss_configuration_1.generateSearchDirectories)([projectBasePath]);
+            const postcssConfiguration = (0, postcss_configuration_1.loadPostcssConfiguration)(searchDirs);
             // (nx-specific): we support loading the TailwindCSS config from the root of the workspace
-            searchDirs = generateSearchDirectories([projectBasePath, devkit_1.workspaceRoot]);
+            searchDirs = (0, postcss_configuration_1.generateSearchDirectories)([projectBasePath, devkit_1.workspaceRoot]);
             super({
                 cacheDirectory: cacheDirectory,
                 postcssConfiguration: postcssConfiguration,
                 tailwindConfiguration: postcssConfiguration
                     ? undefined
-                    : getTailwindConfig(searchDirs, projectBasePath),
+                    : (0, postcss_configuration_1.getTailwindConfig)(searchDirs, projectBasePath),
                 sass: sass,
                 workspaceRoot: projectBasePath,
                 cssUrl: cssUrl,

package/dist/src/executors/utilities/typescript.js

@@ -13,17 +13,15 @@ const tslib_1 = require("tslib");
 const path_1 = require("path");
 const ts = tslib_1.__importStar(require("typescript"));
 const module_loader_1 = require("./module-loader");
-const ng_packagr_version_1 = require("./ng-packagr/ng-packagr-version");
 async function readDefaultTsConfig(fileName) {
-    const ngPackagrVersion = (0, ng_packagr_version_1.getNgPackagrVersionInfo)();
     // these options are mandatory
     const extraOptions = {
         target: ts.ScriptTarget.ES2022,
         composite: false,
         // sourcemaps
-        sourceMap: ngPackagrVersion.major < 20 ? false : true,
+        sourceMap: true,
         inlineSources: true,
-        inlineSourceMap: ngPackagrVersion.major < 20 ? true : false,
+        inlineSourceMap: false,
         outDir: '',
         declaration: true,
         // ng compiler

package/dist/src/generators/application/application.js

@@ -57,7 +57,6 @@ async function applicationGenerator(tree, schema) {
             project: options.name,
             standalone: options.standalone,
             skipPackageJson: options.skipPackageJson,
-            serverRouting: options.serverRouting,
         });
     }
     if (isRspack) {
@@ -78,22 +77,19 @@ async function applicationGenerator(tree, schema) {
         }
     }
     if (!options.skipPackageJson) {
-        const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
         const devDependencies = {};
         const packageVersions = (0, version_utils_1.versions)(tree);
-        if (angularMajorVersion >= 20) {
-            const angularDevkitVersion = (0, version_utils_1.getInstalledAngularDevkitVersion)(tree) ??
-                packageVersions.angularDevkitVersion;
-            if (options.bundler === 'esbuild') {
-                devDependencies['@angular/build'] = angularDevkitVersion;
-            }
-            else if (isRspack) {
-                devDependencies['@angular/build'] = angularDevkitVersion;
-                devDependencies['@angular-devkit/build-angular'] = angularDevkitVersion;
-            }
-            else {
-                devDependencies['@angular-devkit/build-angular'] = angularDevkitVersion;
-            }
+        const angularDevkitVersion = (0, version_utils_1.getInstalledAngularDevkitVersion)(tree) ??
+            packageVersions.angularDevkitVersion;
+        if (options.bundler === 'esbuild') {
+            devDependencies['@angular/build'] = angularDevkitVersion;
+        }
+        else if (isRspack) {
+            devDependencies['@angular/build'] = angularDevkitVersion;
+            devDependencies['@angular-devkit/build-angular'] = angularDevkitVersion;
+        }
+        else {
+            devDependencies['@angular-devkit/build-angular'] = angularDevkitVersion;
         }
         if (options.style === 'less') {
             devDependencies['less'] = packageVersions.lessVersion;

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

@@ -4,12 +4,7 @@
     "outDir": "<%= rootOffset %>dist/out-tsc",
     "types": []
   },
-  <%_ if (angularMajorVersion < 20) { _%>
-  "files": ["src/main.ts"],
-  "include": ["src/**/*.d.ts"],
-  <%_ } else { _%>
   "include": ["src/**/*.ts"],
-  <%_ } _%>
   "exclude": [
     "src/**/*.spec.ts",
     "src/**/*.test.ts"

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

@@ -6,10 +6,7 @@
   },
   "files": [],
   "include": [],
-  "references": [<% if (angularMajorVersion < 20) { %>
-    {
-      "path": "./tsconfig.editor.json"
-    },<% } %>
+  "references": [
     {
       "path": "./tsconfig.app.json"
     }

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

@@ -18,11 +18,5 @@ describe('App<%= componentType %>', () => {
     expect(compiled.querySelector('h1')?.textContent).toContain(
       'Welcome <%= appName %>'
     );
-  });<% if(!minimal && angularMajorVersion < 20) { %>
-
-  it(`should have as title '<%= appName %>'`, () => {
-    const fixture = TestBed.createComponent(App<%= componentType %>);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('<%= appName %>');
-  });<% } %>
+  });
 });

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

@@ -10,5 +10,5 @@ import { Component<% if(viewEncapsulation) { %>, ViewEncapsulation<% } %> } from
   encapsulation: ViewEncapsulation.<%= viewEncapsulation %>,<% } %>
 })
 export class App<%= componentType %> {<% if(!minimal) { %>
-  <% if (angularMajorVersion >= 20) { %>protected <% } %>title = '<%= appName %>';
+  protected title = '<%= appName %>';
 <% } %>}

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

@@ -1,4 +1,4 @@
-import { NgModule<% if (provideGlobalErrorListener) { %>, provideBrowserGlobalErrorListeners<% } %> } from '@angular/core';
+import { NgModule, provideBrowserGlobalErrorListeners } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';<% if(routing) { %>
 import { RouterModule } from '@angular/router';<% } %>
 import { App<%= componentType %> } from './app<%= componentFileSuffix %>';<% if(routing) { %>
@@ -11,7 +11,7 @@ import { NxWelcome<%= componentType %> } from './nx-welcome<%= componentFileSuff
     BrowserModule,<% if(routing) { %>
     RouterModule.forRoot(appRoutes),<% } %>
   ],
-  providers: [<% if (provideGlobalErrorListener) { %>provideBrowserGlobalErrorListeners()<% } %>],
+  providers: [provideBrowserGlobalErrorListeners()],
   bootstrap: [App<%= componentType %>],
 })
 export class AppModule {}

package/dist/src/generators/application/files/ng-module/src/main.ts__tpl__

@@ -1,14 +1,6 @@
-<%_ if (usePlatformBrowserDynamic) { _%>
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-<%_ } else { _%>
 import { platformBrowser } from '@angular/platform-browser';
-<%_ } _%>
 import { AppModule } from './app/app<%= moduleTypeSeparator %>module';
 
-<%_ if (usePlatformBrowserDynamic) { _%>
-platformBrowserDynamic()
-<%_ } else { _%>
 platformBrowser()
-<%_ } _%>
   .bootstrapModule(AppModule<% if (!zoneless) { %>, { ngZoneEventCoalescing: true }<% } %>)
   .catch((err) => console.error(err));

package/dist/src/generators/application/files/standalone-components/src/app/app.config.ts__tpl__

@@ -1,10 +1,10 @@
-import { ApplicationConfig<% if (provideGlobalErrorListener) { %>, provideBrowserGlobalErrorListeners<% } %><% if (!zoneless) { %>, provideZoneChangeDetection<% } %> } from '@angular/core';<% if (routing) { %>
+import { ApplicationConfig, provideBrowserGlobalErrorListeners<% if (!zoneless) { %>, provideZoneChangeDetection<% } %> } from '@angular/core';<% if (routing) { %>
 import { provideRouter } from '@angular/router';
 import { appRoutes } from './app.routes';<% } %>
 
 export const appConfig: ApplicationConfig = {
-  providers: [<% if (provideGlobalErrorListener) { %>
-    provideBrowserGlobalErrorListeners(),<% } %><% if (!zoneless) { %>
+  providers: [
+    provideBrowserGlobalErrorListeners(),<% if (!zoneless) { %>
     provideZoneChangeDetection({ eventCoalescing: true }),<% } %><% if (routing) { %>
     provideRouter(appRoutes)<% } %>
   ]