@angular/build 19.0.2 → 19.1.0-next.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "19.0.2",
+  "version": "19.1.0-next.0",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,13 +23,13 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.1900.2",
+    "@angular-devkit/architect": "0.1901.0-next.0",
     "@babel/core": "7.26.0",
     "@babel/helper-annotate-as-pure": "7.25.9",
     "@babel/helper-split-export-declaration": "7.24.7",
     "@babel/plugin-syntax-import-attributes": "7.26.0",
     "@inquirer/confirm": "5.0.2",
-    "@vitejs/plugin-basic-ssl": "1.1.0",
+    "@vitejs/plugin-basic-ssl": "1.2.0",
     "beasties": "0.1.0",
     "browserslist": "^4.23.0",
     "esbuild": "0.24.0",
@@ -37,31 +37,31 @@
     "https-proxy-agent": "7.0.5",
     "istanbul-lib-instrument": "6.0.3",
     "listr2": "8.2.5",
-    "magic-string": "0.30.12",
+    "magic-string": "0.30.14",
     "mrmime": "2.0.0",
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
-    "piscina": "4.7.0",
-    "rollup": "4.26.0",
-    "sass": "1.80.7",
+    "piscina": "4.8.0",
+    "rollup": "4.28.0",
+    "sass": "1.82.0",
     "semver": "7.6.3",
