@angular/build 19.1.0-next.0 → 19.1.0-next.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "19.1.0-next.0",
+  "version": "19.1.0-next.1",
   "description": "Official build system for Angular",
   "keywords": [
     "Angular CLI",
@@ -23,29 +23,29 @@
   "builders": "builders.json",
   "dependencies": {
     "@ampproject/remapping": "2.3.0",
-    "@angular-devkit/architect": "0.1901.0-next.0",
+    "@angular-devkit/architect": "0.1901.0-next.1",
     "@babel/core": "7.26.0",
     "@babel/helper-annotate-as-pure": "7.25.9",
     "@babel/helper-split-export-declaration": "7.24.7",
     "@babel/plugin-syntax-import-attributes": "7.26.0",
-    "@inquirer/confirm": "5.0.2",
+    "@inquirer/confirm": "5.1.0",
     "@vitejs/plugin-basic-ssl": "1.2.0",
-    "beasties": "0.1.0",
+    "beasties": "0.2.0",
     "browserslist": "^4.23.0",
     "esbuild": "0.24.0",
     "fast-glob": "3.3.2",
-    "https-proxy-agent": "7.0.5",
+    "https-proxy-agent": "7.0.6",
     "istanbul-lib-instrument": "6.0.3",
     "listr2": "8.2.5",
-    "magic-string": "0.30.14",
+    "magic-string": "0.30.15",
     "mrmime": "2.0.0",
     "parse5-html-rewriting-stream": "7.0.0",
     "picomatch": "4.0.2",
     "piscina": "4.8.0",
-    "rollup": "4.28.0",
+    "rollup": "4.28.1",
     "sass": "1.82.0",
     "semver": "7.6.3",
-    "vite": "6.0.2",
+    "vite": "6.0.3",
     "watchpack": "2.4.2"
   },
   "optionalDependencies": {
@@ -57,7 +57,7 @@
     "@angular/localize": "^19.0.0 || ^19.1.0-next.0",
     "@angular/platform-server": "^19.0.0 || ^19.1.0-next.0",
     "@angular/service-worker": "^19.0.0 || ^19.1.0-next.0",
-    "@angular/ssr": "^19.1.0-next.0",
+    "@angular/ssr": "^19.1.0-next.1",
     "less": "^4.2.0",
     "postcss": "^8.4.0",
     "tailwindcss": "^2.0.0 || ^3.0.0",

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

@@ -161,13 +161,13 @@ async function executeBuild(options, context, rebuildState) {
     }
     // Perform i18n translation inlining if enabled
     if (i18nOptions.shouldInline) {
-        const result = await (0, i18n_1.inlineI18n)(options, executionResult, initialFiles);
+        const result = await (0, i18n_1.inlineI18n)(metafile, options, executionResult, initialFiles);
         executionResult.addErrors(result.errors);
         executionResult.addWarnings(result.warnings);
         executionResult.addPrerenderedRoutes(result.prerenderedRoutes);
     }
     else {
-        const result = await (0, execute_post_bundle_1.executePostBundleSteps)(options, executionResult.outputFiles, executionResult.assetFiles, initialFiles, 
+        const result = await (0, execute_post_bundle_1.executePostBundleSteps)(metafile, options, executionResult.outputFiles, executionResult.assetFiles, initialFiles, 
         // Set lang attribute to the defined source locale if present
         i18nOptions.hasDefinedSourceLocale ? i18nOptions.sourceLocale : undefined);
         executionResult.addErrors(result.errors);

package/src/builders/application/execute-post-bundle.d.ts

@@ -5,18 +5,20 @@
  * 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 type { Metafile } from 'esbuild';
 import { BuildOutputFile, InitialFileRecord } from '../../tools/esbuild/bundler-context';
 import { BuildOutputAsset, PrerenderedRoutesRecord } from '../../tools/esbuild/bundler-execution-result';
 import { NormalizedApplicationBuildOptions } from './options';
 /**
  * Run additional builds steps including SSG, AppShell, Index HTML file and Service worker generation.
+ * @param metafile An esbuild metafile object.
  * @param options The normalized application builder options used to create the build.
  * @param outputFiles The output files of an executed build.
  * @param assetFiles The assets of an executed build.
  * @param initialFiles A map containing initial file information for the executed build.
  * @param locale A language locale to insert in the index.html.
  */
-export declare function executePostBundleSteps(options: NormalizedApplicationBuildOptions, outputFiles: BuildOutputFile[], assetFiles: BuildOutputAsset[], initialFiles: Map<string, InitialFileRecord>, locale: string | undefined): Promise<{
+export declare function executePostBundleSteps(metafile: Metafile, options: NormalizedApplicationBuildOptions, outputFiles: BuildOutputFile[], assetFiles: BuildOutputAsset[], initialFiles: Map<string, InitialFileRecord>, locale: string | undefined): Promise<{
     errors: string[];
     warnings: string[];
     additionalOutputFiles: BuildOutputFile[];

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

@@ -24,6 +24,7 @@ const options_1 = require("./options");
 const schema_1 = require("./schema");
 /**
  * Run additional builds steps including SSG, AppShell, Index HTML file and Service worker generation.
+ * @param metafile An esbuild metafile object.
  * @param options The normalized application builder options used to create the build.
  * @param outputFiles The output files of an executed build.
  * @param assetFiles The assets of an executed build.
@@ -31,13 +32,13 @@ const schema_1 = require("./schema");
  * @param locale A language locale to insert in the index.html.
  */
 // eslint-disable-next-line max-lines-per-function
-async function executePostBundleSteps(options, outputFiles, assetFiles, initialFiles, locale) {
+async function executePostBundleSteps(metafile, options, outputFiles, assetFiles, initialFiles, locale) {
     const additionalAssets = [];
     const additionalOutputFiles = [];
     const allErrors = [];
     const allWarnings = [];
     const prerenderedRoutes = {};
-    const { baseHref = '/', serviceWorker, i18nOptions, indexHtmlOptions, optimizationOptions, sourcemapOptions, outputMode, serverEntryPoint, prerenderOptions, appShellOptions, workspaceRoot, partialSSRBuild, } = options;
+    const { baseHref = '/', serviceWorker, i18nOptions, indexHtmlOptions, optimizationOptions, sourcemapOptions, outputMode, serverEntryPoint, prerenderOptions, appShellOptions, publicPath, workspaceRoot, partialSSRBuild, } = options;
     // Index HTML content without CSS inlining to be used for server rendering (AppShell, SSG and SSR).
     // NOTE: Critical CSS inlining is deliberately omitted here, as it will be handled during server rendering.
     // Additionally, when using prerendering or AppShell, the index HTML file may be regenerated.
@@ -55,8 +56,9 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
         }
     }
     // Create server manifest
+    const initialFilesPaths = new Set(initialFiles.keys());
     if (serverEntryPoint) {
-        const { manifestContent, serverAssetsChunks } = (0, manifest_1.generateAngularServerAppManifest)(additionalHtmlOutputFiles, outputFiles, optimizationOptions.styles.inlineCritical ?? false, undefined, locale, baseHref);
+        const { manifestContent, serverAssetsChunks } = (0, manifest_1.generateAngularServerAppManifest)(additionalHtmlOutputFiles, outputFiles, optimizationOptions.styles.inlineCritical ?? false, undefined, locale, baseHref, initialFilesPaths, metafile, publicPath);
         additionalOutputFiles.push(...serverAssetsChunks, (0, utils_1.createOutputFile)(manifest_1.SERVER_APP_MANIFEST_FILENAME, manifestContent, bundler_context_1.BuildOutputFileType.ServerApplication));
     }
     // Pre-render (SSG) and App-shell
@@ -95,7 +97,7 @@ async function executePostBundleSteps(options, outputFiles, assetFiles, initialF
             // Regenerate the manifest to append route tree. This is only needed if SSR is enabled.
             const manifest = additionalOutputFiles.find((f) => f.path === manifest_1.SERVER_APP_MANIFEST_FILENAME);
             (0, node_assert_1.default)(manifest, `${manifest_1.SERVER_APP_MANIFEST_FILENAME} was not found in output files.`);
-            const { manifestContent, serverAssetsChunks } = (0, manifest_1.generateAngularServerAppManifest)(additionalHtmlOutputFiles, outputFiles, optimizationOptions.styles.inlineCritical ?? false, serializableRouteTreeNodeForManifest, locale, baseHref);
+            const { manifestContent, serverAssetsChunks } = (0, manifest_1.generateAngularServerAppManifest)(additionalHtmlOutputFiles, outputFiles, optimizationOptions.styles.inlineCritical ?? false, serializableRouteTreeNodeForManifest, locale, baseHref, initialFilesPaths, metafile, publicPath);
             for (const chunk of serverAssetsChunks) {
                 const idx = additionalOutputFiles.findIndex(({ path }) => path === chunk.path);
                 if (idx === -1) {

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

@@ -6,17 +6,19 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 import { BuilderContext } from '@angular-devkit/architect';
+import type { Metafile } from 'esbuild';
 import { InitialFileRecord } from '../../tools/esbuild/bundler-context';
 import { ExecutionResult, PrerenderedRoutesRecord } from '../../tools/esbuild/bundler-execution-result';
 import { NormalizedApplicationBuildOptions } from './options';
 /**
  * Inlines all active locales as specified by the application build options into all
  * application JavaScript files created during the build.
+ * @param metafile An esbuild metafile object.
  * @param options The normalized application builder options used to create the build.
  * @param executionResult The result of an executed build.
  * @param initialFiles A map containing initial file information for the executed build.
  */
-export declare function inlineI18n(options: NormalizedApplicationBuildOptions, executionResult: ExecutionResult, initialFiles: Map<string, InitialFileRecord>): Promise<{
+export declare function inlineI18n(metafile: Metafile, options: NormalizedApplicationBuildOptions, executionResult: ExecutionResult, initialFiles: Map<string, InitialFileRecord>): Promise<{
     errors: string[];
     warnings: string[];
     prerenderedRoutes: PrerenderedRoutesRecord;

package/src/builders/application/i18n.js

@@ -20,16 +20,18 @@ const options_1 = require("./options");
 /**
  * Inlines all active locales as specified by the application build options into all
  * application JavaScript files created during the build.
+ * @param metafile An esbuild metafile object.
  * @param options The normalized application builder options used to create the build.
  * @param executionResult The result of an executed build.
  * @param initialFiles A map containing initial file information for the executed build.
  */
-async function inlineI18n(options, executionResult, initialFiles) {
+async function inlineI18n(metafile, options, executionResult, initialFiles) {
+    const { i18nOptions, optimizationOptions, baseHref } = options;
     // Create the multi-threaded inliner with common options and the files generated from the build.
     const inliner = new i18n_inliner_1.I18nInliner({
-        missingTranslation: options.i18nOptions.missingTranslationBehavior ?? 'warning',
+        missingTranslation: i18nOptions.missingTranslationBehavior ?? 'warning',
         outputFiles: executionResult.outputFiles,
-        shouldOptimize: options.optimizationOptions.scripts,
+        shouldOptimize: optimizationOptions.scripts,
     }, environment_options_1.maxWorkers);
     const inlineResult = {
         errors: [],
@@ -40,29 +42,29 @@ async function inlineI18n(options, executionResult, initialFiles) {
     const updatedOutputFiles = [];
     const updatedAssetFiles = [];
     try {
-        for (const locale of options.i18nOptions.inlineLocales) {
+        for (const locale of i18nOptions.inlineLocales) {
             // A locale specific set of files is returned from the inliner.
-            const localeInlineResult = await inliner.inlineForLocale(locale, options.i18nOptions.locales[locale].translation);
+            const localeInlineResult = await inliner.inlineForLocale(locale, i18nOptions.locales[locale].translation);
             const localeOutputFiles = localeInlineResult.outputFiles;
             inlineResult.errors.push(...localeInlineResult.errors);
             inlineResult.warnings.push(...localeInlineResult.warnings);
-            const baseHref = (0, options_1.getLocaleBaseHref)(options.baseHref, options.i18nOptions, locale) ?? options.baseHref;
-            const { errors, warnings, additionalAssets, additionalOutputFiles, prerenderedRoutes: generatedRoutes, } = await (0, execute_post_bundle_1.executePostBundleSteps)({
+            const { errors, warnings, additionalAssets, additionalOutputFiles, prerenderedRoutes: generatedRoutes, } = await (0, execute_post_bundle_1.executePostBundleSteps)(metafile, {
                 ...options,
-                baseHref,
+                baseHref: (0, options_1.getLocaleBaseHref)(baseHref, i18nOptions, locale) ?? baseHref,
             }, localeOutputFiles, executionResult.assetFiles, initialFiles, locale);
             localeOutputFiles.push(...additionalOutputFiles);
             inlineResult.errors.push(...errors);
             inlineResult.warnings.push(...warnings);
-            // Update directory with locale base
-            if (options.i18nOptions.flatOutput !== true) {
+            // Update directory with locale base or subPath
+            const subPath = i18nOptions.locales[locale].subPath;
+            if (i18nOptions.flatOutput !== true) {
                 localeOutputFiles.forEach((file) => {
-                    file.path = (0, node_path_1.join)(locale, file.path);
+                    file.path = (0, node_path_1.join)(subPath, file.path);
                 });
                 for (const assetFile of [...executionResult.assetFiles, ...additionalAssets]) {
                     updatedAssetFiles.push({
                         source: assetFile.source,
-                        destination: (0, node_path_1.join)(locale, assetFile.destination),
+                        destination: (0, node_path_1.join)(subPath, assetFile.destination),
                     });
                 }
             }
@@ -84,7 +86,7 @@ async function inlineI18n(options, executionResult, initialFiles) {
         ...updatedOutputFiles,
     ];
     // Assets are only changed if not using the flat output option
-    if (options.i18nOptions.flatOutput !== true) {
+    if (!i18nOptions.flatOutput) {
         executionResult.assetFiles = updatedAssetFiles;
     }
     return inlineResult;

package/src/builders/application/options.js

@@ -63,7 +63,7 @@ async function normalizeOptions(context, projectName, options, extensions) {
     // Gather persistent caching option and provide a project specific cache location
     const cacheOptions = (0, normalize_cache_1.normalizeCacheOptions)(projectMetadata, workspaceRoot);
     cacheOptions.path = node_path_1.default.join(cacheOptions.path, projectName);
-    const i18nOptions = (0, i18n_options_1.createI18nOptions)(projectMetadata, options.localize);
+    const i18nOptions = (0, i18n_options_1.createI18nOptions)(projectMetadata, options.localize, context.logger);
     i18nOptions.duplicateTranslationBehavior = options.i18nDuplicateTranslation;
     i18nOptions.missingTranslationBehavior = options.i18nMissingTranslation;
     if (options.forceI18nFlatOutput) {
@@ -427,12 +427,14 @@ function normalizeGlobalEntries(rawEntries, defaultName) {
     }
     return [...bundles.values()];
 }
-function getLocaleBaseHref(baseHref, i18n, locale) {
+function getLocaleBaseHref(baseHref = '', i18n, locale) {
     if (i18n.flatOutput) {
         return undefined;
     }
-    if (i18n.locales[locale] && i18n.locales[locale].baseHref !== '') {
-        return (0, url_1.urlJoin)(baseHref || '', i18n.locales[locale].baseHref ?? `/${locale}/`);
+    const localeData = i18n.locales[locale];
+    if (!localeData) {
+        return undefined;
     }
-    return undefined;
+    const baseHrefSuffix = localeData.baseHref ?? localeData.subPath + '/';
+    return baseHrefSuffix !== '' ? (0, url_1.urlJoin)(baseHref, baseHrefSuffix) : undefined;
 }

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

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

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

@@ -50,7 +50,8 @@ const promises_1 = require("node:fs/promises");
 const node_module_1 = require("node:module");
 const node_path_1 = require("node:path");
 const plugins_1 = require("../../tools/vite/plugins");
-const utils_1 = require("../../utils");
+const utils_1 = require("../../tools/vite/utils");
+const utils_2 = require("../../utils");
 const environment_options_1 = require("../../utils/environment-options");
 const load_esm_1 = require("../../utils/load-esm");
 const results_1 = require("../application/results");
@@ -97,7 +98,7 @@ async function* serveWithVite(serverOptions, builderName, builderAction, context
         // When localization is enabled with a single locale, force a flat path to maintain behavior with the existing Webpack-based dev server.
         browserOptions.forceI18nFlatOutput = true;
     }
-    const { vendor: thirdPartySourcemaps, scripts: scriptsSourcemaps } = (0, utils_1.normalizeSourceMaps)(browserOptions.sourceMap ?? false);
+    const { vendor: thirdPartySourcemaps, scripts: scriptsSourcemaps } = (0, utils_2.normalizeSourceMaps)(browserOptions.sourceMap ?? false);
     if (scriptsSourcemaps && browserOptions.server) {
         // https://nodejs.org/api/process.html#processsetsourcemapsenabledval
         process.setSourceMapsEnabled(true);
@@ -459,7 +460,7 @@ function analyzeResultFiles(normalizePath, htmlIndexPath, resultFiles, generated
     }
 }
 async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks, externalMetadata, ssrMode, prebundleTransformer, target, zoneless, componentStyles, templateUpdates, prebundleLoaderExtensions, extensionMiddleware, indexHtmlTransformer, thirdPartySourcemaps = false) {
-    const proxy = await (0, utils_1.loadProxyConfiguration)(serverOptions.workspaceRoot, serverOptions.proxyConfig);
+    const proxy = await (0, utils_2.loadProxyConfiguration)(serverOptions.workspaceRoot, serverOptions.proxyConfig);
     // dynamically import Vite for ESM compatibility
     const { normalizePath } = await (0, load_esm_1.loadEsmModule)('vite');
     // Path will not exist on disk and only used to provide separate path for Vite requests
@@ -526,7 +527,7 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
             noExternal: /.*/,
             // Exclude any Node.js built in module and provided dependencies (currently build defined externals)
             external: externalMetadata.explicitServer,
-            optimizeDeps: getDepOptimizationConfig({
+            optimizeDeps: (0, utils_1.getDepOptimizationConfig)({
                 // Only enable with caching since it causes prebundle dependencies to be cached
                 disabled: serverOptions.prebundle === false,
                 // Exclude any explicitly defined dependencies (currently build defined externals and node.js built-ins)
@@ -557,12 +558,13 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
             await (0, plugins_1.createAngularMemoryPlugin)({
                 virtualProjectRoot,
                 outputFiles,
+                templateUpdates,
                 external: externalMetadata.explicitBrowser,
                 skipViteClient: serverOptions.liveReload === false && serverOptions.hmr === false,
             }),
         ],
         // Browser only optimizeDeps. (This does not run for SSR dependencies).
-        optimizeDeps: getDepOptimizationConfig({
+        optimizeDeps: (0, utils_1.getDepOptimizationConfig)({
             // Only enable with caching since it causes prebundle dependencies to be cached
             disabled: serverOptions.prebundle === false,
             // Exclude any explicitly defined dependencies (currently build defined externals)
@@ -595,41 +597,6 @@ async function setupServer(serverOptions, outputFiles, assets, preserveSymlinks,
     }
     return configuration;
 }
-function getDepOptimizationConfig({ disabled, exclude, include, target, zoneless, prebundleTransformer, ssr, loader, thirdPartySourcemaps, }) {
-    const plugins = [
-        {
-            name: `angular-vite-optimize-deps${ssr ? '-ssr' : ''}${thirdPartySourcemaps ? '-vendor-sourcemap' : ''}`,
-            setup(build) {
-                build.onLoad({ filter: /\.[cm]?js$/ }, async (args) => {
-                    return {
-                        contents: await prebundleTransformer.transformFile(args.path),
-                        loader: 'js',
-                    };
-                });
-            },
-        },
-    ];
-    return {
-        // Exclude any explicitly defined dependencies (currently build defined externals)
-        exclude,
-        // NB: to disable the deps optimizer, set optimizeDeps.noDiscovery to true and optimizeDeps.include as undefined.
-        // Include all implict dependencies from the external packages internal option
-        include: disabled ? undefined : include,
-        noDiscovery: disabled,
-        // Add an esbuild plugin to run the Angular linker on dependencies
-        esbuildOptions: {
-            // Set esbuild supported targets.
-            target,
-            supported: (0, internal_1.getFeatureSupport)(target, zoneless),
-            plugins,
-            loader,
-            define: {
-                'ngServerMode': `${ssr}`,
-            },
-            resolveExtensions: ['.mjs', '.js', '.cjs'],
-        },
-    };
-}
 /**
  * Checks if the given value is an absolute URL.
  *

package/src/builders/extract-i18n/options.js

@@ -33,7 +33,7 @@ async function normalizeOptions(context, projectName, options) {
     // Target specifier defaults to the current project's build target with no specified configuration
     const buildTargetSpecifier = options.buildTarget ?? ':';
     const buildTarget = (0, architect_1.targetFromTargetString)(buildTargetSpecifier, projectName, 'build');
-    const i18nOptions = (0, i18n_options_1.createI18nOptions)(projectMetadata);
+    const i18nOptions = (0, i18n_options_1.createI18nOptions)(projectMetadata, /** inline */ false, context.logger);
     // Normalize xliff format extensions
     let format = options.format;
     switch (format) {

package/src/tools/angular/angular-host.d.ts

@@ -24,4 +24,4 @@ export interface AngularHostOptions {
  * @param program The TypeScript Program instance to patch.
  */
 export declare function ensureSourceFileVersions(program: ts.Program): void;
-export declare function createAngularCompilerHost(typescript: typeof ts, compilerOptions: AngularCompilerOptions, hostOptions: AngularHostOptions): AngularCompilerHost;
+export declare function createAngularCompilerHost(typescript: typeof ts, compilerOptions: AngularCompilerOptions, hostOptions: AngularHostOptions, packageJsonCache: ts.PackageJsonInfoCache | undefined): AngularCompilerHost;

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

@@ -91,7 +91,7 @@ function augmentHostWithReplacements(typescript, host, replacements, moduleResol
     };
     augmentResolveModuleNames(typescript, host, tryReplace, moduleResolutionCache);
 }
-function createAngularCompilerHost(typescript, compilerOptions, hostOptions) {
+function createAngularCompilerHost(typescript, compilerOptions, hostOptions, packageJsonCache) {
     // Create TypeScript compiler host
     const host = typescript.createIncrementalCompilerHost(compilerOptions);
     // Set the parsing mode to the same as TS 5.3+ default for tsc. This provides a parse
@@ -135,11 +135,11 @@ function createAngularCompilerHost(typescript, compilerOptions, hostOptions) {
     host.getModifiedResourceFiles = function () {
         return hostOptions.modifiedFiles;
     };
+    // Provide a resolution cache to ensure package.json lookups are cached
+    const resolutionCache = typescript.createModuleResolutionCache(host.getCurrentDirectory(), host.getCanonicalFileName.bind(host), compilerOptions, packageJsonCache);
+    host.getModuleResolutionCache = () => resolutionCache;
     // Augment TypeScript Host for file replacements option
     if (hostOptions.fileReplacements) {
-        // Provide a resolution cache since overriding resolution prevents automatic creation
-        const resolutionCache = typescript.createModuleResolutionCache(host.getCurrentDirectory(), host.getCanonicalFileName.bind(host), compilerOptions);
-        host.getModuleResolutionCache = () => resolutionCache;
         augmentHostWithReplacements(typescript, host, hostOptions.fileReplacements, resolutionCache);
     }
     // Augment TypeScript Host with source file caching if provided

package/src/tools/angular/compilation/aot-compilation.d.ts

@@ -11,6 +11,8 @@ import { AngularHostOptions } from '../angular-host';
 import { AngularCompilation, DiagnosticModes, EmitFileResult } from './angular-compilation';
 export declare class AotCompilation extends AngularCompilation {
     #private;
+    private readonly browserOnlyBuild;
+    constructor(browserOnlyBuild: boolean);
     initialize(tsconfig: string, hostOptions: AngularHostOptions, compilerOptionsTransformer?: (compilerOptions: ng.CompilerOptions) => ng.CompilerOptions): Promise<{
         affectedFiles: ReadonlySet<ts.SourceFile>;
         compilerOptions: ng.CompilerOptions;

package/src/tools/angular/compilation/aot-compilation.js

@@ -17,6 +17,7 @@ const typescript_1 = __importDefault(require("typescript"));
 const profiling_1 = require("../../esbuild/profiling");
 const angular_host_1 = require("../angular-host");
 const jit_bootstrap_transformer_1 = require("../transformers/jit-bootstrap-transformer");
+const lazy_routes_transformer_1 = require("../transformers/lazy-routes-transformer");
 const web_worker_transformer_1 = require("../transformers/web-worker-transformer");
 const angular_compilation_1 = require("./angular-compilation");
 const hmr_candidates_1 = require("./hmr-candidates");
@@ -48,7 +49,12 @@ class AngularCompilationState {
     }
 }
 class AotCompilation extends angular_compilation_1.AngularCompilation {
+    browserOnlyBuild;
     #state;
+    constructor(browserOnlyBuild) {
+        super();
+        this.browserOnlyBuild = browserOnlyBuild;
+    }
     async initialize(tsconfig, hostOptions, compilerOptionsTransformer) {
         // Dynamically load the Angular compiler CLI package
         const { NgtscProgram, OptimizeFor } = await angular_compilation_1.AngularCompilation.loadCompilerCli();
@@ -58,22 +64,34 @@ class AotCompilation extends angular_compilation_1.AngularCompilation {
         if (compilerOptions.externalRuntimeStyles) {
             hostOptions.externalStylesheets ??= new Map();
         }
+        // Reuse the package.json cache from the previous compilation
+        const packageJsonCache = this.#state?.compilerHost
+            .getModuleResolutionCache?.()
+            ?.getPackageJsonInfoCache();
         const useHmr = compilerOptions['_enableHmr'] &&
             hostOptions.modifiedFiles &&
             hostOptions.modifiedFiles.size <= HMR_MODIFIED_FILE_LIMIT;
-        // Collect stale source files for HMR analysis of inline component resources
         let staleSourceFiles;
-        if (useHmr && hostOptions.modifiedFiles && this.#state) {
+        let clearPackageJsonCache = false;
+        if (hostOptions.modifiedFiles && this.#state) {
             for (const modifiedFile of hostOptions.modifiedFiles) {
-                const sourceFile = this.#state.typeScriptProgram.getSourceFile(modifiedFile);
-                if (sourceFile) {
-                    staleSourceFiles ??= new Map();
-                    staleSourceFiles.set(modifiedFile, sourceFile);
+                // Clear package.json cache if a node modules file was modified
+                if (!clearPackageJsonCache && modifiedFile.includes('node_modules')) {
+                    clearPackageJsonCache = true;
+                    packageJsonCache?.clear();
+                }
+                // Collect stale source files for HMR analysis of inline component resources
+                if (useHmr) {
+                    const sourceFile = this.#state.typeScriptProgram.getSourceFile(modifiedFile);
+                    if (sourceFile) {
+                        staleSourceFiles ??= new Map();
+                        staleSourceFiles.set(modifiedFile, sourceFile);
+                    }
                 }
             }
         }
         // Create Angular compiler host
-        const host = (0, angular_host_1.createAngularCompilerHost)(typescript_1.default, compilerOptions, hostOptions);
+        const host = (0, angular_host_1.createAngularCompilerHost)(typescript_1.default, compilerOptions, hostOptions, packageJsonCache);
         // Create the Angular specific program that contains the Angular compiler
         const angularProgram = (0, profiling_1.profileSync)('NG_CREATE_PROGRAM', () => new NgtscProgram(rootNames, compilerOptions, host, this.#state?.angularProgram));
         const angularCompiler = angularProgram.compiler;
@@ -99,6 +117,7 @@ class AotCompilation extends angular_compilation_1.AngularCompilation {
                 if (relativePath.startsWith('..')) {
                     relativePath = componentFilename;
                 }
+                relativePath = relativePath.replaceAll('\\', '/');
                 const updateId = encodeURIComponent(`${host.getCanonicalFileName(relativePath)}@${node.name?.text}`);
                 const updateText = angularCompiler.emitHmrUpdateModule(node);
                 if (updateText === null) {
@@ -210,8 +229,10 @@ class AotCompilation extends angular_compilation_1.AngularCompilation {
         };
         const transformers = angularCompiler.prepareEmit().transformers;
         transformers.before ??= [];
-        transformers.before.push((0, jit_bootstrap_transformer_1.replaceBootstrap)(() => typeScriptProgram.getProgram().getTypeChecker()));
-        transformers.before.push(webWorkerTransform);
+        transformers.before.push((0, jit_bootstrap_transformer_1.replaceBootstrap)(() => typeScriptProgram.getProgram().getTypeChecker()), webWorkerTransform);
+        if (!this.browserOnlyBuild) {
+            transformers.before.push((0, lazy_routes_transformer_1.lazyRoutesTransformer)(compilerOptions, compilerHost));
+        }
         // Emit is handled in write file callback when using TypeScript
         if (useTypeScriptTranspilation) {
             // TypeScript will loop until there are no more affected files in the program

package/src/tools/angular/compilation/factory.d.ts

@@ -11,6 +11,7 @@ import type { AngularCompilation } from './angular-compilation';
  * compilation either for AOT or JIT mode. By default a parallel compilation is created
  * that uses a Node.js worker thread.
  * @param jit True, for Angular JIT compilation; False, for Angular AOT compilation.
+ * @param browserOnlyBuild True, for browser only builds; False, for browser and server builds.
  * @returns An instance of an Angular compilation object.
  */
-export declare function createAngularCompilation(jit: boolean): Promise<AngularCompilation>;
+export declare function createAngularCompilation(jit: boolean, browserOnlyBuild: boolean): Promise<AngularCompilation>;

package/src/tools/angular/compilation/factory.js

@@ -47,19 +47,20 @@ const environment_options_1 = require("../../../utils/environment-options");
  * compilation either for AOT or JIT mode. By default a parallel compilation is created
  * that uses a Node.js worker thread.
  * @param jit True, for Angular JIT compilation; False, for Angular AOT compilation.
+ * @param browserOnlyBuild True, for browser only builds; False, for browser and server builds.
  * @returns An instance of an Angular compilation object.
  */
-async function createAngularCompilation(jit) {
+async function createAngularCompilation(jit, browserOnlyBuild) {
     if (environment_options_1.useParallelTs) {
         const { ParallelCompilation } = await Promise.resolve().then(() => __importStar(require('./parallel-compilation')));
-        return new ParallelCompilation(jit);
+        return new ParallelCompilation(jit, browserOnlyBuild);
     }
     if (jit) {
         const { JitCompilation } = await Promise.resolve().then(() => __importStar(require('./jit-compilation')));
-        return new JitCompilation();
+        return new JitCompilation(browserOnlyBuild);
     }
     else {
         const { AotCompilation } = await Promise.resolve().then(() => __importStar(require('./aot-compilation')));
-        return new AotCompilation();
+        return new AotCompilation(browserOnlyBuild);
     }
 }

package/src/tools/angular/compilation/jit-compilation.d.ts

@@ -11,6 +11,8 @@ import { AngularHostOptions } from '../angular-host';
 import { AngularCompilation, DiagnosticModes, EmitFileResult } from './angular-compilation';
 export declare class JitCompilation extends AngularCompilation {
     #private;
+    private readonly browserOnlyBuild;
+    constructor(browserOnlyBuild: boolean);
     initialize(tsconfig: string, hostOptions: AngularHostOptions, compilerOptionsTransformer?: (compilerOptions: ng.CompilerOptions) => ng.CompilerOptions): Promise<{
         affectedFiles: ReadonlySet<ts.SourceFile>;
         compilerOptions: ng.CompilerOptions;

package/src/tools/angular/compilation/jit-compilation.js

@@ -17,6 +17,7 @@ const load_esm_1 = require("../../../utils/load-esm");
 const profiling_1 = require("../../esbuild/profiling");
 const angular_host_1 = require("../angular-host");
 const jit_resource_transformer_1 = require("../transformers/jit-resource-transformer");
+const lazy_routes_transformer_1 = require("../transformers/lazy-routes-transformer");
 const web_worker_transformer_1 = require("../transformers/web-worker-transformer");
 const angular_compilation_1 = require("./angular-compilation");
 class JitCompilationState {
@@ -34,7 +35,12 @@ class JitCompilationState {
     }
 }
 class JitCompilation extends angular_compilation_1.AngularCompilation {
+    browserOnlyBuild;
     #state;
+    constructor(browserOnlyBuild) {
+        super();
+        this.browserOnlyBuild = browserOnlyBuild;
+    }
     async initialize(tsconfig, hostOptions, compilerOptionsTransformer) {
         // Dynamically load the Angular compiler CLI package
         const { constructorParametersDownlevelTransform } = await (0, load_esm_1.loadEsmModule)('@angular/compiler-cli/private/tooling');
@@ -42,7 +48,7 @@ class JitCompilation extends angular_compilation_1.AngularCompilation {
         const { options: originalCompilerOptions, rootNames, errors: configurationDiagnostics, } = await this.loadConfiguration(tsconfig);
         const compilerOptions = compilerOptionsTransformer?.(originalCompilerOptions) ?? originalCompilerOptions;
         // Create Angular compiler host
-        const host = (0, angular_host_1.createAngularCompilerHost)(typescript_1.default, compilerOptions, hostOptions);
+        const host = (0, angular_host_1.createAngularCompilerHost)(typescript_1.default, compilerOptions, hostOptions, undefined);
         // Create the TypeScript Program
         const typeScriptProgram = (0, profiling_1.profileSync)('TS_CREATE_PROGRAM', () => typescript_1.default.createEmitAndSemanticDiagnosticsBuilderProgram(rootNames, compilerOptions, host, this.#state?.typeScriptProgram ?? typescript_1.default.readBuilderProgram(compilerOptions, host), configurationDiagnostics));
         const affectedFiles = (0, profiling_1.profileSync)('TS_FIND_AFFECTED', () => findAffectedFiles(typeScriptProgram));
@@ -71,7 +77,8 @@ class JitCompilation extends angular_compilation_1.AngularCompilation {
     emitAffectedFiles() {
         (0, node_assert_1.default)(this.#state, 'Compilation must be initialized prior to emitting files.');
         const { compilerHost, typeScriptProgram, constructorParametersDownlevelTransform, replaceResourcesTransform, webWorkerTransform, } = this.#state;
-        const buildInfoFilename = typeScriptProgram.getCompilerOptions().tsBuildInfoFile ?? '.tsbuildinfo';
+        const compilerOptions = typeScriptProgram.getCompilerOptions();
+        const buildInfoFilename = compilerOptions.tsBuildInfoFile ?? '.tsbuildinfo';
         const emittedFiles = [];
         const writeFileCallback = (filename, contents, _a, _b, sourceFiles) => {
             if (!sourceFiles?.length && filename.endsWith(buildInfoFilename)) {
@@ -89,6 +96,9 @@ class JitCompilation extends angular_compilation_1.AngularCompilation {
                 webWorkerTransform,
             ],
         };
+        if (!this.browserOnlyBuild) {
+            transformers.before.push((0, lazy_routes_transformer_1.lazyRoutesTransformer)(compilerOptions, compilerHost));
+        }
         // TypeScript will loop until there are no more affected files in the program
         while (typeScriptProgram.emitNextAffectedFile(writeFileCallback, undefined, undefined, transformers)) {
             /* empty */

package/src/tools/angular/compilation/parallel-compilation.d.ts

@@ -20,8 +20,9 @@ import { AngularCompilation, DiagnosticModes, EmitFileResult } from './angular-c
  */
 export declare class ParallelCompilation extends AngularCompilation {
     #private;
-    readonly jit: boolean;
-    constructor(jit: boolean);
+    private readonly jit;
+    private readonly browserOnlyBuild;
+    constructor(jit: boolean, browserOnlyBuild: boolean);
     initialize(tsconfig: string, hostOptions: AngularHostOptions, compilerOptionsTransformer?: (compilerOptions: CompilerOptions) => CompilerOptions): Promise<{
         affectedFiles: ReadonlySet<SourceFile>;
         compilerOptions: CompilerOptions;