@schematics/angular 20.0.0-next.8 → 20.0.0-rc.0

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

@@ -1,4 +1,4 @@
-import { NgModule, provideBrowserGlobalErrorListeners<% if(experimentalZoneless) { %>, provideExperimentalZonelessChangeDetection<% } %> } from '@angular/core';
+import { NgModule, provideBrowserGlobalErrorListeners<% if(zoneless) { %>, provideZonelessChangeDetection<% } %> } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 <% if (routing) { %>
 import { AppRoutingModule } from './app-routing-module';<% } %>
@@ -13,8 +13,8 @@ import { App } from './app';
     AppRoutingModule<% } %>
   ],
   providers: [
-    provideBrowserGlobalErrorListeners()<% if (experimentalZoneless) { %>,
-    provideExperimentalZonelessChangeDetection()<% } %>
+    provideBrowserGlobalErrorListeners()<% if (zoneless) { %>,
+    provideZonelessChangeDetection()<% } %>
   ],
   bootstrap: [App]
 })

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

@@ -1,4 +1,4 @@
-<% if(experimentalZoneless) { %>import { provideExperimentalZonelessChangeDetection } from '@angular/core';
+<% if(zoneless) { %>import { provideZonelessChangeDetection } from '@angular/core';
 <% } %>import { TestBed } from '@angular/core/testing';<% if (routing) { %>
 import { RouterModule } from '@angular/router';<% } %>
 import { App } from './app';
@@ -11,8 +11,8 @@ describe('App', () => {
       ],<% } %>
       declarations: [
         App
-      ],<% if(experimentalZoneless) { %>
-      providers: [provideExperimentalZonelessChangeDetection()]<% } %>
+      ],<% if(zoneless) { %>
+      providers: [provideZonelessChangeDetection()]<% } %>
     }).compileComponents();
   });
 

package/application/files/module-files/src/main.ts.template

@@ -3,7 +3,7 @@
 import { AppModule } from './app/app-module';
 
 platformBrowser().bootstrapModule(AppModule, {
-  <% if(!experimentalZoneless) { %>ngZoneEventCoalescing: true,<% } %><% if(!!viewEncapsulation) { %>
+  <% if(!zoneless) { %>ngZoneEventCoalescing: true,<% } %><% if(!!viewEncapsulation) { %>
   defaultEncapsulation: ViewEncapsulation.<%= viewEncapsulation %><% } %>
 })
   .catch(err => console.error(err));

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

@@ -1,4 +1,4 @@
-import { ApplicationConfig, provideBrowserGlobalErrorListeners, <% if(!experimentalZoneless) { %>provideZoneChangeDetection<% } else { %>provideExperimentalZonelessChangeDetection<% } %> } from '@angular/core';<% if (routing) { %>
+import { ApplicationConfig, provideBrowserGlobalErrorListeners, <% if(!zoneless) { %>provideZoneChangeDetection<% } else { %>provideZonelessChangeDetection<% } %> } from '@angular/core';<% if (routing) { %>
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';<% } %>
@@ -6,7 +6,7 @@ import { routes } from './app.routes';<% } %>
 export const appConfig: ApplicationConfig = {
   providers: [
     provideBrowserGlobalErrorListeners(),
-    <% if(experimentalZoneless) { %>provideExperimentalZonelessChangeDetection()<% } else { %>provideZoneChangeDetection({ eventCoalescing: true })<% } %>,
+    <% if(zoneless) { %>provideZonelessChangeDetection()<% } else { %>provideZoneChangeDetection({ eventCoalescing: true })<% } %>,
     <% if (routing) {%>provideRouter(routes)<% } %>
   ]
 };

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

@@ -1,12 +1,12 @@
-<% if(experimentalZoneless) { %>import { provideExperimentalZonelessChangeDetection } from '@angular/core';
+<% if(zoneless) { %>import { provideZonelessChangeDetection } from '@angular/core';
 <% } %>import { TestBed } from '@angular/core/testing';
 import { App } from './app';
 
 describe('App', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [App],<% if(experimentalZoneless) { %>
-      providers: [provideExperimentalZonelessChangeDetection()]<% } %>
+      imports: [App],<% if(zoneless) { %>
+      providers: [provideZonelessChangeDetection()]<% } %>
     }).compileComponents();
   });
 

package/application/index.js

