@schematics/angular 19.0.0-next.0 → 19.0.0-next.2

package/application/index.js

@@ -164,8 +164,8 @@ function addAppToWorkspaceFile(options, appDir, folderName) {
             },
             {
                 type: 'anyComponentStyle',
-                maximumWarning: '2kB',
-                maximumError: '4kB',
+                maximumWarning: '4kB',
+                maximumError: '8kB',
             },
         ];
     }

package/component/files/__name@dasherize@if-flat__/__name@dasherize__.__type@dasherize__.ts.template

@@ -19,6 +19,6 @@ import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }%
   encapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } if (changeDetection !== 'Default') { %>,
   changeDetection: ChangeDetectionStrategy.<%= changeDetection %><% } %>
 })
-export class <%= classify(name) %><%= classify(type) %> {
+export <% if(exportDefault) {%>default <%}%>class <%= classify(name) %><%= classify(type) %> {
 
 }

package/component/schema.d.ts

@@ -14,6 +14,10 @@ export interface Schema {
      * The declaring NgModule exports this component.
      */
     export?: boolean;
+    /**
+     * Use default export for the component instead of a named export.
+     */
+    exportDefault?: boolean;
     /**
      * Create the new files at the top level of the current project.
      */

package/component/schema.json

@@ -130,6 +130,11 @@
       "type": "boolean",
       "default": false,
       "description": "The declaring NgModule exports this component."
+    },
+    "exportDefault": {
+      "type": "boolean",
+      "default": false,
+      "description": "Use default export for the component instead of a named export."
     }
   },
   "required": ["name", "project"]

package/migrations/migration-collection.json

@@ -1,11 +1,21 @@
 {
   "schematics": {
     "use-application-builder": {
-      "version": "18.0.0",
+      "version": "19.0.0",
       "factory": "./use-application-builder/migration",
       "description": "Migrate application projects to the new build system. Application projects that are using the '@angular-devkit/build-angular' package's 'browser' and/or 'browser-esbuild' builders will be migrated to use the new 'application' builder. You can read more about this, including known issues and limitations, here: https://angular.dev/tools/cli/build-system-migration",
       "optional": true,
       "documentation": "tools/cli/build-system-migration"
+    },
+    "update-workspace-config": {
+      "version": "19.0.0",
+      "factory": "./update-workspace-config/migration",
+      "description": "Update the workspace configuration by replacing deprecated options in 'angular.json' for compatibility with the latest Angular CLI changes."
+    },
+    "update-ssr-imports": {
+      "version": "19.0.0",
+      "factory": "./update-ssr-imports/migration",
+      "description": "Update '@angular/ssr' import paths to use the new '/node' entry point when 'CommonEngine' is detected."
     }
   }
 }

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

@@ -0,0 +1,15 @@
+/**
+ * @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

@@ -0,0 +1,93 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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"));
+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) => {
+        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

@@ -0,0 +1,33 @@
+/**
+ * @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

@@ -0,0 +1,77 @@
+"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;
+                    }
+                }
+            }
+        }
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "19.0.0-next.0",
+  "version": "19.0.0-next.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": "19.0.0-next.0",
-    "@angular-devkit/schematics": "19.0.0-next.0",
+    "@angular-devkit/core": "19.0.0-next.2",
+    "@angular-devkit/schematics": "19.0.0-next.2",
     "jsonc-parser": "3.3.1"
   },
   "packageManager": "yarn@4.4.0",

package/server/index.js

@@ -111,6 +111,10 @@ function addDependencies(skipInstall) {
         }
         const install = skipInstall ? utility_1.InstallBehavior.None : utility_1.InstallBehavior.Auto;
         return (0, schematics_1.chain)([
+            (0, utility_1.addDependency)('@angular/ssr', latest_versions_1.latestVersions.AngularSSR, {
+                type: utility_1.DependencyType.Default,
+                install,
+            }),
             (0, utility_1.addDependency)('@angular/platform-server', coreDep.version, {
                 type: utility_1.DependencyType.Default,
                 install,
@@ -123,7 +127,7 @@ function addDependencies(skipInstall) {
     };
 }
 function default_1(options) {
-    return async (host, context) => {
+    return async (host) => {
         const workspace = await (0, workspace_1.getWorkspace)(host);
         const clientProject = workspace.projects.get(options.project);
         if (clientProject?.extensions.projectType !== 'application') {

package/ssr/files/application-builder/server.ts.template

@@ -1,5 +1,5 @@
 import { APP_BASE_HREF } from '@angular/common';
-import { CommonEngine } from '@angular/ssr';
+import { CommonEngine } from '@angular/ssr/node';
 import express from 'express';
 import { fileURLToPath } from 'node:url';
 import { dirname, join, resolve } from 'node:path';

package/ssr/files/server-builder/server.ts.template

@@ -1,7 +1,7 @@
 import 'zone.js/node';
 
 import { APP_BASE_HREF } from '@angular/common';
-import { CommonEngine } from '@angular/ssr';
+import { CommonEngine } from '@angular/ssr/node';
 import * as express from 'express';
 import { existsSync } from 'node:fs';
 import { join } from 'node:path';

package/ssr/index.js

@@ -225,10 +225,6 @@ function updateWebpackBuilderServerTsConfigRule(options) {
 function addDependencies({ skipInstall }, isUsingApplicationBuilder) {
     const install = skipInstall ? utility_1.InstallBehavior.None : utility_1.InstallBehavior.Auto;
     const rules = [
-        (0, utility_1.addDependency)('@angular/ssr', latest_versions_1.latestVersions.AngularSSR, {
-            type: utility_1.DependencyType.Default,
-            install,
-        }),
         (0, utility_1.addDependency)('express', latest_versions_1.latestVersions['express'], {
             type: utility_1.DependencyType.Default,
             install,

package/utility/latest-versions/package.json

@@ -24,6 +24,6 @@
     "tslib": "^2.3.0",
     "ts-node": "~10.9.0",
     "typescript": "~5.5.2",
-    "zone.js": "~0.14.3"
+    "zone.js": "~0.15.0"
   }
 }

package/utility/latest-versions.js

@@ -15,6 +15,6 @@ exports.latestVersions = {
     ...dependencies,
     // As Angular CLI works with same minor versions of Angular Framework, a tilde match for the current
     Angular: dependencies['@angular/core'],
-    DevkitBuildAngular: '^19.0.0-next.0',
-    AngularSSR: '^19.0.0-next.0',
+    DevkitBuildAngular: '^19.0.0-next.2',
+    AngularSSR: '^19.0.0-next.2',
 };

package/utility/workspace-models.d.ts

@@ -67,11 +67,7 @@ export interface BrowserBuilderOptions extends BrowserBuilderBaseOptions {
     webWorkerTsConfig?: string;
 }
 export interface ServeBuilderOptions {
-    /**
-     * @deprecated not used since version 17.0.0. Use the property "buildTarget" instead.
-     */
-    browserTarget: string;
-    buildTarget?: string;
+    buildTarget: string;
 }
 export interface LibraryBuilderOptions {
     tsConfig: string;

package/workspace/files/tsconfig.json.template

@@ -12,8 +12,6 @@
     "skipLibCheck": true,
     "isolatedModules": true,
     "esModuleInterop": true,
-    "sourceMap": true,
-    "declaration": false,
     "experimentalDecorators": true,
     "moduleResolution": "bundler",
     "importHelpers": true,