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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "18.1.0-next.3",
+  "version": "18.1.0-rc.0",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,7 +23,7 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.1801.0-next.3",
+    "@angular-devkit/architect": "0.1801.0-rc.0",
     "@babel/core": "7.24.7",
     "@babel/helper-annotate-as-pure": "7.24.7",
     "@babel/helper-split-export-declaration": "7.24.7",
@@ -31,7 +31,7 @@
     "@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",
@@ -41,7 +41,7 @@
     "ora": "5.4.1",
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
-    "piscina": "4.6.0",
+    "piscina": "4.6.1",
     "sass": "1.77.6",
     "semver": "7.6.2",
     "undici": "6.19.2",

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
@@ -491,9 +491,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/bundler-context.d.ts

@@ -49,6 +49,7 @@ export declare class BundlerContext {
     readonly watchFiles: Set<string>;
     constructor(workspaceRoot: string, incremental: boolean, options: BuildOptions | BundlerOptionsFactory, initialFilter?: ((initial: Readonly<InitialFileRecord>) => boolean) | undefined);
     static bundleAll(contexts: Iterable<BundlerContext>, changedFiles?: Iterable<string>): Promise<BundleContextResult>;
+    static mergeResults(results: BundleContextResult[]): BundleContextResult;
     /**
      * Executes the esbuild build function and normalizes the build result in the event of a
      * build failure that results in no output being generated.

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

@@ -64,9 +64,12 @@ class BundlerContext {
             }
             return context.bundle();
         }));
+        return BundlerContext.mergeResults(individualResults);
+    }
+    static mergeResults(results) {
         // Return directly if only one result
-        if (individualResults.length === 1) {
-            return individualResults[0];
+        if (results.length === 1) {
+            return results[0];
         }
         let errors;
         const warnings = [];
@@ -76,7 +79,7 @@ class BundlerContext {
         const externalImportsServer = new Set();
         const outputFiles = [];
         let externalConfiguration;
-        for (const result of individualResults) {
+        for (const result of results) {
             warnings.push(...result.warnings);
             if (result.errors) {
                 errors ??= [];

package/src/utils/bundle-calculator.d.ts

@@ -6,7 +6,7 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 import { Budget as BudgetEntry, Type as BudgetType } from '../builders/application/schema';
-export { BudgetEntry, BudgetType };
+export { type BudgetEntry, BudgetType };
 export interface Threshold {
     limit: number;
     type: ThresholdType;

package/src/utils/index-file/inline-fonts.js

@@ -99,7 +99,7 @@ class InlineFontsProcessor {
                 }
             }
         });
-        initCollectorStream().catch(() => {
+        void initCollectorStream().catch(() => {
             // We don't really care about any errors here because it just initializes
             // the rewriting stream, as we are waiting for `finish` below.
         });

package/src/utils/normalize-cache.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeCacheOptions = normalizeCacheOptions;
 const node_path_1 = require("node:path");
 /** Version placeholder is replaced during the build process with actual package version */
-const VERSION = '18.1.0-next.3';
+const VERSION = '18.1.0-rc.0';
 function hasCacheMetadata(value) {
     return (!!value &&
         typeof value === 'object' &&