@angular/build 20.2.0-next.0 → 20.2.0-next.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "20.2.0-next.0",
+  "version": "20.2.0-next.2",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,15 +23,15 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.2002.0-next.0",
+    "@angular-devkit/architect": "0.2002.0-next.2",
     "@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.5",
     "browserslist": "^4.23.0",
-    "esbuild": "0.25.6",
+    "esbuild": "0.25.8",
     "https-proxy-agent": "7.0.6",
     "istanbul-lib-instrument": "6.0.3",
     "jsonc-parser": "3.3.1",
@@ -39,14 +39,14 @@
     "magic-string": "0.30.17",
     "mrmime": "2.0.1",
     "parse5-html-rewriting-stream": "8.0.0",
-    "picomatch": "4.0.2",
+    "picomatch": "4.0.3",
     "piscina": "5.1.3",
-    "rollup": "4.45.1",
+    "rolldown": "1.0.0-beta.29",
     "sass": "1.89.2",
     "semver": "7.7.2",
     "source-map-support": "0.5.21",
     "tinyglobby": "0.2.14",
-    "vite": "7.0.4",
+    "vite": "7.0.6",
     "watchpack": "2.4.4"
   },
   "optionalDependencies": {
@@ -60,14 +60,14 @@
     "@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.0",
+    "@angular/ssr": "^20.2.0-next.2",
     "karma": "^6.4.0",
     "less": "^4.2.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/application/chunk-optimizer.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.optimizeChunks = optimizeChunks;
 const node_assert_1 = __importDefault(require("node:assert"));
-const rollup_1 = require("rollup");
+const rolldown_1 = require("rolldown");
 const bundler_context_1 = require("../../tools/esbuild/bundler-context");
 const utils_1 = require("../../tools/esbuild/utils");
 const error_1 = require("../../utils/error");
@@ -54,7 +54,7 @@ async function optimizeChunks(original, sourcemap) {
     let bundle;
     let optimizedOutput;
     try {
-        bundle = await (0, rollup_1.rollup)({
+        bundle = await (0, rolldown_1.rolldown)({
             input: mainFile,
             plugins: [
                 {
@@ -81,7 +81,7 @@ async function optimizeChunks(original, sourcemap) {
             ],
         });
         const result = await bundle.generate({
-            compact: true,
+            minify: { mangle: false, compress: false, removeWhitespace: true },
             sourcemap,
             chunkFileNames: (chunkInfo) => `${chunkInfo.name.replace(/-[a-zA-Z0-9]{8}$/, '')}-[hash].js`,
         });

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,12 @@
 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 CSS_PREPROCESSOR_REGEXP = /\.(?:s[ac]ss|less|css)$/;
+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 +28,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 CSS, JS and TS files without Vite transformations.
+            if (JS_TS_REGEXP.test(extension) || CSS_PREPROCESSOR_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 +95,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 +119,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 +163,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/tools/vite/plugins/ssr-transform-plugin.js

@@ -27,6 +27,7 @@ async function createAngularSsrTransformPlugin(workspaceRoot) {
             remappedMap.sourceRoot = normalizePath(workspaceRoot) + '/';
             return {
                 code,
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 map: remappedMap,
             };
         },

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.2.0-next.0';
+const VERSION = '20.2.0-next.2';
 function hasCacheMetadata(value) {
     return (!!value &&
         typeof value === 'object' &&