@angular/build 18.1.0-next.3 → 18.1.0-rc.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "18.1.0-next.3",
+  "version": "18.1.0-rc.1",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,29 +23,31 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.1801.0-next.3",
+    "@angular-devkit/architect": "0.1801.0-rc.1",
     "@babel/core": "7.24.7",
     "@babel/helper-annotate-as-pure": "7.24.7",
     "@babel/helper-split-export-declaration": "7.24.7",
-    "@inquirer/confirm": "3.1.10",
+    "@babel/plugin-syntax-import-attributes": "7.24.7",
+    "@inquirer/confirm": "3.1.11",
     "@vitejs/plugin-basic-ssl": "1.1.0",
     "ansi-colors": "4.1.3",
     "browserslist": "^4.23.0",
-    "critters": "0.0.22",
+    "critters": "0.0.24",
     "esbuild": "0.21.5",
     "fast-glob": "3.3.2",
-    "https-proxy-agent": "7.0.4",
+    "https-proxy-agent": "7.0.5",
     "lmdb": "3.0.12",
     "magic-string": "0.30.10",
     "mrmime": "2.0.0",
     "ora": "5.4.1",
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
-    "piscina": "4.6.0",
+    "piscina": "4.6.1",
+    "rollup": "4.18.0",
     "sass": "1.77.6",
     "semver": "7.6.2",
     "undici": "6.19.2",
