@schematics/angular 19.2.2 → 20.0.0-next.1

package/application/files/module-files/src/app/app.component.ts.template

@@ -9,7 +9,7 @@ import { Component } from '@angular/core';
      %><router-outlet /><%
     } %>
   `,<% } else { %>
-  templateUrl: './app.component.html',<% } %>
+  templateUrl: './app.component.ng.html',<% } %>
   standalone: false,<% if(inlineStyle) { %>
   styles: []<% } else { %>
   styleUrl: './app.component.<%= style %>'<% } %>

package/application/files/standalone-files/src/app/app.component.ts.template

@@ -11,7 +11,7 @@ import { RouterOutlet } from '@angular/router';<% } %>
      %><router-outlet /><%
     } %>
   `,<% } else { %>
-  templateUrl: './app.component.html',<% } if(inlineStyle) { %>
+  templateUrl: './app.component.ng.html',<% } if(inlineStyle) { %>
   styles: [],<% } else { %>
   styleUrl: './app.component.<%= style %>'<% } %>
 })

package/application/index.js

@@ -63,7 +63,7 @@ function default_1(options) {
                     ? (0, schematics_1.filter)((path) => !path.endsWith('tsconfig.spec.json.template'))
                     : (0, schematics_1.noop)(),
                 componentOptions.inlineTemplate
-                    ? (0, schematics_1.filter)((path) => !path.endsWith('component.html.template'))
+                    ? (0, schematics_1.filter)((path) => !path.endsWith('.ng.html.template'))
                     : (0, schematics_1.noop)(),
                 (0, schematics_1.applyTemplates)({
                     utils: schematics_1.strings,
@@ -96,8 +96,8 @@ function addDependenciesToPackageJson(options) {
             },
             {
                 type: dependencies_1.NodeDependencyType.Dev,
-                name: '@angular-devkit/build-angular',
-                version: latest_versions_1.latestVersions.DevkitBuildAngular,
+                name: '@angular/build',
+                version: latest_versions_1.latestVersions.AngularBuild,
             },
             {
                 type: dependencies_1.NodeDependencyType.Dev,
@@ -193,7 +193,7 @@ function addAppToWorkspaceFile(options, appDir, folderName) {
         schematics,
         targets: {
             build: {
-                builder: workspace_models_1.Builders.Application,
+                builder: workspace_models_1.Builders.BuildApplication,
                 defaultConfiguration: 'production',
                 options: {
                     outputPath: `dist/${folderName}`,
@@ -219,7 +219,7 @@ function addAppToWorkspaceFile(options, appDir, folderName) {
                 },
             },
             serve: {
-                builder: workspace_models_1.Builders.DevServer,
+                builder: workspace_models_1.Builders.BuildDevServer,
                 defaultConfiguration: 'development',
                 options: {},
                 configurations: {
@@ -232,12 +232,12 @@ function addAppToWorkspaceFile(options, appDir, folderName) {
                 },
             },
             'extract-i18n': {
-                builder: workspace_models_1.Builders.ExtractI18n,
+                builder: workspace_models_1.Builders.BuildExtractI18n,
             },
             test: options.minimal
                 ? undefined
                 : {
-                    builder: workspace_models_1.Builders.Karma,
+                    builder: workspace_models_1.Builders.BuildKarma,
                     options: {
                         polyfills: options.experimentalZoneless ? [] : ['zone.js', 'zone.js/testing'],
                         tsConfig: `${projectRoot}tsconfig.spec.json`,

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

@@ -9,7 +9,7 @@ import { <% if(changeDetection !== 'Default') { %>ChangeDetectionStrategy, <% }%
       <%= dasherize(name) %> works!
     </p>
   `<% } else { %>
-  templateUrl: './<%= dasherize(name) %><%= type ? '.' + dasherize(type): '' %>.html'<% } if(inlineStyle) { %>,
+  templateUrl: './<%= dasherize(name) %><%= type ? '.' + dasherize(type): '' %><%= ngext %>.html'<% } if(inlineStyle) { %>,
   styles: `<% if(displayBlock){ %>
     :host {
       display: block;

package/component/index.js

@@ -51,6 +51,7 @@ function default_1(options) {
             (0, schematics_1.applyTemplates)({
                 ...schematics_1.strings,
                 'if-flat': (s) => (options.flat ? '' : s),
+                'ngext': options.ngHtml ? '.ng' : '',
                 ...options,
             }),
             !options.type

package/component/schema.d.ts

@@ -49,6 +49,11 @@ export type Schema = {
      * `my-component.component.css`.
      */
     name: string;
+    /**
+     * Generate component template files with an '.ng.html' file extension instead of '.html'.
+     * The '.ng.html' file extension is recommended by the Angular style guide.
+     */
+    ngHtml?: boolean;
     /**
      * The path where the component files should be created, relative to the current workspace.
      * If not provided, a folder with the same name as the component will be created in the

package/component/schema.json

@@ -135,6 +135,11 @@
       "type": "boolean",
       "default": false,
       "description": "Use a default export for the component in its TypeScript file instead of a named export."
+    },
+    "ngHtml": {
+      "type": "boolean",
+      "default": true,
+      "description": "Generate component template files with an '.ng.html' file extension instead of '.html'. The '.ng.html' file extension is recommended by the Angular style guide."
     }
   },
   "required": ["name", "project"]

package/config/index.js

@@ -9,9 +9,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
-const utility_1 = require("@schematics/angular/utility");
 const node_path_1 = require("node:path");
 const paths_1 = require("../utility/paths");
+const workspace_1 = require("../utility/workspace");
+const workspace_models_1 = require("../utility/workspace-models");
 const schema_1 = require("./schema");
 function default_1(options) {
     switch (options.type) {
@@ -25,7 +26,7 @@ function default_1(options) {
 }
 function addBrowserslistConfig(options) {
     return async (host) => {
-        const workspace = await (0, utility_1.readWorkspace)(host);
+        const workspace = await (0, workspace_1.getWorkspace)(host);
         const project = workspace.projects.get(options.project);
         if (!project) {
             throw new schematics_1.SchematicsException(`Project name "${options.project}" doesn't not exist.`);
@@ -38,7 +39,7 @@ function addBrowserslistConfig(options) {
     };
 }
 function addKarmaConfig(options) {
-    return (0, utility_1.updateWorkspace)((workspace) => {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
         const project = workspace.projects.get(options.project);
         if (!project) {
             throw new schematics_1.SchematicsException(`Project name "${options.project}" doesn't not exist.`);
@@ -48,10 +49,10 @@ function addKarmaConfig(options) {
             throw new schematics_1.SchematicsException(`No "test" target found for project "${options.project}".` +
                 ' A "test" target is required to generate a karma configuration.');
         }
-        if (testTarget.builder !== utility_1.AngularBuilder.Karma &&
-            testTarget.builder !== utility_1.AngularBuilder.BuildKarma) {
+        if (testTarget.builder !== workspace_models_1.Builders.Karma &&
+            testTarget.builder !== workspace_models_1.Builders.BuildKarma) {
             throw new schematics_1.SchematicsException(`Cannot add a karma configuration as builder for "test" target in project does not` +
-                ` use "${utility_1.AngularBuilder.Karma}" or "${utility_1.AngularBuilder.BuildKarma}".`);
+                ` use "${workspace_models_1.Builders.Karma}" or "${workspace_models_1.Builders.BuildKarma}".`);
         }
         testTarget.options ??= {};
         testTarget.options.karmaConfig = node_path_1.posix.join(project.root, 'karma.conf.js');
@@ -65,7 +66,7 @@ function addKarmaConfig(options) {
             (0, schematics_1.applyTemplates)({
                 relativePathToWorkspaceRoot: (0, paths_1.relativePathToWorkspaceRoot)(project.root),
                 folderName,
-                needDevkitPlugin: testTarget.builder === utility_1.AngularBuilder.Karma,
+                needDevkitPlugin: testTarget.builder === workspace_models_1.Builders.Karma,
             }),
             (0, schematics_1.move)(project.root),
         ]));

package/e2e/index.js

@@ -9,10 +9,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
-const utility_1 = require("@schematics/angular/utility");
 const node_path_1 = require("node:path");
+const dependency_1 = require("../utility/dependency");
 const json_file_1 = require("../utility/json-file");
 const latest_versions_1 = require("../utility/latest-versions");
+const standalone_1 = require("../utility/standalone");
+const workspace_1 = require("../utility/workspace");
+const workspace_models_1 = require("../utility/workspace-models");
 /**
  * The list of development dependencies used by the E2E protractor-based builder.
  * The versions are sourced from the latest versions `../utility/latest-versions/package.json`
@@ -35,7 +38,7 @@ function addScriptsToPackageJson() {
 }
 function default_1(options) {
     const { relatedAppName } = options;
-    return (0, utility_1.updateWorkspace)((workspace) => {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
         const project = workspace.projects.get(relatedAppName);
         if (!project) {
             throw new schematics_1.SchematicsException(`Project name "${relatedAppName}" doesn't not exist.`);
@@ -43,7 +46,7 @@ function default_1(options) {
         const e2eRootPath = node_path_1.posix.join(project.root, 'e2e');
         project.targets.add({
             name: 'e2e',
-            builder: utility_1.AngularBuilder.Protractor,
+            builder: workspace_models_1.Builders.Protractor,
             defaultConfiguration: 'development',
             options: {
                 protractorConfig: node_path_1.posix.join(e2eRootPath, 'protractor.conf.js'),
@@ -66,10 +69,10 @@ function default_1(options) {
                 }),
                 (0, schematics_1.move)(e2eRootPath),
             ])),
-            (0, utility_1.addRootProvider)(relatedAppName, ({ code, external }) => code `${external('provideProtractorTestingSupport', '@angular/platform-browser')}()`),
-            ...E2E_DEV_DEPENDENCIES.map((name) => (0, utility_1.addDependency)(name, latest_versions_1.latestVersions[name], {
-                type: utility_1.DependencyType.Dev,
-                existing: utility_1.ExistingBehavior.Skip,
+            (0, standalone_1.addRootProvider)(relatedAppName, ({ code, external }) => code `${external('provideProtractorTestingSupport', '@angular/platform-browser')}()`),
+            ...E2E_DEV_DEPENDENCIES.map((name) => (0, dependency_1.addDependency)(name, latest_versions_1.latestVersions[name], {
+                type: dependency_1.DependencyType.Dev,
+                existing: dependency_1.ExistingBehavior.Skip,
             })),
             addScriptsToPackageJson(),
         ]);

package/environments/index.js

@@ -9,12 +9,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
-const utility_1 = require("@schematics/angular/utility");
 const node_path_1 = require("node:path");
+const workspace_1 = require("../utility/workspace");
+const workspace_models_1 = require("../utility/workspace-models");
 const ENVIRONMENTS_DIRECTORY = 'environments';
 const ENVIRONMENT_FILE_CONTENT = 'export const environment = {};\n';
 function default_1(options) {
-    return (0, utility_1.updateWorkspace)((workspace) => {
+    return (0, workspace_1.updateWorkspace)((workspace) => {
         const project = workspace.projects.get(options.project);
         if (!project) {
             throw new schematics_1.SchematicsException(`Project name "${options.project}" doesn't not exist.`);
@@ -53,14 +54,14 @@ function log(type, text) {
     return (_, context) => context.logger[type](text);
 }
 function* generateConfigurationEnvironments(buildTarget, serverTarget, sourceRoot, projectName) {
-    if (buildTarget.builder !== utility_1.AngularBuilder.Browser &&
-        buildTarget.builder !== utility_1.AngularBuilder.BrowserEsbuild &&
-        buildTarget.builder !== utility_1.AngularBuilder.Application &&
-        buildTarget.builder !== utility_1.AngularBuilder.BuildApplication) {
+    if (buildTarget.builder !== workspace_models_1.Builders.Browser &&
+        buildTarget.builder !== workspace_models_1.Builders.BrowserEsbuild &&
+        buildTarget.builder !== workspace_models_1.Builders.Application &&
+        buildTarget.builder !== workspace_models_1.Builders.BuildApplication) {
         yield log('warn', `"build" target found for project "${projectName}" has a third-party builder "${buildTarget.builder}".` +
             ' The generated project options may not be compatible with this builder.');
     }
-    if (serverTarget && serverTarget.builder !== utility_1.AngularBuilder.Server) {
+    if (serverTarget && serverTarget.builder !== workspace_models_1.Builders.Server) {
         yield log('warn', `"server" target found for project "${projectName}" has a third-party builder "${buildTarget.builder}".` +
             ' The generated project options may not be compatible with this builder.');
     }

package/library/index.js

@@ -38,8 +38,8 @@ function addDependenciesToPackageJson() {
             },
             {
                 type: dependencies_1.NodeDependencyType.Dev,
-                name: '@angular-devkit/build-angular',
-                version: latest_versions_1.latestVersions.DevkitBuildAngular,
+                name: '@angular/build',
+                version: latest_versions_1.latestVersions.AngularBuild,
             },
             {
                 type: dependencies_1.NodeDependencyType.Dev,
@@ -70,7 +70,7 @@ function addLibToWorkspaceFile(options, projectRoot, projectName) {
             prefix: options.prefix,
             targets: {
                 build: {
-                    builder: workspace_models_1.Builders.NgPackagr,
+                    builder: workspace_models_1.Builders.BuildNgPackagr,
                     defaultConfiguration: 'production',
                     options: {
                         project: `${projectRoot}/ng-package.json`,
@@ -85,7 +85,7 @@ function addLibToWorkspaceFile(options, projectRoot, projectName) {
                     },
                 },
                 test: {
-                    builder: workspace_models_1.Builders.Karma,
+                    builder: workspace_models_1.Builders.BuildKarma,
                     options: {
                         tsConfig: `${projectRoot}/tsconfig.spec.json`,
                         polyfills: ['zone.js', 'zone.js/testing'],

package/migrations/migration-collection.json

@@ -1,22 +1,12 @@
 {
   "schematics": {
     "use-application-builder": {
-      "version": "19.0.0",
+      "version": "20.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,
       "recommended": 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "19.2.2",
+  "version": "20.0.0-next.1",
   "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.2.2",
-    "@angular-devkit/schematics": "19.2.2",
+    "@angular-devkit/core": "20.0.0-next.1",
+    "@angular-devkit/schematics": "20.0.0-next.1",
     "jsonc-parser": "3.3.1"
   },
   "repository": {
@@ -32,7 +32,7 @@
   },
   "packageManager": "pnpm@9.15.6",
   "engines": {
-    "node": "^18.19.1 || ^20.11.1 || >=22.0.0",
+    "node": "^20.11.1 || >=22.0.0",
     "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
     "yarn": ">= 1.13.0"
   },

package/third_party/github.com/Microsoft/TypeScript/lib/typescript.d.ts

@@ -1486,10 +1486,6 @@ declare namespace ts {
                 command: CommandTypes.Quickinfo;
                 arguments: FileLocationRequestArgs;
             }
-            export interface QuickInfoRequestArgs extends FileLocationRequestArgs {
-                /** TODO */
-                verbosityLevel?: number;
-            }
             /**
              * Body of QuickInfoResponse.
              */
@@ -1523,10 +1519,6 @@ declare namespace ts {
                  * JSDoc tags associated with symbol.
                  */
                 tags: JSDocTagInfo[];
-                /**
-                 * TODO
-                 */
-                canIncreaseVerbosityLevel?: boolean;
             }
             /**
              * Quickinfo response message.
@@ -10765,7 +10757,6 @@ declare namespace ts {
         displayParts?: SymbolDisplayPart[];
         documentation?: SymbolDisplayPart[];
         tags?: JSDocTagInfo[];
-        canIncreaseVerbosityLevel?: boolean;
     }
     type RenameInfo = RenameInfoSuccess | RenameInfoFailure;
     interface RenameInfoSuccess {