@nx/angular-rspack 20.6.2 → 20.7.0

package/dist/lib/models/index.d.ts

@@ -1,4 +1,5 @@
 export * from './angular-rspack-plugin-options';
 export * from './augmented-compilation';
+export * from './i18n';
 export * from './normalize-options';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/models/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,yBAAyB,CAAC;AACxC,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC"}

package/dist/lib/models/index.js

@@ -3,4 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./angular-rspack-plugin-options"), exports);
 tslib_1.__exportStar(require("./augmented-compilation"), exports);
+tslib_1.__exportStar(require("./i18n"), exports);
 tslib_1.__exportStar(require("./normalize-options"), exports);

package/dist/lib/models/normalize-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-options.d.ts","sourceRoot":"","sources":["../../../src/lib/models/normalize-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAkB9D,OAAO,KAAK,EACV,0BAA0B,EAI1B,oCAAoC,EAOrC,MAAM,iCAAiC,CAAC;AAMzC,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,gBAAgB,EAAE,eAAe,EAAE,EACnC,IAAI,EAAE,MAAM,GACX,eAAe,EAAE,CAKnB;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,GAAG,EAAE,0BAA0B,CAAC,KAAK,CAAC,GACrC,OAAO,CAQT;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,0BAA0B,CAAC,KAAK,CAAC,QAmBjE;AAED,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,0BAA0B,CAAC,cAAc,CAAC,QASzD;AA0BD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,0BAA0B,GAClC,oCAAoC,CA0ItC"}
+{"version":3,"file":"normalize-options.d.ts","sourceRoot":"","sources":["../../../src/lib/models/normalize-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAkB9D,OAAO,KAAK,EACV,0BAA0B,EAI1B,oCAAoC,EAOrC,MAAM,iCAAiC,CAAC;AAMzC,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAE/C;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACrC,gBAAgB,EAAE,eAAe,EAAE,EACnC,IAAI,EAAE,MAAM,GACX,eAAe,EAAE,CAKnB;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,GAAG,SAAS,EAC1B,GAAG,EAAE,0BAA0B,CAAC,KAAK,CAAC,GACrC,OAAO,CAQT;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,0BAA0B,CAAC,KAAK,CAAC,QAmBjE;AAED,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,0BAA0B,CAAC,cAAc,CAAC,QASzD;AA0BD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,0BAA0B,GAClC,oCAAoC,CA6ItC"}

package/dist/lib/models/normalize-options.js

@@ -157,7 +157,10 @@ function normalizeOptions(options) {
         aot,
         browser: options.browser ?? './src/main.ts',
         commonChunk: options.commonChunk ?? true,
+        define: options.define ?? {},
+        deleteOutputPath: options.deleteOutputPath ?? true,
         devServer: normalizeDevServer(options.devServer),
+        externalDependencies: options.externalDependencies ?? [],
         extractLicenses: options.extractLicenses ?? true,
         fileReplacements: resolveFileReplacements(fileReplacements, root),
         globalStyles,
@@ -208,10 +211,15 @@ function normalizeDevServer(devServer) {
     const defaultHost = 'localhost';
     const defaultPort = 4200;
     if (!devServer) {
-        return { host: defaultHost, port: defaultPort };
+        return {
+            allowedHosts: [],
+            host: defaultHost,
+            port: defaultPort,
+        };
     }
     return {
         ...devServer,
+        allowedHosts: devServer.allowedHosts ?? [],
         host: devServer.host ?? defaultHost,
         port: devServer.port ?? defaultPort,
     };

package/dist/lib/models/unsupported-options.d.ts

@@ -10,7 +10,6 @@ export type BudgetEntry = {
     error?: string;
 };
 export interface DevServerUnsupportedOptions {
-    allowedHosts?: string[] | boolean;
     headers?: Record<string, string>;
     open?: boolean;
     liveReload?: boolean;
@@ -28,19 +27,12 @@ export interface PluginUnsupportedOptions {
             unsafeEval?: boolean;
         };
     };
-    externalDependencies?: string[];
     clearScreen?: boolean;
-    define?: Record<string, string>;
     baseHref?: string;
     verbose?: boolean;
     progress?: boolean;
-    i18nMissingTranslation?: 'warning' | 'error' | 'ignore';
-    i18nDuplicateTranslation?: 'warning' | 'error' | 'ignore';
-    localize?: boolean | string[];
     watch?: boolean;
     poll?: number;
-    deleteOutputPath?: boolean;
-    preserveSymlinks?: boolean;
     subresourceIntegrity?: boolean;
     serviceWorker?: string | false;
     statsJson?: boolean;

package/dist/lib/models/unsupported-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unsupported-options.d.ts","sourceRoot":"","sources":["../../../src/lib/models/unsupported-options.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EACA,KAAK,GACL,WAAW,GACX,KAAK,GACL,WAAW,GACX,mBAAmB,GACnB,QAAQ,GACR,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,SAAS,CAAC,EACN,OAAO,GACP;QACE,OAAO,EAAE,MAAM,EAAE,CAAC;KACnB,CAAC;CACP;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EACJ,OAAO,GACP;YACE,UAAU,CAAC,EAAE,OAAO,CAAC;SACtB,CAAC;KACP,CAAC;IACF,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IACxD,wBAAwB,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,iBAAiB,CAAC;IACvD,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC;IACvC,SAAS,CAAC,EACN,OAAO,GACP;QACE,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;IACN,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAClC;AAED,eAAO,MAAM,iCAAiC,UA0B7C,CAAC;AAEF,eAAO,MAAM,kCAAkC,UAS9C,CAAC"}
+{"version":3,"file":"unsupported-options.d.ts","sourceRoot":"","sources":["../../../src/lib/models/unsupported-options.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EACA,KAAK,GACL,WAAW,GACX,KAAK,GACL,WAAW,GACX,mBAAmB,GACnB,QAAQ,GACR,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,SAAS,CAAC,EACN,OAAO,GACP;QACE,OAAO,EAAE,MAAM,EAAE,CAAC;KACnB,CAAC;CACP;AAED,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EACJ,OAAO,GACP;YACE,UAAU,CAAC,EAAE,OAAO,CAAC;SACtB,CAAC;KACP,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,iBAAiB,CAAC;IACvD,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC;IACvC,SAAS,CAAC,EACN,OAAO,GACP;QACE,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,CAAC;IACN,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAClC;AAED,eAAO,MAAM,iCAAiC,UAmB7C,CAAC;AAEF,eAAO,MAAM,kCAAkC,UAQ9C,CAAC"}

package/dist/lib/models/unsupported-options.js

@@ -4,19 +4,12 @@ exports.DEV_SERVER_OPTIONS_PENDING_SUPPORT = exports.TOP_LEVEL_OPTIONS_PENDING_S
 exports.TOP_LEVEL_OPTIONS_PENDING_SUPPORT = [
     'deployUrl',
     'security',
-    'externalDependencies',
     'clearScreen',
-    'define',
     'baseHref',
     'verbose',
     'progress',
-    'i18nMissingTranslation',
-    'i18nDuplicateTranslation',
-    'localize',
     'watch',
     'poll',
-    'deleteOutputPath',
-    'preserveSymlinks',
     'subresourceIntegrity',
     'serviceWorker',
     'statsJson',
@@ -29,7 +22,6 @@ exports.TOP_LEVEL_OPTIONS_PENDING_SUPPORT = [
     'outputMode',
 ];
 exports.DEV_SERVER_OPTIONS_PENDING_SUPPORT = [
-    'allowedHosts',
     'headers',
     'open',
     'liveReload',

package/dist/lib/plugins/angular-rspack-plugin.d.ts

@@ -1,8 +1,8 @@
 import { Compiler, RspackPluginInstance } from '@rspack/core';
-import { type NormalizedAngularRspackPluginOptions } from '../models';
+import { I18nOptions, type NormalizedAngularRspackPluginOptions } from '../models';
 export declare class AngularRspackPlugin implements RspackPluginInstance {
     #private;
-    constructor(options: NormalizedAngularRspackPluginOptions);
+    constructor(options: NormalizedAngularRspackPluginOptions, i18nOptions?: I18nOptions);
     apply(compiler: Compiler): void;
     private setupCompilation;
 }

package/dist/lib/plugins/angular-rspack-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"angular-rspack-plugin.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/angular-rspack-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAGR,oBAAoB,EACrB,MAAM,cAAc,CAAC;AACtB,OAAO,EAGL,KAAK,oCAAoC,EAC1C,MAAM,WAAW,CAAC;AAiBnB,qBAAa,mBAAoB,YAAW,oBAAoB;;gBAWlD,OAAO,EAAE,oCAAoC;IAqBzD,KAAK,CAAC,QAAQ,EAAE,QAAQ;YAgJV,gBAAgB;CA0B/B"}
+{"version":3,"file":"angular-rspack-plugin.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/angular-rspack-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAGR,oBAAoB,EAErB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,WAAW,EAGX,KAAK,oCAAoC,EAC1C,MAAM,WAAW,CAAC;AAiBnB,qBAAa,mBAAoB,YAAW,oBAAoB;;gBAa5D,OAAO,EAAE,oCAAoC,EAC7C,WAAW,CAAC,EAAE,WAAW;IAuB3B,KAAK,CAAC,QAAQ,EAAE,QAAQ;YAiMV,gBAAgB;CA0B/B"}

package/dist/lib/plugins/angular-rspack-plugin.js

@@ -10,14 +10,16 @@ const fs_2 = tslib_1.__importDefault(require("fs"));
 const PLUGIN_NAME = 'AngularRspackPlugin';
 class AngularRspackPlugin {
     #_options;
+    #i18n;
     #typescriptFileCache;
     #javascriptTransformer;
     // This will be defined in the apply method correctly
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-expect-error
     #angularCompilation;
-    constructor(options) {
+    constructor(options, i18nOptions) {
         this.#_options = options;
+        this.#i18n = i18nOptions;
         this.#typescriptFileCache = new Map();
         this.#javascriptTransformer = new angular_rspack_compiler_1.JavaScriptTransformer({
             /**
@@ -70,6 +72,43 @@ class AngularRspackPlugin {
             }
             callback();
         });
+        compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
+            compilation.hooks.processAssets.tap({
+                name: PLUGIN_NAME,
+                stage: compiler.rspack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,
+            }, (assets) => {
+                for (const assetName in assets) {
+                    const asset = compilation.getAsset(assetName);
+                    if (!asset) {
+                        continue;
+                    }
+                    const assetHash = asset.info?.contenthash?.[0] ?? '';
+                    const assetNameWithoutHash = assetName.replace(`.${assetHash}`, '');
+                    if (assetNameWithoutHash !== 'main.js') {
+                        continue;
+                    }
+                    const originalSource = asset.source.source();
+                    let updatedSourceContent = typeof originalSource === 'string'
+                        ? originalSource
+                        : originalSource.toString();
+                    if (this.#i18n?.shouldInline) {
+                        // When inlining, a placeholder is used to allow the post-processing step to inject the $localize locale identifier.
+                        updatedSourceContent +=
+                            '(globalThis.$localize ??= {}).locale = "___NG_LOCALE_INSERT___";\n';
+                    }
+                    else if (this.#i18n?.hasDefinedSourceLocale) {
+                        // If not inlining translations and source locale is defined, inject the locale specifier.
+                        updatedSourceContent += `(globalThis.$localize ??= {}).locale = "${this.#i18n.sourceLocale}";\n`;
+                    }
+                    // Replace the asset with the modified content
+                    const map = asset.source.map();
+                    const updatedSource = map
+                        ? new core_1.sources.SourceMapSource(updatedSourceContent, asset.name, map)
+                        : new core_1.sources.RawSource(updatedSourceContent);
+                    compilation.updateAsset(assetName, updatedSource);
+                }
+            });
+        });
         compiler.hooks.emit.tapAsync(PLUGIN_NAME, async (compilation, callback) => {
             if (!this.#_options.skipTypeChecking) {
                 const { errors, warnings } = await this.#angularCompilation.diagnoseFiles(angular_rspack_compiler_1.DiagnosticModes.All);
@@ -111,6 +150,7 @@ class AngularRspackPlugin {
                 javascriptTransformer: this
                     .#javascriptTransformer,
                 typescriptFileCache: this.#typescriptFileCache,
+                i18n: this.#i18n,
             });
         });
         compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {

package/dist/lib/plugins/i18n-inline-plugin.d.ts

@@ -0,0 +1,8 @@
+import { RspackPluginInstance, Compiler } from '@rspack/core';
+import { I18nOptions, NormalizedAngularRspackPluginOptions } from '../models';
+export declare class I18nInlinePlugin implements RspackPluginInstance {
+    #private;
+    constructor(pluginOptions: NormalizedAngularRspackPluginOptions, i18nOptions: I18nOptions);
+    apply(compiler: Compiler): void;
+}
+//# sourceMappingURL=i18n-inline-plugin.d.ts.map

package/dist/lib/plugins/i18n-inline-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n-inline-plugin.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/i18n-inline-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAW,MAAM,cAAc,CAAC;AASvE,OAAO,EAAE,WAAW,EAAE,oCAAoC,EAAE,MAAM,WAAW,CAAC;AAS9E,qBAAa,gBAAiB,YAAW,oBAAoB;;gBAUzD,aAAa,EAAE,oCAAoC,EACnD,WAAW,EAAE,WAAW;IAM1B,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAuSzB"}

package/dist/lib/plugins/i18n-inline-plugin.js

@@ -0,0 +1,226 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.I18nInlinePlugin = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@rspack/core");
+const core_2 = require("@babel/core");
+const remapping_1 = tslib_1.__importDefault(require("@ampproject/remapping"));
+const node_assert_1 = tslib_1.__importDefault(require("node:assert"));
+const PLUGIN_NAME = 'I18nInlinePlugin';
+class I18nInlinePlugin {
+    #pluginOptions;
+    #i18n;
+    /**
+     * Cached instance of the `@angular/localize/tools` module.
+     * This is used to remove the need to repeatedly import the module per file translation.
+     */
+    #localizeToolsModule;
+    constructor(pluginOptions, i18nOptions) {
+        this.#pluginOptions = pluginOptions;
+        this.#i18n = i18nOptions;
+    }
+    apply(compiler) {
+        compiler.hooks.emit.tapAsync(PLUGIN_NAME, async (compilation, callback) => {
+            const filesToInline = new Map();
+            const additionalFiles = new Map();
+            for (const [filename, source] of Object.entries(compilation.assets)) {
+                let contents = source.source();
+                if (typeof contents !== 'string') {
+                    contents = contents.toString();
+                }
+                if (!filename.endsWith('.map') && contents.includes('$localize')) {
+                    filesToInline.set(filename, { text: contents, map: source.map() });
+                }
+                else {
+                    additionalFiles.set(filename, source);
+                }
+            }
+            // Map of locales to Map of files to output
+            const filesToOutput = new Map();
+            for (const localeKey of this.#i18n.inlineLocales) {
+                const locale = this.#i18n.locales[localeKey];
+                const localeFiles = new Map();
+                for (const [filename, { text, map }] of filesToInline.entries()) {
+                    const result = await this.#transformWithBabel(text, map, filename, localeKey, locale.translation, this.#pluginOptions.advancedOptimizations);
+                    localeFiles.set(filename, { text: result.code, map: result.map });
+                    // TODO: Add support for diagnostics
+                }
+                for (const [filename, source] of additionalFiles.entries()) {
+                    localeFiles.set(filename, {
+                        text: source.source(),
+                        map: source.map(),
+                    });
+                }
+                filesToOutput.set(locale.subPath, localeFiles);
+            }
+            for (const [localeSubPath, files] of filesToOutput.entries()) {
+                for (const [filename, { text, map }] of files.entries()) {
+                    const localeFileName = `${localeSubPath}/${filename}`;
+                    if (localeFileName.endsWith('index.html')) {
+                        // update the baseHref for the locale and set the lang attribute
+                        const html = typeof text === 'string' ? text : text.toString();
+                        const updatedHtml = await this.#updateBaseHrefAndLang(html, localeSubPath);
+                        compilation.emitAsset(localeFileName, new core_1.sources.RawSource(updatedHtml));
+                        if (compilation.getAsset(filename)) {
+                            compilation.deleteAsset(filename);
+                        }
+                        continue;
+                    }
+                    if (map) {
+                        compilation.emitAsset(localeFileName, new core_1.sources.SourceMapSource(text, localeFileName, map));
+                    }
+                    compilation.emitAsset(localeFileName, new core_1.sources.RawSource(text));
+                    if (compilation.getAsset(filename)) {
+                        compilation.deleteAsset(filename);
+                    }
+                }
+            }
+            callback();
+        });
+    }
+    async #updateBaseHrefAndLang(html, localeSubPath) {
+        // TODO: add support for diagnostics
+        const dir = localeSubPath
+            ? await this.#getLanguageDirection(localeSubPath, [])
+            : undefined;
+        html = html.replace(/<base href="([^"]+)">/g, `<base href="/${localeSubPath}$1">`);
+        html = html.replace(/<html lang="([^"]+)">/g, `<html lang="${localeSubPath}"${dir ? ` dir="${dir}"` : ''}>`);
+        return html;
+    }
+    /**
+     * Attempts to load the `@angular/localize/tools` module containing the functionality to
+     * perform the file translations.
+     * This module must be dynamically loaded as it is an ESM module and this file is CommonJS.
+     */
+    async #loadLocalizeTools() {
+        // Load ESM `@angular/localize/tools` using the TypeScript dynamic import workaround.
+        // Once TypeScript provides support for keeping the dynamic import this workaround can be
+        // changed to a direct dynamic import.
+        this.#localizeToolsModule ??=
+            await this.#loadEsmModule('@angular/localize/tools');
+    }
+    /**
+     * Creates the needed Babel plugins to inline a given locale and translation for a JavaScript file.
+     * @param locale A string containing the locale specifier to use.
+     * @param translation A object record containing locale specific messages to use.
+     * @returns An array of Babel plugins.
+     */
+    async #createI18nPlugins(locale, translation) {
+        await this.#loadLocalizeTools();
+        const { Diagnostics, makeEs2015TranslatePlugin } = 
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        this.#localizeToolsModule;
+        const plugins = [];
+        const diagnostics = new Diagnostics();
+        plugins.push(makeEs2015TranslatePlugin(diagnostics, (translation || {}), {
+            missingTranslation: translation === undefined
+                ? 'ignore'
+                : this.#pluginOptions.i18nMissingTranslation,
+        }));
+        // Create a plugin to replace the locale specifier constant inject by the build system with the actual specifier
+        plugins.push({
+            visitor: {
+                StringLiteral(path) {
+                    if (path.node.value === '___NG_LOCALE_INSERT___') {
+                        path.replaceWith(core_2.types.stringLiteral(locale));
+                    }
+                },
+            },
+        });
+        return { diagnostics, plugins };
+    }
+    #loadEsmModule(modulePath) {
+        const load = new Function('modulePath', `return import(modulePath);`);
+        return load(modulePath);
+    }
+    #assertIsError(value) {
+        const isError = value instanceof Error ||
+            // The following is needing to identify errors coming from RxJs.
+            (typeof value === 'object' &&
+                value &&
+                'name' in value &&
+                'message' in value);
+        (0, node_assert_1.default)(isError, 'catch clause variable is not an Error instance');
+    }
+    /**
+     * Transforms a JavaScript file using Babel to inline the request locale and translation.
+     * @param code A string containing the JavaScript code to transform.
+     * @param map A sourcemap object for the provided JavaScript code.
+     * @param options The inline request options to use.
+     * @returns An object containing the code, map, and diagnostics from the transformation.
+     */
+    async #transformWithBabel(code, map, filename, locale, translation, shouldOptimize) {
+        let ast;
+        try {
+            ast = (0, core_2.parseSync)(code, {
+                babelrc: false,
+                configFile: false,
+                sourceType: 'unambiguous',
+                filename,
+            });
+        }
+        catch (error) {
+            this.#assertIsError(error);
+            // Make the error more readable.
+            // Same errors will contain the full content of the file as the error message
+            // Which makes it hard to find the actual error message.
+            const index = error.message.indexOf(')\n');
+            const msg = index !== -1 ? error.message.slice(0, index + 1) : error.message;
+            throw new Error(`${msg}\nAn error occurred inlining file "${filename}"`);
+        }
+        if (!ast) {
+            throw new Error(`Unknown error occurred inlining file "${filename}"`);
+        }
+        const { diagnostics, plugins } = await this.#createI18nPlugins(locale, translation);
+        const transformResult = await (0, core_2.transformFromAstAsync)(ast, code, {
+            filename,
+            // false is a valid value but not included in the type definition
+            inputSourceMap: false,
+            sourceMaps: !!map,
+            compact: shouldOptimize,
+            configFile: false,
+            babelrc: false,
+            browserslistConfigFile: false,
+            plugins,
+        });
+        if (!transformResult || !transformResult.code) {
+            throw new Error(`Unknown error occurred processing bundle for "${filename}".`);
+        }
+        let outputMap;
+        if (map && transformResult.map) {
+            outputMap = (0, remapping_1.default)([transformResult.map, map], () => null);
+        }
+        return {
+            code: transformResult.code,
+            map: outputMap && JSON.stringify(outputMap),
+            diagnostics,
+        };
+    }
+    async #getLanguageDirection(locale, warnings) {
+        const dir = await this.#getLanguageDirectionFromLocales(locale);
+        if (!dir) {
+            warnings.push(`Locale data for '${locale}' cannot be found. 'dir' attribute will not be set for this locale.`);
+        }
+        return dir;
+    }
+    async #getLanguageDirectionFromLocales(locale) {
+        try {
+            const localeData = (await this.#loadEsmModule(`@angular/common/locales/${locale}`)).default;
+            const dir = localeData[localeData.length - 2];
+            return this.#isString(dir) ? dir : undefined;
+        }
+        catch {
+            // In some cases certain locales might map to files which are named only with language id.
+            // Example: `en-US` -> `en`.
+            const [languageId] = locale.split('-', 1);
+            if (languageId !== locale) {
+                return this.#getLanguageDirectionFromLocales(languageId);
+            }
+        }
+        return undefined;
+    }
+    #isString(value) {
+        return typeof value === 'string';
+    }
+}
+exports.I18nInlinePlugin = I18nInlinePlugin;

