@nx/angular-rspack 23.0.0 → 23.0.1

package/README.md

@@ -7,13 +7,12 @@
 
 <div style="text-align: center;">
 
-[![CircleCI](https://circleci.com/gh/nrwl/nx.svg?style=svg)](https://circleci.com/gh/nrwl/nx)
 [![License](https://img.shields.io/npm/l/@nx/workspace.svg?style=flat-square)]()
 [![NPM Version](https://badge.fury.io/js/nx.svg)](https://www.npmjs.com/package/nx)
 [![Semantic Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)]()
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
-[![Join the chat at https://gitter.im/nrwl-nx/community](https://badges.gitter.im/nrwl-nx/community.svg)](https://gitter.im/nrwl-nx/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 [![Join us on the Official Nx Discord Server](https://img.shields.io/discord/1143497901675401286?label=discord)](https://go.nx.dev/community)
+[![Nx Sandboxing](https://staging.nx.app/workspaces/62d013ea0852fe0a2df74438/sandbox-badge.svg)](https://nx.dev/docs/features/ci-features/sandboxing)
 
 </div>
 

package/dist/lib/models/augmented-compilation.d.ts

@@ -5,6 +5,7 @@ export declare const NG_RSPACK_SYMBOL_NAME = "NG_RSPACK_BUILD";
 export type NG_RSPACK_COMPILATION_STATE = {
     javascriptTransformer: JavaScriptTransformer;
     typescriptFileCache: SourceFileCache['typeScriptFileCache'];
+    angularCompilationFailed: boolean;
     i18n?: I18nOptions;
 };
 export type NgRspackCompilation = Compilation & {

package/dist/lib/models/augmented-compilation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"augmented-compilation.d.ts","sourceRoot":"","sources":["../../../src/lib/models/augmented-compilation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAErC,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AAEvD,MAAM,MAAM,2BAA2B,GAAG;IACxC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,mBAAmB,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC5D,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,CAAC,qBAAqB,CAAC,EAAE,MAAM,2BAA2B,CAAC;CAC5D,CAAC"}
+{"version":3,"file":"augmented-compilation.d.ts","sourceRoot":"","sources":["../../../src/lib/models/augmented-compilation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAErC,eAAO,MAAM,qBAAqB,oBAAoB,CAAC;AAEvD,MAAM,MAAM,2BAA2B,GAAG;IACxC,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,mBAAmB,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAG5D,wBAAwB,EAAE,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,CAAC,qBAAqB,CAAC,EAAE,MAAM,2BAA2B,CAAC;CAC5D,CAAC"}

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

@@ -5,5 +5,6 @@ export declare class AngularRspackPlugin implements RspackPluginInstance {
     constructor(options: NormalizedAngularRspackPluginOptions, i18nOptions?: I18nOptions);
     apply(compiler: Compiler): void;
     private setupCompilation;
+    private buildAndAnalyze;
 }
 //# sourceMappingURL=angular-rspack-plugin.d.ts.map

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":"AAiBA,OAAO,EAEL,KAAK,QAAQ,EAEb,KAAK,oBAAoB,EAE1B,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,KAAK,WAAW,EAGhB,KAAK,oCAAoC,EAC1C,MAAM,WAAW,CAAC;AAUnB,qBAAa,mBAAoB,YAAW,oBAAoB;;gBAU5D,OAAO,EAAE,oCAAoC,EAC7C,WAAW,CAAC,EAAE,WAAW;IAuB3B,KAAK,CAAC,QAAQ,EAAE,QAAQ;YAuWV,gBAAgB;CAkC/B"}
+{"version":3,"file":"angular-rspack-plugin.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/angular-rspack-plugin.ts"],"names":[],"mappings":"AAiBA,OAAO,EAEL,KAAK,QAAQ,EAEb,KAAK,oBAAoB,EAE1B,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,KAAK,WAAW,EAGhB,KAAK,oCAAoC,EAC1C,MAAM,WAAW,CAAC;AAUnB,qBAAa,mBAAoB,YAAW,oBAAoB;;gBAY5D,OAAO,EAAE,oCAAoC,EAC7C,WAAW,CAAC,EAAE,WAAW;IAuB3B,KAAK,CAAC,QAAQ,EAAE,QAAQ;YAoZV,gBAAgB;YA2ChB,eAAe;CAgB9B"}

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

@@ -1,5 +1,5 @@
 "use strict";
-var _AngularRspackPlugin__options, _AngularRspackPlugin_i18n, _AngularRspackPlugin_sourceFileCache, _AngularRspackPlugin_javascriptTransformer, _AngularRspackPlugin_angularCompilation, _AngularRspackPlugin_collectedStylesheetAssets;
+var _AngularRspackPlugin__options, _AngularRspackPlugin_i18n, _AngularRspackPlugin_sourceFileCache, _AngularRspackPlugin_javascriptTransformer, _AngularRspackPlugin_angularCompilation, _AngularRspackPlugin_collectedStylesheetAssets, _AngularRspackPlugin_initializationError, _AngularRspackPlugin_emitError;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AngularRspackPlugin = void 0;
 const tslib_1 = require("tslib");
@@ -24,6 +24,8 @@ class AngularRspackPlugin {
         // This will be defined in the apply method correctly
         _AngularRspackPlugin_angularCompilation.set(this, void 0);
         _AngularRspackPlugin_collectedStylesheetAssets.set(this, []);
+        _AngularRspackPlugin_initializationError.set(this, void 0);
+        _AngularRspackPlugin_emitError.set(this, void 0);
         tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin__options, options, "f");
         tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin_i18n, i18nOptions, "f");
         tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin_sourceFileCache, new angular_rspack_compiler_1.SourceFileCache(), "f");
@@ -46,7 +48,7 @@ class AngularRspackPlugin {
         compiler.hooks.beforeRun.tapAsync(PLUGIN_NAME, async (compiler, callback) => {
             await this.setupCompilation(root, compiler.options.resolve.tsConfig);
             compiler.hooks.beforeCompile.tapAsync(PLUGIN_NAME, async (params, callback) => {
-                await (0, angular_rspack_compiler_1.buildAndAnalyze)(tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_angularCompilation, "f"), tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_sourceFileCache, "f").typeScriptFileCache, tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_javascriptTransformer, "f"));
+                await this.buildAndAnalyze();
                 callback();
             });
             callback();
@@ -73,7 +75,7 @@ class AngularRspackPlugin {
                     await this.setupCompilation(root, compiler.options.resolve.tsConfig, watchingModifiedFiles.size > 0
                         ? watchingModifiedFiles
                         : undefined);
-                    await (0, angular_rspack_compiler_1.buildAndAnalyze)(tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_angularCompilation, "f"), tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_sourceFileCache, "f").typeScriptFileCache, tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_javascriptTransformer, "f"));
+                    await this.buildAndAnalyze();
                     // Update shared state for compilation hook
                     currentWatchingModifiedFiles = watchingModifiedFiles;
                     callback();
@@ -82,6 +84,13 @@ class AngularRspackPlugin {
             callback();
         });
         compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
+            // Surface a failed Angular compilation as a build error (like
+            // @angular/build) instead of an exception that stalls the hooks chain.
+            // Watch builds recover on the next rebuild's re-init.
+            const angularCompilationError = tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_initializationError, "f") ?? tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_emitError, "f");
+            if (angularCompilationError) {
+                (0, rspack_diagnostics_1.addError)(compilation, angularCompilationError);
+            }
             // Handle errors thrown by loaders that prevent sealing (but ignore for watch mode)
             compilation.hooks.afterSeal.tapAsync(PLUGIN_NAME, (callback) => {
                 if (!watchRunInitialized && compilation.errors.length > 0) {
@@ -152,26 +161,43 @@ class AngularRspackPlugin {
             });
         });
         compiler.hooks.emit.tapAsync(PLUGIN_NAME, async (compilation, callback) => {
-            if (!tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").skipTypeChecking) {
-                const { errors, warnings } = await tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_angularCompilation, "f").diagnoseFiles(angular_rspack_compiler_1.DiagnosticModes.All);
-                for (const error of errors ?? []) {
-                    compilation.errors.push({
-                        name: PLUGIN_NAME,
-                        message: error.text || '',
-                        file: error.location?.file,
-                        stack: error.text,
-                    });
-                }
-                for (const warning of warnings ?? []) {
-                    compilation.warnings.push({
-                        name: PLUGIN_NAME,
-                        message: warning.text || '',
-                        file: warning.location?.file,
-                        stack: warning.text,
-                    });
+            // Skip diagnostics when the Angular compilation failed to initialize:
+            // there is no (or only stale) compilation state to diagnose and the
+            // failure is already reported as a compilation error. After an emit
+            // failure diagnostics still run since they usually carry the root
+            // cause, matching @angular/build's application builder.
+            try {
+                if (!tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").skipTypeChecking && !tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_initializationError, "f")) {
+                    const { errors, warnings } = await tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_angularCompilation, "f").diagnoseFiles(angular_rspack_compiler_1.DiagnosticModes.All);
+                    for (const error of errors ?? []) {
+                        compilation.errors.push({
+                            name: PLUGIN_NAME,
+                            message: error.text || '',
+                            file: error.location?.file,
+                            stack: error.text,
+                        });
+                    }
+                    for (const warning of warnings ?? []) {
+                        compilation.warnings.push({
+                            name: PLUGIN_NAME,
+                            message: warning.text || '',
+                            file: warning.location?.file,
+                            stack: warning.text,
+                        });
+                    }
                 }
             }
-            await tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_javascriptTransformer, "f").close();
+            catch (error) {
+                // A diagnostics failure must not leave the loader callback pending
+                // and hang the build. Surface it as a build error instead.
+                (0, rspack_diagnostics_1.addError)(compilation, `Angular diagnostics failed.\n${formatError(error)}`);
+            }
+            try {
+                await tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_javascriptTransformer, "f").close();
+            }
+            catch {
+                // Best-effort cleanup that must never hang the build.
+            }
             callback();
         });
         // Store compilation reference for budget checking in done hook
@@ -221,6 +247,12 @@ class AngularRspackPlugin {
             }
         });
         compiler.hooks.afterDone.tap(PLUGIN_NAME, (stats) => {
+            // Despite the typings, stats is undefined when the run fails before
+            // producing stats (e.g. the afterSeal hook above fails the seal for a
+            // build with errors). Rspack reports that failure itself.
+            if (!stats) {
+                return;
+            }
             // Get stats options - merge defaults with user's config if provided
             const configStats = compiler.options.stats;
             const defaultStatsOptions = (0, get_stats_options_1.getStatsOptions)(tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").verbose);
@@ -252,6 +284,19 @@ class AngularRspackPlugin {
             }
             callback();
         });
+        // Failed builds skip the done hook (afterSeal fails the seal), so release
+        // the esbuild service and worker pool here too. Runs on close for both
+        // one-shot and watch; both teardowns are idempotent.
+        compiler.hooks.shutdown.tapAsync(`${PLUGIN_NAME}_cleanup`, async (callback) => {
+            try {
+                await tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_javascriptTransformer, "f").close();
+                await (0, angular_rspack_compiler_1.disposeComponentStylesheetBundler)();
+            }
+            catch {
+                // Best-effort cleanup that must never fail the compiler teardown.
+            }
+            callback();
+        });
         compiler.hooks.normalModuleFactory.tap(PLUGIN_NAME, (normalModuleFactory) => {
             normalModuleFactory.hooks.beforeResolve.tap(PLUGIN_NAME, (data) => {
                 if (data.request.startsWith('angular:jit:')) {
@@ -264,6 +309,8 @@ class AngularRspackPlugin {
             compilation[models_1.NG_RSPACK_SYMBOL_NAME] = () => ({
                 javascriptTransformer: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_javascriptTransformer, "f"),
                 typescriptFileCache: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_sourceFileCache, "f").typeScriptFileCache,
+                angularCompilationFailed: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_initializationError, "f") !== undefined ||
+                    tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_emitError, "f") !== undefined,
                 i18n: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_i18n, "f"),
             });
         });
