@angular/build 19.0.0-rc.0 → 19.0.0-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "19.0.0-rc.0",
+  "version": "19.0.0-rc.1",
   "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.1900.0-rc.0",
+    "@angular-devkit/architect": "0.1900.0-rc.1",
     "@babel/core": "7.26.0",
     "@babel/helper-annotate-as-pure": "7.25.9",
     "@babel/helper-split-export-declaration": "7.24.7",
@@ -42,14 +42,14 @@
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
     "piscina": "4.7.0",
-    "rollup": "4.24.3",
-    "sass": "1.80.5",
+    "rollup": "4.24.4",
+    "sass": "1.80.6",
     "semver": "7.6.3",
     "vite": "5.4.10",
     "watchpack": "2.4.2"
   },
   "optionalDependencies": {
-    "lmdb": "3.1.3"
+    "lmdb": "3.1.4"
   },
   "peerDependencies": {
     "@angular/compiler": "^19.0.0-next.9",
@@ -57,7 +57,7 @@
     "@angular/localize": "^19.0.0-next.9",
     "@angular/platform-server": "^19.0.0-next.9",
     "@angular/service-worker": "^19.0.0-next.9",
-    "@angular/ssr": "^19.0.0-rc.0",
+    "@angular/ssr": "^19.0.0-rc.1",
     "less": "^4.2.0",
     "postcss": "^8.4.0",
     "tailwindcss": "^2.0.0 || ^3.0.0",

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

@@ -162,7 +162,7 @@ async function* runEsBuildBuildAction(action, options) {
         (0, sass_language_1.shutdownSassWorkerPool)();
     }
 }
