@angular/build 19.0.0-next.9 → 19.0.0-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "19.0.0-next.9",
+  "version": "19.0.0-rc.1",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,39 +23,41 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.1900.0-next.9",
-    "@babel/core": "7.25.2",
-    "@babel/helper-annotate-as-pure": "7.24.7",
+    "@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",
-    "@babel/plugin-syntax-import-attributes": "7.25.6",
-    "@inquirer/confirm": "4.0.1",
+    "@babel/plugin-syntax-import-attributes": "7.26.0",
+    "@inquirer/confirm": "5.0.1",
     "@vitejs/plugin-basic-ssl": "1.1.0",
+    "beasties": "0.1.0",
     "browserslist": "^4.23.0",
-    "critters": "0.0.24",
     "esbuild": "0.24.0",
     "fast-glob": "3.3.2",
     "https-proxy-agent": "7.0.5",
     "istanbul-lib-instrument": "6.0.3",
-    "listr2": "8.2.4",
-    "lmdb": "3.1.3",
-    "magic-string": "0.30.11",
+    "listr2": "8.2.5",
+    "magic-string": "0.30.12",
     "mrmime": "2.0.0",
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
     "piscina": "4.7.0",
-    "rollup": "4.22.5",
-    "sass": "1.79.4",
+    "rollup": "4.24.4",
+    "sass": "1.80.6",
     "semver": "7.6.3",
-    "vite": "5.4.8",
+    "vite": "5.4.10",
     "watchpack": "2.4.2"
   },
+  "optionalDependencies": {
+    "lmdb": "3.1.4"
+  },
   "peerDependencies": {
-    "@angular/compiler": "^19.0.0-next.0",
-    "@angular/compiler-cli": "^19.0.0-next.0",
-    "@angular/localize": "^19.0.0-next.0",
-    "@angular/platform-server": "^19.0.0-next.0",
-    "@angular/service-worker": "^19.0.0-next.0",
-    "@angular/ssr": "^19.0.0-next.9",
+    "@angular/compiler": "^19.0.0-next.9",
+    "@angular/compiler-cli": "^19.0.0-next.9",
+    "@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.1",
     "less": "^4.2.0",
     "postcss": "^8.4.0",
     "tailwindcss": "^2.0.0 || ^3.0.0",

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

@@ -83,12 +83,6 @@ async function* runEsBuildBuildAction(action, options) {
             cacheOptions.basePath,
             `${workspaceRoot.replace(/\\/g, '/')}/**/.*/**`,
         ];
-        if (!preserveSymlinks) {
-            // Ignore all node modules directories to avoid excessive file watchers.
-            // Package changes are handled below by watching manifest and lock files.
-            // NOTE: this is not enable when preserveSymlinks is true as this would break `npm link` usages.
-            ignored.push('**/node_modules/**');
-        }
         // Setup a watcher
         const { createWatcher } = await Promise.resolve().then(() => __importStar(require('../../tools/esbuild/watcher')));
         watcher = createWatcher({
@@ -101,11 +95,17 @@ async function* runEsBuildBuildAction(action, options) {
         options.signal?.addEventListener('abort', () => void watcher?.close());
         // Watch the entire project root if 'NG_BUILD_WATCH_ROOT' environment variable is set
         if (environment_options_1.shouldWatchRoot) {
+            if (!preserveSymlinks) {
+                // Ignore all node modules directories to avoid excessive file watchers.
+                // Package changes are handled below by watching manifest and lock files.
+                // NOTE: this is not enable when preserveSymlinks is true as this would break `npm link` usages.
+                ignored.push('**/node_modules/**');
+                watcher.add(packageWatchFiles
+                    .map((file) => node_path_1.default.join(workspaceRoot, file))
+                    .filter((file) => (0, node_fs_1.existsSync)(file)));
+            }
             watcher.add(projectRoot);
         }
-        watcher.add(packageWatchFiles
-            .map((file) => node_path_1.default.join(workspaceRoot, file))
-            .filter((file) => (0, node_fs_1.existsSync)(file)));
         // Watch locations provided by the initial build result
         watcher.add(result.watchFiles);
     }
@@ -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/chunk-optimizer.js

@@ -83,10 +83,7 @@ async function optimizeChunks(original, sourcemap) {
         const result = await bundle.generate({
             compact: true,
             sourcemap,
-            chunkFileNames(chunkInfo) {
-                // Do not add hash to file name if already present
-                return /-[a-zA-Z0-9]{8}$/.test(chunkInfo.name) ? '[name].js' : '[name]-[hash].js';
-            },
+            chunkFileNames: (chunkInfo) => `${chunkInfo.name.replace(/-[a-zA-Z0-9]{8}$/, '')}-[hash].js`,
         });
         optimizedOutput = result.output;
     }

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
@@ -41,18 +36,63 @@ async function executeBuild(options, context, rebuildState) {
         await (0, i18n_1.loadActiveTranslations)(context, i18nOptions);
     }
     // Reuse rebuild state or create new bundle contexts for code and global stylesheets
-    let bundlerContexts = rebuildState?.rebuildContexts;
-    const codeBundleCache = rebuildState?.codeBundleCache ??
-        new source_file_cache_1.SourceFileCache(cacheOptions.enabled ? cacheOptions.path : undefined);
-    if (bundlerContexts === undefined) {
-        bundlerContexts = (0, setup_bundling_1.setupBundlerContexts)(options, browsers, codeBundleCache);
+    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);
+        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]);
     }
