@schematics/angular 19.2.2 → 20.0.0-next.1

package/utility/latest-versions/package.json

@@ -5,7 +5,7 @@
   "dependencies": {
     "@types/express": "^4.17.17",
     "@types/jasmine": "~5.1.0",
-    "@types/node": "^18.18.0",
+    "@types/node": "^20.17.19",
     "browser-sync": "^3.0.0",
     "express": "^4.18.2",
     "jasmine-core": "~5.6.0",
@@ -16,12 +16,12 @@
     "karma-jasmine": "~5.1.0",
     "karma": "~6.4.0",
     "less": "^4.2.0",
-    "postcss": "^8.4.38",
+    "postcss": "^8.5.3",
     "protractor": "~7.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "ts-node": "~10.9.0",
-    "typescript": "~5.7.2",
+    "typescript": "~5.8.2",
     "zone.js": "~0.15.0"
   }
 }

package/utility/latest-versions.js

@@ -14,9 +14,9 @@ const dependencies = require('./latest-versions/package.json')['dependencies'];
 exports.latestVersions = {
     ...dependencies,
     // As Angular CLI works with same minor versions of Angular Framework, a tilde match for the current
-    Angular: '^19.2.0',
-    NgPackagr: '^19.2.0',
-    DevkitBuildAngular: '^19.2.2',
-    AngularBuild: '^19.2.2',
-    AngularSSR: '^19.2.2',
+    Angular: '^20.0.0-next.0',
+    NgPackagr: '^20.0.0-next.0',
+    DevkitBuildAngular: '^20.0.0-next.1',
+    AngularBuild: '^20.0.0-next.1',
+    AngularSSR: '^20.0.0-next.1',
 };

package/workspace/files/tsconfig.json.template

@@ -11,12 +11,10 @@
     "noFallthroughCasesInSwitch": true,<% } %>
     "skipLibCheck": true,
     "isolatedModules": true,
-    "esModuleInterop": true,
     "experimentalDecorators": true,
-    "moduleResolution": "bundler",
     "importHelpers": true,
     "target": "ES2022",
