@nx/angular 23.0.0 → 23.1.0-canary.20260619-9546855

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

@@ -16,11 +16,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/standalone-components/src/app/app__componentFileSuffix__.ts__tpl__

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

package/dist/src/generators/application/lib/create-files.js

@@ -8,9 +8,7 @@ const test_runners_1 = require("../../../utils/test-runners");
 const artifact_types_1 = require("../../utils/artifact-types");
 const selector_1 = require("../../utils/selector");
 const update_project_root_tsconfig_1 = require("../../utils/update-project-root-tsconfig");
-const version_utils_1 = require("../../utils/version-utils");
 async function createFiles(tree, options, rootOffset) {
-    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
     const rootSelector = `${options.prefix}-root`;
     (0, selector_1.validateHtmlSelector)(rootSelector);
     const nxWelcomeSelector = `${options.prefix}-nx-welcome`;
@@ -33,10 +31,7 @@ async function createFiles(tree, options, rootOffset) {
         minimal: options.minimal,
         nxWelcomeSelector,
         rootTsConfig: (0, devkit_1.joinPathFragments)(rootOffset, (0, js_1.getRootTsConfigFileName)(tree)),
-        angularMajorVersion,
         rootOffset,
-        provideGlobalErrorListener: angularMajorVersion >= 20,
-        usePlatformBrowserDynamic: angularMajorVersion < 20,
         componentType: componentType ? (0, devkit_1.names)(componentType).className : '',
         componentFileSuffix,
         moduleTypeSeparator,
@@ -49,9 +44,6 @@ async function createFiles(tree, options, rootOffset) {
     };
     const angularAppType = options.standalone ? 'standalone' : 'ng-module';
     (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/base'), options.appProjectRoot, substitutions);
-    if (angularMajorVersion >= 20) {
-        tree.delete((0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.editor.json'));
-    }
     if (options.standalone) {
         (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/standalone-components'), options.appProjectRoot, substitutions);
     }

package/dist/src/generators/application/lib/create-project.js

@@ -16,9 +16,7 @@ function createProject(tree, options) {
 }
 function createProjectForEsbuild(tree, options) {
     const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    const buildExecutor = angularMajorVersion >= 20
-        ? '@angular/build:application'
-        : '@angular-devkit/build-angular:application';
+    const buildExecutor = '@angular/build:application';
     (0, internal_1.addBuildTargetDefaults)(tree, buildExecutor);
     let budgets = undefined;
     if (options.strict) {
@@ -55,9 +53,6 @@ function createProjectForEsbuild(tree, options) {
                 outputs: ['{options.outputPath}'],
                 options: {
                     outputPath: options.outputPath,
-                    index: angularMajorVersion >= 20
-                        ? undefined
-                        : `${options.appProjectSourceRoot}/index.html`,
                     browser: `${options.appProjectSourceRoot}/main.ts`,
                     polyfills: options.zoneless ? undefined : ['zone.js'],
                     tsConfig: (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'),
@@ -85,9 +80,7 @@ function createProjectForEsbuild(tree, options) {
             },
             serve: {
                 continuous: true,
-                executor: angularMajorVersion >= 20
-                    ? '@angular/build:dev-server'
-                    : '@angular-devkit/build-angular:dev-server',
+                executor: '@angular/build:dev-server',
                 options: options.port ? { port: options.port } : undefined,
                 configurations: {
                     production: {
@@ -101,9 +94,7 @@ function createProjectForEsbuild(tree, options) {
             },
             'extract-i18n': angularMajorVersion < 21
                 ? {
-                    executor: angularMajorVersion >= 20
-                        ? '@angular/build:extract-i18n'
-                        : '@angular-devkit/build-angular:extract-i18n',
+                    executor: '@angular/build:extract-i18n',
                     options: {
                         buildTarget: `${options.name}:build`,
                     },

package/dist/src/generators/application/lib/update-tsconfig-files.js

@@ -4,14 +4,11 @@ exports.updateTsconfigFiles = updateTsconfigFiles;
 const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
 const internal_1 = require("@nx/js/internal");
-const semver_1 = require("semver");
 const tsconfig_utils_1 = require("../../utils/tsconfig-utils");
-const update_app_editor_tsconfig_excluded_files_1 = require("../../utils/update-app-editor-tsconfig-excluded-files");
 const version_utils_1 = require("../../utils/version-utils");
 const enable_strict_type_checking_1 = require("./enable-strict-type-checking");
 function updateTsconfigFiles(tree, options) {
     (0, enable_strict_type_checking_1.enableStrictTypeChecking)(tree, options);
-    updateEditorTsConfig(tree, options);
     const compilerOptions = {
         skipLibCheck: true,
         experimentalDecorators: true,
@@ -21,26 +18,16 @@ function updateTsconfigFiles(tree, options) {
         moduleResolution: 'bundler',
     };
     const rootTsConfigPath = (0, js_1.getRootTsConfigFileName)(tree);
-    const { major: angularMajorVersion, version: angularVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    if ((0, semver_1.gte)(angularVersion, '19.1.0')) {
-        // Angular started warning about emitDecoratorMetadata and isolatedModules
-        // in v19.1.0. If enabled in the root tsconfig, we need to disable it.
-        if ((0, tsconfig_utils_1.getDefinedCompilerOption)(tree, rootTsConfigPath, 'emitDecoratorMetadata') === true) {
-            compilerOptions.emitDecoratorMetadata = false;
-        }
+    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    // Angular warns about emitDecoratorMetadata when isolatedModules is enabled,
+    // so disable it if it's set in the root tsconfig.
+    if ((0, tsconfig_utils_1.getDefinedCompilerOption)(tree, rootTsConfigPath, 'emitDecoratorMetadata') === true) {
+        compilerOptions.emitDecoratorMetadata = false;
     }
     if (angularMajorVersion >= 21) {
         compilerOptions.moduleResolution = 'bundler';
     }
-    if (angularMajorVersion >= 20) {
-        compilerOptions.module = 'preserve';
-    }
-    else {
-        compilerOptions.module = 'es2022';
-        if (options.bundler === 'esbuild') {
-            compilerOptions.esModuleInterop = true;
-        }
-    }
+    compilerOptions.module = 'preserve';
     const tsconfigPath = (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.json');
     (0, devkit_1.updateJson)(tree, tsconfigPath, (json) => {
         json.compilerOptions = {
@@ -68,20 +55,3 @@ function updateTsconfigFiles(tree, options) {
         });
     }
 }
-function updateEditorTsConfig(tree, options) {
-    const tsconfigEditorPath = (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.editor.json');
-    if (!tree.exists(tsconfigEditorPath)) {
-        return;
-    }
-    const appTsConfig = (0, devkit_1.readJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'));
-    const types = appTsConfig?.compilerOptions?.types ?? [];
-    if (types?.length) {
-        (0, devkit_1.updateJson)(tree, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.editor.json'), (json) => {
-            json.compilerOptions ??= {};
-            json.compilerOptions.types = Array.from(new Set(types));
-            return json;
-        });
-    }
-    const project = (0, devkit_1.readProjectConfiguration)(tree, options.name);
-    (0, update_app_editor_tsconfig_excluded_files_1.updateAppEditorTsConfigExcludedFiles)(tree, project);
-}

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

@@ -27,7 +27,6 @@ export interface Schema {
   minimal?: boolean;
   bundler?: 'webpack' | 'esbuild' | 'rspack';
   ssr?: boolean;
-  serverRouting?: boolean;
   nxCloudToken?: string;
   addPlugin?: boolean;
   zoneless?: boolean;

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

@@ -170,10 +170,6 @@
       "x-prompt": "Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)?",
       "default": false
     },
-    "serverRouting": {
-      "description": "Creates a server application using the Server Routing and App Engine APIs for application using the `application` builder (Developer Preview). _Note: this is only supported in Angular versions 19.x.x_. From Angular 20 onwards, SSR will always enable server routing when using the `application` builder.",
-      "type": "boolean"
-    },
     "zoneless": {
       "description": "Generate an application that does not use `zone.js`. It defaults to `true`. _Note: this is only supported in Angular versions >= 21.0.0_",
       "type": "boolean"

package/dist/src/generators/component/component.js

@@ -9,6 +9,7 @@ const version_utils_1 = require("../utils/version-utils");
 const lib_1 = require("./lib");
 async function componentGenerator(tree, rawOptions) {
     (0, assert_supported_angular_version_1.assertSupportedAngularVersion)(tree);
+    (0, lib_1.validateOptions)(tree, rawOptions);
     const options = await (0, lib_1.normalizeOptions)(tree, rawOptions);
     const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
     const project = (0, devkit_1.readProjectConfiguration)(tree, options.projectName);

package/dist/src/generators/component/files/__fileName__.ts__tpl__

@@ -1,4 +1,5 @@
-import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }%>Component<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%> } from '@angular/core';
+<%_ const changeDetectionDefault = angularMajorVersion >= 22 ? 'OnPush' : 'Default'; _%>
+import { <% if(changeDetection !== changeDetectionDefault) { %>ChangeDetectionStrategy, <% }%>Component<% if(!!viewEncapsulation) { %>, ViewEncapsulation<% }%> } from '@angular/core';
 
 @Component({<% if(!skipSelector) {%>
   selector: '<%= selector %>',<%}%><% if (!standalone) { %>
@@ -12,7 +13,7 @@ import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }%
     }
   <% } %>`<% } else if (style !== 'none') { %>,
   styleUrl: './<%= fileName %>.<%= style %>'<% } %><% if(!!viewEncapsulation) { %>,
-  encapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } if (changeDetection !== 'Default') { %>,
+  encapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } if (changeDetection !== changeDetectionDefault) { %>,
   changeDetection: ChangeDetectionStrategy.<%= changeDetection %><% } %>
 })
 export <% if (exportDefault) {%>default <%}%>class <%= symbolName %> {}

package/dist/src/generators/component/lib/index.d.ts

@@ -2,3 +2,4 @@ export * from './component';
 export * from './module';
 export * from './normalize-options';
 export * from './set-generator-defaults';
+export * from './validate-options';

package/dist/src/generators/component/lib/index.js

@@ -5,3 +5,4 @@ tslib_1.__exportStar(require("./component"), exports);
 tslib_1.__exportStar(require("./module"), exports);
 tslib_1.__exportStar(require("./normalize-options"), exports);
 tslib_1.__exportStar(require("./set-generator-defaults"), exports);
+tslib_1.__exportStar(require("./validate-options"), exports);

package/dist/src/generators/component/lib/normalize-options.js

@@ -8,9 +8,6 @@ const validations_1 = require("../../utils/validations");
 const version_utils_1 = require("../../utils/version-utils");
 async function normalizeOptions(tree, options) {
     const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    if (angularMajorVersion < 20) {
-        options.type ??= 'component';
-    }
     const { artifactName: name, directory, fileName, filePath, project: projectName, } = await (0, internal_1.determineArtifactNameAndDirectoryOptions)(tree, {
         name: options.name,
         path: options.path,
@@ -32,7 +29,8 @@ async function normalizeOptions(tree, options) {
         ...options,
         name,
         projectName,
-        changeDetection: options.changeDetection ?? 'Default',
+        changeDetection: options.changeDetection ??
+            (angularMajorVersion >= 22 ? 'OnPush' : 'Default'),
         style: options.style ?? 'css',
         standalone: options.standalone ?? true,
         directory,

package/dist/src/generators/component/lib/validate-options.d.ts

@@ -0,0 +1,3 @@
+import type { Tree } from '@nx/devkit';
+import type { Schema } from '../schema';
+export declare function validateOptions(tree: Tree, options: Schema): void;

package/dist/src/generators/component/lib/validate-options.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOptions = validateOptions;
+const version_utils_1 = require("../../utils/version-utils");
+function validateOptions(tree, options) {
+    const { major: angularMajorVersion, version: angularVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    if (options.changeDetection === 'Eager' && angularMajorVersion < 22) {
+        throw new Error(`The "Eager" change detection strategy is only supported for Angular versions >= 22.0.0. You are using Angular ${angularVersion}.`);
+    }
+}

package/dist/src/generators/component/schema.d.ts

@@ -6,7 +6,7 @@ export interface Schema {
   inlineTemplate?: boolean;
   standalone?: boolean;
   viewEncapsulation?: 'Emulated' | 'None' | 'ShadowDom';
-  changeDetection?: 'Default' | 'OnPush';
+  changeDetection?: 'Default' | 'Eager' | 'OnPush';
   style?: 'css' | 'scss' | 'sass' | 'less' | 'none';
   skipTests?: boolean;
   type?: string;

package/dist/src/generators/component/schema.json

@@ -56,10 +56,9 @@
       "alias": "v"
     },
     "changeDetection": {
-      "description": "The change detection strategy to use in the new component.",
-      "enum": ["Default", "OnPush"],
+      "description": "The change detection strategy to use in the new component. It defaults to `OnPush` for Angular versions >= 22.0.0 and `Default` for lower versions. _Note: the `Eager` value is only supported in Angular versions >= 22.0.0_.",
+      "enum": ["Default", "Eager", "OnPush"],
       "type": "string",
-      "default": "Default",
       "alias": "c"
     },
     "module": {
@@ -95,7 +94,7 @@
     },
     "type": {
       "type": "string",
-      "description": "Append a custom type to the component's filename. It defaults to 'component' for Angular versions below v20. For Angular v20 and above, no type is appended unless specified."
+      "description": "Append a custom type to the component's filename. No type is appended unless specified."
     },
     "export": {
       "type": "boolean",

package/dist/src/generators/convert-to-application-executor/convert-to-application-executor.js

@@ -7,7 +7,6 @@ const assert_supported_angular_version_1 = require("../../utils/assert-supported
 const targets_1 = require("../../utils/targets");
 const setup_ssr_1 = require("../setup-ssr/setup-ssr");
 const validations_1 = require("../utils/validations");
-const version_utils_1 = require("../utils/version-utils");
 const executorsToConvert = new Set([
     '@angular-devkit/build-angular:browser',
     '@angular-devkit/build-angular:browser-esbuild',
@@ -76,11 +75,7 @@ async function convertProjectTargets(tree, projectName, isProvidedProject = fals
         newExecutor = '@nx/angular:application';
     }
     else {
-        const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-        newExecutor =
-            angularMajorVersion >= 20
-                ? '@angular/build:application'
-                : '@angular-devkit/build-angular:application';
+        newExecutor = '@angular/build:application';
     }
     const buildTarget = project.targets[buildTargetName];
     buildTarget.executor = newExecutor;

package/dist/src/generators/convert-to-rspack/convert-to-rspack.js

@@ -505,9 +505,8 @@ async function convertToRspack(tree, schema) {
     }
     if (!schema.skipInstall) {
         const { webpackMergeVersion, tsNodeVersion } = (0, version_utils_1.versions)(tree);
-        const angularRspackVersion = (0, version_utils_1.getAngularRspackVersion)(tree);
         const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
-            '@nx/angular-rspack': angularRspackVersion,
+            '@nx/angular-rspack': versions_1.nxVersion,
             'webpack-merge': webpackMergeVersion,
             'ts-node': tsNodeVersion,
         });

package/dist/src/generators/directive/lib/normalize-options.js

@@ -5,12 +5,7 @@ const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
 const selector_1 = require("../../utils/selector");
 const validations_1 = require("../../utils/validations");
-const version_utils_1 = require("../../utils/version-utils");
 async function normalizeOptions(tree, options) {
-    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    if (angularMajorVersion < 20) {
-        options.type ??= 'directive';
-    }
     const { artifactName: name, directory, fileName, filePath, project: projectName, } = await (0, internal_1.determineArtifactNameAndDirectoryOptions)(tree, {
         name: options.name,
         path: options.path,

package/dist/src/generators/directive/schema.json

@@ -84,7 +84,7 @@
     },
     "type": {
       "type": "string",
-      "description": "Append a custom type to the directive's filename. It defaults to 'directive' for Angular versions below v20. For Angular v20 and above, no type is appended unless specified."
+      "description": "Append a custom type to the directive's filename. No type is appended unless specified."
     },
     "skipFormat": {
       "type": "boolean",

package/dist/src/generators/library/lib/normalized-schema.d.ts

@@ -44,7 +44,7 @@ export interface NormalizedSchema {
         inlineStyle?: boolean;
         inlineTemplate?: boolean;
         viewEncapsulation?: 'Emulated' | 'None' | 'ShadowDom';
-        changeDetection?: 'Default' | 'OnPush';
+        changeDetection?: 'Default' | 'Eager' | 'OnPush';
         style?: 'css' | 'scss' | 'sass' | 'less' | 'none';
         skipTests?: boolean;
         selector?: string;

package/dist/src/generators/library/lib/update-tsconfig-files.js

@@ -4,7 +4,6 @@ exports.updateTsConfigFiles = updateTsConfigFiles;
 const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
 const internal_1 = require("@nx/js/internal");
-const semver_1 = require("semver");
 const tsconfig_utils_1 = require("../../utils/tsconfig-utils");
 const update_project_root_tsconfig_1 = require("../../utils/update-project-root-tsconfig");
 const version_utils_1 = require("../../utils/version-utils");
@@ -36,23 +35,16 @@ function updateTsConfigFiles(tree, options) {
             : {}),
     };
     const rootTsConfigPath = (0, js_1.getRootTsConfigFileName)(tree);
-    const { major: angularMajorVersion, version: angularVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    if ((0, semver_1.gte)(angularVersion, '19.1.0')) {
-        // Angular started warning about emitDecoratorMetadata and isolatedModules
-        // in v19.1.0. If enabled in the root tsconfig, we need to disable it.
-        if ((0, tsconfig_utils_1.getDefinedCompilerOption)(tree, rootTsConfigPath, 'emitDecoratorMetadata') === true) {
-            compilerOptions.emitDecoratorMetadata = false;
-        }
+    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    // Angular warns about emitDecoratorMetadata when isolatedModules is enabled,
+    // so disable it if it's set in the root tsconfig.
+    if ((0, tsconfig_utils_1.getDefinedCompilerOption)(tree, rootTsConfigPath, 'emitDecoratorMetadata') === true) {
+        compilerOptions.emitDecoratorMetadata = false;
     }
     if (angularMajorVersion >= 21) {
         compilerOptions.moduleResolution = 'bundler';
     }
-    if (angularMajorVersion >= 20) {
-        compilerOptions.module = 'preserve';
-    }
-    else {
-        compilerOptions.module = 'es2022';
-    }
+    compilerOptions.module = 'preserve';
     const tsconfigPath = (0, devkit_1.joinPathFragments)(options.projectRoot, 'tsconfig.json');
     (0, devkit_1.updateJson)(tree, tsconfigPath, (json) => {
         json.compilerOptions = {

package/dist/src/generators/library/schema.d.ts

@@ -30,7 +30,7 @@ export interface Schema {
   inlineStyle?: boolean;
   inlineTemplate?: boolean;
   viewEncapsulation?: 'Emulated' | 'None' | 'ShadowDom';
-  changeDetection?: 'Default' | 'OnPush';
+  changeDetection?: 'Default' | 'Eager' | 'OnPush';
   style?: 'css' | 'scss' | 'sass' | 'less' | 'none';
   skipTests?: boolean;
   selector?: string;

package/dist/src/generators/library/schema.json

@@ -147,10 +147,9 @@
       "alias": "v"
     },
     "changeDetection": {
-      "description": "The change detection strategy to use in the new component. Disclaimer: This option is only valid when `--standalone` is set to `true`.",
-      "enum": ["Default", "OnPush"],
+      "description": "The change detection strategy to use in the new component. It defaults to `OnPush` for Angular versions >= 22.0.0 and `Default` for lower versions. _Note: the `Eager` value is only supported in Angular versions >= 22.0.0_. Disclaimer: This option is only valid when `--standalone` is set to `true`.",
+      "enum": ["Default", "Eager", "OnPush"],
       "type": "string",
-      "default": "Default",
       "alias": "c"
     },
     "style": {

package/dist/src/generators/pipe/lib/normalize-options.js

@@ -4,10 +4,8 @@ exports.normalizeOptions = normalizeOptions;
 const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
 const validations_1 = require("../../utils/validations");
-const version_utils_1 = require("../../utils/version-utils");
 async function normalizeOptions(tree, options) {
-    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    options.typeSeparator ??= angularMajorVersion < 20 ? '.' : '-';
+    options.typeSeparator ??= '-';
     const { artifactName: name, directory, fileName, filePath, project: projectName, } = await (0, internal_1.determineArtifactNameAndDirectoryOptions)(tree, {
         name: options.name,
         path: options.path,

package/dist/src/generators/pipe/schema.json

@@ -66,7 +66,7 @@
     "typeSeparator": {
       "type": "string",
       "enum": ["-", "."],
-      "description": "The separator character to use before the type within the generated file's name. For example, if you set the option to `.`, the file will be named `example.pipe.ts`. It defaults to '-' for Angular v20+. For versions below v20, it defaults to '.'."
+      "description": "The separator character to use before the type within the generated file's name. For example, if you set the option to `.`, the file will be named `example.pipe.ts`. It defaults to '-'."
     },
     "skipFormat": {
       "type": "boolean",

package/dist/src/generators/remote/lib/update-ssr-setup.js

@@ -34,11 +34,8 @@ async function updateSsrSetup(tree, { appName, port, standalone, typescriptConfi
     if (standalone) {
         const componentType = (0, artifact_types_1.getComponentType)(tree);
         const componentFileSuffix = componentType ? `.${componentType}` : '';
-        const useBootstrapContext = 
         // https://github.com/angular/angular-cli/releases/tag/20.3.0
-        (0, semver_1.gte)(angularVersion, '20.3.0') ||
-            // https://github.com/angular/angular-cli/releases/tag/19.2.16
-            (angularMajorVersion === 19 && (0, semver_1.gte)(angularVersion, '19.2.16'));
+        const useBootstrapContext = (0, semver_1.gte)(angularVersion, '20.3.0');
         (0, devkit_1.generateFiles)(tree, (0, devkit_1.joinPathFragments)(__dirname, '../files/standalone'), project.root, {
             appName,
             standalone,

package/dist/src/generators/scam/lib/normalize-options.js

@@ -5,12 +5,7 @@ const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
 const artifact_types_1 = require("../../utils/artifact-types");
 const validations_1 = require("../../utils/validations");
-const version_utils_1 = require("../../utils/version-utils");
 async function normalizeOptions(tree, options) {
-    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    if (angularMajorVersion < 20) {
-        options.type ??= 'component';
-    }
     const { artifactName: name, directory, fileName, filePath, project: projectName, } = await (0, internal_1.determineArtifactNameAndDirectoryOptions)(tree, {
         name: options.name,
         path: options.path,

package/dist/src/generators/scam/schema.d.ts

@@ -5,7 +5,7 @@ export interface Schema {
   inlineStyle?: boolean;
   inlineTemplate?: boolean;
   viewEncapsulation?: 'Emulated' | 'None' | 'ShadowDom';
-  changeDetection?: 'Default' | 'OnPush';
+  changeDetection?: 'Default' | 'Eager' | 'OnPush';
   style?: 'css' | 'scss' | 'sass' | 'less' | 'none';
   skipTests?: boolean;
   inlineScam?: boolean;

package/dist/src/generators/scam/schema.json

@@ -59,10 +59,9 @@
       "alias": "v"
     },
     "changeDetection": {
-      "description": "The change detection strategy to use in the new component.",
-      "enum": ["Default", "OnPush"],
+      "description": "The change detection strategy to use in the new component. It defaults to `OnPush` for Angular versions >= 22.0.0 and `Default` for lower versions. _Note: the `Eager` value is only supported in Angular versions >= 22.0.0_.",
+      "enum": ["Default", "Eager", "OnPush"],
       "type": "string",
-      "default": "Default",
       "alias": "c"
     },
     "style": {
@@ -94,7 +93,7 @@
     },
     "type": {
       "type": "string",
-      "description": "Append a custom type to the component's filename. It defaults to 'component' for Angular versions below v20. For Angular v20 and above, no type is appended unless specified."
+      "description": "Append a custom type to the component's filename. No type is appended unless specified."
     },
     "prefix": {
       "type": "string",

package/dist/src/generators/scam-directive/lib/normalize-options.js

@@ -5,12 +5,7 @@ const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
 const artifact_types_1 = require("../../utils/artifact-types");
 const validations_1 = require("../../utils/validations");
-const version_utils_1 = require("../../utils/version-utils");
 async function normalizeOptions(tree, options) {
-    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    if (angularMajorVersion < 20) {
-        options.type ??= 'directive';
-    }
     const { artifactName: name, directory, fileName, filePath, project: projectName, } = await (0, internal_1.determineArtifactNameAndDirectoryOptions)(tree, {
         name: options.name,
         path: options.path,

package/dist/src/generators/scam-directive/schema.json

@@ -76,7 +76,7 @@
     },
     "type": {
       "type": "string",
-      "description": "Append a custom type to the directive's filename. It defaults to 'directive' for Angular versions below v20. For Angular v20 and above, no type is appended unless specified."
+      "description": "Append a custom type to the directive's filename. No type is appended unless specified."
     },
     "skipFormat": {
       "description": "Skip formatting files.",

package/dist/src/generators/scam-pipe/lib/normalize-options.js

@@ -5,10 +5,8 @@ const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
 const artifact_types_1 = require("../../utils/artifact-types");
 const validations_1 = require("../../utils/validations");
-const version_utils_1 = require("../../utils/version-utils");
 async function normalizeOptions(tree, options) {
-    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    options.typeSeparator ??= angularMajorVersion < 20 ? '.' : '-';
+    options.typeSeparator ??= '-';
     const { artifactName: name, directory, fileName, filePath, project: projectName, } = await (0, internal_1.determineArtifactNameAndDirectoryOptions)(tree, {
         name: options.name,
         path: options.path,

package/dist/src/generators/scam-pipe/schema.json

@@ -54,7 +54,7 @@
     "typeSeparator": {
       "type": "string",
       "enum": ["-", "."],
-      "description": "The separator character to use before the type within the generated file's name. For example, if you set the option to `.`, the file will be named `example.pipe.ts`. It defaults to '-' for Angular v20+. For versions below v20, it defaults to '.'."
+      "description": "The separator character to use before the type within the generated file's name. For example, if you set the option to `.`, the file will be named `example.pipe.ts`. It defaults to '-'."
     },
     "skipFormat": {
       "description": "Skip formatting files.",

package/dist/src/generators/setup-mf/setup-mf.js

@@ -74,13 +74,10 @@ async function setupMf(tree, rawOptions) {
         tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, { 'ts-node': versions_1.tsNodeVersion }, undefined, true));
     }
     if (!options.skipPackageJson) {
-        const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-        if (angularMajorVersion >= 20) {
-            const angularDevkitVersion = (0, version_utils_1.getInstalledAngularDevkitVersion)(tree) ??
-                (0, version_utils_1.versions)(tree).angularDevkitVersion;
-            // the executors used by MF require @angular-devkit/build-angular
-            tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, { '@angular-devkit/build-angular': angularDevkitVersion }, undefined, true));
-        }
+        const angularDevkitVersion = (0, version_utils_1.getInstalledAngularDevkitVersion)(tree) ??
+            (0, version_utils_1.versions)(tree).angularDevkitVersion;
+        // the executors used by MF require @angular-devkit/build-angular
+        tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, { '@angular-devkit/build-angular': angularDevkitVersion }, undefined, true));
     }
     // format files
     if (!options.skipFormat) {

package/dist/src/generators/setup-ssr/lib/add-dependencies.js

@@ -20,10 +20,7 @@ function addDependencies(tree, isUsingApplicationBuilder) {
         devDependencies['browser-sync'] = pkgVersions.browserSyncVersion;
     }
     else {
-        const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-        if (angularMajorVersion >= 20) {
-            dependencies['@angular-devkit/build-angular'] = angularDevkitVersion;
-        }
+        dependencies['@angular-devkit/build-angular'] = angularDevkitVersion;
     }
     (0, devkit_1.addDependenciesToPackageJson)(tree, dependencies, devDependencies, undefined, true);
 }

package/dist/src/generators/setup-ssr/lib/add-server-file.js

@@ -14,19 +14,9 @@ function addServerFile(tree, options) {
         ? getApplicationBuilderBrowserOutputPath(outputPath)
         : outputPath;
     const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    const baseFilesPath = (0, path_1.join)(__dirname, '..', 'files');
-    let pathToFiles;
-    if (angularMajorVersion >= 20) {
-        pathToFiles = (0, path_1.join)(baseFilesPath, 'v20+', options.isUsingApplicationBuilder
-            ? 'application-builder'
-            : 'server-builder', 'server');
-    }
-    else {
-        pathToFiles = (0, path_1.join)(baseFilesPath, 'v19', options.isUsingApplicationBuilder
-            ? 'application-builder' +
-                (options.serverRouting ? '' : '-common-engine')
-            : 'server-builder', 'server');
-    }
+    const pathToFiles = (0, path_1.join)(__dirname, '..', 'files', 'v20+', options.isUsingApplicationBuilder
+        ? 'application-builder'
+        : 'server-builder', 'server');
     const sourceRoot = (0, internal_1.getProjectSourceRoot)(project, tree);
     const zoneless = (0, zoneless_1.isZonelessApp)(project);
     (0, devkit_1.generateFiles)(tree, pathToFiles, sourceRoot, {