@angular-devkit/build-angular 17.3.0-rc.0 → 17.3.1

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@angular-devkit/build-angular",
-  "version": "17.3.0-rc.0",
+  "version": "17.3.1",
   "description": "Angular Webpack Build Facade",
   "main": "src/index.js",
   "typings": "src/index.d.ts",
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.1703.0-rc.0",
-    "@angular-devkit/build-webpack": "0.1703.0-rc.0",
-    "@angular-devkit/core": "17.3.0-rc.0",
+    "@angular-devkit/architect": "0.1703.1",
+    "@angular-devkit/build-webpack": "0.1703.1",
+    "@angular-devkit/core": "17.3.1",
     "@babel/core": "7.24.0",
     "@babel/generator": "7.23.6",
     "@babel/helper-annotate-as-pure": "7.22.5",
@@ -20,7 +20,7 @@
     "@babel/preset-env": "7.24.0",
     "@babel/runtime": "7.24.0",
     "@discoveryjs/json-ext": "0.5.7",
-    "@ngtools/webpack": "17.3.0-rc.0",
+    "@ngtools/webpack": "17.3.1",
     "@vitejs/plugin-basic-ssl": "1.1.0",
     "ansi-colors": "4.1.3",
     "autoprefixer": "10.4.18",
@@ -28,7 +28,7 @@
     "babel-plugin-istanbul": "6.1.1",
     "browserslist": "^4.21.5",
     "copy-webpack-plugin": "11.0.0",
-    "critters": "0.0.20",
+    "critters": "0.0.22",
     "css-loader": "6.10.0",
     "esbuild-wasm": "0.20.1",
     "fast-glob": "3.3.2",
@@ -58,10 +58,10 @@
     "semver": "7.6.0",
     "source-map-loader": "5.0.0",
     "source-map-support": "0.5.21",
-    "terser": "5.28.1",
+    "terser": "5.29.1",
     "tree-kill": "1.2.2",
     "tslib": "2.6.2",
-    "undici": "6.7.0",
+    "undici": "6.7.1",
     "vite": "5.1.5",
     "watchpack": "2.4.0",
     "webpack": "5.90.3",
