@nx/angular 20.2.0-canary.20241129-2cb58b9 → 20.2.0-canary.20241203-6b87005

package/src/generators/setup-ssr/lib/generate-server-ts-config.d.ts

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

package/src/generators/setup-ssr/lib/generate-server-ts-config.js

@@ -4,13 +4,20 @@ exports.setServerTsConfigOptionsForApplicationBuilder = setServerTsConfigOptions
 exports.generateTsConfigServerJsonForBrowserBuilder = generateTsConfigServerJsonForBrowserBuilder;
 const devkit_1 = require("@nx/devkit");
 const path_1 = require("path");
+const version_utils_1 = require("../../utils/version-utils");
 function setServerTsConfigOptionsForApplicationBuilder(tree, options) {
     const { targets } = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     const tsConfigPath = targets.build.options.tsConfig;
     (0, devkit_1.updateJson)(tree, tsConfigPath, (json) => {
+        const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
         const files = new Set(json.files ?? []);
         files.add((0, devkit_1.joinPathFragments)('src', options.main));
-        files.add((0, devkit_1.joinPathFragments)(options.serverFileName));
+        if (angularMajorVersion >= 19) {
+            files.add((0, devkit_1.joinPathFragments)('src', options.serverFileName));
+        }
+        else {
+            files.add((0, devkit_1.joinPathFragments)(options.serverFileName));
+        }
         json.files = Array.from(files);
         json.compilerOptions ??= {};
         const types = new Set(json.compilerOptions.types ?? []);
@@ -20,9 +27,23 @@ function setServerTsConfigOptionsForApplicationBuilder(tree, options) {
     });
 }
 function generateTsConfigServerJsonForBrowserBuilder(tree, options) {
-    const { root } = (0, devkit_1.readProjectConfiguration)(tree, options.project);
-    (0, devkit_1.generateFiles)(tree, (0, path_1.join)(__dirname, '..', 'files', 'root'), root, {
+    const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    const packageJson = (0, devkit_1.readJson)(tree, 'package.json');
+    const hasLocalizePackage = !!packageJson.dependencies?.['@angular/localize'] ||
+        !!packageJson.devDependencies?.['@angular/localize'];
+    const baseFilesPath = (0, path_1.join)(__dirname, '..', 'files');
+    let pathToFiles;
+    if (angularMajorVersion >= 19) {
+        pathToFiles = (0, path_1.join)(baseFilesPath, 'v19+', 'server-builder', 'root');
+    }
+    else {
+        pathToFiles = (0, path_1.join)(baseFilesPath, 'pre-v19', 'root');
+    }
+    (0, devkit_1.generateFiles)(tree, pathToFiles, project.root, {
         ...options,
+        rootOffset: (0, devkit_1.offsetFromRoot)(project.root),
+        hasLocalizePackage,
         tpl: '',
     });
 }

package/src/generators/setup-ssr/lib/normalize-options.d.ts

@@ -1,14 +1,3 @@
-import type { Tree } from '@nx/devkit';
-import type { Schema } from '../schema';
-export declare function normalizeOptions(tree: Tree, options: Schema): {
-    project: string;
-    appId: string;
-    main: string;
-    serverFileName: string;
-    serverPort: number;
-    rootModuleFileName: string;
-    rootModuleClassName: string;
-    skipFormat: boolean;
-    standalone: boolean;
-    hydration: boolean;
-};
+import { type Tree } from '@nx/devkit';
+import type { NormalizedGeneratorOptions, Schema } from '../schema';
+export declare function normalizeOptions(tree: Tree, options: Schema): Promise<NormalizedGeneratorOptions>;

package/src/generators/setup-ssr/lib/normalize-options.js

@@ -1,15 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeOptions = normalizeOptions;
+const devkit_1 = require("@nx/devkit");
+const prompt_1 = require("@nx/devkit/src/generators/prompt");
 const ast_utils_1 = require("../../../utils/nx-devkit/ast-utils");
 const version_utils_1 = require("../../utils/version-utils");
-function normalizeOptions(tree, options) {
-    const isStandaloneApp = (0, ast_utils_1.isNgStandaloneApp)(tree, options.project);
-    let hydration = options.hydration;
-    if (hydration === undefined) {
+async function normalizeOptions(tree, options) {
+    const { targets } = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+    const isUsingApplicationBuilder = targets.build.executor === '@angular-devkit/build-angular:application' ||
+        targets.build.executor === '@angular/build:application' ||
+        targets.build.executor === '@nx/angular:application';
+    if (options.serverRouting === undefined && isUsingApplicationBuilder) {
         const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-        hydration = angularMajorVersion >= 17;
+        if (angularMajorVersion >= 19) {
+            options.serverRouting = await (0, prompt_1.promptWhenInteractive)({
+                type: 'confirm',
+                name: 'serverRouting',
+                message: 'Would you like to use the Server Routing and App Engine APIs (Developer Preview) for this server application?',
+                initial: false,
+            }, { serverRouting: false }).then(({ serverRouting }) => serverRouting);
+        }
+        else {
+            options.serverRouting = false;
+        }
     }
+    const isStandaloneApp = (0, ast_utils_1.isNgStandaloneApp)(tree, options.project);
     return {
         project: options.project,
         appId: options.appId ?? 'serverApp',
@@ -20,6 +35,8 @@ function normalizeOptions(tree, options) {
         rootModuleClassName: options.rootModuleClassName ?? 'AppServerModule',
         skipFormat: options.skipFormat ?? false,
         standalone: options.standalone ?? isStandaloneApp,
-        hydration,
+        hydration: options.hydration ?? true,
+        serverRouting: options.serverRouting,
+        isUsingApplicationBuilder,
     };
 }

package/src/generators/setup-ssr/lib/set-router-initial-navigation.d.ts

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

package/src/generators/setup-ssr/lib/update-project-config.d.ts

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

package/src/generators/setup-ssr/lib/update-project-config.js

@@ -23,17 +23,32 @@ function updateProjectConfigForApplicationBuilder(tree, options) {
             outputPath = outputPath.base;
         }
     }
+    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    const sourceRoot = project.sourceRoot ?? (0, devkit_1.joinPathFragments)(project.root, 'src');
     buildTarget.options ??= {};
     buildTarget.options.outputPath = outputPath;
-    buildTarget.options.server = (0, devkit_1.joinPathFragments)(project.sourceRoot ?? (0, devkit_1.joinPathFragments)(project.root, 'src'), options.main);
-    buildTarget.options.prerender = true;
-    buildTarget.options.ssr = {
-        entry: (0, devkit_1.joinPathFragments)(project.root, options.serverFileName),
-    };
+    buildTarget.options.server = (0, devkit_1.joinPathFragments)(sourceRoot, options.main);
+    if (angularMajorVersion >= 19) {
+        buildTarget.options.ssr = {
+            entry: (0, devkit_1.joinPathFragments)(sourceRoot, options.serverFileName),
+        };
+        if (options.serverRouting) {
+            buildTarget.options.outputMode = 'server';
+        }
+        else {
+            buildTarget.options.prerender = true;
+        }
+    }
+    else {
+        buildTarget.options.prerender = true;
+        buildTarget.options.ssr = {
+            entry: (0, devkit_1.joinPathFragments)(project.root, options.serverFileName),
+        };
+    }
     (0, devkit_1.updateProjectConfiguration)(tree, options.project, project);
 }
-function updateProjectConfigForBrowserBuilder(tree, schema) {
-    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, schema.project);
+function updateProjectConfigForBrowserBuilder(tree, options) {
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     const buildTarget = projectConfig.targets.build;
     const baseOutputPath = buildTarget.options.outputPath;
     buildTarget.options.outputPath = (0, devkit_1.joinPathFragments)(baseOutputPath, 'browser');
@@ -44,6 +59,8 @@ function updateProjectConfigForBrowserBuilder(tree, schema) {
             configurations[key] = getServerOptions(options);
         }
     }
+    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    const sourceRoot = projectConfig.sourceRoot ?? (0, devkit_1.joinPathFragments)(projectConfig.root, 'src');
     projectConfig.targets.server = {
         dependsOn: ['build'],
         executor: buildTarget.executor.startsWith('@angular-devkit/build-angular:')
@@ -51,50 +68,45 @@ function updateProjectConfigForBrowserBuilder(tree, schema) {
             : '@nx/angular:webpack-server',
         options: {
             outputPath: (0, devkit_1.joinPathFragments)(baseOutputPath, 'server'),
-            main: (0, devkit_1.joinPathFragments)(projectConfig.root, schema.serverFileName),
+            main: (0, devkit_1.joinPathFragments)(angularMajorVersion >= 19 ? sourceRoot : projectConfig.root, options.serverFileName),
             tsConfig: (0, devkit_1.joinPathFragments)(projectConfig.root, 'tsconfig.server.json'),
             ...(buildTarget.options ? getServerOptions(buildTarget.options) : {}),
         },
         configurations,
         defaultConfiguration: 'production',
     };
-    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
     projectConfig.targets['serve-ssr'] = {
-        executor: angularMajorVersion >= 17
-            ? '@angular-devkit/build-angular:ssr-dev-server'
-            : '@nguniversal/builders:ssr-dev-server',
+        executor: '@angular-devkit/build-angular:ssr-dev-server',
         configurations: {
             development: {
-                browserTarget: `${schema.project}:build:development`,
-                serverTarget: `${schema.project}:server:development`,
+                browserTarget: `${options.project}:build:development`,
+                serverTarget: `${options.project}:server:development`,
             },
             production: {
-                browserTarget: `${schema.project}:build:production`,
-                serverTarget: `${schema.project}:server:production`,
+                browserTarget: `${options.project}:build:production`,
+                serverTarget: `${options.project}:server:production`,
             },
         },
         defaultConfiguration: 'development',
     };
     projectConfig.targets.prerender = {
-        executor: angularMajorVersion >= 17
-            ? '@angular-devkit/build-angular:prerender'
-            : '@nguniversal/builders:prerender',
+        executor: '@angular-devkit/build-angular:prerender',
         options: {
             routes: ['/'],
         },
         configurations: {
             development: {
-                browserTarget: `${schema.project}:build:development`,
-                serverTarget: `${schema.project}:server:development`,
+                browserTarget: `${options.project}:build:development`,
+                serverTarget: `${options.project}:server:development`,
             },
             production: {
-                browserTarget: `${schema.project}:build:production`,
-                serverTarget: `${schema.project}:server:production`,
+                browserTarget: `${options.project}:build:production`,
+                serverTarget: `${options.project}:server:production`,
             },
         },
         defaultConfiguration: 'production',
     };
-    (0, devkit_1.updateProjectConfiguration)(tree, schema.project, projectConfig);
+    (0, devkit_1.updateProjectConfiguration)(tree, options.project, projectConfig);
     const nxJson = (0, devkit_1.readNxJson)(tree);
     if (nxJson.tasksRunnerOptions?.default?.options?.cacheableOperations &&
         !nxJson.tasksRunnerOptions.default.options.cacheableOperations.includes('server')) {

package/src/generators/setup-ssr/lib/validate-options.js

@@ -3,9 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateOptions = validateOptions;
 const devkit_1 = require("@nx/devkit");
 const validations_1 = require("../../utils/validations");
+const version_utils_1 = require("../../utils/version-utils");
 function validateOptions(tree, options) {
     validateProject(tree, options.project);
     validateBuildTarget(tree, options.project);
+    const { major: angularMajorVersion, version: angularVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    if (angularMajorVersion < 19 && options.serverRouting) {
+        throw new Error(`The "serverRouting" option is only supported in Angular versions >= 19.0.0. You are using Angular ${angularVersion}.`);
+    }
 }
 function validateProject(tree, project) {
     (0, validations_1.validateProject)(tree, project);

package/src/generators/setup-ssr/schema.d.ts

@@ -8,6 +8,11 @@ export interface Schema {
   rootModuleClassName?: string;
   standalone?: boolean;
   hydration?: boolean;
+  serverRouting?: boolean;
   skipFormat?: boolean;
   skipPackageJson?: boolean;
 }
+
+export interface NormalizedGeneratorOptions extends Schema {
+  isUsingApplicationBuilder: boolean;
+}

package/src/generators/setup-ssr/schema.json

@@ -16,13 +16,6 @@
       "x-prompt": "What app would you like to generate an Angular Universal configuration for?",
       "x-dropdown": "projects"
     },
-    "appId": {
-      "type": "string",
-      "format": "html-selector",
-      "description": "The `appId` to use with `withServerTransition`.",
-      "default": "serverApp",
-      "x-deprecated": "This is deprecated and ignored since Angular 16 and not supported since Angular 17."
-    },
     "main": {
       "type": "string",
       "format": "path",
@@ -56,7 +49,12 @@
     },
     "hydration": {
       "type": "boolean",
-      "description": "Set up Hydration for the SSR application. It defaults to `true` for Angular versions >= 17.0.0. Otherwise, it defaults to `false`."
+      "description": "Set up Hydration for the SSR application.",
+      "default": true
+    },
+    "serverRouting": {
+      "description": "Creates a server application using the Server Routing and App Engine APIs (Developer Preview). _Note: this is only supported in Angular versions >= 19.0.0_.",
+      "type": "boolean"
     },
     "skipFormat": {
       "type": "boolean",

package/src/generators/setup-ssr/setup-ssr.js

@@ -2,26 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupSsr = setupSsr;
 const devkit_1 = require("@nx/devkit");
-const version_utils_1 = require("../utils/version-utils");
 const lib_1 = require("./lib");
 async function setupSsr(tree, schema) {
     (0, lib_1.validateOptions)(tree, schema);
-    const options = (0, lib_1.normalizeOptions)(tree, schema);
-    const { targets } = (0, devkit_1.readProjectConfiguration)(tree, options.project);
-    const isUsingApplicationBuilder = targets.build.executor === '@angular-devkit/build-angular:application' ||
-        targets.build.executor === '@nx/angular:application';
+    const options = await (0, lib_1.normalizeOptions)(tree, schema);
     if (!schema.skipPackageJson) {
-        (0, lib_1.addDependencies)(tree, isUsingApplicationBuilder);
+        (0, lib_1.addDependencies)(tree, options.isUsingApplicationBuilder);
     }
-    (0, lib_1.generateSSRFiles)(tree, options, isUsingApplicationBuilder);
+    (0, lib_1.generateSSRFiles)(tree, options);
     if (options.hydration) {
         (0, lib_1.addHydration)(tree, options);
     }
-    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
-    if (angularMajorVersion < 17 || !options.hydration) {
+    if (!options.hydration) {
         (0, lib_1.setRouterInitialNavigation)(tree, options);
     }
-    if (isUsingApplicationBuilder) {
+    if (options.isUsingApplicationBuilder) {
         (0, lib_1.updateProjectConfigForApplicationBuilder)(tree, options);
         (0, lib_1.setServerTsConfigOptionsForApplicationBuilder)(tree, options);
     }
@@ -29,7 +24,7 @@ async function setupSsr(tree, schema) {
         (0, lib_1.updateProjectConfigForBrowserBuilder)(tree, options);
         (0, lib_1.generateTsConfigServerJsonForBrowserBuilder)(tree, options);
     }
-    (0, lib_1.addServerFile)(tree, options, isUsingApplicationBuilder);
+    (0, lib_1.addServerFile)(tree, options);
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);
     }

package/src/generators/setup-tailwind/lib/index.d.ts

@@ -1,6 +1,6 @@
-export * from './add-tailwind-config-path-to-project';
 export * from './add-tailwind-config';
 export * from './add-tailwind-required-packages';
 export * from './detect-tailwind-installed-version';
 export * from './normalize-options';
 export * from './update-application-styles';
+export * from './validate-build-target';

package/src/generators/setup-tailwind/lib/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./add-tailwind-config-path-to-project"), exports);
 tslib_1.__exportStar(require("./add-tailwind-config"), exports);
 tslib_1.__exportStar(require("./add-tailwind-required-packages"), exports);
 tslib_1.__exportStar(require("./detect-tailwind-installed-version"), exports);
 tslib_1.__exportStar(require("./normalize-options"), exports);
 tslib_1.__exportStar(require("./update-application-styles"), exports);
+tslib_1.__exportStar(require("./validate-build-target"), exports);

package/src/generators/setup-tailwind/lib/update-application-styles.js

@@ -34,7 +34,7 @@ function findStylesEntryPoint(tree, options, project) {
         return stylesEntryPoint;
     }
     // then check for the specified styles in the build configuration if it exists
-    const styles = project.targets?.[options.buildTarget].options?.styles;
+    const styles = project.targets?.[options.buildTarget]?.options?.styles;
     if (!styles) {
         return undefined;
     }

package/src/generators/setup-tailwind/lib/validate-build-target.d.ts

@@ -0,0 +1,3 @@
+import { type ProjectConfiguration } from '@nx/devkit';
+import type { NormalizedGeneratorOptions } from '../schema';
+export declare function validateBuildTarget(options: NormalizedGeneratorOptions, project: ProjectConfiguration): void;

package/src/generators/setup-tailwind/lib/{add-tailwind-config-path-to-project.js → validate-build-target.js}

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addTailwindConfigPathToProject = addTailwindConfigPathToProject;
+exports.validateBuildTarget = validateBuildTarget;
 const devkit_1 = require("@nx/devkit");
-function addTailwindConfigPathToProject(tree, options, project) {
+function validateBuildTarget(options, project) {
     const buildTarget = project.targets?.[options.buildTarget];
     if (!buildTarget) {
         throw new Error((0, devkit_1.stripIndents) `The target "${options.buildTarget}" was not found for project "${options.project}".
@@ -10,25 +10,14 @@ function addTailwindConfigPathToProject(tree, options, project) {
       If the project is not a buildable or publishable library, you don't need to setup TailwindCSS for it.`);
     }
     const supportedLibraryExecutors = [
+        '@angular-devkit/build-angular:ng-packagr',
         '@nx/angular:ng-packagr-lite',
         '@nx/angular:package',
-        '@nrwl/angular:ng-packagr-lite',
-        '@nrwl/angular:package',
     ];
-    if (!supportedLibraryExecutors.includes(buildTarget.executor)) {
+    if (!supportedLibraryExecutors.includes(project.targets[options.buildTarget].executor)) {
         throw new Error((0, devkit_1.stripIndents) `The build target for project "${options.project}" is using an unsupported executor "${buildTarget.executor}".
       Supported executors are ${supportedLibraryExecutors
             .map((e) => `"${e}"`)
             .join(', ')}.`);
     }
-    if (buildTarget.options?.tailwindConfig &&
-        tree.exists(buildTarget.options.tailwindConfig)) {
-        throw new Error((0, devkit_1.stripIndents) `The "${buildTarget.options.tailwindConfig}" file is already configured for the project "${options.project}". Are you sure this is the right project to set up Tailwind?
-      If you are sure, you can remove the configuration and re-run the generator.`);
-    }
-    buildTarget.options = {
-        ...buildTarget.options,
-        tailwindConfig: (0, devkit_1.joinPathFragments)(project.root, 'tailwind.config.js'),
-    };
-    (0, devkit_1.updateProjectConfiguration)(tree, options.project, project);
 }

package/src/generators/setup-tailwind/setup-tailwind.js

@@ -6,6 +6,9 @@ const lib_1 = require("./lib");
 async function setupTailwindGenerator(tree, rawOptions) {
     const options = (0, lib_1.normalizeOptions)(rawOptions);
     const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
+    if (rawOptions.buildTarget && !project.targets?.[rawOptions.buildTarget]) {
+        throw new Error(`The provided target "${options.buildTarget}" was not found for project "${options.project}". Please provide a valid build target.`);
+    }
     const tailwindInstalledVersion = (0, lib_1.detectTailwindInstalledVersion)(tree);
     let installTask = () => { };
     if (!options.skipPackageJson) {
@@ -18,7 +21,7 @@ async function setupTailwindGenerator(tree, rawOptions) {
         (0, lib_1.updateApplicationStyles)(tree, options, project);
     }
     else if (project.projectType === 'library') {
-        (0, lib_1.addTailwindConfigPathToProject)(tree, options, project);
+        (0, lib_1.validateBuildTarget)(options, project);
     }
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(tree);

package/src/generators/utils/storybook-ast/component-info.js

@@ -6,6 +6,7 @@ const devkit_1 = require("@nx/devkit");
 const ensure_typescript_1 = require("@nx/js/src/utils/typescript/ensure-typescript");
 const path_1 = require("path");
 const ast_utils_1 = require("../../../utils/nx-devkit/ast-utils");
+const version_utils_1 = require("../version-utils");
 const module_info_1 = require("./module-info");
 let tsModule;
 let tsquery;
@@ -60,8 +61,17 @@ function getStandaloneComponents(tree, filePath) {
     }
     const fileContent = tree.read(filePath, 'utf-8');
     const ast = tsquery.ast(fileContent);
-    const components = tsquery(ast, 'ClassDeclaration:has(Decorator > CallExpression:has(Identifier[name=Component]) ObjectLiteralExpression PropertyAssignment:has(Identifier[name=standalone]) > TrueKeyword) > Identifier', { visitAllChildren: true });
-    return components.map((component) => component.getText());
+    const { major: angularMajorVersion } = (0, version_utils_1.getInstalledAngularVersionInfo)(tree);
+    if (angularMajorVersion < 19) {
+        // in angular 18 and below, standalone: false is the default, so only
+        // components with standalone: true are considered standalone
+        const components = tsquery(ast, 'ClassDeclaration:has(Decorator > CallExpression:has(Identifier[name=Component]) ObjectLiteralExpression PropertyAssignment:has(Identifier[name=standalone]) > TrueKeyword) > Identifier', { visitAllChildren: true });
+        return components.map((component) => component.getText());
+    }
+    // in angular 19 and above, standalone: true is the default, so all components
+    // except those with standalone: false are considered standalone
+    const standaloneComponentNodes = tsquery(ast, 'ClassDeclaration:has(Decorator > CallExpression:has(Identifier[name=Component]) ObjectLiteralExpression:not(:has(PropertyAssignment:has(Identifier[name=standalone]) > FalseKeyword))) > Identifier', { visitAllChildren: true });
+    return standaloneComponentNodes.map((component) => component.getText());
 }
 function getComponentImportPath(componentName, imports) {
     if (!tsModule) {

package/src/generators/utils/validations.d.ts

@@ -1,2 +1,3 @@
 import type { Tree } from '@nx/devkit';
 export declare function validateProject(tree: Tree, projectName: string): void;
+export declare function validateClassName(className: string): void;

package/src/generators/utils/validations.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateProject = validateProject;
+exports.validateClassName = validateClassName;
 const devkit_1 = require("@nx/devkit");
 function validateProject(tree, projectName) {
     const projects = (0, devkit_1.getProjects)(tree);
@@ -8,3 +9,12 @@ function validateProject(tree, projectName) {
         throw new Error(`Project "${projectName}" does not exist! Please provide an existing project name.`);
     }
 }
+// The below validation matches that of the Angular CLI:
+// https://github.com/angular/angular-cli/blob/1316930a1cbad8e71a4454743862cfa9253bef4e/packages/schematics/angular/utility/validation.ts#L25
+// See: https://github.com/tc39/proposal-regexp-unicode-property-escapes/blob/fe6d07fad74cd0192d154966baa1e95e7cda78a1/README.md#other-examples
+const ecmaIdentifierNameRegExp = /^(?:[$_\p{ID_Start}])(?:[$_\u200C\u200D\p{ID_Continue}])*$/u;
+function validateClassName(className) {
+    if (!ecmaIdentifierNameRegExp.test(className)) {
+        throw new Error(`Class name "${className}" is invalid.`);
+    }
+}

package/src/generators/utils/version-utils.js

@@ -44,10 +44,10 @@ function getInstalledPackageVersionInfo(tree, pkgName) {
 function versions(tree) {
     const majorAngularVersion = getInstalledAngularMajorVersion(tree);
     switch (majorAngularVersion) {
-        case 16:
-            return backward_compatible_versions_1.backwardCompatibleVersions.angularV16;
         case 17:
             return backward_compatible_versions_1.backwardCompatibleVersions.angularV17;
+        case 18:
+            return backward_compatible_versions_1.backwardCompatibleVersions.angularV18;
         default:
             return latestVersions;
     }

package/src/migrations/update-20-2-0/add-localize-polyfill-to-targets.d.ts

@@ -0,0 +1,3 @@
+import { type Tree } from '@nx/devkit';
+export declare const executorsToAddPolyfillTo: string[];
+export default function (tree: Tree): Promise<void>;

package/src/migrations/update-20-2-0/add-localize-polyfill-to-targets.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.executorsToAddPolyfillTo = void 0;
+exports.default = default_1;
+const devkit_1 = require("@nx/devkit");
+const targets_1 = require("../../utils/targets");
+exports.executorsToAddPolyfillTo = [
+    '@angular/build:application',
+    '@angular-devkit/build-angular:application',
+    '@nx/angular:application',
+    '@angular-devkit/build-angular:browser-esbuild',
+    '@nx/angular:browser-esbuild',
+];
+async function default_1(tree) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    for (const [projectName, project] of projects) {
+        if (project.projectType !== 'application') {
+            continue;
+        }
+        let isUpdated = false;
+        for (const target of Object.values(project.targets ?? {})) {
+            if (!exports.executorsToAddPolyfillTo.includes(target.executor)) {
+                continue;
+            }
+            const polyfills = target.options?.['polyfills'];
+            if (Array.isArray(polyfills) &&
+                polyfills.some((polyfill) => typeof polyfill === 'string' &&
+                    polyfill.startsWith('@angular/localize'))) {
+                // the polyfill is already present, skip
+                continue;
+            }
+            // Only add '@angular/localize/init' polyfill if 'localize' option is enabled
+            for (const [, options] of (0, targets_1.allTargetOptions)(target)) {
+                if (options['localize']) {
+                    target.options ??= {};
+                    target.options['polyfills'] ??= [];
+                    target.options['polyfills'].push('@angular/localize/init');
+                    isUpdated = true;
+                    break;
+                }
+            }
+        }
+        if (isUpdated) {
+            (0, devkit_1.updateProjectConfiguration)(tree, projectName, project);
+        }
+    }
+    await (0, devkit_1.formatFiles)(tree);
+}

package/src/migrations/update-20-2-0/update-angular-cli.d.ts

@@ -0,0 +1,3 @@
+import { Tree } from '@nx/devkit';
+export declare const angularCliVersion = "~19.0.0";
+export default function (tree: Tree): Promise<void>;

package/src/migrations/update-20-2-0/update-angular-cli.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.angularCliVersion = void 0;
+exports.default = default_1;
+const devkit_1 = require("@nx/devkit");
+exports.angularCliVersion = '~19.0.0';
+async function default_1(tree) {
+    let shouldFormat = false;
+    (0, devkit_1.updateJson)(tree, 'package.json', (json) => {
+        if (json.devDependencies?.['@angular/cli']) {
+            json.devDependencies['@angular/cli'] = exports.angularCliVersion;
+            shouldFormat = true;
+        }
+        else if (json.dependencies?.['@angular/cli']) {
+            json.dependencies['@angular/cli'] = exports.angularCliVersion;
+            shouldFormat = true;
+        }
+        return json;
+    });
+    if (shouldFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+}

package/src/migrations/update-20-2-0/update-angular-ssr-imports-to-use-node-entry-point.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export default function (tree: Tree): Promise<void>;