-    "module": "ES2022"
+    "module": "preserve"
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false<% if (strict) { %>,

package/migrations/update-ssr-imports/migration.d.ts

@@ -1,15 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-import { Rule } from '@angular-devkit/schematics';
-/**
- * Schematics rule that identifies and updates import declarations in TypeScript files.
- * Specifically, it modifies imports of '@angular/ssr' by appending '/node' if the
- * `CommonEngine` is used from the old entry point.
- *
- */
-export default function (): Rule;

package/migrations/update-ssr-imports/migration.js

@@ -1,107 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
-const ts = __importStar(require("../../third_party/github.com/Microsoft/TypeScript/lib/typescript"));
-const dependencies_1 = require("../../utility/dependencies");
-function* visit(directory) {
-    for (const path of directory.subfiles) {
-        if (path.endsWith('.ts') && !path.endsWith('.d.ts')) {
-            const entry = directory.file(path);
-            if (entry) {
-                const content = entry.content;
-                if (content.includes('CommonEngine') && !content.includes('@angular/ssr/node')) {
-                    const source = ts.createSourceFile(entry.path, content.toString().replace(/^\uFEFF/, ''), ts.ScriptTarget.Latest, true);
-                    yield source;
-                }
-            }
-        }
-    }
-    for (const path of directory.subdirs) {
-        if (path === 'node_modules' || path.startsWith('.')) {
-            continue;
-        }
-        yield* visit(directory.dir(path));
-    }
-}
-/**
- * Schematics rule that identifies and updates import declarations in TypeScript files.
- * Specifically, it modifies imports of '@angular/ssr' by appending '/node' if the
- * `CommonEngine` is used from the old entry point.
- *
- */
-function default_1() {
-    return (tree) => {
-        if (!(0, dependencies_1.getPackageJsonDependency)(tree, '@angular/ssr')) {
-            return;
-        }
-        for (const sourceFile of visit(tree.root)) {
-            let recorder;
-            const allImportDeclarations = sourceFile.statements.filter((n) => ts.isImportDeclaration(n));
-            if (allImportDeclarations.length === 0) {
-                continue;
-            }
-            const ssrImports = allImportDeclarations.filter((n) => ts.isStringLiteral(n.moduleSpecifier) && n.moduleSpecifier.text === '@angular/ssr');
-            for (const ssrImport of ssrImports) {
-                const ssrNamedBinding = getNamedImports(ssrImport);
-                if (ssrNamedBinding) {
-                    const isUsingOldEntryPoint = ssrNamedBinding.elements.some((e) => e.name.text.startsWith('CommonEngine'));
-                    if (!isUsingOldEntryPoint) {
-                        continue;
-                    }
-                    recorder ??= tree.beginUpdate(sourceFile.fileName);
-                    recorder.insertRight(ssrImport.moduleSpecifier.getEnd() - 1, '/node');
-                }
-            }
-            if (recorder) {
-                tree.commitUpdate(recorder);
-            }
-        }
-    };
-}
-function getNamedImports(importDeclaration) {
-    const namedBindings = importDeclaration?.importClause?.namedBindings;
-    if (namedBindings && ts.isNamedImports(namedBindings)) {
-        return namedBindings;
-    }
-    return undefined;
-}

package/migrations/update-workspace-config/migration.d.ts

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-import { Rule } from '@angular-devkit/schematics';
-/**
- * Main entry point for the migration rule.
- *
- * This schematic migration performs updates to the Angular workspace configuration
- * to ensure that application projects are properly configured with polyfills
- * required for internationalization (`localize`).
- *
- * It specifically targets application projects that use either the `application`
- * or `browser-esbuild` builders.
- *
- * The migration process involves:
- *
- * 1. Iterating over all projects in the workspace.
- * 2. Checking each project to determine if it is an application-type project.
- * 3. For each application project, examining the associated build targets.
- * 4. If a build target's `localize` option is enabled but the polyfill
- *    `@angular/localize/init` is missing from the `polyfills` array, the polyfill
- *    is automatically added to ensure proper internationalization support.
- *
- * Additionally, this migration updates projects that use the `dev-server` or `extract-i18n`
- * builders to ensure that deprecated `browserTarget` options are migrated to the
- * newer `buildTarget` field.
- *
- */
-export default function (): Rule;

package/migrations/update-workspace-config/migration.js

@@ -1,77 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.dev/license
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = default_1;
-const workspace_1 = require("../../utility/workspace");
-const workspace_models_1 = require("../../utility/workspace-models");
-/**
- * Main entry point for the migration rule.
- *
- * This schematic migration performs updates to the Angular workspace configuration
- * to ensure that application projects are properly configured with polyfills
- * required for internationalization (`localize`).
- *
- * It specifically targets application projects that use either the `application`
- * or `browser-esbuild` builders.
- *
- * The migration process involves:
- *
- * 1. Iterating over all projects in the workspace.
- * 2. Checking each project to determine if it is an application-type project.
- * 3. For each application project, examining the associated build targets.
- * 4. If a build target's `localize` option is enabled but the polyfill
- *    `@angular/localize/init` is missing from the `polyfills` array, the polyfill
- *    is automatically added to ensure proper internationalization support.
- *
- * Additionally, this migration updates projects that use the `dev-server` or `extract-i18n`
- * builders to ensure that deprecated `browserTarget` options are migrated to the
- * newer `buildTarget` field.
- *
- */
-function default_1() {
-    return (0, workspace_1.updateWorkspace)((workspace) => {
-        for (const project of workspace.projects.values()) {
-            if (project.extensions.projectType !== workspace_models_1.ProjectType.Application) {
-                continue;
-            }
-            for (const target of project.targets.values()) {
-                if (target.builder === workspace_models_1.Builders.DevServer || target.builder === workspace_models_1.Builders.ExtractI18n) {
-                    // Migrate `browserTarget` to `buildTarget`
-                    for (const [, options] of (0, workspace_1.allTargetOptions)(target, false)) {
-                        if (options['browserTarget'] && !options['buildTarget']) {
-                            options['buildTarget'] = options['browserTarget'];
-                        }
-                        delete options['browserTarget'];
-                    }
-                }
-                // Check if the target uses application-related builders
-                if (target.builder !== workspace_models_1.Builders.BuildApplication &&
-                    target.builder !== workspace_models_1.Builders.Application &&
-                    target.builder !== workspace_models_1.Builders.BrowserEsbuild) {
-                    continue;
-                }
-                // Check if polyfills include '@angular/localize/init'
-                const polyfills = target.options?.['polyfills'];
-                if (Array.isArray(polyfills) &&
-                    polyfills.some((polyfill) => typeof polyfill === 'string' && polyfill.startsWith('@angular/localize'))) {
-                    // Skip if the polyfill is already present
-                    continue;
-                }
-                // Add '@angular/localize/init' polyfill if localize option is enabled
-                for (const [, options] of (0, workspace_1.allTargetOptions)(target, false)) {
-                    if (options['localize']) {
-                        target.options ??= {};
-                        (target.options['polyfills'] ??= []).push('@angular/localize/init');
-                        break;
-                    }
-                }
-            }
-        }
-    });
-}