@angular/build 20.2.0-next.1 → 20.2.0-next.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "20.2.0-next.1",
+  "version": "20.2.0-next.3",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,7 +23,7 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.2002.0-next.1",
+    "@angular-devkit/architect": "0.2002.0-next.3",
     "@babel/core": "7.28.0",
     "@babel/helper-annotate-as-pure": "7.27.3",
     "@babel/helper-split-export-declaration": "7.24.7",
@@ -41,16 +41,16 @@
     "parse5-html-rewriting-stream": "8.0.0",
     "picomatch": "4.0.3",
     "piscina": "5.1.3",
-    "rollup": "4.45.1",
-    "sass": "1.89.2",
+    "rolldown": "1.0.0-beta.31",
+    "sass": "1.90.0",
     "semver": "7.7.2",
     "source-map-support": "0.5.21",
     "tinyglobby": "0.2.14",
-    "vite": "7.0.5",
+    "vite": "7.1.0",
     "watchpack": "2.4.4"
   },
   "optionalDependencies": {
-    "lmdb": "3.4.1"
+    "lmdb": "3.4.2"
   },
   "peerDependencies": {
     "@angular/core": "^20.0.0 || ^20.2.0-next.0",
@@ -60,7 +60,7 @@
     "@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",
+    "@angular/ssr": "^20.2.0-next.3",
     "karma": "^6.4.0",
     "less": "^4.2.0",
     "ng-packagr": "^20.0.0 || ^20.2.0-next.0",

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/private.d.ts

@@ -34,6 +34,7 @@ export declare function createCompilerPlugin(pluginOptions: CompilerPluginOption
 }): import('esbuild').Plugin;
 export type { AngularCompilation } from './tools/angular/compilation';
 export { createAngularCompilation };
+export { ComponentStylesheetBundler } from './tools/esbuild/angular/component-stylesheets';
 export * from './utils/bundle-calculator';
 export { checkPort } from './utils/check-port';
 export { deleteOutputDir } from './utils/delete-output-dir';

package/src/private.js

@@ -21,7 +21,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadPostcssConfiguration = exports.generateSearchDirectories = exports.findTailwindConfiguration = exports.getTestEntrypoints = exports.findTests = exports.assertCompatibleAngularVersion = exports.getSupportedBrowsers = exports.generateBuildStatsTable = exports.augmentAppWithServiceWorker = exports.purgeStaleBuildCache = exports.createTranslationLoader = exports.loadProxyConfiguration = exports.InlineCriticalCssProcessor = exports.IndexHtmlGenerator = exports.loadTranslations = exports.createI18nOptions = exports.deleteOutputDir = exports.checkPort = exports.createAngularCompilation = exports.JavaScriptTransformer = exports.createJitResourceTransformer = exports.SourceFileCache = exports.SassWorkerImplementation = exports.transformSupportedBrowsersToTargets = exports.emitFilesToDisk = exports.serveWithVite = exports.ResultKind = exports.buildApplicationInternal = void 0;
+exports.loadPostcssConfiguration = exports.generateSearchDirectories = exports.findTailwindConfiguration = exports.getTestEntrypoints = exports.findTests = exports.assertCompatibleAngularVersion = exports.getSupportedBrowsers = exports.generateBuildStatsTable = exports.augmentAppWithServiceWorker = exports.purgeStaleBuildCache = exports.createTranslationLoader = exports.loadProxyConfiguration = exports.InlineCriticalCssProcessor = exports.IndexHtmlGenerator = exports.loadTranslations = exports.createI18nOptions = exports.deleteOutputDir = exports.checkPort = exports.ComponentStylesheetBundler = exports.createAngularCompilation = exports.JavaScriptTransformer = exports.createJitResourceTransformer = exports.SourceFileCache = exports.SassWorkerImplementation = exports.transformSupportedBrowsersToTargets = exports.emitFilesToDisk = exports.serveWithVite = exports.ResultKind = exports.buildApplicationInternal = void 0;
 exports.createCompilerPlugin = createCompilerPlugin;
 /**
  * @fileoverview
@@ -59,6 +59,8 @@ function createCompilerPlugin(pluginOptions, styleOptions) {
         ? new compilation_1.NoopCompilation()
         : () => (0, compilation_1.createAngularCompilation)(!!pluginOptions.jit, !!pluginOptions.browserOnlyBuild), new component_stylesheets_1.ComponentStylesheetBundler(styleOptions, styleOptions.inlineStyleLanguage, pluginOptions.incremental));
 }
+var component_stylesheets_2 = require("./tools/esbuild/angular/component-stylesheets");
+Object.defineProperty(exports, "ComponentStylesheetBundler", { enumerable: true, get: function () { return component_stylesheets_2.ComponentStylesheetBundler; } });
 // Utilities
 __exportStar(require("./utils/bundle-calculator"), exports);
 var check_port_1 = require("./utils/check-port");

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

@@ -13,6 +13,7 @@ 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) {
@@ -27,8 +28,8 @@ function createAngularAssetsMiddleware(server, assets, outputFiles, componentSty
         // Rewrite all build assets to a vite raw fs URL
         const asset = assets.get(pathname);
         if (asset) {
-            // This is a workaround to serve JS and TS files without Vite transformations.
-            if (JS_TS_REGEXP.test(extension)) {
+            // 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)) {

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