-    let bundlingResult = await bundler_context_1.BundlerContext.bundleAll(bundlerContexts, rebuildState?.fileChanges.all);
     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, 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) {
+        executionResult.extraWatchFiles.push(...componentStyleBundler.collectReferencedFiles());
+    }
     // Return if the bundling has errors
     if (bundlingResult.errors) {
         executionResult.addErrors(bundlingResult.errors);
@@ -113,7 +153,11 @@ 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) {
+        options.security.autoCsp = false;
     }
     // Perform i18n translation inlining if enabled
     if (i18nOptions.shouldInline) {
@@ -132,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.
@@ -71,7 +73,15 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
             // Update the index contents with the app shell under these conditions:
             // - Replace 'index.html' with the app shell only if it hasn't been prerendered yet.
             // - Always replace 'index.csr.html' with the app shell.
-            const filePath = appShellRoute && !indexHasBeenPrerendered ? indexHtmlOptions.output : path;
+            let filePath = path;
+            if (appShellRoute && !indexHasBeenPrerendered) {
+                if (outputMode !== schema_1.OutputMode.Server && indexHtmlOptions.output === options_1.INDEX_HTML_CSR) {
+                    filePath = 'index.html';
+                }
+                else {
+                    filePath = indexHtmlOptions.output;
+                }
+            }
             additionalHtmlOutputFiles.set(filePath, (0, utils_1.createOutputFile)(filePath, content, bundler_context_1.BuildOutputFileType.Browser));
         }
         const serializableRouteTreeNodeForManifest = [];
@@ -79,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;
                 }
@@ -94,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/index.d.ts

@@ -6,7 +6,6 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 import { BuilderContext, BuilderOutput } from '@angular-devkit/architect';
-import type { Plugin } from 'esbuild';
 import { BuildOutputFile } from '../../tools/esbuild/bundler-context';
 import { ApplicationBuilderExtensions, ApplicationBuilderInternalOptions } from './options';
 import { Result } from './results';
@@ -22,21 +21,6 @@ export interface ApplicationBuilderOutput extends BuilderOutput {
         destination: string;
     }[];
 }