package/dist/lib/plugins/ng-rspack.d.ts

@@ -1,8 +1,9 @@
 import { Compiler, RspackPluginInstance } from '@rspack/core';
-import { NormalizedAngularRspackPluginOptions } from '../models';
+import { I18nOptions, NormalizedAngularRspackPluginOptions } from '../models';
 export declare class NgRspackPlugin implements RspackPluginInstance {
     pluginOptions: NormalizedAngularRspackPluginOptions;
-    constructor(options: NormalizedAngularRspackPluginOptions);
+    i18n: I18nOptions | undefined;
+    constructor(options: NormalizedAngularRspackPluginOptions, i18nOptions?: I18nOptions);
     apply(compiler: Compiler): void;
 }
 //# sourceMappingURL=ng-rspack.d.ts.map

package/dist/lib/plugins/ng-rspack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ng-rspack.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/ng-rspack.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAMR,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,oCAAoC,EAAc,MAAM,WAAW,CAAC;AAG7E,qBAAa,cAAe,YAAW,oBAAoB;IACzD,aAAa,EAAE,oCAAoC,CAAC;gBAExC,OAAO,EAAE,oCAAoC;IAIzD,KAAK,CAAC,QAAQ,EAAE,QAAQ;CA2GzB"}
+{"version":3,"file":"ng-rspack.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/ng-rspack.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAMR,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAKtB,OAAO,EACL,WAAW,EACX,oCAAoC,EAErC,MAAM,WAAW,CAAC;AAGnB,qBAAa,cAAe,YAAW,oBAAoB;IACzD,aAAa,EAAE,oCAAoC,CAAC;IACpD,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;gBAG5B,OAAO,EAAE,oCAAoC,EAC7C,WAAW,CAAC,EAAE,WAAW;IAM3B,KAAK,CAAC,QAAQ,EAAE,QAAQ;CA+GzB"}

