@schematics/angular 20.0.0 → 20.0.2

package/application/index.js

@@ -31,10 +31,10 @@ function addTsProjectReference(...paths) {
     };
 }
 function default_1(options) {
-    return async (host, context) => {
+    return async (host) => {
         const { appDir, appRootSelector, componentOptions, folderName, sourceDir } = await getAppOptions(host, options);
         return (0, schematics_1.chain)([
-            addAppToWorkspaceFile(options, appDir, folderName),
+            addAppToWorkspaceFile(options, appDir),
             addTsProjectReference('./' + (0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.app.json')),
             options.skipTests || options.minimal
                 ? (0, schematics_1.noop)()
@@ -121,13 +121,27 @@ function addDependenciesToPackageJson(options) {
                 version: latest_versions_1.latestVersions['typescript'],
             },
         ].forEach((dependency) => (0, dependencies_1.addPackageJsonDependency)(host, dependency));
+        if (!options.zoneless) {
+            (0, dependencies_1.addPackageJsonDependency)(host, {
+                type: dependencies_1.NodeDependencyType.Default,
+                name: 'zone.js',
+                version: latest_versions_1.latestVersions['zone.js'],
+            });
+        }
+        if (options.style === schema_1.Style.Less) {
+            (0, dependencies_1.addPackageJsonDependency)(host, {
+                type: dependencies_1.NodeDependencyType.Dev,
+                name: 'less',
+                version: latest_versions_1.latestVersions['less'],
+            });
+        }
         if (!options.skipInstall) {
             context.addTask(new tasks_1.NodePackageInstallTask());
         }
         return host;
     };
 }
-function addAppToWorkspaceFile(options, appDir, folderName) {
+function addAppToWorkspaceFile(options, appDir) {
     let projectRoot = appDir;
     if (projectRoot) {
         projectRoot += '/';

package/component/index.js

@@ -35,16 +35,7 @@ function default_1(options) {
         if (options.path === undefined) {
             options.path = (0, workspace_1.buildDefaultPath)(project);
         }
-        try {
-            options.module = (0, find_module_1.findModuleFromOptions)(host, options);
-        }
-        catch {
-            options.module = (0, find_module_1.findModuleFromOptions)(host, {
-                ...options,
-                moduleExt: '-module.ts',
-                routingModuleExt: '-routing-module.ts',
-            });
-        }
+        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
         // Schematic templates require a defined type value
         options.type ??= '';
         const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);

package/directive/index.js

@@ -35,16 +35,7 @@ function default_1(options) {
         if (options.path === undefined) {
             options.path = (0, workspace_1.buildDefaultPath)(project);
         }
-        try {
-            options.module = (0, find_module_1.findModuleFromOptions)(host, options);
-        }
-        catch {
-            options.module = (0, find_module_1.findModuleFromOptions)(host, {
-                ...options,
-                moduleExt: '-module.ts',
-                routingModuleExt: '-routing-module.ts',
-            });
-        }
+        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
         const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
         options.name = parsedPath.name;
         options.path = parsedPath.path;

package/library/index.js

@@ -72,7 +72,7 @@ function addDependenciesToPackageJson() {
         return host;
     };
 }
-function addLibToWorkspaceFile(options, projectRoot, projectName) {
+function addLibToWorkspaceFile(options, projectRoot, projectName, hasZoneDependency) {
     return (0, workspace_1.updateWorkspace)((workspace) => {
         workspace.projects.add({
             name: projectName,
@@ -97,7 +97,7 @@ function addLibToWorkspaceFile(options, projectRoot, projectName) {
                     builder: workspace_models_1.Builders.BuildKarma,
                     options: {
                         tsConfig: `${projectRoot}/tsconfig.spec.json`,
-                        polyfills: ['zone.js', 'zone.js/testing'],
+                        polyfills: hasZoneDependency ? ['zone.js', 'zone.js/testing'] : undefined,
                     },
                 },
             },
@@ -139,9 +139,10 @@ function default_1(options) {
             }),
             (0, schematics_1.move)(libDir),
         ]);
+        const hasZoneDependency = (0, dependencies_1.getPackageJsonDependency)(host, 'zone.js') !== null;
         return (0, schematics_1.chain)([
             (0, schematics_1.mergeWith)(templateSource),
-            addLibToWorkspaceFile(options, libDir, packageName),
+            addLibToWorkspaceFile(options, libDir, packageName, hasZoneDependency),
             options.skipPackageJson ? (0, schematics_1.noop)() : addDependenciesToPackageJson(),
             options.skipTsConfig ? (0, schematics_1.noop)() : updateTsConfig(packageName, './' + distRoot),
             options.skipTsConfig

package/migrations/use-application-builder/migration.js

@@ -163,6 +163,7 @@ function updateProjects(tree, context) {
         }
         // Use @angular/build directly if there is no devkit package usage
         if (!hasAngularDevkitUsage) {
+            const karmaConfigFiles = new Set();
             for (const [, target] of (0, workspace_1.allWorkspaceTargets)(workspace)) {
                 switch (target.builder) {
                     case workspace_models_1.Builders.Application:
@@ -176,9 +177,14 @@ function updateProjects(tree, context) {
                         break;
                     case workspace_models_1.Builders.Karma:
                         target.builder = '@angular/build:karma';
-                        // Remove "builderMode" option since the builder will always use "application"
                         for (const [, karmaOptions] of (0, workspace_1.allTargetOptions)(target)) {
+                            // Remove "builderMode" option since the builder will always use "application"
                             delete karmaOptions['builderMode'];
+                            // Collect custom karma configurations for @angular-devkit/build-angular plugin removal
+                            const karmaConfig = karmaOptions['karmaConfig'];
+                            if (karmaConfig && typeof karmaConfig === 'string') {
+                                karmaConfigFiles.add(karmaConfig);
+                            }
                         }
                         break;
                     case workspace_models_1.Builders.NgPackagr:
@@ -214,6 +220,29 @@ function updateProjects(tree, context) {
                     existing: dependency_1.ExistingBehavior.Replace,
                 }));
             }
+            for (const karmaConfigFile of karmaConfigFiles) {
+                if (!tree.exists(karmaConfigFile)) {
+                    continue;
+                }
+                try {
+                    const originalKarmaConfigText = tree.readText(karmaConfigFile);
+                    const updatedKarmaConfigText = originalKarmaConfigText
+                        .replaceAll(`require('@angular-devkit/build-angular/plugins/karma'),`, '')
+                        .replaceAll(`require('@angular-devkit/build-angular/plugins/karma')`, '');
+                    if (updatedKarmaConfigText.includes('@angular-devkit/build-angular/plugins')) {
+                        throw new Error('Migration does not support found usage of "@angular-devkit/build-angular".');
+                    }
+                    else {
+                        tree.overwrite(karmaConfigFile, updatedKarmaConfigText);
+                    }
+                }
+                catch (error) {
+                    const reason = error instanceof Error ? `Reason: ${error.message}` : '';
+                    context.logger.warn(`Unable to update custom karma configuration file ("${karmaConfigFile}"). ` +
+                        reason +
+                        '\nReferences to the "@angular-devkit/build-angular" package within the file may need to be removed manually.');
+                }
+            }
         }
         return (0, schematics_1.chain)(rules);
     });

package/module/index.js

@@ -99,11 +99,11 @@ function addRouteDeclarationToNgModule(options, routingModulePath) {
     };
 }
 function getRoutingModulePath(host, modulePath) {
-    const routingModulePath = modulePath.endsWith(find_module_1.ROUTING_MODULE_EXT) || modulePath.endsWith('-routing-module.ts')
+    const routingModulePath = modulePath.endsWith(find_module_1.ROUTING_MODULE_EXT_LEGACY) || modulePath.endsWith(find_module_1.ROUTING_MODULE_EXT)
         ? modulePath
         : modulePath
-            .replace(find_module_1.MODULE_EXT, find_module_1.ROUTING_MODULE_EXT)
-            .replace('-module.ts', '-routing-module.ts');
+            .replace(find_module_1.MODULE_EXT_LEGACY, find_module_1.ROUTING_MODULE_EXT_LEGACY)
+            .replace(find_module_1.MODULE_EXT, find_module_1.ROUTING_MODULE_EXT);
     return host.exists(routingModulePath) ? routingModulePath : undefined;
 }
 function buildRoute(options, modulePath) {
@@ -118,16 +118,7 @@ function default_1(options) {
             options.path = await (0, workspace_1.createDefaultPath)(host, options.project);
         }
         if (options.module) {
-            try {
-                options.module = (0, find_module_1.findModuleFromOptions)(host, options);
-            }
-            catch {
-                options.module = (0, find_module_1.findModuleFromOptions)(host, {
-                    ...options,
-                    moduleExt: '-module.ts',
-                    routingModuleExt: '-routing-module.ts',
-                });
-            }
+            options.module = (0, find_module_1.findModuleFromOptions)(host, options);
         }
         let routingModulePath;
         const isLazyLoadedModuleGen = !!(options.route && options.module);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "20.0.0",
+  "version": "20.0.2",
   "description": "Schematics specific to Angular",
   "homepage": "https://github.com/angular/angular-cli",
   "keywords": [
@@ -22,8 +22,8 @@
   },
   "schematics": "./collection.json",
   "dependencies": {
-    "@angular-devkit/core": "20.0.0",
-    "@angular-devkit/schematics": "20.0.0",
+    "@angular-devkit/core": "20.0.2",
+    "@angular-devkit/schematics": "20.0.2",
     "jsonc-parser": "3.3.1"
   },
   "repository": {

package/pipe/index.js

@@ -18,16 +18,7 @@ const workspace_1 = require("../utility/workspace");
 function default_1(options) {
     return async (host) => {
         options.path ??= await (0, workspace_1.createDefaultPath)(host, options.project);
-        try {
-            options.module = (0, find_module_1.findModuleFromOptions)(host, options);
-        }
-        catch {
-            options.module = (0, find_module_1.findModuleFromOptions)(host, {
-                ...options,
-                moduleExt: '-module.ts',
-                routingModuleExt: '-routing-module.ts',
-            });
-        }
+        options.module = (0, find_module_1.findModuleFromOptions)(host, options);
         const parsedPath = (0, parse_name_1.parseName)(options.path, options.name);
         options.name = parsedPath.name;
         options.path = parsedPath.path;

package/utility/find-module.d.ts

@@ -17,8 +17,10 @@ export interface ModuleOptions {
     routingModuleExt?: string;
     standalone?: boolean;
 }
-export declare const MODULE_EXT = ".module.ts";
-export declare const ROUTING_MODULE_EXT = "-routing.module.ts";
+export declare const MODULE_EXT = "-module.ts";
+export declare const ROUTING_MODULE_EXT = "-routing-module.ts";
+export declare const MODULE_EXT_LEGACY = ".module.ts";
+export declare const ROUTING_MODULE_EXT_LEGACY = "-routing.module.ts";
 /**
  * Find the module referred by a set of options passed to the schematics.
  */

package/utility/find-module.js

@@ -7,13 +7,15 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ROUTING_MODULE_EXT = exports.MODULE_EXT = void 0;
+exports.ROUTING_MODULE_EXT_LEGACY = exports.MODULE_EXT_LEGACY = exports.ROUTING_MODULE_EXT = exports.MODULE_EXT = void 0;
 exports.findModuleFromOptions = findModuleFromOptions;
 exports.findModule = findModule;
 exports.buildRelativePath = buildRelativePath;
 const core_1 = require("@angular-devkit/core");
-exports.MODULE_EXT = '.module.ts';
-exports.ROUTING_MODULE_EXT = '-routing.module.ts';
+exports.MODULE_EXT = '-module.ts';
+exports.ROUTING_MODULE_EXT = '-routing-module.ts';
+exports.MODULE_EXT_LEGACY = '.module.ts';
+exports.ROUTING_MODULE_EXT_LEGACY = '-routing.module.ts';
 /**
  * Find the module referred by a set of options passed to the schematics.
  */
@@ -21,11 +23,9 @@ function findModuleFromOptions(host, options) {
     if (options.standalone || options.skipImport) {
         return undefined;
     }
-    const moduleExt = options.moduleExt || exports.MODULE_EXT;
-    const routingModuleExt = options.routingModuleExt || exports.ROUTING_MODULE_EXT;
     if (!options.module) {
         const pathToCheck = (options.path || '') + '/' + options.name;
-        return (0, core_1.normalize)(findModule(host, pathToCheck, moduleExt, routingModuleExt));
+        return (0, core_1.normalize)(findModule(host, pathToCheck, options.moduleExt, options.routingModuleExt));
     }
     else {
         const modulePath = (0, core_1.normalize)(`/${options.path}/${options.module}`);
@@ -39,11 +39,18 @@ function findModuleFromOptions(host, options) {
             candidateSet.add(dir);
         }
         const candidatesDirs = [...candidateSet].sort((a, b) => b.length - a.length);
+        const candidateFiles = ['', `${moduleBaseName}.ts`];
+        if (options.moduleExt) {
+            candidateFiles.push(`${moduleBaseName}${options.moduleExt}`);
+        }
+        else {
+            candidateFiles.push(`${moduleBaseName}${exports.MODULE_EXT}`, `${moduleBaseName}${exports.MODULE_EXT_LEGACY}`);
+        }
         for (const c of candidatesDirs) {
-            const candidateFiles = ['', `${moduleBaseName}.ts`, `${moduleBaseName}${moduleExt}`].map((x) => (0, core_1.join)(c, x));
             for (const sc of candidateFiles) {
-                if (host.exists(sc) && host.readText(sc).includes('@NgModule')) {
-                    return (0, core_1.normalize)(sc);
+                const scPath = (0, core_1.join)(c, sc);
+                if (host.exists(scPath) && host.readText(scPath).includes('@NgModule')) {
+                    return (0, core_1.normalize)(scPath);
                 }
             }
         }
@@ -54,12 +61,16 @@ function findModuleFromOptions(host, options) {
 /**
  * Function to find the "closest" module to a generated file's path.
  */
-function findModule(host, generateDir, moduleExt = exports.MODULE_EXT, routingModuleExt = exports.ROUTING_MODULE_EXT) {
+function findModule(host, generateDir, moduleExt, routingModuleExt) {
     let dir = host.getDir('/' + generateDir);
     let foundRoutingModule = false;
+    const moduleExtensions = moduleExt ? [moduleExt] : [exports.MODULE_EXT, exports.MODULE_EXT_LEGACY];
+    const routingModuleExtensions = routingModuleExt
+        ? [routingModuleExt]
+        : [exports.ROUTING_MODULE_EXT, exports.ROUTING_MODULE_EXT_LEGACY];
     while (dir) {
-        const allMatches = dir.subfiles.filter((p) => p.endsWith(moduleExt));
-        const filteredMatches = allMatches.filter((p) => !p.endsWith(routingModuleExt));
+        const allMatches = dir.subfiles.filter((p) => moduleExtensions.some((m) => p.endsWith(m)));
+        const filteredMatches = allMatches.filter((p) => !routingModuleExtensions.some((m) => p.endsWith(m)));
         foundRoutingModule = foundRoutingModule || allMatches.length !== filteredMatches.length;
         if (filteredMatches.length == 1) {
             return (0, core_1.join)(dir.path, filteredMatches[0]);

package/utility/json-file.js

@@ -63,9 +63,15 @@ class JSONFile {
                 tabSize: 2,
             },
         });
-        this.content = (0, jsonc_parser_1.applyEdits)(this.content, edits);
-        this.host.overwrite(this.path, this.content);
-        this._jsonAst = undefined;
+        if (edits.length > 0) {
+            const editedContent = (0, jsonc_parser_1.applyEdits)(this.content, edits);
+            // Update the file content if it changed
+            if (editedContent !== this.content) {
+                this.content = editedContent;
+                this.host.overwrite(this.path, editedContent);
+                this._jsonAst = undefined;
+            }
+        }
     }
     remove(jsonPath) {
         if (this.get(jsonPath) !== undefined) {

package/utility/latest-versions.js

@@ -16,7 +16,7 @@ exports.latestVersions = {
     // As Angular CLI works with same minor versions of Angular Framework, a tilde match for the current
     Angular: '^20.0.0',
     NgPackagr: '^20.0.0',
-    DevkitBuildAngular: '^20.0.0',
-    AngularBuild: '^20.0.0',
-    AngularSSR: '^20.0.0',
+    DevkitBuildAngular: '^20.0.2',
+    AngularBuild: '^20.0.2',
+    AngularSSR: '^20.0.2',
 };

package/workspace/files/package.json.template

@@ -17,8 +17,7 @@
     "@angular/platform-browser": "<%= latestVersions.Angular %>",
     "@angular/router": "<%= latestVersions.Angular %>",
     "rxjs": "<%= latestVersions['rxjs'] %>",
-    "tslib": "<%= latestVersions['tslib'] %>",
-    "zone.js": "<%= latestVersions['zone.js'] %>"
+    "tslib": "<%= latestVersions['tslib'] %>"
   },
   "devDependencies": {
     "@angular/cli": "<%= '^' + version %>",