-/**
- * Builds an application using the `application` builder with the provided
- * options.
- *
- * Usage of the `plugins` parameter is NOT supported and may cause unexpected
- * build output or build failures.
- *
- * @experimental Direct usage of this function is considered experimental.
- *
- * @param options The options defined by the builder's schema to use.
- * @param context An Architect builder context instance.
- * @param plugins An array of plugins to apply to the main code bundling.
- * @returns The build output results of the build.
- */
-export declare function buildApplication(options: ApplicationBuilderOptions, context: BuilderContext, plugins?: Plugin[]): AsyncIterable<ApplicationBuilderOutput>;
 /**
  * Builds an application using the `application` builder with the provided
  * options.

package/src/builders/application/index.js

@@ -100,16 +100,21 @@ context, extensions) {
         signal,
     });
 }
-async function* buildApplication(options, context, pluginsOrExtensions) {
-    let extensions;
-    if (pluginsOrExtensions && Array.isArray(pluginsOrExtensions)) {
-        extensions = {
-            codePlugins: pluginsOrExtensions,
-        };
-    }
-    else {
-        extensions = pluginsOrExtensions;
-    }
+/**
+ * Builds an application using the `application` builder with the provided
+ * options.
+ *
+ * Usage of the `extensions` parameter is NOT supported and may cause unexpected
+ * build output or build failures.
+ *
+ * @experimental Direct usage of this function is considered experimental.
+ *
+ * @param options The options defined by the builder's schema to use.
+ * @param context An Architect builder context instance.
+ * @param extensions An object contain extension points for the build.
+ * @returns The build output results of the build.
+ */
+async function* buildApplication(options, context, extensions) {
     let initial = true;
     for await (const result of buildApplicationInternal(options, context, extensions)) {
         const outputOptions = result.detail?.['outputOptions'];

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

@@ -9,7 +9,7 @@ import type { BuilderContext } from '@angular-devkit/architect';
 import type { Plugin } from 'esbuild';
 import { I18nOptions } from '../../utils/i18n-options';
 import { IndexHtmlTransform } from '../../utils/index-file/index-html-generator';
-import { Schema as ApplicationBuilderOptions, I18NTranslation, OutputMode, OutputPathClass } from './schema';
+import { Schema as ApplicationBuilderOptions, ExperimentalPlatform, I18NTranslation, OutputMode, OutputPathClass } from './schema';
 /**
  * The filename for the client-side rendered HTML template.
  * This template is used for client-side rendering (CSR) in a web application.
@@ -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.
      *
@@ -119,8 +127,10 @@ export declare function normalizeOptions(context: BuilderContext, projectName: s
     outputMode: OutputMode | undefined;
     ssrOptions: {
         entry?: undefined;
+        platform?: undefined;
     } | {
         entry: string | undefined;
+        platform: ExperimentalPlatform;
     } | undefined;
     verbose: boolean | undefined;
     watch: boolean | undefined;
@@ -181,6 +191,8 @@ export declare function normalizeOptions(context: BuilderContext, projectName: s
     partialSSRBuild: boolean;
     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

@@ -116,14 +116,12 @@ async function normalizeOptions(context, projectName, options, extensions) {
         if (!options.server) {
             options.ssr = false;
         }
-        if (options.prerender) {
-            context.logger.warn('The "prerender" option is no longer needed when "outputMode" is specified.');
+        if (options.prerender !== undefined) {
+            context.logger.warn('The "prerender" option is not considered when "outputMode" is specified.');
         }
-        else {
-            options.prerender = !!options.server;
-        }
-        if (options.appShell) {
-            context.logger.warn('The "appShell" option is no longer needed when "outputMode" is specified.');
+        options.prerender = !!options.server;
+        if (options.appShell !== undefined) {
+            context.logger.warn('The "appShell" option is not considered when "outputMode" is specified.');
         }
     }
     // A configuration file can exist in the project or workspace root
@@ -153,9 +151,10 @@ async function normalizeOptions(context, projectName, options, extensions) {
         ssrOptions = {};
     }
     else if (typeof options.ssr === 'object') {
-        const { entry } = options.ssr;
+        const { entry, experimentalPlatform = schema_1.ExperimentalPlatform.Node } = options.ssr;
         ssrOptions = {
             entry: entry && node_path_1.default.join(workspaceRoot, entry),
+            platform: experimentalPlatform,
         };
     }
     let appShellOptions;
@@ -199,10 +198,16 @@ async function normalizeOptions(context, projectName, options, extensions) {
              * 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 && indexBaseName === 'index.html' ? exports.INDEX_HTML_CSR : indexBaseName;
+            indexOutput =
+                (ssrOptions || prerenderOptions) && indexBaseName === 'index.html'
+                    ? exports.INDEX_HTML_CSR
+                    : indexBaseName;
         }
         else {
             indexOutput = options.index.output || 'index.html';
@@ -231,7 +236,7 @@ async function normalizeOptions(context, projectName, options, extensions) {
         }
     }
     // Initial options to keep
-    const { allowedCommonJsDependencies, aot, baseHref, crossOrigin, externalDependencies, extractLicenses, inlineStyleLanguage = 'css', outExtension, serviceWorker, poll, polyfills, statsJson, outputMode, stylePreprocessorOptions, subresourceIntegrity, verbose, watch, progress = true, externalPackages, namedChunks, budgets, deployUrl, clearScreen, define, partialSSRBuild = false, externalRuntimeStyles, instrumentForCoverage, } = options;
+    const { allowedCommonJsDependencies, aot, baseHref, crossOrigin, externalDependencies, extractLicenses, inlineStyleLanguage = 'css', outExtension, serviceWorker, poll, polyfills, statsJson, outputMode, stylePreprocessorOptions, subresourceIntegrity, verbose, watch, progress = true, externalPackages, namedChunks, budgets, deployUrl, clearScreen, define, partialSSRBuild = false, externalRuntimeStyles, instrumentForCoverage, security, } = options;
     // Return all the normalized options
     return {
         advancedOptimizations: !!aot && optimizationOptions.scripts,
@@ -290,6 +295,8 @@ async function normalizeOptions(context, projectName, options, extensions) {
         partialSSRBuild: environment_options_1.usePartialSsrBuild || partialSSRBuild,
         externalRuntimeStyles,
         instrumentForCoverage,
+        security,
+        templateUpdates: !!options.templateUpdates,
     };
 }
 async function getTailwindConfig(searchDirectories, workspaceRoot, context) {
@@ -342,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/results.d.ts

@@ -61,7 +61,9 @@ export interface ResultMessage {
 }
 export interface ComponentUpdateResult extends BaseResult {
     kind: ResultKind.ComponentUpdate;
-    id: string;
-    type: 'style' | 'template';
-    content: string;
+    updates: {
+        id: string;
+        type: 'style' | 'template';
+        content: string;
+    }[];
 }