package/dist/lib/plugins/ng-rspack.js

@@ -5,11 +5,14 @@ const core_1 = require("@rspack/core");
 const node_path_1 = require("node:path");
 const rxjs_esm_resolution_1 = require("./rxjs-esm-resolution");
 const angular_rspack_plugin_1 = require("./angular-rspack-plugin");
+const i18n_inline_plugin_1 = require("./i18n-inline-plugin");
 const angular_ssr_dev_server_1 = require("./angular-ssr-dev-server");
 class NgRspackPlugin {
     pluginOptions;
-    constructor(options) {
+    i18n;
+    constructor(options, i18nOptions) {
         this.pluginOptions = options;
+        this.i18n = i18nOptions;
     }
     apply(compiler) {
         const root = this.pluginOptions.root;
@@ -58,6 +61,7 @@ class NgRspackPlugin {
             ngDevMode: isProduction ? 'false' : {},
             ngJitMode: this.pluginOptions.aot ? undefined : 'true',
             ngServerMode: this.pluginOptions.hasServer,
+            ...(this.pluginOptions.define ?? {}),
         }).apply(compiler);
         if (this.pluginOptions.assets) {
             new core_1.CopyRspackPlugin({
@@ -100,8 +104,11 @@ class NgRspackPlugin {
                 skipChildCompilers: true,
             }).apply(compiler);
         }
+        if (this.i18n?.shouldInline) {
+            new i18n_inline_plugin_1.I18nInlinePlugin(this.pluginOptions, this.i18n).apply(compiler);
+        }
         new rxjs_esm_resolution_1.RxjsEsmResolutionPlugin().apply(compiler);
-        new angular_rspack_plugin_1.AngularRspackPlugin(this.pluginOptions).apply(compiler);
+        new angular_rspack_plugin_1.AngularRspackPlugin(this.pluginOptions, this.i18n).apply(compiler);
     }
 }
 exports.NgRspackPlugin = NgRspackPlugin;

package/dist/lib/utils/find-project-for-path.d.ts

@@ -0,0 +1,16 @@
+import { ProjectGraphProjectNode } from '@nx/devkit';
+type ProjectRootMappings = Map<string, string>;
+/**
+ * This creates a map of project roots to project names to easily look up the project of a file
+ * @param nodes This is the nodes from the project graph
+ */
+export declare function createProjectRootMappings(nodes: Record<string, ProjectGraphProjectNode>): ProjectRootMappings;
+/**
+ * Locates a project in projectRootMap based on a file within it
+ * @param filePath path that is inside of projectName. This should be relative from the workspace root
+ * @param projectRootMap Map<projectRoot, projectName> Use {@link createProjectRootMappings} to create this
+ */
+export declare function findProjectForPath(filePath: string, projectRootMap: ProjectRootMappings): string | undefined;
+export declare function normalizeProjectRoot(root: string): string;
+export {};
+//# sourceMappingURL=find-project-for-path.d.ts.map

package/dist/lib/utils/find-project-for-path.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"find-project-for-path.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/find-project-for-path.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAiB,MAAM,YAAY,CAAC;AAGpE,KAAK,mBAAmB,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE/C;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,GAC7C,mBAAmB,CAQrB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,mBAAmB,GAClC,MAAM,GAAG,SAAS,CAkBpB;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,UAGhD"}

