@angular/build 20.1.2 → 20.2.0-next.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "20.1.2",
+  "version": "20.2.0-next.1",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,51 +23,51 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.2001.2",
-    "@babel/core": "7.27.7",
+    "@angular-devkit/architect": "0.2002.0-next.1",
+    "@babel/core": "7.28.0",
     "@babel/helper-annotate-as-pure": "7.27.3",
     "@babel/helper-split-export-declaration": "7.24.7",
-    "@inquirer/confirm": "5.1.13",
+    "@inquirer/confirm": "5.1.14",
     "@vitejs/plugin-basic-ssl": "2.1.0",
-    "beasties": "0.3.4",
+    "beasties": "0.3.5",
     "browserslist": "^4.23.0",
-    "esbuild": "0.25.5",
+    "esbuild": "0.25.8",
     "https-proxy-agent": "7.0.6",
     "istanbul-lib-instrument": "6.0.3",
     "jsonc-parser": "3.3.1",
-    "listr2": "8.3.3",
+    "listr2": "9.0.1",
     "magic-string": "0.30.17",
     "mrmime": "2.0.1",
-    "parse5-html-rewriting-stream": "7.1.0",
-    "picomatch": "4.0.2",
-    "piscina": "5.1.2",
-    "rollup": "4.44.1",
+    "parse5-html-rewriting-stream": "8.0.0",
+    "picomatch": "4.0.3",
+    "piscina": "5.1.3",
+    "rollup": "4.45.1",
     "sass": "1.89.2",
     "semver": "7.7.2",
     "source-map-support": "0.5.21",
     "tinyglobby": "0.2.14",
-    "vite": "7.0.0",
+    "vite": "7.0.5",
     "watchpack": "2.4.4"
   },
   "optionalDependencies": {
     "lmdb": "3.4.1"
   },
   "peerDependencies": {
-    "@angular/core": "^20.0.0",
-    "@angular/compiler": "^20.0.0",
-    "@angular/compiler-cli": "^20.0.0",
-    "@angular/localize": "^20.0.0",
-    "@angular/platform-browser": "^20.0.0",
-    "@angular/platform-server": "^20.0.0",
-    "@angular/service-worker": "^20.0.0",
-    "@angular/ssr": "^20.1.2",
+    "@angular/core": "^20.0.0 || ^20.2.0-next.0",
+    "@angular/compiler": "^20.0.0 || ^20.2.0-next.0",
+    "@angular/compiler-cli": "^20.0.0 || ^20.2.0-next.0",
+    "@angular/localize": "^20.0.0 || ^20.2.0-next.0",
+    "@angular/platform-browser": "^20.0.0 || ^20.2.0-next.0",
+    "@angular/platform-server": "^20.0.0 || ^20.2.0-next.0",
+    "@angular/service-worker": "^20.0.0 || ^20.2.0-next.0",
+    "@angular/ssr": "^20.2.0-next.1",
     "karma": "^6.4.0",
     "less": "^4.2.0",
-    "ng-packagr": "^20.0.0",
+    "ng-packagr": "^20.0.0 || ^20.2.0-next.0",
     "postcss": "^8.4.0",
     "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0",
     "tslib": "^2.3.0",
-    "typescript": ">=5.8 <5.9",
+    "typescript": ">=5.8 <6.0",
     "vitest": "^3.1.1"
   },
   "peerDependenciesMeta": {

package/src/builders/unit-test/builder.js

@@ -256,6 +256,13 @@ function findBrowserProvider(projectResolver) {
         catch { }
     }
 }