@@ -291,29 +338,52 @@ class AngularRspackPlugin {
         }
     }
     async setupCompilation(root, tsConfig, modifiedFiles) {
+        tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin_initializationError, undefined, "f");
+        tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin_emitError, undefined, "f");
         const tsconfigPath = tsConfig
             ? typeof tsConfig === 'string'
                 ? tsConfig
                 : tsConfig.configFile
             : tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").tsConfig;
-        const result = await (0, angular_rspack_compiler_1.setupCompilationWithAngularCompilation)({
-            source: {
-                tsconfigPath: tsconfigPath,
-            },
-        }, {
-            root,
-            aot: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").aot,
-            tsConfig: tsconfigPath,
-            inlineStyleLanguage: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").inlineStyleLanguage,
-            fileReplacements: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").fileReplacements,
-            useTsProjectReferences: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").useTsProjectReferences,
-            hasServer: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").hasServer,
-            includePaths: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").stylePreprocessorOptions?.includePaths,
-            sass: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").stylePreprocessorOptions?.sass,
-        }, tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_sourceFileCache, "f"), tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_angularCompilation, "f"), modifiedFiles);
-        tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin_angularCompilation, result.angularCompilation, "f");
-        tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin_collectedStylesheetAssets, result.collectedStylesheetAssets, "f");
+        try {
+            const result = await (0, angular_rspack_compiler_1.setupCompilationWithAngularCompilation)({
+                source: {
+                    tsconfigPath: tsconfigPath,
+                },
+            }, {
+                root,
+                aot: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").aot,
+                tsConfig: tsconfigPath,
+                inlineStyleLanguage: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").inlineStyleLanguage,
+                fileReplacements: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").fileReplacements,
+                useTsProjectReferences: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").useTsProjectReferences,
+                hasServer: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").hasServer,
+                includePaths: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").stylePreprocessorOptions?.includePaths,
+                sass: tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin__options, "f").stylePreprocessorOptions?.sass,
+            }, tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_sourceFileCache, "f"), tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_angularCompilation, "f"), modifiedFiles);
+            tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin_angularCompilation, result.angularCompilation, "f");
+            tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin_collectedStylesheetAssets, result.collectedStylesheetAssets, "f");
+        }
+        catch (error) {
+            tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin_initializationError, `Angular compilation initialization failed.\n${formatError(error)}`, "f");
+        }
+    }
+    async buildAndAnalyze() {
+        if (tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_initializationError, "f")) {
+            return;
+        }
+        try {
+            await (0, angular_rspack_compiler_1.buildAndAnalyze)(tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_angularCompilation, "f"), tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_sourceFileCache, "f").typeScriptFileCache, tslib_1.__classPrivateFieldGet(this, _AngularRspackPlugin_javascriptTransformer, "f"));
+        }
+        catch (error) {
+            tslib_1.__classPrivateFieldSet(this, _AngularRspackPlugin_emitError, `Angular compilation emit failed.\n${formatError(error)}`, "f");
+        }
     }
 }
 exports.AngularRspackPlugin = AngularRspackPlugin;