-    "vite": "5.3.1",
+    "vite": "5.3.2",
     "watchpack": "2.4.1"
   },
   "peerDependencies": {

package/src/builders/application/chunk-optimizer.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+import { BundleContextResult } from '../../tools/esbuild/bundler-context';
+export declare function optimizeChunks(original: BundleContextResult, sourcemap: boolean | 'hidden'): Promise<BundleContextResult>;

package/src/builders/application/chunk-optimizer.js

@@ -0,0 +1,169 @@
+"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.dev/license
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.optimizeChunks = optimizeChunks;
+const node_assert_1 = __importDefault(require("node:assert"));
+const rollup_1 = require("rollup");
+const bundler_context_1 = require("../../tools/esbuild/bundler-context");
+const utils_1 = require("../../tools/esbuild/utils");
+const error_1 = require("../../utils/error");
+async function optimizeChunks(original, sourcemap) {
+    // Failed builds cannot be optimized
+    if (original.errors) {
+        return original;
+    }
+    // Find the main browser entrypoint
+    let mainFile;
+    for (const [file, record] of original.initialFiles) {
+        if (record.name === 'main' &&
+            record.entrypoint &&
+            !record.serverFile &&
+            record.type === 'script') {
+            mainFile = file;
+            break;
+        }
+    }
+    // No action required if no browser main entrypoint
+    if (!mainFile) {
+        return original;
+    }
+    const chunks = {};
+    const maps = {};
+    for (const originalFile of original.outputFiles) {
+        if (originalFile.type !== bundler_context_1.BuildOutputFileType.Browser) {
+            continue;
+        }
+        if (originalFile.path.endsWith('.js')) {
+            chunks[originalFile.path] = originalFile;
+        }
+        else if (originalFile.path.endsWith('.js.map')) {
+            // Create mapping of JS file to sourcemap content
+            maps[originalFile.path.slice(0, -4)] = originalFile;
+        }
+    }
+    const usedChunks = new Set();
+    let bundle;
+    let optimizedOutput;
+    try {
+        bundle = await (0, rollup_1.rollup)({
+            input: mainFile,
+            plugins: [
+                {
+                    name: 'angular-bundle',
+                    resolveId(source) {
+                        // Remove leading `./` if present
+                        const file = source[0] === '.' && source[1] === '/' ? source.slice(2) : source;
+                        if (chunks[file]) {
+                            return file;
+                        }
+                        // All other identifiers are considered external to maintain behavior
+                        return { id: source, external: true };
+                    },
+                    load(id) {
+                        (0, node_assert_1.default)(chunks[id], `Angular chunk content should always be present in chunk optimizer [${id}].`);
+                        usedChunks.add(id);
+                        const result = {
+                            code: chunks[id].text,
+                            map: maps[id]?.text,
+                        };
+                        return result;
+                    },
+                },
+            ],
+        });
+        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';
+            },
+        });
+        optimizedOutput = result.output;
+    }
+    catch (e) {
+        (0, error_1.assertIsError)(e);
+        return {
+            errors: [
+                // Most of these fields are not actually needed for printing the error
+                {
+                    id: '',
+                    text: 'Chunk optimization failed',
+                    detail: undefined,
+                    pluginName: '',
+                    location: null,
+                    notes: [
+                        {
+                            text: e.message,
+                            location: null,
+                        },
+                    ],
+                },
+            ],
+            warnings: original.warnings,
+        };
+    }
+    finally {
+        await bundle?.close();
+    }
+    // Remove used chunks and associated sourcemaps from the original result
+    original.outputFiles = original.outputFiles.filter((file) => !usedChunks.has(file.path) &&
+        !(file.path.endsWith('.map') && usedChunks.has(file.path.slice(0, -4))));
+    // Add new optimized chunks
+    const importsPerFile = {};
+    for (const optimizedFile of optimizedOutput) {
+        if (optimizedFile.type !== 'chunk') {
+            continue;
+        }
+        importsPerFile[optimizedFile.fileName] = optimizedFile.imports;
+        original.outputFiles.push((0, utils_1.createOutputFile)(optimizedFile.fileName, optimizedFile.code, bundler_context_1.BuildOutputFileType.Browser));
+        if (optimizedFile.map && optimizedFile.sourcemapFileName) {
+            original.outputFiles.push((0, utils_1.createOutputFile)(optimizedFile.sourcemapFileName, optimizedFile.map.toString(), bundler_context_1.BuildOutputFileType.Browser));
+        }
+    }
+    // Update initial files to reflect optimized chunks
+    const entriesToAnalyze = [];
+    for (const usedFile of usedChunks) {
+        // Leave the main file since its information did not change
+        if (usedFile === mainFile) {
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            entriesToAnalyze.push([mainFile, original.initialFiles.get(mainFile)]);
+            continue;
+        }
+        // Remove all other used chunks
+        original.initialFiles.delete(usedFile);
+    }
+    // Analyze for transitive initial files
+    let currentEntry;
+    while ((currentEntry = entriesToAnalyze.pop())) {
+        const [entryPath, entryRecord] = currentEntry;
+        for (const importPath of importsPerFile[entryPath]) {
+            const existingRecord = original.initialFiles.get(importPath);
+            if (existingRecord) {
+                // Store the smallest value depth
+                if (existingRecord.depth > entryRecord.depth + 1) {
+                    existingRecord.depth = entryRecord.depth + 1;
+                }
+                continue;
+            }
+            const record = {
+                type: 'script',
+                entrypoint: false,
+                external: false,
+                serverFile: false,
+                depth: entryRecord.depth + 1,
+            };
+            entriesToAnalyze.push([importPath, record]);
+        }
+    }
+    return original;
+}

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

@@ -14,10 +14,13 @@ const bundler_context_1 = require("../../tools/esbuild/bundler-context");
 const bundler_execution_result_1 = require("../../tools/esbuild/bundler-execution-result");
 const commonjs_checker_1 = require("../../tools/esbuild/commonjs-checker");
 const license_extractor_1 = require("../../tools/esbuild/license-extractor");
+const profiling_1 = require("../../tools/esbuild/profiling");
 const utils_1 = require("../../tools/esbuild/utils");
 const bundle_calculator_1 = require("../../utils/bundle-calculator");
+const environment_options_1 = require("../../utils/environment-options");
 const resolve_assets_1 = require("../../utils/resolve-assets");
 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 setup_bundling_1 = require("./setup-bundling");