@@ -74,16 +74,16 @@
     "esbuild": "0.20.1"
   },
   "peerDependencies": {
-    "@angular/compiler-cli": "^17.0.0 || ^17.3.0-next.0",
-    "@angular/localize": "^17.0.0 || ^17.3.0-next.0",
-    "@angular/platform-server": "^17.0.0 || ^17.3.0-next.0",
-    "@angular/service-worker": "^17.0.0 || ^17.3.0-next.0",
+    "@angular/compiler-cli": "^17.0.0",
+    "@angular/localize": "^17.0.0",
+    "@angular/platform-server": "^17.0.0",
+    "@angular/service-worker": "^17.0.0",
     "@web/test-runner": "^0.18.0",
     "browser-sync": "^3.0.2",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "karma": "^6.3.0",
-    "ng-packagr": "^17.0.0 || ^17.3.0-next.0",
+    "ng-packagr": "^17.0.0",
     "protractor": "^7.0.0",
     "tailwindcss": "^2.0.0 || ^3.0.0",
     "typescript": ">=5.2 <5.5"

package/src/builders/application/build-action.d.ts

@@ -11,7 +11,8 @@ import { BuildOutputFile } from '../../tools/esbuild/bundler-context';
 import { ExecutionResult, RebuildState } from '../../tools/esbuild/bundler-execution-result';
 import { NormalizedCachedOptions } from '../../utils/normalize-cache';
 import { NormalizedOutputOptions } from './options';
-export declare function runEsBuildBuildAction(action: (rebuildState?: RebuildState) => ExecutionResult | Promise<ExecutionResult>, options: {
+type BuildActionOutput = (ExecutionResult['outputWithFiles'] | ExecutionResult['output']) & BuilderOutput;
+export declare function runEsBuildBuildAction(action: (rebuildState?: RebuildState) => Promise<ExecutionResult>, options: {
     workspaceRoot: string;
     projectRoot: string;
     outputOptions: NormalizedOutputOptions;
@@ -27,4 +28,7 @@ export declare function runEsBuildBuildAction(action: (rebuildState?: RebuildSta
     signal?: AbortSignal;
     preserveSymlinks?: boolean;
     clearScreen?: boolean;
-}): AsyncIterable<(ExecutionResult['outputWithFiles'] | ExecutionResult['output']) & BuilderOutput>;
+    colors?: boolean;
+    jsonLogs?: boolean;
+}): AsyncIterable<BuildActionOutput>;
+export {};

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

@@ -54,7 +54,7 @@ const packageWatchFiles = [
     '.pnp.data.json',
 ];
 async function* runEsBuildBuildAction(action, options) {
-    const { writeToFileSystemFilter, writeToFileSystem, watch, poll, clearScreen, logger, deleteOutputPath, cacheOptions, outputOptions, verbose, projectRoot, workspaceRoot, progress, preserveSymlinks, } = options;
+    const { writeToFileSystemFilter, writeToFileSystem, watch, poll, clearScreen, logger, deleteOutputPath, cacheOptions, outputOptions, verbose, projectRoot, workspaceRoot, progress, preserveSymlinks, colors, jsonLogs, } = options;
     if (deleteOutputPath && writeToFileSystem) {
         await (0, delete_output_dir_1.deleteOutputDir)(workspaceRoot, outputOptions.base, [
             outputOptions.browser,
@@ -67,6 +67,8 @@ async function* runEsBuildBuildAction(action, options) {
     try {
         // Perform the build action
         result = await withProgress('Building...', () => action());
+        // Log all diagnostic (error/warning/logs) messages
+        await (0, utils_1.logMessages)(logger, result, colors, jsonLogs);
     }
     finally {
         // Ensure Sass workers are shutdown if not watching
@@ -115,16 +117,7 @@ async function* runEsBuildBuildAction(action, options) {
     // Output the first build results after setting up the watcher to ensure that any code executed
     // higher in the iterator call stack will trigger the watcher. This is particularly relevant for
     // unit tests which execute the builder and modify the file system programmatically.
-    if (writeToFileSystem) {
-        // Write output files
-        await (0, utils_1.writeResultFiles)(result.outputFiles, result.assetFiles, outputOptions);
-        yield result.output;
-    }
-    else {
-        // Requires casting due to unneeded `JsonObject` requirement. Remove once fixed.
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        yield result.outputWithFiles;
-    }
+    yield await writeAndEmitOutput(writeToFileSystem, result, outputOptions, writeToFileSystemFilter);
     // Finish if watch mode is not enabled
     if (!watcher) {
         return;
@@ -144,6 +137,8 @@ async function* runEsBuildBuildAction(action, options) {
                 logger.info(changes.toDebugString());
             }
             result = await withProgress('Changes detected. Rebuilding...', () => action(result.createRebuildState(changes)));
+            // Log all diagnostic (error/warning/logs) messages
+            await (0, utils_1.logMessages)(logger, result, colors, jsonLogs);
             // Update watched locations provided by the new build result.
             // Keep watching all previous files if there are any errors; otherwise consider all
             // files stale until confirmed present in the new result's watch files.
@@ -161,19 +156,7 @@ async function* runEsBuildBuildAction(action, options) {
             if (staleWatchFiles?.size) {
                 watcher.remove([...staleWatchFiles]);
             }
-            if (writeToFileSystem) {
-                // Write output files
-                const filesToWrite = writeToFileSystemFilter
-                    ? result.outputFiles.filter(writeToFileSystemFilter)
-                    : result.outputFiles;
-                await (0, utils_1.writeResultFiles)(filesToWrite, result.assetFiles, outputOptions);
-                yield result.output;
-            }
-            else {
-                // Requires casting due to unneeded `JsonObject` requirement. Remove once fixed.
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                yield result.outputWithFiles;
-            }
+            yield await writeAndEmitOutput(writeToFileSystem, result, outputOptions, writeToFileSystemFilter);
         }
     }
     finally {
@@ -183,3 +166,18 @@ async function* runEsBuildBuildAction(action, options) {
     }
 }
 exports.runEsBuildBuildAction = runEsBuildBuildAction;
+async function writeAndEmitOutput(writeToFileSystem, { outputFiles, output, outputWithFiles, assetFiles }, outputOptions, writeToFileSystemFilter) {
+    if (writeToFileSystem) {
+        // Write output files
+        const outputFilesToWrite = writeToFileSystemFilter
+            ? outputFiles.filter(writeToFileSystemFilter)
+            : outputFiles;
+        await (0, utils_1.writeResultFiles)(outputFilesToWrite, assetFiles, outputOptions);
+        return output;
+    }
+    else {
+        // Requires casting due to unneeded `JsonObject` requirement. Remove once fixed.
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return outputWithFiles;
+    }
+}

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

@@ -120,7 +120,7 @@ async function executeBuild(options, context, rebuildState) {
         executionResult.addOutputFile('stats.json', JSON.stringify(metafile, null, 2), bundler_context_1.BuildOutputFileType.Root);
     }
     if (!jsonLogs) {
-        context.logger.info((0, utils_1.logBuildStats)(metafile, initialFiles, budgetFailures, colors, changedFiles, estimatedTransferSizes, !!ssrOptions, verbose));
+        executionResult.addLog((0, utils_1.logBuildStats)(metafile, initialFiles, budgetFailures, colors, changedFiles, estimatedTransferSizes, !!ssrOptions, verbose));
     }
     return executionResult;
 }

package/src/builders/application/index.js

@@ -62,22 +62,23 @@ context, infrastructureSettings, extensions) {
         const { prerenderOptions, outputOptions, jsonLogs } = normalizedOptions;
         const startTime = process.hrtime.bigint();
         const result = await (0, execute_build_1.executeBuild)(normalizedOptions, context, rebuildState);
-        if (!jsonLogs) {
+        if (jsonLogs) {
+            result.addLog(await (0, utils_1.createJsonBuildManifest)(result, normalizedOptions));
+        }
+        else {
             if (prerenderOptions) {
                 const prerenderedRoutesLength = result.prerenderedRoutes.length;
                 let prerenderMsg = `Prerendered ${prerenderedRoutesLength} static route`;
                 prerenderMsg += prerenderedRoutesLength !== 1 ? 's.' : '.';
-                logger.info(color_1.colors.magenta(prerenderMsg));
+                result.addLog(color_1.colors.magenta(prerenderMsg));
             }
             const buildTime = Number(process.hrtime.bigint() - startTime) / 10 ** 9;
             const hasError = result.errors.length > 0;
             if (writeToFileSystem && !hasError) {
-                logger.info(`Output location: ${outputOptions.base}\n`);
+                result.addLog(`Output location: ${outputOptions.base}\n`);
             }
-            logger.info(`Application bundle generation ${hasError ? 'failed' : 'complete'}. [${buildTime.toFixed(3)} seconds]`);
+            result.addLog(`Application bundle generation ${hasError ? 'failed' : 'complete'}. [${buildTime.toFixed(3)} seconds]\n`);
         }
-        // Log all diagnostic (error/warning) messages
-        await (0, utils_1.logMessages)(logger, result, normalizedOptions);
         return result;
     }, {
         watch: normalizedOptions.watch,
@@ -91,6 +92,8 @@ context, infrastructureSettings, extensions) {
         workspaceRoot: normalizedOptions.workspaceRoot,
         progress: normalizedOptions.progress,
         clearScreen: normalizedOptions.clearScreen,
+        colors: normalizedOptions.colors,
+        jsonLogs: normalizedOptions.jsonLogs,
         writeToFileSystem,
         // For app-shell and SSG server files are not required by users.
         // Omit these when SSR is not enabled.

package/src/builders/application/options.js

@@ -141,7 +141,7 @@ async function normalizeOptions(context, projectName, options, extensions) {
         serverEntryPoint = node_path_1.default.join(workspaceRoot, options.server);
     }
     else if (options.server === '') {
-        throw new Error('`server` option cannot be an empty string.');
+        throw new Error('The "server" option cannot be an empty string.');
     }
     let prerenderOptions;
     if (options.prerender) {
@@ -167,6 +167,9 @@ async function normalizeOptions(context, projectName, options, extensions) {
             route: 'shell',
         };
     }
+    if ((appShellOptions || ssrOptions || prerenderOptions) && !serverEntryPoint) {
+        throw new Error('The "server" option is required when enabling "ssr", "prerender" or "app-shell".');
+    }
     // Initial options to keep
     const { allowedCommonJsDependencies, aot, baseHref, crossOrigin, externalDependencies, extractLicenses, inlineStyleLanguage = 'css', outExtension, serviceWorker, poll, polyfills, statsJson, stylePreprocessorOptions, subresourceIntegrity, verbose, watch, progress = true, externalPackages, deleteOutputPath, namedChunks, budgets, deployUrl, clearScreen, define, } = options;
     // Return all the normalized options

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

@@ -54,19 +54,28 @@ function execute(options, context, transforms = {}, extensions) {
     // Determine project name from builder context target
     const projectName = context.target?.project;
     if (!projectName) {
-        context.logger.error(`The 'dev-server' builder requires a target to be specified.`);
+        context.logger.error(`The "dev-server" builder requires a target to be specified.`);
         return rxjs_1.EMPTY;
     }
     return (0, rxjs_1.defer)(() => initialize(options, projectName, context, extensions?.builderSelector)).pipe((0, rxjs_1.switchMap)(({ builderName, normalizedOptions }) => {
         // Use vite-based development server for esbuild-based builds
         if (isEsbuildBased(builderName)) {
             if (transforms?.logging || transforms?.webpackConfiguration) {
-                throw new Error('The `application` and `browser-esbuild` builders do not support Webpack transforms.');
+                throw new Error(`The "application" and "browser-esbuild" builders do not support Webpack transforms.`);
             }
             // Warn if the initial options provided by the user enable prebundling but caching is disabled
             if (options.prebundle && !normalizedOptions.cacheOptions.enabled) {
                 context.logger.warn(`Prebundling has been configured but will not be used because caching has been disabled.`);
             }
+            if (options.allowedHosts?.length) {
+                context.logger.warn(`The "allowedHosts" option will not be used because it is not supported by the "${builderName}" builder.`);
+            }
+            if (options.publicHost) {
+                context.logger.warn(`The "publicHost" option will not be used because it is not supported by the "${builderName}" builder.`);
+            }
+            if (options.disableHostCheck) {
+                context.logger.warn(`The "disableHostCheck" option will not be used because it is not supported by the "${builderName}" builder.`);
+            }
             return (0, rxjs_1.defer)(() => Promise.resolve().then(() => __importStar(require('./vite-server')))).pipe((0, rxjs_1.switchMap)(({ serveWithVite }) => serveWithVite(normalizedOptions, builderName, context, transforms, extensions)));
         }
         // Warn if the initial options provided by the user enable prebundling with Webpack-based builders
@@ -74,10 +83,10 @@ function execute(options, context, transforms = {}, extensions) {
             context.logger.warn(`Prebundling has been configured but will not be used because it is not supported by the "${builderName}" builder.`);
         }
         if (extensions?.buildPlugins?.length) {
-            throw new Error('Only the `application` and `browser-esbuild` builders support plugins.');
+            throw new Error('Only the "application" and "browser-esbuild" builders support plugins.');
         }
         if (extensions?.middleware?.length) {
-            throw new Error('Only the `application` and `browser-esbuild` builders support middleware.');
+            throw new Error('Only the "application" and "browser-esbuild" builders support middleware.');
         }
         // Use Webpack for all other browser targets
         return (0, rxjs_1.defer)(() => Promise.resolve().then(() => __importStar(require('./webpack-server')))).pipe((0, rxjs_1.switchMap)(({ serveWebpackBrowser }) => serveWebpackBrowser(normalizedOptions, builderName, context, transforms)));

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

@@ -3,7 +3,8 @@
  */
 export interface Schema {
     /**
-     * List of hosts that are allowed to access the dev server.
+     * List of hosts that are allowed to access the dev server. This option has no effect when
+     * using the 'application' or other esbuild-based builders.
      */
     allowedHosts?: string[];
     /**
@@ -20,7 +21,8 @@ export interface Schema {
      */
     buildTarget?: string;
     /**
-     * Don't verify connected clients are part of allowed hosts.
+     * Don't verify connected clients are part of allowed hosts. This option has no effect when
+     * using the 'application' or other esbuild-based builders.
      */
     disableHostCheck?: boolean;
     /**
@@ -72,7 +74,8 @@ export interface Schema {
     /**
      * The URL that the browser client (or live-reload client, if enabled) should use to connect
      * to the development server. Use for a complex dev server setup, such as one with reverse
-     * proxies.
+     * proxies. This option has no effect when using the 'application' or other esbuild-based
+     * builders.
      */
     publicHost?: string;
     /**

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

@@ -69,11 +69,11 @@
     },
     "publicHost": {
       "type": "string",
-      "description": "The URL that the browser client (or live-reload client, if enabled) should use to connect to the development server. Use for a complex dev server setup, such as one with reverse proxies."
+      "description": "The URL that the browser client (or live-reload client, if enabled) should use to connect to the development server. Use for a complex dev server setup, such as one with reverse proxies. This option has no effect when using the 'application' or other esbuild-based builders."
     },
     "allowedHosts": {
       "type": "array",
-      "description": "List of hosts that are allowed to access the dev server.",
+      "description": "List of hosts that are allowed to access the dev server. This option has no effect when using the 'application' or other esbuild-based builders.",
       "default": [],
       "items": {
         "type": "string"
@@ -85,7 +85,7 @@
     },
     "disableHostCheck": {
       "type": "boolean",
-      "description": "Don't verify connected clients are part of allowed hosts.",
+      "description": "Don't verify connected clients are part of allowed hosts. This option has no effect when using the 'application' or other esbuild-based builders.",
       "default": false
     },
     "hmr": {

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

@@ -422,7 +422,6 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                 external: externalMetadata.explicit,
                 indexHtmlTransformer,
                 extensionMiddleware,
-                extraHeaders: serverOptions.headers,
                 normalizePath,
             }),
         ],

package/src/tools/esbuild/angular/angular-host.js

@@ -45,6 +45,10 @@ function createAngularCompilerHost(compilerOptions, hostOptions) {
         if (context.type !== 'style') {
             return null;
         }
+        // No transformation required if the resource is empty
+        if (data.trim().length === 0) {
+            return { content: '' };
+        }
         const result = await hostOptions.transformStylesheet(data, context.containingFile, context.resourceFile ?? undefined);
         return typeof result === 'string' ? { content: result } : null;
     };

package/src/tools/esbuild/angular/compiler-plugin.js

@@ -307,8 +307,11 @@ function createCompilerPlugin(pluginOptions, styleOptions) {
                     }
                     // Combine additional metafiles with main metafile
                     if (result.metafile && metafile) {
-                        result.metafile.inputs = { ...result.metafile.inputs, ...metafile.inputs };
-                        result.metafile.outputs = { ...result.metafile.outputs, ...metafile.outputs };
+                        // Append the existing object, by appending to it we prevent unnecessary new objections creations with spread
+                        // mitigating significant performance overhead for large apps.
+                        // See: https://bugs.chromium.org/p/v8/issues/detail?id=11536
+                        Object.assign(result.metafile.inputs, metafile.inputs);
+                        Object.assign(result.metafile.outputs, metafile.outputs);
                     }
                 }
                 (0, profiling_1.logCumulativeDurations)();

package/src/tools/esbuild/application-code-bundle.js

@@ -111,7 +111,7 @@ exports.createBrowserPolyfillBundleOptions = createBrowserPolyfillBundleOptions;
  * @returns An esbuild BuildOptions object.
  */
 function createServerCodeBundleOptions(options, target, sourceFileCache) {
-    const { jit, serverEntryPoint, workspaceRoot, ssrOptions, watch, externalPackages, prerenderOptions, } = options;
+    const { serverEntryPoint, workspaceRoot, ssrOptions, watch, externalPackages, prerenderOptions } = options;
     (0, node_assert_1.default)(serverEntryPoint, 'createServerCodeBundleOptions should not be called without a defined serverEntryPoint.');
     const { pluginOptions, styleOptions } = (0, compiler_plugin_options_1.createCompilerPluginOptions)(options, target, sourceFileCache);
     const mainServerNamespace = 'angular:server-render-utils';

package/src/tools/esbuild/bundler-context.js

@@ -85,8 +85,8 @@ class BundlerContext {
             }
             // Combine metafiles used for the stats option as well as bundle budgets and console output
             if (result.metafile) {
-                metafile.inputs = { ...metafile.inputs, ...result.metafile.inputs };
-                metafile.outputs = { ...metafile.outputs, ...result.metafile.outputs };
+                Object.assign(metafile.inputs, result.metafile.inputs);
+                Object.assign(metafile.outputs, result.metafile.outputs);
             }
             result.initialFiles.forEach((value, key) => initialFiles.set(key, value));
             outputFiles.push(...result.outputFiles);

package/src/tools/esbuild/bundler-execution-result.d.ts

@@ -35,10 +35,12 @@ export declare class ExecutionResult {
     errors: (Message | PartialMessage)[];
     prerenderedRoutes: string[];
     warnings: (Message | PartialMessage)[];
+    logs: string[];
     externalMetadata?: ExternalResultMetadata;
     constructor(rebuildContexts: BundlerContext[], codeBundleCache?: SourceFileCache | undefined);
     addOutputFile(path: string, content: string, type: BuildOutputFileType): void;
     addAssets(assets: BuildOutputAsset[]): void;
+    addLog(value: string): void;
     addError(error: PartialMessage | string): void;
     addErrors(errors: (PartialMessage | string)[]): void;
     addPrerenderedRoutes(routes: string[]): void;

package/src/tools/esbuild/bundler-execution-result.js

@@ -21,6 +21,7 @@ class ExecutionResult {
     errors = [];
     prerenderedRoutes = [];
     warnings = [];
+    logs = [];
     externalMetadata;
     constructor(rebuildContexts, codeBundleCache) {
         this.rebuildContexts = rebuildContexts;
@@ -32,6 +33,9 @@ class ExecutionResult {
     addAssets(assets) {
         this.assetFiles.push(...assets);
     }
+    addLog(value) {
+        this.logs.push(value);
+    }
     addError(error) {
         if (typeof error === 'string') {
             this.errors.push({ text: error, location: null });

package/src/tools/esbuild/utils.d.ts

@@ -22,7 +22,7 @@ export declare function withNoProgress<T>(text: string, action: () => T | Promis
  * @returns An object that can be used with the esbuild build `supported` option.
  */
 export declare function getFeatureSupport(target: string[]): BuildOptions['supported'];
-export declare function writeResultFiles(outputFiles: BuildOutputFile[], assetFiles: BuildOutputAsset[] | undefined, { base, browser, media, server }: NormalizedOutputOptions): Promise<void>;
+export declare function writeResultFiles(outputFiles: BuildOutputFile[], assetFiles: BuildOutputAsset[] | undefined, { base, browser, server }: NormalizedOutputOptions): Promise<void>;
 export declare function emitFilesToDisk<T = BuildOutputAsset | BuildOutputFile>(files: T[], writeFileCallback: (file: T) => Promise<void>): Promise<void>;
 export declare function createOutputFileFromText(path: string, text: string, type: BuildOutputFileType): BuildOutputFile;
 export declare function createOutputFileFromData(path: string, data: Uint8Array, type: BuildOutputFileType): BuildOutputFile;
@@ -37,4 +37,5 @@ export declare function transformSupportedBrowsersToTargets(supportedBrowsers: s
  * @see https://esbuild.github.io/api/#target
  */
 export declare function getSupportedNodeTargets(): string[];
-export declare function logMessages(logger: logging.LoggerApi, executionResult: ExecutionResult, options: NormalizedApplicationBuildOptions): Promise<void>;
+export declare function createJsonBuildManifest(result: ExecutionResult, normalizedOptions: NormalizedApplicationBuildOptions): Promise<string>;
+export declare function logMessages(logger: logging.LoggerApi, executionResult: ExecutionResult, color?: boolean, jsonLogs?: boolean): Promise<void>;

package/src/tools/esbuild/utils.js

@@ -10,7 +10,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.logMessages = exports.getSupportedNodeTargets = exports.transformSupportedBrowsersToTargets = exports.convertOutputFile = exports.createOutputFileFromData = exports.createOutputFileFromText = exports.emitFilesToDisk = exports.writeResultFiles = exports.getFeatureSupport = exports.withNoProgress = exports.withSpinner = exports.calculateEstimatedTransferSizes = exports.logBuildStats = void 0;
+exports.logMessages = exports.createJsonBuildManifest = exports.getSupportedNodeTargets = exports.transformSupportedBrowsersToTargets = exports.convertOutputFile = exports.createOutputFileFromData = exports.createOutputFileFromText = exports.emitFilesToDisk = exports.writeResultFiles = exports.getFeatureSupport = exports.withNoProgress = exports.withSpinner = exports.calculateEstimatedTransferSizes = exports.logBuildStats = void 0;
 const esbuild_1 = require("esbuild");
 const node_crypto_1 = require("node:crypto");
 const node_fs_1 = require("node:fs");
@@ -179,7 +179,7 @@ function getFeatureSupport(target) {
     return supported;
 }
 exports.getFeatureSupport = getFeatureSupport;
-async function writeResultFiles(outputFiles, assetFiles, { base, browser, media, server }) {
+async function writeResultFiles(outputFiles, assetFiles, { base, browser, server }) {
     const directoryExists = new Set();
     const ensureDirectoryExists = async (destPath) => {
         const basePath = (0, node_path_1.dirname)(destPath);
@@ -344,33 +344,35 @@ function getSupportedNodeTargets() {
     return SUPPORTED_NODE_VERSIONS.split('||').map((v) => 'node' + (0, semver_1.coerce)(v)?.version);
 }
 exports.getSupportedNodeTargets = getSupportedNodeTargets;
-async function logMessages(logger, executionResult, options) {
-    const { outputOptions: { base, server, browser }, ssrOptions, jsonLogs, colors: color, } = options;
-    const { warnings, errors, prerenderedRoutes } = executionResult;
-    const warningMessages = warnings.length
-        ? await (0, esbuild_1.formatMessages)(warnings, { kind: 'warning', color })
-        : [];
-    const errorMessages = errors.length ? await (0, esbuild_1.formatMessages)(errors, { kind: 'error', color }) : [];
+async function createJsonBuildManifest(result, normalizedOptions) {
+    const { colors: color, outputOptions: { base, server, browser }, ssrOptions, } = normalizedOptions;
+    const { warnings, errors, prerenderedRoutes } = result;
+    const manifest = {
+        errors: errors.length ? await (0, esbuild_1.formatMessages)(errors, { kind: 'error', color }) : [],
+        warnings: warnings.length ? await (0, esbuild_1.formatMessages)(warnings, { kind: 'warning', color }) : [],
+        outputPaths: {
+            root: (0, node_url_1.pathToFileURL)(base),
+            browser: (0, node_url_1.pathToFileURL)((0, node_path_1.join)(base, browser)),
+            server: ssrOptions ? (0, node_url_1.pathToFileURL)((0, node_path_1.join)(base, server)) : undefined,
+        },
+        prerenderedRoutes,
+    };
+    return JSON.stringify(manifest, undefined, 2);
+}
+exports.createJsonBuildManifest = createJsonBuildManifest;
+async function logMessages(logger, executionResult, color, jsonLogs) {
+    const { warnings, errors, logs } = executionResult;
+    if (logs.length) {
+        logger.info(logs.join('\n'));
+    }
     if (jsonLogs) {
-        // JSON format output
-        const manifest = {
-            errors: errorMessages,
-            warnings: warningMessages,
-            outputPaths: {
-                root: (0, node_url_1.pathToFileURL)(base),
-                browser: (0, node_url_1.pathToFileURL)((0, node_path_1.join)(base, browser)),
-                server: ssrOptions ? (0, node_url_1.pathToFileURL)((0, node_path_1.join)(base, server)) : undefined,
-            },
-            prerenderedRoutes,
-        };
-        logger.info(JSON.stringify(manifest, undefined, 2));
         return;
     }
-    if (warningMessages.length) {
-        logger.warn(warningMessages.join('\n'));
+    if (warnings.length) {
+        logger.warn((await (0, esbuild_1.formatMessages)(warnings, { kind: 'warning', color })).join('\n'));
     }
-    if (errorMessages.length) {
-        logger.error(errorMessages.join('\n'));
+    if (errors.length) {
+        logger.error((await (0, esbuild_1.formatMessages)(errors, { kind: 'error', color })).join('\n'));
     }
 }
 exports.logMessages = logMessages;

package/src/utils/server-rendering/load-esm-from-memory.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @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.io/license
+ */
+import { MainServerBundleExports, RenderUtilsServerBundleExports } from './main-bundle-exports';
+export declare function loadEsmModuleFromMemory(path: './main.server.mjs'): Promise<MainServerBundleExports>;
+export declare function loadEsmModuleFromMemory(path: './render-utils.server.mjs'): Promise<RenderUtilsServerBundleExports>;

package/src/utils/server-rendering/load-esm-from-memory.js

@@ -0,0 +1,26 @@
+"use strict";
+/**
+ * @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.io/license
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadEsmModuleFromMemory = void 0;
+const error_1 = require("../error");
+const load_esm_1 = require("../load-esm");
+function loadEsmModuleFromMemory(path) {
+    return (0, load_esm_1.loadEsmModule)(new URL(path, 'memory://')).catch((e) => {
+        (0, error_1.assertIsError)(e);
+        // While the error is an 'instanceof Error', it is extended with non transferable properties
+        // and cannot be transferred from a worker when using `--import`. This results in the error object
+        // displaying as '[Object object]' when read outside of the worker. Therefore, we reconstruct the error message here.
+        const error = new Error(e.message);
+        error.stack = e.stack;
+        error.name = e.name;
+        error.code = e.code;
+        throw error;
+    });
+}
+exports.loadEsmModuleFromMemory = loadEsmModuleFromMemory;

package/src/utils/server-rendering/render-page.js

@@ -36,11 +36,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderPage = void 0;
 const node_assert_1 = __importDefault(require("node:assert"));
 const node_path_1 = require("node:path");
-const load_esm_1 = require("../load-esm");
+const load_esm_from_memory_1 = require("./load-esm-from-memory");
 /**
  * Renders each route in routes and writes them to <outputPath>/<route>/index.html.
  */
-async function renderPage({ route, serverContext, document, inlineCriticalCss, outputFiles, loadBundle = load_esm_1.loadEsmModule, }) {
+async function renderPage({ route, serverContext, document, inlineCriticalCss, outputFiles, loadBundle = load_esm_from_memory_1.loadEsmModuleFromMemory, }) {
     const { default: bootstrapAppFnOrModule } = await loadBundle('./main.server.mjs');
     const { ɵSERVER_CONTEXT, renderModule, renderApplication, ɵresetCompiledComponents, ɵConsole } = await loadBundle('./render-utils.server.mjs');
     // Need to clean up GENERATED_COMP_IDS map in `@angular/core`.

package/src/utils/server-rendering/render-worker.js

@@ -8,7 +8,6 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 const node_worker_threads_1 = require("node:worker_threads");
-const load_esm_1 = require("../load-esm");
 const fetch_patch_1 = require("./fetch-patch");
 const render_page_1 = require("./render-page");
 /**
@@ -22,7 +21,6 @@ function render(options) {
         outputFiles,
         document,
         inlineCriticalCss,
-        loadBundle: async (path) => await (0, load_esm_1.loadEsmModule)(new URL(path, 'memory://')),
     });
 }
 function initialize() {

package/src/utils/server-rendering/routes-extractor-worker.js

@@ -8,16 +8,16 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 const node_worker_threads_1 = require("node:worker_threads");
-const load_esm_1 = require("../load-esm");
 const fetch_patch_1 = require("./fetch-patch");
+const load_esm_from_memory_1 = require("./load-esm-from-memory");
 /**
  * This is passed as workerData when setting up the worker via the `piscina` package.
  */
 const { document, verbose } = node_worker_threads_1.workerData;
 /** Renders an application based on a provided options. */
 async function extractRoutes() {
-    const { extractRoutes } = await (0, load_esm_1.loadEsmModule)(new URL('./render-utils.server.mjs', 'memory://'));
-    const { default: bootstrapAppFnOrModule } = await (0, load_esm_1.loadEsmModule)(new URL('./main.server.mjs', 'memory://'));
+    const { extractRoutes } = await (0, load_esm_from_memory_1.loadEsmModuleFromMemory)('./render-utils.server.mjs');
+    const { default: bootstrapAppFnOrModule } = await (0, load_esm_from_memory_1.loadEsmModuleFromMemory)('./main.server.mjs');
     const skippedRedirects = [];
     const skippedOthers = [];
     const routes = [];