-    "vite": "5.4.11",
+    "vite": "6.0.2",
     "watchpack": "2.4.2"
   },
   "optionalDependencies": {
-    "lmdb": "3.1.5"
+    "lmdb": "3.2.0"
   },
   "peerDependencies": {
-    "@angular/compiler": "^19.0.0",
-    "@angular/compiler-cli": "^19.0.0",
-    "@angular/localize": "^19.0.0",
-    "@angular/platform-server": "^19.0.0",
-    "@angular/service-worker": "^19.0.0",
-    "@angular/ssr": "^19.0.2",
+    "@angular/compiler": "^19.0.0 || ^19.1.0-next.0",
+    "@angular/compiler-cli": "^19.0.0 || ^19.1.0-next.0",
+    "@angular/localize": "^19.0.0 || ^19.1.0-next.0",
+    "@angular/platform-server": "^19.0.0 || ^19.1.0-next.0",
+    "@angular/service-worker": "^19.0.0 || ^19.1.0-next.0",
+    "@angular/ssr": "^19.1.0-next.0",
     "less": "^4.2.0",
     "postcss": "^8.4.0",
     "tailwindcss": "^2.0.0 || ^3.0.0",
-    "typescript": ">=5.5 <5.7"
+    "typescript": ">=5.5 <5.8"
   },
   "peerDependenciesMeta": {
     "@angular/localize": {

package/src/builders/application/build-action.js

@@ -22,13 +22,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/src/builders/application/execute-post-bundle.js

@@ -37,7 +37,7 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
     const allErrors = [];
     const allWarnings = [];
     const prerenderedRoutes = {};
-    const { baseHref = '/', serviceWorker, indexHtmlOptions, optimizationOptions, sourcemapOptions, outputMode, serverEntryPoint, prerenderOptions, appShellOptions, workspaceRoot, partialSSRBuild, } = options;
+    const { baseHref = '/', serviceWorker, i18nOptions, indexHtmlOptions, optimizationOptions, sourcemapOptions, outputMode, serverEntryPoint, prerenderOptions, appShellOptions, workspaceRoot, partialSSRBuild, } = options;
     // Index HTML content without CSS inlining to be used for server rendering (AppShell, SSG and SSR).
     // NOTE: Critical CSS inlining is deliberately omitted here, as it will be handled during server rendering.
     // Additionally, when using prerendering or AppShell, the index HTML file may be regenerated.
@@ -56,7 +56,7 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
     }
     // Create server manifest
     if (serverEntryPoint) {
-        const { manifestContent, serverAssetsChunks } = (0, manifest_1.generateAngularServerAppManifest)(additionalHtmlOutputFiles, outputFiles, optimizationOptions.styles.inlineCritical ?? false, undefined, locale);
+        const { manifestContent, serverAssetsChunks } = (0, manifest_1.generateAngularServerAppManifest)(additionalHtmlOutputFiles, outputFiles, optimizationOptions.styles.inlineCritical ?? false, undefined, locale, baseHref);
         additionalOutputFiles.push(...serverAssetsChunks, (0, utils_1.createOutputFile)(manifest_1.SERVER_APP_MANIFEST_FILENAME, manifestContent, bundler_context_1.BuildOutputFileType.ServerApplication));
     }
     // Pre-render (SSG) and App-shell
@@ -95,7 +95,7 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
             // Regenerate the manifest to append route tree. This is only needed if SSR is enabled.
             const manifest = additionalOutputFiles.find((f) => f.path === manifest_1.SERVER_APP_MANIFEST_FILENAME);
             (0, node_assert_1.default)(manifest, `${manifest_1.SERVER_APP_MANIFEST_FILENAME} was not found in output files.`);
-            const { manifestContent, serverAssetsChunks } = (0, manifest_1.generateAngularServerAppManifest)(additionalHtmlOutputFiles, outputFiles, optimizationOptions.styles.inlineCritical ?? false, serializableRouteTreeNodeForManifest, locale);
+            const { manifestContent, serverAssetsChunks } = (0, manifest_1.generateAngularServerAppManifest)(additionalHtmlOutputFiles, outputFiles, optimizationOptions.styles.inlineCritical ?? false, serializableRouteTreeNodeForManifest, locale, baseHref);
             for (const chunk of serverAssetsChunks) {
                 const idx = additionalOutputFiles.findIndex(({ path }) => path === chunk.path);
                 if (idx === -1) {

package/src/builders/application/options.js

@@ -194,24 +194,25 @@ async function normalizeOptions(context, projectName, options, extensions) {
         let indexOutput;
         // The output file will be created within the configured output path
         if (typeof options.index === 'string') {
-            /**
-             * If SSR is activated, create a distinct entry file for the `index.html`.
-             * This is necessary because numerous server/cloud providers automatically serve the `index.html` as a static file
-             * if it exists (handling SSG).
-             *
-             * For instance, accessing `foo.com/` would lead to `foo.com/index.html` being served instead of hitting the server.
-             *
-             * This approach can also be applied to service workers, where the `index.csr.html` is served instead of the prerendered `index.html`.
-             */
-            const indexBaseName = node_path_1.default.basename(options.index);
-            indexOutput =
-                (ssrOptions || prerenderOptions) && indexBaseName === 'index.html'
-                    ? exports.INDEX_HTML_CSR
-                    : indexBaseName;
+            indexOutput = options.index;
         }
         else {
             indexOutput = options.index.output || 'index.html';
         }
+        /**
+         * If SSR is activated, create a distinct entry file for the `index.html`.
+         * This is necessary because numerous server/cloud providers automatically serve the `index.html` as a static file
+         * if it exists (handling SSG).
+         *
+         * For instance, accessing `foo.com/` would lead to `foo.com/index.html` being served instead of hitting the server.
+         *
+         * This approach can also be applied to service workers, where the `index.csr.html` is served instead of the prerendered `index.html`.
+         */
+        const indexBaseName = node_path_1.default.basename(indexOutput);
+        indexOutput =
+            (ssrOptions || prerenderOptions) && indexBaseName === 'index.html'
+                ? exports.INDEX_HTML_CSR
+                : indexBaseName;
         indexHtmlOptions = {
             input: node_path_1.default.join(workspaceRoot, typeof options.index === 'string' ? options.index : options.index.input),
             output: indexOutput,

package/src/builders/dev-server/vite-server.js

@@ -22,13 +22,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -202,17 +212,10 @@ async function* serveWithVite(serverOptions, builderName, builderAction, context
                 continue;
         }
         // To avoid disconnecting the array objects from the option, these arrays need to be mutated instead of replaced.
-        let requiresServerRestart = false;
         if (result.detail?.['externalMetadata']) {
             const { implicitBrowser, implicitServer, explicit } = result.detail['externalMetadata'];
             const implicitServerFiltered = implicitServer.filter((m) => !(0, node_module_1.isBuiltin)(m) && !isAbsoluteUrl(m));
             const implicitBrowserFiltered = implicitBrowser.filter((m) => !isAbsoluteUrl(m));
-            if (browserOptions.ssr && serverOptions.prebundle !== false) {
-                const previousImplicitServer = new Set(externalMetadata.implicitServer);
-                // Restart the server to force SSR dep re-optimization when a dependency has been added.
-                // This is a workaround for: https://github.com/vitejs/vite/issues/14896
-                requiresServerRestart = implicitServerFiltered.some((dep) => !previousImplicitServer.has(dep));
-            }
             // Empty Arrays to avoid growing unlimited with every re-build.
             externalMetadata.explicitBrowser.length = 0;
             externalMetadata.explicitServer.length = 0;
@@ -234,14 +237,7 @@ async function* serveWithVite(serverOptions, builderName, builderAction, context
             server.config.server.fs.allow = [
                 ...new Set([...server.config.server.fs.allow, ...assetFiles.values()]),
             ];
-            if (requiresServerRestart) {
-                // Restart the server to force SSR dep re-optimization when a dependency has been added.
-                // This is a workaround for: https://github.com/vitejs/vite/issues/14896
-                await server.restart();
-            }
-            else {
-                await handleUpdate(normalizePath, generatedFiles, server, serverOptions, context.logger, componentStyles);
-            }
+            await handleUpdate(normalizePath, generatedFiles, server, serverOptions, context.logger, componentStyles);
         }
         else {
             const projectName = context.target?.project;
@@ -336,6 +332,10 @@ async function handleUpdate(normalizePath, generatedFiles, server, serverOptions
     if (!updatedFiles.length) {
         return;
     }
+    if (destroyAngularServerAppCalled) {
+        // Trigger module evaluation before reload to initiate dependency optimization.
+        await server.ssrLoadModule('/main.server.mjs');
+    }
     if (serverOptions.hmr) {
         if (updatedFiles.every((f) => f.endsWith('.css'))) {
             let requiresReload = false;
@@ -516,10 +516,6 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                 // the Vite client-side code for browser reloading. These would be available by default but when
                 // the `allow` option is explicitly configured, they must be included manually.
                 allow: [cacheDir, (0, node_path_1.join)(serverOptions.workspaceRoot, 'node_modules'), ...assets.values()],
-                // Temporary disable cached FS checks.
-                // This is because we configure `config.base` to a virtual directory which causes `getRealPath` to fail.
-                // See: https://github.com/vitejs/vite/blob/b2873ac3936de25ca8784327cb9ef16bd4881805/packages/vite/src/node/fsUtils.ts#L45-L67
-                cachedChecks: false,
             },
             // This is needed when `externalDependencies` is used to prevent Vite load errors.
             // NOTE: If Vite adds direct support for externals, this can be removed.

package/src/builders/extract-i18n/builder.js

@@ -22,13 +22,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/src/tools/angular/compilation/angular-compilation.js

@@ -22,13 +22,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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.AngularCompilation = exports.DiagnosticModes = void 0;
 const load_esm_1 = require("../../../utils/load-esm");

package/src/tools/angular/compilation/aot-compilation.js

@@ -19,6 +19,13 @@ const angular_host_1 = require("../angular-host");
 const jit_bootstrap_transformer_1 = require("../transformers/jit-bootstrap-transformer");
 const web_worker_transformer_1 = require("../transformers/web-worker-transformer");
 const angular_compilation_1 = require("./angular-compilation");
+const hmr_candidates_1 = require("./hmr-candidates");
+/**
+ * The modified files count limit for performing component HMR analysis.
+ * Performing content analysis for a large amount of files can result in longer rebuild times
+ * than a full rebuild would entail.
+ */
+const HMR_MODIFIED_FILE_LIMIT = 32;
 class AngularCompilationState {
     angularProgram;
     compilerHost;
@@ -51,9 +58,12 @@ class AotCompilation extends angular_compilation_1.AngularCompilation {
         if (compilerOptions.externalRuntimeStyles) {
             hostOptions.externalStylesheets ??= new Map();
         }
+        const useHmr = compilerOptions['_enableHmr'] &&
+            hostOptions.modifiedFiles &&
+            hostOptions.modifiedFiles.size <= HMR_MODIFIED_FILE_LIMIT;
         // Collect stale source files for HMR analysis of inline component resources
         let staleSourceFiles;
-        if (compilerOptions['_enableHmr'] && hostOptions.modifiedFiles && this.#state) {
+        if (useHmr && hostOptions.modifiedFiles && this.#state) {
             for (const modifiedFile of hostOptions.modifiedFiles) {
                 const sourceFile = this.#state.typeScriptProgram.getSourceFile(modifiedFile);
                 if (sourceFile) {
@@ -78,8 +88,8 @@ class AotCompilation extends angular_compilation_1.AngularCompilation {
         const typeScriptProgram = typescript_1.default.createEmitAndSemanticDiagnosticsBuilderProgram(angularTypeScriptProgram, host, oldProgram, configurationDiagnostics);
         await (0, profiling_1.profileAsync)('NG_ANALYZE_PROGRAM', () => angularCompiler.analyzeAsync());
         let templateUpdates;
-        if (compilerOptions['_enableHmr'] && hostOptions.modifiedFiles && this.#state) {
-            const componentNodes = collectHmrCandidates(hostOptions.modifiedFiles, angularProgram, staleSourceFiles);
+        if (useHmr && hostOptions.modifiedFiles && this.#state) {
+            const componentNodes = (0, hmr_candidates_1.collectHmrCandidates)(hostOptions.modifiedFiles, angularProgram, staleSourceFiles);
             for (const node of componentNodes) {
                 if (!typescript_1.default.isClassDeclaration(node)) {
                     continue;
@@ -303,35 +313,3 @@ function findAffectedFiles(builder, { ignoreForDiagnostics }, includeTTC) {
     }
     return affectedFiles;
 }
-function collectHmrCandidates(modifiedFiles, { compiler }, staleSourceFiles) {
-    const candidates = new Set();
-    for (const file of modifiedFiles) {
-        const templateFileNodes = compiler.getComponentsWithTemplateFile(file);
-        if (templateFileNodes.size) {
-            templateFileNodes.forEach((node) => candidates.add(node));
-            continue;
-        }
-        const styleFileNodes = compiler.getComponentsWithStyleFile(file);
-        if (styleFileNodes.size) {
-            styleFileNodes.forEach((node) => candidates.add(node));
-            continue;
-        }
-        const staleSource = staleSourceFiles?.get(file);
-        if (staleSource === undefined) {
-            // Unknown file requires a rebuild so clear out the candidates and stop collecting
-            candidates.clear();
-            break;
-        }
-        const updatedSource = compiler.getCurrentProgram().getSourceFile(file);
-        if (updatedSource === undefined) {
-            // No longer existing program file requires a rebuild so clear out the candidates and stop collecting
-            candidates.clear();
-            break;
-        }
-        // Compare the stale and updated file for changes
-        // TODO: Implement -- for now assume a rebuild is needed
-        candidates.clear();
-        break;
-    }
-    return candidates;
-}

package/src/tools/angular/compilation/factory.js

@@ -22,13 +22,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+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.createAngularCompilation = createAngularCompilation;
 const environment_options_1 = require("../../../utils/environment-options");

package/src/tools/angular/compilation/hmr-candidates.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * 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
+ */
+import type ng from '@angular/compiler-cli';
+import ts from 'typescript';
+/**
+ * Analyzes one or more modified files for changes to determine if any
+ * class declarations for Angular components are candidates for hot
+ * module replacement (HMR). If any source files are also modified but
+ * are not candidates then all candidates become invalid. This invalidation
+ * ensures that a full rebuild occurs and the running application stays
+ * synchronized with the code.
+ * @param modifiedFiles A set of modified files to analyze.
+ * @param param1 An Angular compiler instance
+ * @param staleSourceFiles A map of paths to previous source file instances.
+ * @returns A set of HMR candidate component class declarations.
+ */
+export declare function collectHmrCandidates(modifiedFiles: Set<string>, { compiler }: ng.NgtscProgram, staleSourceFiles: Map<string, ts.SourceFile> | undefined): Set<ts.ClassDeclaration>;