package/dist/lib/utils/find-project-for-path.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createProjectRootMappings = createProjectRootMappings;
+exports.findProjectForPath = findProjectForPath;
+exports.normalizeProjectRoot = normalizeProjectRoot;
+// TODO: Remove this once migrated to Nx
+const devkit_1 = require("@nx/devkit");
+const node_path_1 = require("node:path");
+/**
+ * This creates a map of project roots to project names to easily look up the project of a file
+ * @param nodes This is the nodes from the project graph
+ */
+function createProjectRootMappings(nodes) {
+    const projectRootMappings = new Map();
+    for (const projectName of Object.keys(nodes)) {
+        const root = nodes[projectName].data.root;
+        projectRootMappings.set(normalizeProjectRoot(root), projectName);
+    }
+    return projectRootMappings;
+}
+/**
+ * Locates a project in projectRootMap based on a file within it
+ * @param filePath path that is inside of projectName. This should be relative from the workspace root
+ * @param projectRootMap Map<projectRoot, projectName> Use {@link createProjectRootMappings} to create this
+ */
+function findProjectForPath(filePath, projectRootMap) {
+    /**
+     * Project Mappings are in UNIX-style file paths
+     * Windows may pass Win-style file paths
+     * Ensure filePath is in UNIX-style
+     */
+    let currentPath = (0, devkit_1.normalizePath)(filePath);
+    for (; currentPath != (0, node_path_1.dirname)(currentPath); currentPath = (0, node_path_1.dirname)(currentPath)) {
+        const p = projectRootMap.get(currentPath);
+        if (p) {
+            return p;
+        }
+    }
+    return projectRootMap.get(currentPath);
+}
+function normalizeProjectRoot(root) {
+    root = root === '' ? '.' : root;
+    return root && root.endsWith('/') ? root.substring(0, root.length - 1) : root;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular-rspack",
-  "version": "20.6.2",
+  "version": "20.7.0",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -44,6 +44,8 @@
     }
   },
   "dependencies": {
+    "@ampproject/remapping": "2.3.0",
+    "@babel/core": "7.26.10",
     "@nx/devkit": "^20.0.0",
     "express": "4.21.1",
     "css-loader": "^7.1.2",
@@ -57,7 +59,7 @@
     "tslib": "^2.3.0",
     "webpack-merge": "^6.0.1",
     "ws": "^8.18.0",
-    "@nx/angular-rspack-compiler": "20.6.2"
+    "@nx/angular-rspack-compiler": "20.7.0"
   },
   "devDependencies": {
     "@ng-rspack/testing-setup": "0.0.1"
@@ -65,7 +67,9 @@
   "peerDependencies": {
     "@rspack/core": ">=1.0.5 <2.0.0",
     "@angular/common": ">=19.0.0 <20.0.0",
-    "@angular/ssr": ">=19.0.0 <20.0.0"
+    "@angular/ssr": ">=19.0.0 <20.0.0",
+    "@angular/build": ">=19.0.0 <20.0.0",
+    "@angular/localize": ">=19.0.0 <20.0.0"
   },
   "nx": {
     "name": "angular-rspack",