-async function emitOutputResult({ outputFiles, assetFiles, errors, warnings, externalMetadata, htmlIndexPath, htmlBaseHref, }, outputOptions) {
+async function emitOutputResult({ outputFiles, assetFiles, errors, warnings, externalMetadata, htmlIndexPath, htmlBaseHref, templateUpdates, }, outputOptions) {
     if (errors.length > 0) {
         return {
             kind: results_1.ResultKind.Failure,
@@ -173,6 +173,18 @@ async function emitOutputResult({ outputFiles, assetFiles, errors, warnings, ext
             },
         };
     }
+    // Template updates only exist if no other changes have occurred
+    if (templateUpdates?.size) {
+        const updateResult = {
+            kind: results_1.ResultKind.ComponentUpdate,
+            updates: Array.from(templateUpdates).map(([id, content]) => ({
+                type: 'template',
+                id,
+                content,
+            })),
+        };
+        return updateResult;
+    }
     const result = {
         kind: results_1.ResultKind.Full,
         warnings: warnings,

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

@@ -6,12 +6,8 @@
  * 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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.executeBuild = executeBuild;
-const node_assert_1 = __importDefault(require("node:assert"));
 const source_file_cache_1 = require("../../tools/esbuild/angular/source-file-cache");
 const budget_stats_1 = require("../../tools/esbuild/budget-stats");
 const bundler_context_1 = require("../../tools/esbuild/bundler-context");
@@ -28,11 +24,10 @@ const supported_browsers_1 = require("../../utils/supported-browsers");
 const chunk_optimizer_1 = require("./chunk-optimizer");
 const execute_post_bundle_1 = require("./execute-post-bundle");
 const i18n_1 = require("./i18n");
-const schema_1 = require("./schema");
 const setup_bundling_1 = require("./setup-bundling");
 // eslint-disable-next-line max-lines-per-function
 async function executeBuild(options, context, rebuildState) {
-    const { projectRoot, workspaceRoot, i18nOptions, optimizationOptions, assets, outputMode, cacheOptions, serverEntryPoint, baseHref, ssrOptions, verbose, colors, jsonLogs, } = options;
+    const { projectRoot, workspaceRoot, i18nOptions, optimizationOptions, assets, cacheOptions, serverEntryPoint, baseHref, ssrOptions, verbose, colors, jsonLogs, } = options;
     // TODO: Consider integrating into watch mode. Would require full rebuild on target changes.
     const browsers = (0, supported_browsers_1.getSupportedBrowsers)(projectRoot, context.logger);
     // Load active translations if inlining
@@ -44,34 +39,55 @@ async function executeBuild(options, context, rebuildState) {
     let bundlerContexts;
     let componentStyleBundler;
     let codeBundleCache;
+    let bundlingResult;
+    let templateUpdates;
     if (rebuildState) {
         bundlerContexts = rebuildState.rebuildContexts;
         componentStyleBundler = rebuildState.componentStyleBundler;
         codeBundleCache = rebuildState.codeBundleCache;
+        templateUpdates = rebuildState.templateUpdates;
+        // Reset template updates for new rebuild
+        templateUpdates?.clear();
+        const allFileChanges = rebuildState.fileChanges.all;
+        // Bundle all contexts that do not require TypeScript changed file checks.
+        // These will automatically use cached results based on the changed files.
+        bundlingResult = await bundler_context_1.BundlerContext.bundleAll(bundlerContexts.otherContexts, allFileChanges);
+        // Check the TypeScript code bundling cache for changes. If invalid, force a rebundle of
+        // all TypeScript related contexts.
+        const forceTypeScriptRebuild = codeBundleCache?.invalidate(allFileChanges);
+        const typescriptResults = [];
+        for (const typescriptContext of bundlerContexts.typescriptContexts) {
+            typescriptContext.invalidate(allFileChanges);
+            const result = await typescriptContext.bundle(forceTypeScriptRebuild);
+            typescriptResults.push(result);
+        }
+        bundlingResult = bundler_context_1.BundlerContext.mergeResults([bundlingResult, ...typescriptResults]);
     }
     else {
         const target = (0, utils_1.transformSupportedBrowsersToTargets)(browsers);
         codeBundleCache = new source_file_cache_1.SourceFileCache(cacheOptions.enabled ? cacheOptions.path : undefined);
         componentStyleBundler = (0, setup_bundling_1.createComponentStyleBundler)(options, target);
-        bundlerContexts = (0, setup_bundling_1.setupBundlerContexts)(options, target, codeBundleCache, componentStyleBundler);
-    }
-    let bundlingResult = await bundler_context_1.BundlerContext.bundleAll(bundlerContexts, rebuildState?.fileChanges.all);
-    if (rebuildState && options.externalRuntimeStyles) {
-        const invalidatedStylesheetEntries = componentStyleBundler.invalidate(rebuildState.fileChanges.all);
-        if (invalidatedStylesheetEntries?.length) {
-            const componentResults = [];
-            for (const stylesheetFile of invalidatedStylesheetEntries) {
-                // externalId is already linked in the bundler context so only enabling is required here
-                const result = await componentStyleBundler.bundleFile(stylesheetFile, true, true);
-                componentResults.push(result);
-            }
-            bundlingResult = bundler_context_1.BundlerContext.mergeResults([bundlingResult, ...componentResults]);
+        if (options.templateUpdates) {
+            templateUpdates = new Map();
         }
+        bundlerContexts = (0, setup_bundling_1.setupBundlerContexts)(options, target, codeBundleCache, componentStyleBundler, templateUpdates);
+        // Bundle everything on initial build
+        bundlingResult = await bundler_context_1.BundlerContext.bundleAll([
+            ...bundlerContexts.typescriptContexts,
+            ...bundlerContexts.otherContexts,
+        ]);
+    }
+    // Update any external component styles if enabled and rebuilding.
+    // TODO: Only attempt rebundling of invalidated styles once incremental build results are supported.
+    if (rebuildState && options.externalRuntimeStyles) {
+        componentStyleBundler.invalidate(rebuildState.fileChanges.all);
+        const componentResults = await componentStyleBundler.bundleAllFiles(true, true);
+        bundlingResult = bundler_context_1.BundlerContext.mergeResults([bundlingResult, ...componentResults]);
     }
     if (options.optimizationOptions.scripts && environment_options_1.shouldOptimizeChunks) {
         bundlingResult = await (0, profiling_1.profileAsync)('OPTIMIZE_CHUNKS', () => (0, chunk_optimizer_1.optimizeChunks)(bundlingResult, options.sourcemapOptions.scripts ? !options.sourcemapOptions.hidden || 'hidden' : false));
     }
-    const executionResult = new bundler_execution_result_1.ExecutionResult(bundlerContexts, componentStyleBundler, codeBundleCache);
+    const executionResult = new bundler_execution_result_1.ExecutionResult(bundlerContexts, componentStyleBundler, codeBundleCache, templateUpdates);
     executionResult.addWarnings(bundlingResult.warnings);
     // Add used external component style referenced files to be watched
     if (options.externalRuntimeStyles) {
@@ -137,7 +153,7 @@ async function executeBuild(options, context, rebuildState) {
     }
     // Create server app engine manifest
     if (serverEntryPoint) {
-        executionResult.addOutputFile(manifest_1.SERVER_APP_ENGINE_MANIFEST_FILENAME, (0, manifest_1.generateAngularServerAppEngineManifest)(i18nOptions, baseHref, undefined), bundler_context_1.BuildOutputFileType.ServerRoot);
+        executionResult.addOutputFile(manifest_1.SERVER_APP_ENGINE_MANIFEST_FILENAME, (0, manifest_1.generateAngularServerAppEngineManifest)(i18nOptions, baseHref), bundler_context_1.BuildOutputFileType.ServerRoot);
     }
     // Override auto-CSP settings if we are serving through Vite middleware.
     if (context.builder.builderName === 'dev-server' && options.security) {
@@ -160,16 +176,7 @@ async function executeBuild(options, context, rebuildState) {
         executionResult.outputFiles.push(...result.additionalOutputFiles);
         executionResult.assetFiles.push(...result.additionalAssets);
     }
-    if (serverEntryPoint) {
-        const prerenderedRoutes = executionResult.prerenderedRoutes;
-        // Regenerate the manifest to append prerendered routes data. This is only needed if SSR is enabled.
-        if (outputMode === schema_1.OutputMode.Server && Object.keys(prerenderedRoutes).length) {
-            const manifest = executionResult.outputFiles.find((f) => f.path === manifest_1.SERVER_APP_ENGINE_MANIFEST_FILENAME);
-            (0, node_assert_1.default)(manifest, `${manifest_1.SERVER_APP_ENGINE_MANIFEST_FILENAME} was not found in output files.`);
-            manifest.contents = new TextEncoder().encode((0, manifest_1.generateAngularServerAppEngineManifest)(i18nOptions, baseHref, prerenderedRoutes));
-        }
-        executionResult.addOutputFile('prerendered-routes.json', JSON.stringify({ routes: prerenderedRoutes }, null, 2), bundler_context_1.BuildOutputFileType.Root);
-    }
+    executionResult.addOutputFile('prerendered-routes.json', JSON.stringify({ routes: executionResult.prerenderedRoutes }, null, 2), bundler_context_1.BuildOutputFileType.Root);
     // Write metafile if stats option is enabled
     if (options.stats) {
         executionResult.addOutputFile('stats.json', JSON.stringify(metafile, null, 2), bundler_context_1.BuildOutputFileType.Root);

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

@@ -30,6 +30,7 @@ const schema_1 = require("./schema");
  * @param initialFiles A map containing initial file information for the executed build.
  * @param locale A language locale to insert in the index.html.
  */
+// eslint-disable-next-line max-lines-per-function
 async function executePostBundleSteps(options, outputFiles, assetFiles, initialFiles, locale) {
     const additionalAssets = [];
     const additionalOutputFiles = [];
@@ -55,7 +56,8 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
     }
     // Create server manifest
     if (serverEntryPoint) {
-        additionalOutputFiles.push((0, utils_1.createOutputFile)(manifest_1.SERVER_APP_MANIFEST_FILENAME, (0, manifest_1.generateAngularServerAppManifest)(additionalHtmlOutputFiles, outputFiles, optimizationOptions.styles.inlineCritical ?? false, undefined, locale), bundler_context_1.BuildOutputFileType.ServerApplication));
+        const { manifestContent, serverAssetsChunks } = (0, manifest_1.generateAngularServerAppManifest)(additionalHtmlOutputFiles, outputFiles, optimizationOptions.styles.inlineCritical ?? false, undefined, locale);
+        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
     // If localization is enabled, prerendering is handled in the inlining process.
@@ -87,8 +89,11 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
             switch (metadata.renderMode) {
                 case models_1.RouteRenderMode.Prerender:
                 case /* Legacy building mode */ undefined: {
-                    if (!metadata.redirectTo || outputMode === schema_1.OutputMode.Static) {
-                        prerenderedRoutes[metadata.route] = { headers: metadata.headers };
+                    if (!metadata.redirectTo) {
+                        serializableRouteTreeNodeForManifest.push(metadata);
+                        if (!metadata.route.includes('*')) {
+                            prerenderedRoutes[metadata.route] = { headers: metadata.headers };
+                        }
                     }
                     break;
                 }
@@ -102,7 +107,17 @@ 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.`);
-            manifest.contents = new TextEncoder().encode((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);
+            for (const chunk of serverAssetsChunks) {
+                const idx = additionalOutputFiles.findIndex(({ path }) => path === chunk.path);
+                if (idx === -1) {
+                    additionalOutputFiles.push(chunk);
+                }
+                else {
+                    additionalOutputFiles[idx] = chunk;
+                }
+            }
+            manifest.contents = new TextEncoder().encode(manifestContent);
         }
     }
     additionalOutputFiles.push(...additionalHtmlOutputFiles.values());

package/src/builders/application/options.d.ts

@@ -36,8 +36,10 @@ interface InternalOptions {
      * If given a relative path, it is resolved relative to the current workspace and will generate an output at the same relative location
      * in the output directory. If given an absolute path, the output will be generated in the root of the output directory with the same base
      * name.
+     *
+     * If provided a Map, the key is the name of the output bundle and the value is the entry point file.
      */
-    entryPoints?: Set<string>;
+    entryPoints?: Set<string> | Map<string, string>;
     /** File extension to use for the generated output files. */
     outExtension?: 'js' | 'mjs';
     /**
@@ -66,6 +68,12 @@ interface InternalOptions {
      * styles.
      */
     externalRuntimeStyles?: boolean;
+    /**
+     * Enables the AOT compiler to generate template component update functions.
+     * This option is only intended to be used with a development server that can process and serve component
+     * template updates.
+     */
+    templateUpdates?: boolean;
     /**
      * Enables instrumentation to collect code coverage data for specific files.
      *
@@ -184,6 +192,7 @@ export declare function normalizeOptions(context: BuilderContext, projectName: s
     externalRuntimeStyles: boolean | undefined;
     instrumentForCoverage: ((filename: string) => boolean) | undefined;
     security: import("./schema").Security | undefined;
+    templateUpdates: boolean;
 }>;
 export declare function getLocaleBaseHref(baseHref: string | undefined, i18n: NormalizedApplicationBuildOptions['i18nOptions'], locale: string): string | undefined;
 export {};

package/src/builders/application/options.js

@@ -296,6 +296,7 @@ async function normalizeOptions(context, projectName, options, extensions) {
         externalRuntimeStyles,
         instrumentForCoverage,
         security,
+        templateUpdates: !!options.templateUpdates,
     };
 }
 async function getTailwindConfig(searchDirectories, workspaceRoot, context) {
@@ -348,6 +349,14 @@ function normalizeEntryPoints(workspaceRoot, browser, entryPoints = new Set()) {
         // Use `browser` alone.
         return { 'main': node_path_1.default.join(workspaceRoot, browser) };
     }
+    else if (entryPoints instanceof Map) {
+        return Object.fromEntries(Array.from(entryPoints.entries(), ([name, entryPoint]) => {
+            // Get the full file path to a relative entry point input. Leave bare specifiers alone so they are resolved as modules.
+            const isRelativePath = entryPoint.startsWith('.');
+            const entryPointPath = isRelativePath ? node_path_1.default.join(workspaceRoot, entryPoint) : entryPoint;
+            return [name, entryPointPath];
+        }));
+    }
     else {
         // Use `entryPoints` alone.
         const entryPointPaths = {};

package/src/builders/application/setup-bundling.d.ts

@@ -17,5 +17,8 @@ import { NormalizedApplicationBuildOptions } from './options';
  * @param codeBundleCache An instance of the TypeScript source file cache.
  * @returns An array of BundlerContext objects.
  */
-export declare function setupBundlerContexts(options: NormalizedApplicationBuildOptions, target: string[], codeBundleCache: SourceFileCache, stylesheetBundler: ComponentStylesheetBundler): BundlerContext[];
+export declare function setupBundlerContexts(options: NormalizedApplicationBuildOptions, target: string[], codeBundleCache: SourceFileCache, stylesheetBundler: ComponentStylesheetBundler, templateUpdates: Map<string, string> | undefined): {
+    typescriptContexts: BundlerContext[];
+    otherContexts: BundlerContext[];
+};
 export declare function createComponentStyleBundler(options: NormalizedApplicationBuildOptions, target: string[]): ComponentStylesheetBundler;

package/src/builders/application/setup-bundling.js

@@ -23,22 +23,29 @@ const utils_1 = require("../../tools/esbuild/utils");
  * @param codeBundleCache An instance of the TypeScript source file cache.
  * @returns An array of BundlerContext objects.
  */
-function setupBundlerContexts(options, target, codeBundleCache, stylesheetBundler) {
+function setupBundlerContexts(options, target, codeBundleCache, stylesheetBundler, templateUpdates) {
     const { outputMode, serverEntryPoint, appShellOptions, prerenderOptions, ssrOptions, workspaceRoot, watch = false, } = options;
-    const bundlerContexts = [];
+    const typescriptContexts = [];
+    const otherContexts = [];
     // Browser application code
-    bundlerContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, (0, application_code_bundle_1.createBrowserCodeBundleOptions)(options, target, codeBundleCache, stylesheetBundler)));
+    typescriptContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, (0, application_code_bundle_1.createBrowserCodeBundleOptions)(options, target, codeBundleCache, stylesheetBundler, templateUpdates)));
     // Browser polyfills code
     const browserPolyfillBundleOptions = (0, application_code_bundle_1.createBrowserPolyfillBundleOptions)(options, target, codeBundleCache, stylesheetBundler);
     if (browserPolyfillBundleOptions) {
-        bundlerContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, browserPolyfillBundleOptions));
+        const browserPolyfillContext = new bundler_context_1.BundlerContext(workspaceRoot, watch, browserPolyfillBundleOptions);
+        if (typeof browserPolyfillBundleOptions === 'function') {
+            otherContexts.push(browserPolyfillContext);
+        }
+        else {
+            typescriptContexts.push(browserPolyfillContext);
+        }
     }
     // Global Stylesheets
     if (options.globalStyles.length > 0) {
         for (const initial of [true, false]) {
             const bundleOptions = (0, global_styles_1.createGlobalStylesBundleOptions)(options, target, initial);
             if (bundleOptions) {
-                bundlerContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, bundleOptions, () => initial));
+                otherContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, bundleOptions, () => initial));
             }
         }
     }
@@ -47,25 +54,25 @@ function setupBundlerContexts(options, target, codeBundleCache, stylesheetBundle
         for (const initial of [true, false]) {
             const bundleOptions = (0, global_scripts_1.createGlobalScriptsBundleOptions)(options, target, initial);
             if (bundleOptions) {
-                bundlerContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, bundleOptions, () => initial));
+                otherContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, bundleOptions, () => initial));
             }
         }
     }
     // Skip server build when none of the features are enabled.
     if (serverEntryPoint && (outputMode || prerenderOptions || appShellOptions || ssrOptions)) {
         const nodeTargets = [...target, ...(0, utils_1.getSupportedNodeTargets)()];
-        bundlerContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, (0, application_code_bundle_1.createServerMainCodeBundleOptions)(options, nodeTargets, codeBundleCache, stylesheetBundler)));
+        typescriptContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, (0, application_code_bundle_1.createServerMainCodeBundleOptions)(options, nodeTargets, codeBundleCache, stylesheetBundler)));
         if (outputMode && ssrOptions?.entry) {
             // New behavior introduced: 'server.ts' is now bundled separately from 'main.server.ts'.
-            bundlerContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, (0, application_code_bundle_1.createSsrEntryCodeBundleOptions)(options, nodeTargets, codeBundleCache, stylesheetBundler)));
+            typescriptContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, (0, application_code_bundle_1.createSsrEntryCodeBundleOptions)(options, nodeTargets, codeBundleCache, stylesheetBundler)));
         }
         // Server polyfills code
-        const serverPolyfillBundleOptions = (0, application_code_bundle_1.createServerPolyfillBundleOptions)(options, nodeTargets, codeBundleCache);
+        const serverPolyfillBundleOptions = (0, application_code_bundle_1.createServerPolyfillBundleOptions)(options, nodeTargets, codeBundleCache.loadResultCache);
         if (serverPolyfillBundleOptions) {
-            bundlerContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, serverPolyfillBundleOptions));
+            otherContexts.push(new bundler_context_1.BundlerContext(workspaceRoot, watch, serverPolyfillBundleOptions));
         }
     }
-    return bundlerContexts;
+    return { typescriptContexts, otherContexts };
 }
 function createComponentStyleBundler(options, target) {
     const { workspaceRoot, optimizationOptions, sourcemapOptions, outputNames, externalDependencies, preserveSymlinks, stylePreprocessorOptions, inlineStyleLanguage, cacheOptions, tailwindConfiguration, postcssConfiguration, publicPath, } = options;

package/src/builders/dev-server/options.d.ts

@@ -26,8 +26,8 @@ export declare function normalizeOptions(context: BuilderContext, projectName: s
     open: boolean | undefined;
     verbose: boolean | undefined;
     watch: boolean | undefined;
-    liveReload: boolean | undefined;
-    hmr: boolean | undefined;
+    liveReload: boolean;
+    hmr: boolean;
     headers: {
         [key: string]: string;
     } | undefined;

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

@@ -83,8 +83,8 @@ async function normalizeOptions(context, projectName, options) {
         open,
         verbose,
         watch,
-        liveReload,
-        hmr,
+        liveReload: !!liveReload,
+        hmr: hmr ?? !!liveReload,
         headers,
         workspaceRoot,
         projectRoot,

package/src/builders/dev-server/schema.d.ts

@@ -15,7 +15,8 @@ export interface Schema {
         [key: string]: string;
     };
     /**
-     * Enable hot module replacement.
+     * Enable hot module replacement. Defaults to the value of 'liveReload'. Currently, only
+     * global and component stylesheets are supported.
      */
     hmr?: boolean;
     /**

package/src/builders/dev-server/schema.json

@@ -67,8 +67,7 @@
     },
     "hmr": {
       "type": "boolean",
-      "description": "Enable hot module replacement.",
-      "default": false
+      "description": "Enable hot module replacement. Defaults to the value of 'liveReload'. Currently, only global and component stylesheets are supported."
     },
     "watch": {
       "type": "boolean",

package/src/builders/dev-server/vite-server.d.ts

@@ -8,6 +8,7 @@
 import type { BuilderContext } from '@angular-devkit/architect';
 import type { Plugin } from 'esbuild';
 import type { Connect, DepOptimizationConfig, InlineConfig } from 'vite';
+import type { ComponentStyleRecord } from '../../tools/vite/middlewares';
 import { ServerSsrMode } from '../../tools/vite/plugins';
 import { Result } from '../application/results';
 import { type ApplicationBuilderInternalOptions, BuildOutputFileType, type ExternalResultMetadata, JavaScriptTransformer } from './internal';
@@ -32,6 +33,6 @@ export declare function serveWithVite(serverOptions: NormalizedDevServerOptions,
     middleware?: Connect.NextHandleFunction[];
     buildPlugins?: Plugin[];
 }): AsyncIterableIterator<DevServerBuilderOutput>;
-export declare function setupServer(serverOptions: NormalizedDevServerOptions, outputFiles: Map<string, OutputFileRecord>, assets: Map<string, string>, preserveSymlinks: boolean | undefined, externalMetadata: DevServerExternalResultMetadata, ssrMode: ServerSsrMode, prebundleTransformer: JavaScriptTransformer, target: string[], zoneless: boolean, usedComponentStyles: Map<string, Set<string>>, templateUpdates: Map<string, string>, prebundleLoaderExtensions: EsbuildLoaderOption | undefined, extensionMiddleware?: Connect.NextHandleFunction[], indexHtmlTransformer?: (content: string) => Promise<string>, thirdPartySourcemaps?: boolean): Promise<InlineConfig>;
+export declare function setupServer(serverOptions: NormalizedDevServerOptions, outputFiles: Map<string, OutputFileRecord>, assets: Map<string, string>, preserveSymlinks: boolean | undefined, externalMetadata: DevServerExternalResultMetadata, ssrMode: ServerSsrMode, prebundleTransformer: JavaScriptTransformer, target: string[], zoneless: boolean, componentStyles: Map<string, ComponentStyleRecord>, templateUpdates: Map<string, string>, prebundleLoaderExtensions: EsbuildLoaderOption | undefined, extensionMiddleware?: Connect.NextHandleFunction[], indexHtmlTransformer?: (content: string) => Promise<string>, thirdPartySourcemaps?: boolean): Promise<InlineConfig>;
 type EsbuildLoaderOption = Exclude<DepOptimizationConfig['esbuildOptions'], undefined>['loader'];
 export {};