+function normalizeBrowserName(browserName) {
+    // Normalize browser names to match Vitest's expectations for headless but also supports karma's names
+    // e.g., 'ChromeHeadless' -> 'chrome', 'FirefoxHeadless'
+    // and 'Chrome' -> 'chrome', 'Firefox' -> 'firefox'.
+    const normalized = browserName.toLowerCase();
+    return normalized.replace(/headless$/, '');
+}
 function setupBrowserConfiguration(browsers, debug, projectSourceRoot) {
     if (browsers === undefined) {
         return {};
@@ -288,8 +295,9 @@ function setupBrowserConfiguration(browsers, debug, projectSourceRoot) {
     const browser = {
         enabled: true,
         provider,
+        headless: browsers.some((name) => name.toLowerCase().includes('headless')),
         instances: browsers.map((browserName) => ({
-            browser: browserName,
+            browser: normalizeBrowserName(browserName),
         })),
     };
     return { browser };

package/src/builders/unit-test/schema.d.ts

@@ -4,7 +4,8 @@
 export type Schema = {
     /**
      * A list of browsers to use for test execution. If undefined, jsdom on Node.js will be used
-     * instead of a browser.
+     * instead of a browser. For Vitest and Karma, browser names ending with 'Headless' (e.g.,
+     * 'ChromeHeadless') will enable headless mode for that browser.
      */
     browsers?: string[];
     /**

package/src/builders/unit-test/schema.json

@@ -19,7 +19,7 @@
       "enum": ["karma", "vitest"]
     },
     "browsers": {
-      "description": "A list of browsers to use for test execution. If undefined, jsdom on Node.js will be used instead of a browser.",
+      "description": "A list of browsers to use for test execution. If undefined, jsdom on Node.js will be used instead of a browser. For Vitest and Karma, browser names ending with 'Headless' (e.g., 'ChromeHeadless') will enable headless mode for that browser.",
       "type": "array",
       "items": {
         "type": "string"

package/src/tools/vite/middlewares/assets-middleware.js

@@ -9,8 +9,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAngularAssetsMiddleware = createAngularAssetsMiddleware;
 const mrmime_1 = require("mrmime");
+const node_crypto_1 = require("node:crypto");
+const node_fs_1 = require("node:fs");
 const node_path_1 = require("node:path");
 const utils_1 = require("../utils");
+const JS_TS_REGEXP = /\.[cm]?[tj]sx?$/;
 function createAngularAssetsMiddleware(server, assets, outputFiles, componentStyles, encapsulateStyle) {
     return function angularAssetsMiddleware(req, res, next) {
         if (req.url === undefined || res.writableEnded) {
@@ -24,14 +27,27 @@ function createAngularAssetsMiddleware(server, assets, outputFiles, componentSty
         // Rewrite all build assets to a vite raw fs URL
         const asset = assets.get(pathname);
         if (asset) {
-            // Workaround to disable Vite transformer middleware.
-            // See: https://github.com/vitejs/vite/blob/746a1daab0395f98f0afbdee8f364cb6cf2f3b3f/packages/vite/src/node/server/middlewares/transform.ts#L201 and
-            // https://github.com/vitejs/vite/blob/746a1daab0395f98f0afbdee8f364cb6cf2f3b3f/packages/vite/src/node/server/transformRequest.ts#L204-L206
-            req.headers.accept = 'text/html';
-            // The encoding needs to match what happens in the vite static middleware.
-            // ref: https://github.com/vitejs/vite/blob/d4f13bd81468961c8c926438e815ab6b1c82735e/packages/vite/src/node/server/middlewares/static.ts#L163
-            req.url = `${server.config.base}@fs/${encodeURI(asset.source)}`;
-            next();
+            // This is a workaround to serve JS and TS files without Vite transformations.
+            if (JS_TS_REGEXP.test(extension)) {
+                const contents = (0, node_fs_1.readFileSync)(asset.source);
+                const etag = `W/${(0, node_crypto_1.createHash)('sha256').update(contents).digest('hex')}`;
+                if (checkAndHandleEtag(req, res, etag)) {
+                    return;
+                }
+                const mimeType = (0, mrmime_1.lookup)(extension);
+                if (mimeType) {
+                    res.setHeader('Content-Type', mimeType);
+                }
+                res.setHeader('ETag', etag);
+                res.setHeader('Cache-Control', 'no-cache');
+                res.end(contents);
+            }
+            else {
+                // The encoding needs to match what happens in the vite static middleware.
+                // ref: https://github.com/vitejs/vite/blob/d4f13bd81468961c8c926438e815ab6b1c82735e/packages/vite/src/node/server/middlewares/static.ts#L163
+                req.url = `${server.config.base}@fs/${encodeURI(asset.source)}`;
+                next();
+            }
             return;
         }
         // HTML fallbacking
@@ -78,11 +94,8 @@ function createAngularAssetsMiddleware(server, assets, outputFiles, componentSty
                         else {
                             componentStyle.used.add(componentId);
                         }
-                        // Report if there are no changes to avoid reprocessing
                         const etag = `W/"${outputFile.contents.byteLength}-${outputFile.hash}-${componentId}"`;
-                        if (req.headers['if-none-match'] === etag) {
-                            res.statusCode = 304;
-                            res.end();
+                        if (checkAndHandleEtag(req, res, etag)) {
                             return;
                         }
                         // Shim the stylesheet if a component ID is provided
@@ -105,11 +118,8 @@ function createAngularAssetsMiddleware(server, assets, outputFiles, componentSty
                         return;
                     }
                 }
-                // Avoid resending the content if it has not changed since last request
                 const etag = `W/"${outputFile.contents.byteLength}-${outputFile.hash}"`;
-                if (req.headers['if-none-match'] === etag) {
-                    res.statusCode = 304;
-                    res.end();
+                if (checkAndHandleEtag(req, res, etag)) {
                     return;
                 }
                 const mimeType = (0, mrmime_1.lookup)(extension);
@@ -152,3 +162,11 @@ function createAngularAssetsMiddleware(server, assets, outputFiles, componentSty
         next();
     };
 }
+function checkAndHandleEtag(req, res, etag) {
+    if (req.headers['if-none-match'] === etag) {
+        res.statusCode = 304;
+        res.end();
+        return true;
+    }
+    return false;
+}

package/src/utils/index-file/inline-fonts.js

@@ -6,45 +6,12 @@
  * 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.InlineFontsProcessor = void 0;
 const https_proxy_agent_1 = require("https-proxy-agent");
 const node_crypto_1 = require("node:crypto");
 const promises_1 = require("node:fs/promises");
-const https = __importStar(require("node:https"));
+const node_https_1 = require("node:https");
 const node_path_1 = require("node:path");
 const html_rewriting_stream_1 = require("./html-rewriting-stream");
 const SUPPORTED_PROVIDERS = {
@@ -193,16 +160,11 @@ class InlineFontsProcessor {
             }
             catch { }
         }
-        let agent;
         const httpsProxy = process.env.HTTPS_PROXY ?? process.env.https_proxy;
-        if (httpsProxy) {
-            agent = new https_proxy_agent_1.HttpsProxyAgent(httpsProxy);
-        }
         const data = await new Promise((resolve, reject) => {
             let rawResponse = '';
-            https
-                .get(url, {
-                agent,
+            (0, node_https_1.get)(url, {
+                agent: httpsProxy ? new https_proxy_agent_1.HttpsProxyAgent(httpsProxy) : undefined,
                 headers: {
                     /**
                      * Always use a Windows UA. This is because Google fonts will including hinting in fonts for Windows.
@@ -221,8 +183,7 @@ class InlineFontsProcessor {
                     return;
                 }
                 res.on('data', (chunk) => (rawResponse += chunk)).on('end', () => resolve(rawResponse));
-            })
-                .on('error', (e) => reject(new Error(`Inlining of fonts failed. An error has occurred while retrieving ${url} over the internet.\n` +
+            }).on('error', (e) => reject(new Error(`Inlining of fonts failed. An error has occurred while retrieving ${url} over the internet.\n` +
                 e.message)));
         });
         if (cacheFile) {

package/src/utils/normalize-cache.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeCacheOptions = normalizeCacheOptions;
 const node_path_1 = require("node:path");
 /** Version placeholder is replaced during the build process with actual package version */
-const VERSION = '20.1.2';
+const VERSION = '20.2.0-next.1';
 function hasCacheMetadata(value) {
     return (!!value &&
         typeof value === 'object' &&

package/src/utils/version.js

@@ -28,7 +28,7 @@ function assertCompatibleAngularVersion(projectRoot) {
             'This likely indicates a corrupted local installation. Please try reinstalling your packages.');
         process.exit(2);
     }
-    const supportedAngularSemver = '^20.0.0';
+    const supportedAngularSemver = '^20.0.0 || ^20.2.0-next.0';
     if (angularPkgJson['version'] === '0.0.0' || supportedAngularSemver.startsWith('0.0.0')) {
         // Internal CLI and FW testing version.
         return;