@angular/build 19.1.2 → 19.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/build",
-  "version": "19.1.2",
+  "version": "19.1.4",
   "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.1901.2",
+    "@angular-devkit/architect": "0.1901.4",
     "@babel/core": "7.26.0",
     "@babel/helper-annotate-as-pure": "7.25.9",
     "@babel/helper-split-export-declaration": "7.24.7",
@@ -57,7 +57,7 @@
     "@angular/localize": "^19.0.0",
     "@angular/platform-server": "^19.0.0",
     "@angular/service-worker": "^19.0.0",
-    "@angular/ssr": "^19.1.2",
+    "@angular/ssr": "^19.1.4",
     "less": "^4.2.0",
     "ng-packagr": "^19.0.0",
     "postcss": "^8.4.0",

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

@@ -187,30 +187,11 @@ function* emitOutputResults({ outputFiles, assetFiles, errors, warnings, externa
         };
         return;
     }
-    // Template updates only exist if no other JS changes have occurred
-    const hasTemplateUpdates = !!templateUpdates?.size;
-    if (hasTemplateUpdates) {
-        const updateResult = {
-            kind: results_1.ResultKind.ComponentUpdate,
-            updates: Array.from(templateUpdates, ([id, content]) => ({
-                type: 'template',
-                id,
-                content,
-            })),
-        };
-        yield updateResult;
-    }
-    // Use an incremental result if previous output information is available
-    if (rebuildState && changes) {
-        const { previousAssetsInfo, previousOutputInfo } = rebuildState;
-        const incrementalResult = {
-            kind: results_1.ResultKind.Incremental,
+    // Use a full result if there is no rebuild state (no prior build result)
+    if (!rebuildState || !changes) {
+        const result = {
+            kind: results_1.ResultKind.Full,
             warnings: warnings,
-            // These files need to be updated in the dev server but should not signal any updates
-            background: hasTemplateUpdates,
-            added: [],
-            removed: [],
-            modified: [],
             files: {},
             detail: {
                 externalMetadata,
@@ -219,67 +200,37 @@ function* emitOutputResults({ outputFiles, assetFiles, errors, warnings, externa
                 outputOptions,
             },
         };
-        // Initially assume all previous output files have been removed
-        const removedOutputFiles = new Map(previousOutputInfo);
-        for (const file of outputFiles) {
-            removedOutputFiles.delete(file.path);
-            const previousHash = previousOutputInfo.get(file.path)?.hash;
-            let needFile = false;
-            if (previousHash === undefined) {
-                needFile = true;
-                incrementalResult.added.push(file.path);
-            }
-            else if (previousHash !== file.hash) {
-                needFile = true;
-                incrementalResult.modified.push(file.path);
-            }
-            if (needFile) {
-                // Updates to non-JS files must signal an update with the dev server
-                if (!/(?:\.m?js|\.map)?$/.test(file.path)) {
-                    incrementalResult.background = false;
-                }
-                incrementalResult.files[file.path] = {
-                    type: file.type,
-                    contents: file.contents,
-                    origin: 'memory',
-                    hash: file.hash,
-                };
-            }
-        }
-        // Initially assume all previous assets files have been removed
-        const removedAssetFiles = new Map(previousAssetsInfo);
-        for (const { source, destination } of assetFiles) {
-            removedAssetFiles.delete(source);
-            if (!previousAssetsInfo.has(source)) {
-                incrementalResult.added.push(destination);
-            }
-            else if (changes.modified.has(source)) {
-                incrementalResult.modified.push(destination);
-            }
-            else {
-                continue;
-            }
-            incrementalResult.files[destination] = {
+        for (const file of assetFiles) {
+            result.files[file.destination] = {
                 type: bundler_context_1.BuildOutputFileType.Browser,
-                inputPath: source,
+                inputPath: file.source,
                 origin: 'disk',
             };
         }
-        // Include the removed output and asset files
-        incrementalResult.removed.push(...Array.from(removedOutputFiles, ([file, { type }]) => ({
-            path: file,
-            type,
-        })), ...Array.from(removedAssetFiles.values(), (file) => ({
-            path: file,
-            type: bundler_context_1.BuildOutputFileType.Browser,
-        })));
-        yield incrementalResult;
+        for (const file of outputFiles) {
+            result.files[file.path] = {
+                type: file.type,
+                contents: file.contents,
+                origin: 'memory',
+                hash: file.hash,
+            };
+        }
+        yield result;
         return;
     }
-    // Otherwise, use a full result
-    const result = {
-        kind: results_1.ResultKind.Full,
+    // Template updates only exist if no other JS changes have occurred.
+    // A full page reload may be required based on the following incremental output change analysis.
+    const hasTemplateUpdates = !!templateUpdates?.size;
+    // Use an incremental result if previous output information is available
+    const { previousAssetsInfo, previousOutputInfo } = rebuildState;
+    const incrementalResult = {
+        kind: results_1.ResultKind.Incremental,
         warnings: warnings,
+        // Initially attempt to use a background update of files to support component updates.
+        background: hasTemplateUpdates,
+        added: [],
+        removed: [],
+        modified: [],
         files: {},
         detail: {
             externalMetadata,
@@ -288,20 +239,74 @@ function* emitOutputResults({ outputFiles, assetFiles, errors, warnings, externa
             outputOptions,
         },
     };
-    for (const file of assetFiles) {
-        result.files[file.destination] = {
+    // Initially assume all previous output files have been removed
+    const removedOutputFiles = new Map(previousOutputInfo);
+    for (const file of outputFiles) {
+        removedOutputFiles.delete(file.path);
+        const previousHash = previousOutputInfo.get(file.path)?.hash;
+        let needFile = false;
+        if (previousHash === undefined) {
+            needFile = true;
+            incrementalResult.added.push(file.path);
+        }
+        else if (previousHash !== file.hash) {
+            needFile = true;
+            incrementalResult.modified.push(file.path);
+        }
+        if (needFile) {
+            // Updates to non-JS files must signal an update with the dev server
+            if (!/(?:\.m?js|\.map)$/.test(file.path)) {
+                incrementalResult.background = false;
+            }
+            incrementalResult.files[file.path] = {
+                type: file.type,
+                contents: file.contents,
+                origin: 'memory',
+                hash: file.hash,
+            };
+        }
+    }
+    // Initially assume all previous assets files have been removed
+    const removedAssetFiles = new Map(previousAssetsInfo);
+    for (const { source, destination } of assetFiles) {
+        removedAssetFiles.delete(source);
+        if (!previousAssetsInfo.has(source)) {
+            incrementalResult.added.push(destination);
+            incrementalResult.background = false;
+        }
+        else if (changes.modified.has(source)) {
+            incrementalResult.modified.push(destination);
+            incrementalResult.background = false;
+        }
+        else {
+            continue;
+        }
+        incrementalResult.files[destination] = {
             type: bundler_context_1.BuildOutputFileType.Browser,
-            inputPath: file.source,
+            inputPath: source,
             origin: 'disk',
         };
     }
-    for (const file of outputFiles) {
-        result.files[file.path] = {
-            type: file.type,
-            contents: file.contents,
-            origin: 'memory',
-            hash: file.hash,
+    // Include the removed output and asset files
+    incrementalResult.removed.push(...Array.from(removedOutputFiles, ([file, { type }]) => ({
+        path: file,
+        type,
+    })), ...Array.from(removedAssetFiles.values(), (file) => ({
+        path: file,
+        type: bundler_context_1.BuildOutputFileType.Browser,
+    })));
+    yield incrementalResult;
+    // If there are template updates and the incremental update was background only, a component
+    // update is possible.
+    if (hasTemplateUpdates && incrementalResult.background) {
+        const updateResult = {
+            kind: results_1.ResultKind.ComponentUpdate,
+            updates: Array.from(templateUpdates, ([id, content]) => ({
+                type: 'template',
+                id,
+                content,
+            })),
         };
+        yield updateResult;
     }
-    yield result;
 }

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

@@ -6,7 +6,6 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 import { Builder, BuilderContext, BuilderOutput } from '@angular-devkit/architect';
-import { json } from '@angular-devkit/core';
 import { ApplicationBuilderExtensions, ApplicationBuilderInternalOptions } from './options';
 import { Result } from './results';
 import { Schema as ApplicationBuilderOptions } from './schema';
@@ -29,5 +28,5 @@ export declare function buildApplicationInternal(options: ApplicationBuilderInte
  * @returns The build output results of the build.
  */
 export declare function buildApplication(options: ApplicationBuilderOptions, context: BuilderContext, extensions?: ApplicationBuilderExtensions): AsyncIterable<BuilderOutput>;
-declare const builder: Builder<ApplicationBuilderOptions & json.JsonObject>;
+declare const builder: Builder<ApplicationBuilderOptions>;
 export default builder;

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, context.logger);
+    const i18nOptions = (0, i18n_options_1.createI18nOptions)(projectMetadata, options.localize, context.logger, !!options.ssr);
     i18nOptions.duplicateTranslationBehavior = options.i18nDuplicateTranslation;
     i18nOptions.missingTranslationBehavior = options.i18nMissingTranslation;
     if (options.forceI18nFlatOutput) {

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

@@ -1,7 +1,7 @@
 /**
  * Application builder target options
  */
-export interface Schema {
+export type Schema = {
     /**
      * A list of CommonJS or AMD packages that are allowed to be used without a build time
      * warning. Use `'*'` to allow all.
@@ -208,9 +208,9 @@ export interface Schema {
      * TypeScript configuration for Web Worker modules.
      */
     webWorkerTsConfig?: string;
-}
+};
 export type AssetPattern = AssetPatternClass | string;
-export interface AssetPatternClass {
+export type AssetPatternClass = {
     /**
      * Allow glob patterns to follow symlink directories. This allows subdirectories of the
      * symlink to be searched.
@@ -232,8 +232,8 @@ export interface AssetPatternClass {
      * Absolute path within the output.
      */
     output?: string;
-}
-export interface Budget {
+};
+export type Budget = {
     /**
      * The baseline size for comparison.
      */
@@ -270,7 +270,7 @@ export interface Budget {
      * The threshold for warning relative to the baseline (min & max).
      */
     warning?: string;
-}
+};
 /**
  * The type of budget.
  */
@@ -291,10 +291,10 @@ export declare enum CrossOrigin {
     None = "none",
     UseCredentials = "use-credentials"
 }
-export interface FileReplacement {
+export type FileReplacement = {
     replace: string;
     with: string;
-}
+};
 /**
  * How to handle duplicate translations for i18n.
  *
@@ -309,7 +309,7 @@ export declare enum I18NTranslation {
  * Configures the generation of the application's HTML index.
  */
 export type IndexUnion = boolean | IndexObject | string;
-export interface IndexObject {
+export type IndexObject = {
     /**
      * The path of a file to use for the application's generated HTML index.
      */
@@ -325,7 +325,7 @@ export interface IndexObject {
      */
     preloadInitial?: boolean;
     [property: string]: any;
-}
+};
 /**
  * The stylesheet language to use for the application's inline component styles.
  */
@@ -346,7 +346,7 @@ export type Localize = string[] | boolean;
  * https://angular.dev/reference/configs/workspace-config#optimization-configuration.
  */
 export type OptimizationUnion = boolean | OptimizationClass;
-export interface OptimizationClass {
+export type OptimizationClass = {
     /**
      * Enables optimization for fonts. This option requires internet access. `HTTPS_PROXY`
      * environment variable can be used to specify a proxy server.
@@ -360,25 +360,25 @@ export interface OptimizationClass {
      * Enables optimization of the styles output.
      */
     styles?: StylesUnion;
-}
+};
 /**
  * Enables optimization for fonts. This option requires internet access. `HTTPS_PROXY`
  * environment variable can be used to specify a proxy server.
  */
 export type FontsUnion = boolean | FontsClass;
-export interface FontsClass {
+export type FontsClass = {
     /**
      * Reduce render blocking requests by inlining external Google Fonts and Adobe Fonts CSS
      * definitions in the application's HTML index file. This option requires internet access.
      * `HTTPS_PROXY` environment variable can be used to specify a proxy server.
      */
     inline?: boolean;
-}
+};
 /**
  * Enables optimization of the styles output.
  */
 export type StylesUnion = boolean | StylesClass;
-export interface StylesClass {
+export type StylesClass = {
     /**
      * Extract and inline critical CSS definitions to improve first paint time.
      */
@@ -393,7 +393,7 @@ export interface StylesClass {
      * '//!' or '/*!'.
      */
     removeSpecialComments?: boolean;
-}
+};
 /**
  * Define the output filename cache-busting hashing mode.
  */
@@ -416,7 +416,7 @@ export declare enum OutputMode {
  * Specify the output path relative to workspace root.
  */
 export type OutputPathUnion = OutputPathClass | string;
-export interface OutputPathClass {
+export type OutputPathClass = {
     /**
      * Specify the output path relative to workspace root.
      */
@@ -436,12 +436,12 @@ export interface OutputPathClass {
      * 'server'.
      */
     server?: string;
-}
+};
 /**
  * Prerender (SSG) pages of your application during build time.
  */
 export type PrerenderUnion = boolean | PrerenderClass;
-export interface PrerenderClass {
+export type PrerenderClass = {
     /**
      * Whether the builder should process the Angular Router configuration to find all
      * unparameterized routes and prerender them.
@@ -452,9 +452,9 @@ export interface PrerenderClass {
      * newlines. This option is useful if you want to prerender routes with parameterized URLs.
      */
     routesFile?: string;
-}
+};
 export type ScriptElement = ScriptClass | string;
-export interface ScriptClass {
+export type ScriptClass = {
     /**
      * The bundle name for this extra entry point.
      */
@@ -467,32 +467,32 @@ export interface ScriptClass {
      * The file to include.
      */
     input: string;
-}
+};
 /**
  * Security features to protect against XSS and other common attacks
  */
-export interface Security {
+export type Security = {
     /**
      * Enables automatic generation of a hash-based Strict Content Security Policy
      * (https://web.dev/articles/strict-csp#choose-hash) based on scripts in index.html. Will
      * default to true once we are out of experimental/preview phases.
      */
     autoCsp?: AutoCspUnion;
-}
+};
 /**
  * Enables automatic generation of a hash-based Strict Content Security Policy
  * (https://web.dev/articles/strict-csp#choose-hash) based on scripts in index.html. Will
  * default to true once we are out of experimental/preview phases.
  */
 export type AutoCspUnion = boolean | AutoCspClass;
-export interface AutoCspClass {
+export type AutoCspClass = {
     /**
      * Include the `unsafe-eval` directive (https://web.dev/articles/strict-csp#remove-eval) in
      * the auto-CSP. Please only enable this if you are absolutely sure that you need to, as
      * allowing calls to eval will weaken the XSS defenses provided by the auto-CSP.
      */
     unsafeEval?: boolean;
-}
+};
 /**
  * Generates a service worker configuration.
  */
@@ -502,7 +502,7 @@ export type ServiceWorker = boolean | string;
  * https://angular.dev/reference/configs/workspace-config#source-map-configuration.
  */
 export type SourceMapUnion = boolean | SourceMapClass;
-export interface SourceMapClass {
+export type SourceMapClass = {
     /**
      * Output source maps used for error reporting tools.
      */
@@ -519,12 +519,12 @@ export interface SourceMapClass {
      * Resolve vendor packages source maps.
      */
     vendor?: boolean;
-}
+};
 /**
  * Server side render (SSR) pages of your application during runtime.
  */
 export type SsrUnion = boolean | SsrClass;
-export interface SsrClass {
+export type SsrClass = {
     /**
      * The server entry-point that when executed will spawn the web server.
      */
@@ -543,7 +543,7 @@ export interface SsrClass {
      * versions.
      */
     experimentalPlatform?: ExperimentalPlatform;
-}
+};
 /**
  * Specifies the platform for which the server bundle is generated. This affects the APIs
  * and modules available in the server-side code.
@@ -564,7 +564,7 @@ export declare enum ExperimentalPlatform {
 /**
  * Options to pass to style preprocessors.
  */
-export interface StylePreprocessorOptions {
+export type StylePreprocessorOptions = {
     /**
      * Paths to include. Paths will be resolved to workspace root.
      */
@@ -573,11 +573,11 @@ export interface StylePreprocessorOptions {
      * Options to pass to the sass preprocessor.
      */
     sass?: Sass;
-}
+};
 /**
  * Options to pass to the sass preprocessor.
  */
-export interface Sass {
+export type Sass = {
     /**
      * A set of deprecations to treat as fatal. If a deprecation warning of any provided type is
      * encountered during compilation, the compiler will error instead. If a Version is
@@ -595,9 +595,9 @@ export interface Sass {
      * encountered during compilation, the compiler will ignore it instead.
      */
     silenceDeprecations?: string[];
-}
+};
 export type StyleElement = StyleClass | string;
-export interface StyleClass {
+export type StyleClass = {
     /**
      * The bundle name for this extra entry point.
      */
@@ -610,4 +610,4 @@ export interface StyleClass {
      * The file to include.
      */
     input: string;
-}
+};

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

@@ -6,11 +6,10 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 import { Builder } from '@angular-devkit/architect';
-import { json } from '@angular-devkit/core';
 import { execute } from './builder';
 import type { DevServerBuilderOutput } from './output';
 import type { Schema as DevServerBuilderOptions } from './schema';
 export { type DevServerBuilderOptions, type DevServerBuilderOutput, execute as executeDevServerBuilder, };
-declare const builder: Builder<DevServerBuilderOptions & json.JsonObject>;
+declare const builder: Builder<DevServerBuilderOptions>;
 export default builder;
 export { execute as executeDevServer };

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

@@ -1,7 +1,7 @@
 /**
  * Dev Server target options for Build Facade.
  */
-export interface Schema {
+export type Schema = {
     /**
      * A build builder target to serve in the format of `project:target[:configuration]`. You
      * can also pass in more than one configuration name as a comma-separated list. Example:
@@ -78,7 +78,7 @@ export interface Schema {
      * Rebuild on change.
      */
     watch?: boolean;
-}
+};
 /**
  * Activate debugging inspector. This option only has an effect when 'SSR' or 'SSG' are
  * enabled.
@@ -89,10 +89,10 @@ export type Inspect = boolean | string;
  * enable prebundling, the Angular CLI cache must also be enabled.
  */
 export type PrebundleUnion = boolean | PrebundleClass;
-export interface PrebundleClass {
+export type PrebundleClass = {
     /**
      * List of package imports that should not be prebundled by the development server. The
      * packages will be bundled into the application code itself.
      */
     exclude: string[];
-}
+};

package/src/builders/extract-i18n/index.d.ts

@@ -6,9 +6,8 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 import { Builder } from '@angular-devkit/architect';
-import { json } from '@angular-devkit/core';
 import { execute } from './builder';
 import type { Schema as ExtractI18nBuilderOptions } from './schema';
 export { ExtractI18nBuilderOptions, execute };
-declare const builder: Builder<ExtractI18nBuilderOptions & json.JsonObject>;
+declare const builder: Builder<ExtractI18nBuilderOptions>;
 export default builder;

package/src/builders/extract-i18n/schema.d.ts

@@ -1,7 +1,7 @@
 /**
  * Extract i18n target options for Build Facade.
  */
-export interface Schema {
+export type Schema = {
     /**
      * A builder target to extract i18n messages in the format of
      * `project:target[:configuration]`. You can also pass in more than one configuration name
@@ -24,7 +24,7 @@ export interface Schema {
      * Log progress to the console.
      */
     progress?: boolean;
-}
+};
 /**
  * Output format for the generated file.
  */

package/src/builders/ng-packagr/index.d.ts

@@ -6,9 +6,8 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 import { Builder } from '@angular-devkit/architect';
-import { json } from '@angular-devkit/core';
 import { execute } from './builder';
 import type { Schema as NgPackagrBuilderOptions } from './schema';
 export { type NgPackagrBuilderOptions, execute };
-declare const builder: Builder<NgPackagrBuilderOptions & json.JsonObject>;
+declare const builder: Builder<NgPackagrBuilderOptions>;
 export default builder;

package/src/builders/ng-packagr/schema.d.ts

@@ -1,7 +1,7 @@
 /**
  * ng-packagr target options for Build Architect. Use to build library projects.
  */
-export interface Schema {
+export type Schema = {
     /**
      * Enable and define the file watching poll time period in milliseconds.
      */
@@ -18,4 +18,4 @@ export interface Schema {
      * Run build when files change.
      */
     watch?: boolean;
-}
+};

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

@@ -120,7 +120,11 @@ class AotCompilation extends angular_compilation_1.AngularCompilation {
                 relativePath = relativePath.replaceAll('\\', '/');
                 const updateId = encodeURIComponent(`${host.getCanonicalFileName(relativePath)}@${node.name?.text}`);
                 const updateText = angularCompiler.emitHmrUpdateModule(node);
-                if (updateText === null) {
+                // If compiler cannot generate an update for the component, prevent template updates.
+                // Also prevent template updates if $localize is directly present which also currently
+                // prevents a template update at runtime.
+                // TODO: Support localized template update modules and remove this check.
+                if (updateText === null || updateText.includes('$localize')) {
                     // Build is needed if a template cannot be updated
                     templateUpdates = undefined;
                     break;

package/src/tools/vite/middlewares/component-middleware.d.ts

@@ -5,5 +5,5 @@
  * 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 { Connect } from 'vite';
-export declare function createAngularComponentMiddleware(templateUpdates: ReadonlyMap<string, string>): Connect.NextHandleFunction;
+import type { Connect, ViteDevServer } from 'vite';
+export declare function createAngularComponentMiddleware(server: ViteDevServer, templateUpdates: ReadonlyMap<string, string>): Connect.NextHandleFunction;

package/src/tools/vite/middlewares/component-middleware.js

@@ -8,13 +8,15 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAngularComponentMiddleware = createAngularComponentMiddleware;
+const utils_1 = require("../utils");
 const ANGULAR_COMPONENT_PREFIX = '/@ng/component';
-function createAngularComponentMiddleware(templateUpdates) {
+function createAngularComponentMiddleware(server, templateUpdates) {
     return function angularComponentMiddleware(req, res, next) {
         if (req.url === undefined || res.writableEnded) {
             return;
         }
-        if (!req.url.startsWith(ANGULAR_COMPONENT_PREFIX)) {
+        const pathname = (0, utils_1.pathnameWithoutBasePath)(req.url, server.config.base);
+        if (!pathname.includes(ANGULAR_COMPONENT_PREFIX)) {
             next();
             return;
         }

package/src/tools/vite/plugins/angular-memory-plugin.js

@@ -35,8 +35,7 @@ async function createAngularMemoryPlugin(options) {
                 // Vite will resolve these these files example:
                 // `file:///@ng/component?c=src%2Fapp%2Fapp.component.ts%40AppComponent&t=1737017253850`
                 const sourcePath = (0, node_url_1.fileURLToPath)(source);
-                const { root } = (0, node_path_1.parse)(sourcePath);
-                const sourceWithoutRoot = normalizePath('/' + sourcePath.slice(root.length));
+                const sourceWithoutRoot = normalizePath('/' + (0, node_path_1.relative)(virtualProjectRoot, sourcePath));
                 if (sourceWithoutRoot.startsWith(ANGULAR_PREFIX)) {
                     const [, query] = source.split('?', 2);
                     return `\0${sourceWithoutRoot}?${query}`;

package/src/tools/vite/plugins/setup-middlewares-plugin.js

@@ -49,7 +49,7 @@ function createAngularSetupMiddlewaresPlugin(options) {
             const { indexHtmlTransformer, outputFiles, extensionMiddleware, assets, componentStyles, templateUpdates, ssrMode, resetComponentUpdates, } = options;
             // Headers, assets and resources get handled first
             server.middlewares.use((0, middlewares_1.createAngularHeadersMiddleware)(server));
-            server.middlewares.use((0, middlewares_1.createAngularComponentMiddleware)(templateUpdates));
+            server.middlewares.use((0, middlewares_1.createAngularComponentMiddleware)(server, templateUpdates));
             server.middlewares.use((0, middlewares_1.createAngularAssetsMiddleware)(server, assets, outputFiles, componentStyles, await createEncapsulateStyle()));
             extensionMiddleware?.forEach((middleware) => server.middlewares.use(middleware));
             // Returning a function, installs middleware after the main transform middleware but

package/src/utils/i18n-options.d.ts

@@ -29,7 +29,7 @@ export declare function createI18nOptions(projectMetadata: {
     i18n?: unknown;
 }, inline?: boolean | string[], logger?: {
     warn(message: string): void;
-}): I18nOptions;
+}, ssrEnabled?: boolean): I18nOptions;
 export declare function loadTranslations(locale: string, desc: LocaleDescription, workspaceRoot: string, loader: TranslationLoader, logger: {
     warn: (message: string) => void;
     error: (message: string) => void;

package/src/utils/i18n-options.js

@@ -45,7 +45,7 @@ function ensureValidSubPath(value, name) {
         throw new Error(`Project field '${name}' is invalid. It can only contain letters, numbers, hyphens, and underscores.`);
     }
 }
-function createI18nOptions(projectMetadata, inline, logger) {
+function createI18nOptions(projectMetadata, inline, logger, ssrEnabled) {
     const { i18n: metadata = {} } = projectMetadata;
     ensureObject(metadata, 'i18n');
     const i18n = {
@@ -71,10 +71,12 @@ function createI18nOptions(projectMetadata, inline, logger) {
         }
         if (metadata.sourceLocale.baseHref !== undefined) {
             ensureString(metadata.sourceLocale.baseHref, 'i18n.sourceLocale.baseHref');
-            logger?.warn(`The 'baseHref' field under 'i18n.sourceLocale' is deprecated and will be removed in future versions. ` +
-                `Please use 'subPath' instead.\nNote: 'subPath' defines the URL segment for the locale, acting ` +
-                `as both the HTML base HREF and the directory name for output.\nBy default, ` +
-                `if not specified, 'subPath' uses the locale code.`);
+            if (ssrEnabled) {
+                logger?.warn(`'baseHref' in 'i18n.sourceLocale' may lead to undefined behavior when used with SSR. ` +
+                    `Consider using 'subPath' instead.\n\n` +
+                    `Note: 'subPath' specifies the URL segment for the locale, serving as both the HTML base HREF ` +
+                    `and the output directory name.\nBy default, if not explicitly set, 'subPath' defaults to the locale code.`);
+            }
             rawSourceLocaleBaseHref = metadata.sourceLocale.baseHref;
         }
         if (metadata.sourceLocale.subPath !== undefined) {
@@ -104,10 +106,12 @@ function createI18nOptions(projectMetadata, inline, logger) {
                 translationFiles = normalizeTranslationFileOption(options.translation, locale, false);
                 if ('baseHref' in options) {
                     ensureString(options.baseHref, `i18n.locales.${locale}.baseHref`);
-                    logger?.warn(`The 'baseHref' field under 'i18n.locales.${locale}' is deprecated and will be removed in future versions. ` +
-                        `Please use 'subPath' instead.\nNote: 'subPath' defines the URL segment for the locale, acting ` +
-                        `as both the HTML base HREF and the directory name for output.\nBy default, ` +
-                        `if not specified, 'subPath' uses the locale code.`);
+                    if (ssrEnabled) {
+                        logger?.warn(`'baseHref' in 'i18n.locales.${locale}' may lead to undefined behavior when used with SSR. ` +
+                            `Consider using 'subPath' instead.\n\n` +
+                            `Note: 'subPath' specifies the URL segment for the locale, serving as both the HTML base HREF ` +
+                            `and the output directory name.\nBy default, if not explicitly set, 'subPath' defaults to the locale code.`);
+                    }
                     baseHref = options.baseHref;
                 }
                 if ('subPath' in options) {
@@ -131,17 +135,6 @@ function createI18nOptions(projectMetadata, inline, logger) {
             };
         }
     }
-    // Check that subPaths are unique.
-    const localesData = Object.entries(i18n.locales);
-    for (let i = 0; i < localesData.length; i++) {
-        const [localeA, { subPath: subPathA }] = localesData[i];
-        for (let j = i + 1; j < localesData.length; j++) {
-            const [localeB, { subPath: subPathB }] = localesData[j];
-            if (subPathA === subPathB) {
-                throw new Error(`Invalid i18n configuration: Locales '${localeA}' and '${localeB}' cannot have the same subPath: '${subPathB}'.`);
-            }
-        }
-    }
     if (inline === true) {
         i18n.inlineLocales.add(i18n.sourceLocale);
         Object.keys(i18n.locales).forEach((locale) => i18n.inlineLocales.add(locale));
@@ -154,6 +147,17 @@ function createI18nOptions(projectMetadata, inline, logger) {
             i18n.inlineLocales.add(locale);
         }
     }
+    // Check that subPaths are unique only the locales that we are inlining.
+    const localesData = Object.entries(i18n.locales).filter(([locale]) => i18n.inlineLocales.has(locale));
+    for (let i = 0; i < localesData.length; i++) {
+        const [localeA, { subPath: subPathA }] = localesData[i];
+        for (let j = i + 1; j < localesData.length; j++) {
+            const [localeB, { subPath: subPathB }] = localesData[j];
+            if (subPathA === subPathB) {
+                throw new Error(`Invalid i18n configuration: Locales '${localeA}' and '${localeB}' cannot have the same subPath: '${subPathB}'.`);
+            }
+        }
+    }
     return i18n;
 }
 function loadTranslations(locale, desc, workspaceRoot, loader, logger, usedFormats, duplicateTranslation) {

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 = '19.1.2';
+const VERSION = '19.1.4';
 function hasCacheMetadata(value) {
     return (!!value &&
         typeof value === 'object' &&

package/src/utils/server-rendering/prerender.js

@@ -16,6 +16,7 @@ const error_1 = require("../error");
 const url_1 = require("../url");
 const worker_pool_1 = require("../worker-pool");
 const utils_1 = require("./esm-in-memory-loader/utils");
+const manifest_1 = require("./manifest");
 const models_1 = require("./models");
 async function prerenderPages(workspaceRoot, baseHref, appShellOptions, prerenderOptions, outputFiles, assets, outputMode, sourcemap = false, maxThreads = 1) {
     const outputFilesForWorker = {};
@@ -89,6 +90,12 @@ async function prerenderPages(workspaceRoot, baseHref, appShellOptions, prerende
             serializableRouteTreeNode,
         };
     }
+    // Add the extracted routes to the manifest file.
+    // We could re-generate it from the start, but that would require a number of options to be passed down.
+    const manifest = outputFilesForWorker[manifest_1.SERVER_APP_MANIFEST_FILENAME];
+    if (manifest) {
+        outputFilesForWorker[manifest_1.SERVER_APP_MANIFEST_FILENAME] = manifest.replace('routes: undefined,', `routes: ${JSON.stringify(serializableRouteTreeNodeForPrerender, undefined, 2)},`);
+    }
     // Render routes
     const { errors: renderingErrors, output } = await renderPages(baseHref, sourcemap, serializableRouteTreeNodeForPrerender, maxThreads, workspaceRoot, outputFilesForWorker, assetsReversed, outputMode, appShellRoute ?? appShellOptions?.route);
     errors.push(...renderingErrors);