@schematics/angular 20.0.0-next.6 → 20.0.0-next.8

package/application/files/common-files/tsconfig.app.json.template

@@ -3,7 +3,6 @@
 {
   "extends": "<%= relativePathToWorkspaceRoot %>/tsconfig.json",
   "compilerOptions": {
-    "composite": true,
     "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/app",
     "types": []
   },

package/application/files/common-files/tsconfig.spec.json.template

@@ -3,7 +3,6 @@
 {
   "extends": "<%= relativePathToWorkspaceRoot %>/tsconfig.json",
   "compilerOptions": {
-    "composite": true,
     "outDir": "<%= relativePathToWorkspaceRoot %>/out-tsc/spec",
     "types": [
       "jasmine"

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

@@ -1,4 +1,4 @@
-import { NgModule<% if(experimentalZoneless) { %>, provideExperimentalZonelessChangeDetection<% } %> } from '@angular/core';
+import { NgModule, provideBrowserGlobalErrorListeners<% if(experimentalZoneless) { %>, provideExperimentalZonelessChangeDetection<% } %> } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 <% if (routing) { %>
 import { AppRoutingModule } from './app-routing-module';<% } %>
@@ -12,7 +12,10 @@ import { App } from './app';
     BrowserModule<% if (routing) { %>,
     AppRoutingModule<% } %>
   ],
-  providers: [<% if (experimentalZoneless) { %>provideExperimentalZonelessChangeDetection()<% } %>],
+  providers: [
+    provideBrowserGlobalErrorListeners()<% if (experimentalZoneless) { %>,
+    provideExperimentalZonelessChangeDetection()<% } %>
+  ],
   bootstrap: [App]
 })
 export class AppModule { }

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

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

package/application/index.js

@@ -35,10 +35,10 @@ function default_1(options) {
         const { appDir, appRootSelector, componentOptions, folderName, sourceDir } = await getAppOptions(host, options);
         return (0, schematics_1.chain)([
             addAppToWorkspaceFile(options, appDir, folderName),
-            addTsProjectReference((0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.app.json')),
+            addTsProjectReference('./' + (0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.app.json')),
             options.skipTests
                 ? (0, schematics_1.noop)()
-                : addTsProjectReference((0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.spec.json')),
+                : addTsProjectReference('./' + (0, core_1.join)((0, core_1.normalize)(appDir), 'tsconfig.spec.json')),
             options.standalone
                 ? (0, schematics_1.noop)()
                 : (0, schematics_1.schematic)('module', {

package/config/.browserslistrc

@@ -0,0 +1,7 @@
+Chrome >= 105
+ChromeAndroid >= 105
+Edge >= 105
+Firefox >= 104
+FirefoxAndroid >= 104
+Safari >= 16
+iOS >= 16

package/config/files/.browserslistrc.template

@@ -2,16 +2,10 @@
 # For additional information regarding the format and rule options, please see:
 # https://github.com/browserslist/browserslist#queries
 
-# For the full list of supported browsers by the Angular framework, please see:
+# For Angular's browser support policy, please see:
 # https://angular.dev/reference/versions#browser-support
 
 # You can see what browsers were selected by your queries by running:
 #   npx browserslist
 
-last 2 Chrome versions
-last 1 Firefox version
-last 2 Edge major versions
-last 2 Safari major versions
-last 2 iOS major versions
-last 2 Android major versions
-Firefox ESR
+<%= config %>

package/config/index.js

@@ -9,6 +9,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = default_1;
 const schematics_1 = require("@angular-devkit/schematics");
+const promises_1 = require("node:fs/promises");
 const node_path_1 = require("node:path");
 const paths_1 = require("../utility/paths");
 const workspace_1 = require("../utility/workspace");
@@ -31,9 +32,11 @@ function addBrowserslistConfig(options) {
         if (!project) {
             throw new schematics_1.SchematicsException(`Project name "${options.project}" doesn't not exist.`);
         }
+        // Read Angular's default vendored `.browserslistrc` file.
+        const config = await (0, promises_1.readFile)(node_path_1.posix.join(__dirname, '.browserslistrc'), 'utf8');
         return (0, schematics_1.mergeWith)((0, schematics_1.apply)((0, schematics_1.url)('./files'), [
             (0, schematics_1.filter)((p) => p.endsWith('.browserslistrc.template')),
-            (0, schematics_1.applyTemplates)({}),
+            (0, schematics_1.applyTemplates)({ config }),
             (0, schematics_1.move)(project.root),
         ]));
     };

package/library/files/tsconfig.lib.json.template

@@ -9,6 +9,9 @@
     "inlineSources": true,
     "types": []
   },
+  "include": [
+    "src/**/*.ts"
+  ],
   "exclude": [
     "**/*.spec.ts"
   ]

package/library/files/tsconfig.spec.json.template

@@ -9,7 +9,6 @@
     ]
   },
   "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
+    "src/**/*.ts"
   ]
 }

package/library/index.js

@@ -28,6 +28,18 @@ function updateTsConfig(packageName, ...paths) {
         file.modify(jsonPath, Array.isArray(value) ? [...value, ...paths] : paths);
     };
 }
+function addTsProjectReference(...paths) {
+    return (host) => {
+        if (!host.exists('tsconfig.json')) {
+            return host;
+        }
+        const newReferences = paths.map((path) => ({ path }));
+        const file = new json_file_1.JSONFile(host, 'tsconfig.json');
+        const jsonPath = ['references'];
+        const value = file.get(jsonPath);
+        file.modify(jsonPath, Array.isArray(value) ? [...value, ...newReferences] : newReferences);
+    };
+}
 function addDependenciesToPackageJson() {
     return (host) => {
         [
@@ -132,6 +144,9 @@ function default_1(options) {
             addLibToWorkspaceFile(options, libDir, packageName),
             options.skipPackageJson ? (0, schematics_1.noop)() : addDependenciesToPackageJson(),
             options.skipTsConfig ? (0, schematics_1.noop)() : updateTsConfig(packageName, './' + distRoot),
+            options.skipTsConfig
+                ? (0, schematics_1.noop)()
+                : addTsProjectReference('./' + (0, posix_1.join)(libDir, 'tsconfig.lib.json'), './' + (0, posix_1.join)(libDir, 'tsconfig.spec.json')),
             options.standalone
                 ? (0, schematics_1.noop)()
                 : (0, schematics_1.schematic)('module', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schematics/angular",
-  "version": "20.0.0-next.6",
+  "version": "20.0.0-next.8",
   "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.6",
-    "@angular-devkit/schematics": "20.0.0-next.6",
+    "@angular-devkit/core": "20.0.0-next.8",
+    "@angular-devkit/schematics": "20.0.0-next.8",
     "jsonc-parser": "3.3.1"
   },
   "repository": {

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