@@ -36,7 +36,7 @@ function default_1(options) {
         return (0, schematics_1.chain)([
             addAppToWorkspaceFile(options, appDir, folderName),
             addTsProjectReference('./' + (0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.app.json')),
-            options.skipTests
+            options.skipTests || options.minimal
                 ? (0, schematics_1.noop)()
                 : addTsProjectReference('./' + (0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.spec.json')),
             options.standalone
@@ -212,9 +212,8 @@ function addAppToWorkspaceFile(options, appDir, folderName) {
                 builder: workspace_models_1.Builders.BuildApplication,
                 defaultConfiguration: 'production',
                 options: {
-                    index: `${sourceRoot}/index.html`,
                     browser: `${sourceRoot}/main.ts`,
-                    polyfills: options.experimentalZoneless ? [] : ['zone.js'],
+                    polyfills: options.zoneless ? undefined : ['zone.js'],
                     tsConfig: `${projectRoot}tsconfig.app.json`,
                     inlineStyleLanguage,
                     assets: [{ 'glob': '**/*', 'input': `${projectRoot}public` }],
@@ -253,7 +252,7 @@ function addAppToWorkspaceFile(options, appDir, folderName) {
                 : {
                     builder: workspace_models_1.Builders.BuildKarma,
                     options: {
-                        polyfills: options.experimentalZoneless ? [] : ['zone.js', 'zone.js/testing'],
+                        polyfills: options.zoneless ? undefined : ['zone.js', 'zone.js/testing'],
                         tsConfig: `${projectRoot}tsconfig.spec.json`,
                         inlineStyleLanguage,
                         assets: [{ 'glob': '**/*', 'input': `${projectRoot}public` }],

package/application/schema.d.ts

@@ -5,10 +5,6 @@
  * routing, styling, and testing.
  */
 export type Schema = {
-    /**
-     * Generate an application that does not use `zone.js`.
-     */
-    experimentalZoneless?: boolean;
     /**
      * Include the styles for the root component directly within the `app.component.ts` file.
      * Only CSS styles can be included inline. By default, a separate stylesheet file (e.g.,
@@ -85,6 +81,10 @@ export type Schema = {
      * component styles are scoped and applied.
      */
     viewEncapsulation?: ViewEncapsulation;
+    /**
+     * Generate an application that does not use `zone.js`.
+     */
+    zoneless?: boolean;
 };
 /**
  * The type of stylesheet files to be created for components in the application.

package/application/schema.json

@@ -118,8 +118,9 @@
       "default": false,
       "x-user-analytics": "ep.ng_ssr"
     },
-    "experimentalZoneless": {
+    "zoneless": {
       "description": "Generate an application that does not use `zone.js`.",
+      "x-prompt": "Do you want to create a 'zoneless' application without zone.js (Developer Preview)?",
       "type": "boolean",
       "default": false
     }

package/config/.browserslistrc

@@ -1,6 +1,6 @@
-Chrome >= 105
-ChromeAndroid >= 105
-Edge >= 105
+Chrome >= 107
+ChromeAndroid >= 107
+Edge >= 107
 Firefox >= 104
 FirefoxAndroid >= 104
 Safari >= 16

package/ng-new/index.js

@@ -40,7 +40,7 @@ function default_1(options) {
         minimal: options.minimal,
         standalone: options.standalone,
         ssr: options.ssr,
-        experimentalZoneless: options.experimentalZoneless,
+        zoneless: options.zoneless,
     };
     return (0, schematics_1.chain)([
         (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.empty)(), [

package/ng-new/schema.d.ts

@@ -20,10 +20,6 @@ export type Schema = {
      * the workspace will be created in the current directory.
      */
     directory?: string;
-    /**
-     * Create an initial application that does not utilize `zone.js`.
-     */
-    experimentalZoneless?: boolean;
     /**
      * Include the styles for the initial application's root component directly within the
      * `app.component.ts` file. By default, a separate stylesheet file (e.g.,
@@ -110,6 +106,10 @@ export type Schema = {
      * encapsulated using Shadow DOM).
      */
     viewEncapsulation?: ViewEncapsulation;
+    /**
+     * Create an initial application that does not utilize `zone.js`.
+     */
+    zoneless?: boolean;
 };
 /**
  * Configure the initial Git commit for the new repository.

package/ng-new/schema.json

@@ -139,8 +139,9 @@
       "type": "boolean",
       "x-user-analytics": "ep.ng_ssr"
     },
-    "experimentalZoneless": {
+    "zoneless": {
       "description": "Create an initial application that does not utilize `zone.js`.",
+      "x-prompt": "Do you want to create a 'zoneless' application without zone.js (Developer Preview)?",
       "type": "boolean",
       "default": false
     }

package/package.json

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

package/utility/latest-versions/package.json

@@ -8,7 +8,7 @@
     "@types/node": "^20.17.19",
     "browser-sync": "^3.0.0",
     "express": "^5.1.0",
-    "jasmine-core": "~5.6.0",
+    "jasmine-core": "~5.7.0",
     "jasmine-spec-reporter": "~7.0.0",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",

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-next.0',
     NgPackagr: '^20.0.0-next.0',
-    DevkitBuildAngular: '^20.0.0-next.8',
-    AngularBuild: '^20.0.0-next.8',
-    AngularSSR: '^20.0.0-next.8',
+    DevkitBuildAngular: '^20.0.0-rc.0',
+    AngularBuild: '^20.0.0-rc.0',
+    AngularSSR: '^20.0.0-rc.0',
 };