-_AngularRspackPlugin__options = new WeakMap(), _AngularRspackPlugin_i18n = new WeakMap(), _AngularRspackPlugin_sourceFileCache = new WeakMap(), _AngularRspackPlugin_javascriptTransformer = new WeakMap(), _AngularRspackPlugin_angularCompilation = new WeakMap(), _AngularRspackPlugin_collectedStylesheetAssets = new WeakMap();
+_AngularRspackPlugin__options = new WeakMap(), _AngularRspackPlugin_i18n = new WeakMap(), _AngularRspackPlugin_sourceFileCache = new WeakMap(), _AngularRspackPlugin_javascriptTransformer = new WeakMap(), _AngularRspackPlugin_angularCompilation = new WeakMap(), _AngularRspackPlugin_collectedStylesheetAssets = new WeakMap(), _AngularRspackPlugin_initializationError = new WeakMap(), _AngularRspackPlugin_emitError = new WeakMap();
+function formatError(error) {
+    return error instanceof Error
+        ? (error.stack ?? error.message)
+        : String(error);
+}

package/dist/lib/plugins/loaders/angular-partial-transform.loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"angular-partial-transform.loader.d.ts","sourceRoot":"","sources":["../../../../src/lib/plugins/loaders/angular-partial-transform.loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,MAAM,QA2C3E"}
+{"version":3,"file":"angular-partial-transform.loader.d.ts","sourceRoot":"","sources":["../../../../src/lib/plugins/loaders/angular-partial-transform.loader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,MAAM,QAyD3E"}

package/dist/lib/plugins/loaders/angular-partial-transform.loader.js

@@ -9,7 +9,13 @@ function loader(content) {
         callback(null, content);
     }
     else {
-        const { javascriptTransformer, typescriptFileCache } = this._compilation[models_1.NG_RSPACK_SYMBOL_NAME]();
+        const { javascriptTransformer, typescriptFileCache, angularCompilationFailed, } = this._compilation[models_1.NG_RSPACK_SYMBOL_NAME]();
+        if (angularCompilationFailed) {
+            // The build is already failing with the Angular compilation error,
+            // so skip transforming and pass the original content through.
+            callback(null, content);
+            return;
+        }
         const request = this.resourcePath;
         if (request.startsWith('data:text/javascript') &&
             request.includes('__module_federation_bundler_runtime__')) {
@@ -28,12 +34,14 @@ function loader(content) {
             callback(null, existingContents);
             return;
         }
-        javascriptTransformer
-            .transformFile(request, false, false)
-            .then((contents) => {
+        javascriptTransformer.transformFile(request, false, false).then((contents) => {
             const transformedCode = Buffer.from(contents).toString('utf8');
             typescriptFileCache.set(request, transformedCode);
             callback(null, transformedCode);
+        }, (error) => {
+            // Fail the module instead of leaving the loader callback pending,
+            // which would hang the build.
+            callback(error instanceof Error ? error : new Error(String(error)));
         });
     }
 }

package/dist/lib/plugins/loaders/angular-transform.loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"angular-transform.loader.d.ts","sourceRoot":"","sources":["../../../../src/lib/plugins/loaders/angular-transform.loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,6BAA6B,CAAC;AAKrC,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAE,MAAM,EACf,GAAG,CAAC,EAAE;IACJ,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,oBAAoB,EAAE,oBAAoB,CAAC;CAC5C,QA0CF"}
+{"version":3,"file":"angular-transform.loader.d.ts","sourceRoot":"","sources":["../../../../src/lib/plugins/loaders/angular-transform.loader.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACrB,MAAM,6BAA6B,CAAC;AAKrC,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,IAAI,EAAE,aAAa,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAE,MAAM,EACf,GAAG,CAAC,EAAE;IACJ,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,oBAAoB,EAAE,oBAAoB,CAAC;CAC5C,QAkDF"}

package/dist/lib/plugins/loaders/angular-transform.loader.js

@@ -14,7 +14,14 @@ function loader(content, opt) {
         callback(null, content);
     }
     else {
-        const { typescriptFileCache } = this._compilation[models_1.NG_RSPACK_SYMBOL_NAME]();
+        const { typescriptFileCache, angularCompilationFailed } = this._compilation[models_1.NG_RSPACK_SYMBOL_NAME]();
+        if (angularCompilationFailed) {
+            // The Angular compilation failure is already reported as a compilation
+            // error. Emit empty modules instead of raw TS sources that would only
+            // bury it under parser errors.
+            callback(null, '');
+            return;
+        }
         const request = this.resourcePath.replace(/^[A-Z]:/, '');
         const normalizedRequest = (0, path_1.normalize)(request);
         const templateUrls = templateUrlsResolver.resolve(content, normalizedRequest);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/angular-rspack",
-  "version": "23.0.0",
+  "version": "23.0.1",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -78,8 +78,8 @@
     "tslib": "^2.3.0",
     "webpack-merge": "^6.0.1",
     "ws": "^8.18.0",
-    "@nx/angular-rspack-compiler": "23.0.0",
-    "@nx/devkit": "23.0.0"
+    "@nx/angular-rspack-compiler": "23.0.1",
+    "@nx/devkit": "23.0.1"
   },
   "devDependencies": {
     "jsonc-eslint-parser": "^2.4.0"