@@ -37,7 +40,10 @@ async function executeBuild(options, context, rebuildState) {
     if (bundlerContexts === undefined) {
         bundlerContexts = (0, setup_bundling_1.setupBundlerContexts)(options, browsers, codeBundleCache);
     }
-    const bundlingResult = await bundler_context_1.BundlerContext.bundleAll(bundlerContexts, rebuildState?.fileChanges.all);
+    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);
     executionResult.addWarnings(bundlingResult.warnings);
     // Return if the bundling has errors
@@ -63,7 +69,7 @@ async function executeBuild(options, context, rebuildState) {
     // Analyze files for bundle budget failures if present
     let budgetFailures;
     if (options.budgets) {
-        const compatStats = (0, budget_stats_1.generateBudgetStats)(metafile, initialFiles);
+        const compatStats = (0, budget_stats_1.generateBudgetStats)(metafile, outputFiles, initialFiles);
         budgetFailures = [...(0, bundle_calculator_1.checkBudgets)(options.budgets, compatStats, true)];
         for (const { message, severity } of budgetFailures) {
             if (severity === 'error') {
@@ -122,7 +128,7 @@ async function executeBuild(options, context, rebuildState) {
         executionResult.addOutputFile('stats.json', JSON.stringify(metafile, null, 2), bundler_context_1.BuildOutputFileType.Root);
     }
     if (!jsonLogs) {
-        executionResult.addLog((0, utils_1.logBuildStats)(metafile, initialFiles, budgetFailures, colors, changedFiles, estimatedTransferSizes, !!ssrOptions, verbose));
+        executionResult.addLog((0, utils_1.logBuildStats)(metafile, outputFiles, initialFiles, budgetFailures, colors, changedFiles, estimatedTransferSizes, !!ssrOptions, verbose));
     }
     return executionResult;
 }

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

@@ -48,10 +48,10 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
         const { csrContent, ssrContent, errors, warnings } = await (0, index_html_generator_1.generateIndexHtml)(initialFiles, outputFiles, options, locale);
         allErrors.push(...errors);
         allWarnings.push(...warnings);
-        additionalHtmlOutputFiles.set(indexHtmlOptions.output, (0, utils_1.createOutputFileFromText)(indexHtmlOptions.output, csrContent, bundler_context_1.BuildOutputFileType.Browser));
+        additionalHtmlOutputFiles.set(indexHtmlOptions.output, (0, utils_1.createOutputFile)(indexHtmlOptions.output, csrContent, bundler_context_1.BuildOutputFileType.Browser));
         if (ssrContent) {
             const serverIndexHtmlFilename = 'index.server.html';
-            additionalHtmlOutputFiles.set(serverIndexHtmlFilename, (0, utils_1.createOutputFileFromText)(serverIndexHtmlFilename, ssrContent, bundler_context_1.BuildOutputFileType.Server));
+            additionalHtmlOutputFiles.set(serverIndexHtmlFilename, (0, utils_1.createOutputFile)(serverIndexHtmlFilename, ssrContent, bundler_context_1.BuildOutputFileType.Server));
             ssrIndexContent = ssrContent;
         }
     }
@@ -64,7 +64,7 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
         allWarnings.push(...warnings);
         prerenderedRoutes.push(...Array.from(generatedRoutes));
         for (const [path, content] of Object.entries(output)) {
-            additionalHtmlOutputFiles.set(path, (0, utils_1.createOutputFileFromText)(path, content, bundler_context_1.BuildOutputFileType.Browser));
+            additionalHtmlOutputFiles.set(path, (0, utils_1.createOutputFile)(path, content, bundler_context_1.BuildOutputFileType.Browser));
         }
     }
     additionalOutputFiles.push(...additionalHtmlOutputFiles.values());
@@ -75,7 +75,7 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
             const serviceWorkerResult = await (0, service_worker_1.augmentAppWithServiceWorkerEsbuild)(workspaceRoot, serviceWorker, options.baseHref || '/', options.indexHtmlOptions?.output, 
             // Ensure additional files recently added are used
             [...outputFiles, ...additionalOutputFiles], assetFiles);
-            additionalOutputFiles.push((0, utils_1.createOutputFileFromText)('ngsw.json', serviceWorkerResult.manifest, bundler_context_1.BuildOutputFileType.Browser));
+            additionalOutputFiles.push((0, utils_1.createOutputFile)('ngsw.json', serviceWorkerResult.manifest, bundler_context_1.BuildOutputFileType.Browser));
             additionalAssets.push(...serviceWorkerResult.assetFiles);
         }
         catch (error) {

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

@@ -10,7 +10,7 @@ import type { Plugin } from 'esbuild';
 import { BuildOutputFile } from '../../tools/esbuild/bundler-context';
 import { ApplicationBuilderExtensions, ApplicationBuilderInternalOptions } from './options';
 import { Schema as ApplicationBuilderOptions } from './schema';
-export { ApplicationBuilderOptions };
+export type { ApplicationBuilderOptions };
 export declare function buildApplicationInternal(options: ApplicationBuilderInternalOptions, context: BuilderContext & {
     signal?: AbortSignal;
 }, infrastructureSettings?: {

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

@@ -6,9 +6,9 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 import { execute } from './builder';
-import { DevServerBuilderOutput } from './output';
-import { Schema as DevServerBuilderOptions } from './schema';
-export { DevServerBuilderOptions, DevServerBuilderOutput, execute as executeDevServerBuilder };
+import type { DevServerBuilderOutput } from './output';
+import type { Schema as DevServerBuilderOptions } from './schema';
+export { type DevServerBuilderOptions, type DevServerBuilderOutput, execute as executeDevServerBuilder, };
 declare const _default: import("../../../../../angular_devkit/architect/src/internal").Builder<DevServerBuilderOptions & import("../../../../../angular_devkit/core/src").JsonObject>;
 export default _default;
 export { execute as executeDevServer };

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

@@ -5,7 +5,7 @@
  * 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
  */
-export { BuildOutputFile, BuildOutputFileType } from '@angular/build';
+export { type BuildOutputFile, BuildOutputFileType } from '@angular/build';
 export { createRxjsEsmResolutionPlugin } from '../../tools/esbuild/rxjs-esm-resolution-plugin';
 export { JavaScriptTransformer } from '../../tools/esbuild/javascript-transformer';
 export { getFeatureSupport, isZonelessApp } from '../../tools/esbuild/utils';
@@ -15,5 +15,5 @@ export { purgeStaleBuildCache } from '../../utils/purge-cache';
 export { getSupportedBrowsers } from '../../utils/supported-browsers';
 export { transformSupportedBrowsersToTargets } from '../../tools/esbuild/utils';
 export { buildApplicationInternal } from '../../builders/application';
-export { ApplicationBuilderInternalOptions } from '../../builders/application/options';
-export { ExternalResultMetadata } from '../../tools/esbuild/bundler-execution-result';
+export type { ApplicationBuilderInternalOptions } from '../../builders/application/options';
+export type { ExternalResultMetadata } from '../../tools/esbuild/bundler-execution-result';

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

@@ -193,7 +193,7 @@ async function* serveWithVite(serverOptions, builderName, builderAction, context
             server.config.server.fs.allow = [
                 ...new Set([...server.config.server.fs.allow, ...assetFiles.values()]),
             ];
-            await handleUpdate(normalizePath, generatedFiles, server, serverOptions, context.logger);
+            handleUpdate(normalizePath, generatedFiles, server, serverOptions, context.logger);
             if (requiresServerRestart) {
                 // Restart the server to force SSR dep re-optimization when a dependency has been added.
                 // This is a workaround for: https://github.com/vitejs/vite/issues/14896
@@ -436,7 +436,6 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
                 outputFiles,
                 assets,
                 ssr,
-                extraHeaders: serverOptions.headers,
                 external: externalMetadata.explicit,
                 indexHtmlTransformer,
                 extensionMiddleware,
@@ -491,9 +490,6 @@ function getDepOptimizationConfig({ disabled, exclude, include, target, zoneless
             },
         },
     ];
-    if (ssr) {
-        plugins.unshift((0, internal_1.createRxjsEsmResolutionPlugin)());
-    }
     return {
         // Exclude any explicitly defined dependencies (currently build defined externals)
         exclude,

package/src/index.d.ts

@@ -8,5 +8,5 @@
 export { buildApplication, type ApplicationBuilderOptions, type ApplicationBuilderOutput, } from './builders/application';
 export { type BuildOutputFile, BuildOutputFileType } from './tools/esbuild/bundler-context';
 export type { BuildOutputAsset } from './tools/esbuild/bundler-execution-result';
-export { executeDevServerBuilder, DevServerBuilderOptions, DevServerBuilderOutput, } from './builders/dev-server';
-export { execute as executeExtractI18nBuilder, ExtractI18nBuilderOptions, } from './builders/extract-i18n';
+export { executeDevServerBuilder, type DevServerBuilderOptions, type DevServerBuilderOutput, } from './builders/dev-server';
+export { execute as executeExtractI18nBuilder, type ExtractI18nBuilderOptions, } from './builders/extract-i18n';

package/src/private.d.ts

@@ -12,20 +12,21 @@
  * their existence may change in any future version.
  */
 export { buildApplicationInternal } from './builders/application';
-export { ApplicationBuilderInternalOptions } from './builders/application/options';
+export type { ApplicationBuilderInternalOptions } from './builders/application/options';
 export { serveWithVite } from './builders/dev-server/vite-server';
 export * from './tools/babel/plugins';
-export { ExternalResultMetadata } from './tools/esbuild/bundler-execution-result';
+export type { ExternalResultMetadata } from './tools/esbuild/bundler-execution-result';
 export { emitFilesToDisk } from './tools/esbuild/utils';
 export { transformSupportedBrowsersToTargets } from './tools/esbuild/utils';
 export { SassWorkerImplementation } from './tools/sass/sass-service';
 export { SourceFileCache } from './tools/esbuild/angular/source-file-cache';
-export { createJitResourceTransformer } from './tools/esbuild/angular/jit-resource-transformer';
+export { createJitResourceTransformer } from './tools/angular/transformers/jit-resource-transformer';
 export { JavaScriptTransformer } from './tools/esbuild/javascript-transformer';
+export { createCompilerPlugin } from './tools/esbuild/angular/compiler-plugin';
 export * from './utils/bundle-calculator';
 export { checkPort } from './utils/check-port';
 export { deleteOutputDir } from './utils/delete-output-dir';
-export { I18nOptions, createI18nOptions, loadTranslations } from './utils/i18n-options';
+export { type I18nOptions, createI18nOptions, loadTranslations } from './utils/i18n-options';
 export { IndexHtmlGenerator, type IndexHtmlGeneratorOptions, type IndexHtmlGeneratorProcessOptions, type IndexHtmlTransform, } from './utils/index-file/index-html-generator';
 export type { FileInfo } from './utils/index-file/augment-index-html';
 export { type InlineCriticalCssProcessOptions, InlineCriticalCssProcessor, type InlineCriticalCssProcessorOptions, } from './utils/index-file/inline-critical-css';
@@ -33,6 +34,6 @@ export { loadProxyConfiguration } from './utils/load-proxy-config';
 export { type TranslationLoader, createTranslationLoader } from './utils/load-translations';
 export { purgeStaleBuildCache } from './utils/purge-cache';
 export { augmentAppWithServiceWorker } from './utils/service-worker';
-export { BundleStats, generateBuildStatsTable } from './utils/stats-table';
+export { type BundleStats, generateBuildStatsTable } from './utils/stats-table';
 export { getSupportedBrowsers } from './utils/supported-browsers';
 export { assertCompatibleAngularVersion } from './utils/version';

package/src/private.js

@@ -21,7 +21,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.assertCompatibleAngularVersion = exports.getSupportedBrowsers = exports.generateBuildStatsTable = exports.augmentAppWithServiceWorker = exports.purgeStaleBuildCache = exports.createTranslationLoader = exports.loadProxyConfiguration = exports.InlineCriticalCssProcessor = exports.IndexHtmlGenerator = exports.loadTranslations = exports.createI18nOptions = exports.deleteOutputDir = exports.checkPort = exports.JavaScriptTransformer = exports.createJitResourceTransformer = exports.SourceFileCache = exports.SassWorkerImplementation = exports.transformSupportedBrowsersToTargets = exports.emitFilesToDisk = exports.serveWithVite = exports.buildApplicationInternal = void 0;
+exports.assertCompatibleAngularVersion = exports.getSupportedBrowsers = exports.generateBuildStatsTable = exports.augmentAppWithServiceWorker = exports.purgeStaleBuildCache = exports.createTranslationLoader = exports.loadProxyConfiguration = exports.InlineCriticalCssProcessor = exports.IndexHtmlGenerator = exports.loadTranslations = exports.createI18nOptions = exports.deleteOutputDir = exports.checkPort = exports.createCompilerPlugin = exports.JavaScriptTransformer = exports.createJitResourceTransformer = exports.SourceFileCache = exports.SassWorkerImplementation = exports.transformSupportedBrowsersToTargets = exports.emitFilesToDisk = exports.serveWithVite = exports.buildApplicationInternal = void 0;
 /**
  * @fileoverview
  * Private exports intended only for use with the @angular-devkit/build-angular package.
@@ -43,10 +43,12 @@ var sass_service_1 = require("./tools/sass/sass-service");
 Object.defineProperty(exports, "SassWorkerImplementation", { enumerable: true, get: function () { return sass_service_1.SassWorkerImplementation; } });
 var source_file_cache_1 = require("./tools/esbuild/angular/source-file-cache");
 Object.defineProperty(exports, "SourceFileCache", { enumerable: true, get: function () { return source_file_cache_1.SourceFileCache; } });
-var jit_resource_transformer_1 = require("./tools/esbuild/angular/jit-resource-transformer");
+var jit_resource_transformer_1 = require("./tools/angular/transformers/jit-resource-transformer");
 Object.defineProperty(exports, "createJitResourceTransformer", { enumerable: true, get: function () { return jit_resource_transformer_1.createJitResourceTransformer; } });
 var javascript_transformer_1 = require("./tools/esbuild/javascript-transformer");
 Object.defineProperty(exports, "JavaScriptTransformer", { enumerable: true, get: function () { return javascript_transformer_1.JavaScriptTransformer; } });
+var compiler_plugin_1 = require("./tools/esbuild/angular/compiler-plugin");
+Object.defineProperty(exports, "createCompilerPlugin", { enumerable: true, get: function () { return compiler_plugin_1.createCompilerPlugin; } });
 // Utilities
 __exportStar(require("./utils/bundle-calculator"), exports);
 var check_port_1 = require("./utils/check-port");

package/src/tools/{esbuild/angular → angular}/compilation/angular-compilation.js

@@ -31,9 +31,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AngularCompilation = exports.DiagnosticModes = void 0;
-const load_esm_1 = require("../../../../utils/load-esm");
-const profiling_1 = require("../../profiling");
-const diagnostics_1 = require("../diagnostics");
+const load_esm_1 = require("../../../utils/load-esm");
+const diagnostics_1 = require("../../esbuild/angular/diagnostics");
+const profiling_1 = require("../../esbuild/profiling");
 var DiagnosticModes;
 (function (DiagnosticModes) {
     DiagnosticModes[DiagnosticModes["None"] = 0] = "None";

package/src/tools/{esbuild/angular → angular}/compilation/aot-compilation.js

@@ -13,11 +13,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AotCompilation = void 0;
 const node_assert_1 = __importDefault(require("node:assert"));
 const typescript_1 = __importDefault(require("typescript"));
-const profiling_1 = require("../../profiling");
+const profiling_1 = require("../../esbuild/profiling");
 const angular_host_1 = require("../angular-host");
-const web_worker_transformer_1 = require("../web-worker-transformer");
+const jit_bootstrap_transformer_1 = require("../transformers/jit-bootstrap-transformer");
+const web_worker_transformer_1 = require("../transformers/web-worker-transformer");
 const angular_compilation_1 = require("./angular-compilation");
-const jit_bootstrap_transformer_1 = require("./jit-bootstrap-transformer");
 class AngularCompilationState {
     angularProgram;
     compilerHost;

package/src/tools/{esbuild/angular → angular}/compilation/factory.js

@@ -31,7 +31,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAngularCompilation = createAngularCompilation;
-const environment_options_1 = require("../../../../utils/environment-options");
+const environment_options_1 = require("../../../utils/environment-options");
 /**
  * Creates an Angular compilation object that can be used to perform Angular application
  * compilation either for AOT or JIT mode. By default a parallel compilation is created

package/src/tools/{esbuild/angular → angular}/compilation/jit-compilation.js

@@ -13,10 +13,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.JitCompilation = void 0;
 const node_assert_1 = __importDefault(require("node:assert"));
 const typescript_1 = __importDefault(require("typescript"));
-const profiling_1 = require("../../profiling");
+const profiling_1 = require("../../esbuild/profiling");
 const angular_host_1 = require("../angular-host");
-const jit_resource_transformer_1 = require("../jit-resource-transformer");
-const web_worker_transformer_1 = require("../web-worker-transformer");
+const jit_resource_transformer_1 = require("../transformers/jit-resource-transformer");
+const web_worker_transformer_1 = require("../transformers/web-worker-transformer");
 const angular_compilation_1 = require("./angular-compilation");
 class JitCompilationState {
     compilerHost;

package/src/tools/{esbuild/angular → angular}/compilation/parallel-worker.js

@@ -17,7 +17,7 @@ exports.update = update;
 const node_assert_1 = __importDefault(require("node:assert"));
 const node_crypto_1 = require("node:crypto");
 const node_worker_threads_1 = require("node:worker_threads");
-const source_file_cache_1 = require("../source-file-cache");
+const source_file_cache_1 = require("../../esbuild/angular/source-file-cache");
 const aot_compilation_1 = require("./aot-compilation");
 const jit_compilation_1 = require("./jit-compilation");
 let compilation;

package/src/tools/{esbuild/angular → angular/transformers}/jit-resource-transformer.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createJitResourceTransformer = createJitResourceTransformer;
 const typescript_1 = __importDefault(require("typescript"));
-const uri_1 = require("./uri");
+const uri_1 = require("../uri");
 /**
  * Creates a TypeScript Transformer to transform Angular Component resource references into
  * static import statements. This transformer is used in Angular's JIT compilation mode to

package/src/tools/babel/plugins/adjust-static-class-members.js

@@ -309,7 +309,6 @@ function analyzeClassStaticProperties(path) {
                 shouldWrap = false;
                 break;
             }
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
         }
         else if (element.isStaticBlock()) {
             // Only need to analyze static blocks

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

@@ -37,10 +37,10 @@ exports.createCompilerPlugin = createCompilerPlugin;
 const node_assert_1 = __importDefault(require("node:assert"));
 const path = __importStar(require("node:path"));
 const environment_options_1 = require("../../../utils/environment-options");
+const compilation_1 = require("../../angular/compilation");
 const javascript_transformer_1 = require("../javascript-transformer");
 const load_result_cache_1 = require("../load-result-cache");
 const profiling_1 = require("../profiling");
-const compilation_1 = require("./compilation");
 const compilation_state_1 = require("./compilation-state");
 const component_stylesheets_1 = require("./component-stylesheets");
 const file_reference_tracker_1 = require("./file-reference-tracker");
@@ -57,8 +57,23 @@ function createCompilerPlugin(pluginOptions, styleOptions) {
             // Webcontainers currently do not support this persistent cache store.
             let cacheStore;
             if (pluginOptions.sourceFileCache?.persistentCachePath && !process.versions.webcontainer) {
-                const { LmbdCacheStore } = await Promise.resolve().then(() => __importStar(require('../lmdb-cache-store')));
-                cacheStore = new LmbdCacheStore(path.join(pluginOptions.sourceFileCache.persistentCachePath, 'angular-compiler.db'));
+                try {
+                    const { LmbdCacheStore } = await Promise.resolve().then(() => __importStar(require('../lmdb-cache-store')));
+                    cacheStore = new LmbdCacheStore(path.join(pluginOptions.sourceFileCache.persistentCachePath, 'angular-compiler.db'));
+                }
+                catch (e) {
+                    setupWarnings.push({
+                        text: 'Unable to initialize JavaScript cache storage.',
+                        location: null,
+                        notes: [
+                            // Only show first line of lmdb load error which has platform support listed
+                            { text: e?.message.split('\n')[0] ?? `${e}` },
+                            {
+                                text: 'This will not affect the build output content but may result in slower builds.',
+                            },
+                        ],
+                    });
+                }
             }
             const javascriptTransformer = new javascript_transformer_1.JavaScriptTransformer({
                 sourcemap: !!pluginOptions.sourcemap,

package/src/tools/esbuild/angular/jit-plugin-callbacks.js

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.setupJitPluginCallbacks = setupJitPluginCallbacks;
 const promises_1 = require("node:fs/promises");
 const node_path_1 = require("node:path");
+const uri_1 = require("../../angular/uri");
 const load_result_cache_1 = require("../load-result-cache");
-const uri_1 = require("./uri");
 /**
  * Loads/extracts the contents from a load callback Angular JIT entry.
  * An Angular JIT entry represents either a file path for a component resource or base64

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

@@ -27,9 +27,11 @@ const rxjs_esm_resolution_plugin_1 = require("./rxjs-esm-resolution-plugin");
 const sourcemap_ignorelist_plugin_1 = require("./sourcemap-ignorelist-plugin");
 const utils_1 = require("./utils");
 const virtual_module_plugin_1 = require("./virtual-module-plugin");
+const wasm_plugin_1 = require("./wasm-plugin");
 function createBrowserCodeBundleOptions(options, target, sourceFileCache) {
     const { entryPoints, outputNames, polyfills } = options;
     const { pluginOptions, styleOptions } = (0, compiler_plugin_options_1.createCompilerPluginOptions)(options, target, sourceFileCache);
+    const zoneless = (0, utils_1.isZonelessApp)(polyfills);
     const buildOptions = {
         ...getEsBuildCommonOptions(options),
         platform: 'browser',
@@ -41,8 +43,9 @@ function createBrowserCodeBundleOptions(options, target, sourceFileCache) {
         entryNames: outputNames.bundles,
         entryPoints,
         target,
-        supported: (0, utils_1.getFeatureSupport)(target, (0, utils_1.isZonelessApp)(polyfills)),
+        supported: (0, utils_1.getFeatureSupport)(target, zoneless),
         plugins: [
+            (0, wasm_plugin_1.createWasmPlugin)({ allowAsync: zoneless, cache: sourceFileCache?.loadResultCache }),
             (0, sourcemap_ignorelist_plugin_1.createSourcemapIgnorelistPlugin)(),
             (0, compiler_plugin_1.createCompilerPlugin)(
             // JS/TS options
@@ -124,6 +127,7 @@ function createServerCodeBundleOptions(options, target, sourceFileCache) {
     if (ssrEntryPoint) {
         entryPoints['server'] = ssrEntryPoint;
     }
+    const zoneless = (0, utils_1.isZonelessApp)(polyfills);
     const buildOptions = {
         ...getEsBuildCommonOptions(options),
         platform: 'node',
@@ -140,8 +144,9 @@ function createServerCodeBundleOptions(options, target, sourceFileCache) {
             js: `import './polyfills.server.mjs';`,
         },
         entryPoints,
-        supported: (0, utils_1.getFeatureSupport)(target, (0, utils_1.isZonelessApp)(polyfills)),
+        supported: (0, utils_1.getFeatureSupport)(target, zoneless),
         plugins: [
+            (0, wasm_plugin_1.createWasmPlugin)({ allowAsync: zoneless, cache: sourceFileCache?.loadResultCache }),
             (0, sourcemap_ignorelist_plugin_1.createSourcemapIgnorelistPlugin)(),
             (0, compiler_plugin_1.createCompilerPlugin)(
             // JS/TS options