@nx/angular-rspack 20.9.0 → 21.0.0

package/dist/lib/plugins/loaders/hmr-accept.js

@@ -0,0 +1,183 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const core_1 = require("@angular/core");
+const rxjs_1 = require("rxjs");
+function default_1(mod) {
+    if (!mod['hot']) {
+        return;
+    }
+    if (!(0, core_1.isDevMode)()) {
+        console.error(`[NG HMR] Cannot use HMR when Angular is running in production mode. To prevent production mode, do not call 'enableProdMode()'.`);
+        return;
+    }
+    mod['hot'].accept();
+    mod['hot'].dispose(() => {
+        if (typeof ng === 'undefined') {
+            console.warn(`[NG HMR] Cannot find global 'ng'. Likely this is caused because scripts optimization is enabled.`);
+            return;
+        }
+        if (!ng.getInjector) {
+            // View Engine
+            return;
+        }
+        // Reset JIT compiled components cache
+        (0, core_1.ɵresetCompiledComponents)();
+        const appRoot = getAppRoot();
+        if (!appRoot) {
+            return;
+        }
+        const appRef = getApplicationRef(appRoot);
+        if (!appRef) {
+            return;
+        }
+        // Inputs that are hidden should be ignored
+        const oldInputs = document.querySelectorAll('input:not([type="hidden"]), textarea');
+        const oldOptions = document.querySelectorAll('option');
+        // Create new application
+        appRef.components.forEach((cp) => {
+            const element = cp.location.nativeElement;
+            const parentNode = element.parentNode;
+            parentNode.insertBefore(document.createElement(element.tagName), element);
+            parentNode.removeChild(element);
+        });
+        // Destroy old application, injectors, <style..., etc..
+        const platformRef = getPlatformRef(appRoot);
+        if (platformRef) {
+            platformRef.destroy();
+        }
+        // Restore all inputs and options
+        const bodyElement = document.body;
+        if (oldInputs.length + oldOptions.length === 0 || !bodyElement) {
+            return;
+        }
+        // Use a `MutationObserver` to wait until the app-root element has been bootstrapped.
+        // ie: when the ng-version attribute is added.
+        new MutationObserver((_mutationsList, observer) => {
+            observer.disconnect();
+            const newAppRoot = getAppRoot();
+            if (!newAppRoot) {
+                return;
+            }
+            const newAppRef = getApplicationRef(newAppRoot);
+            if (!newAppRef) {
+                return;
+            }
+            // Wait until the application isStable to restore the form values
+            newAppRef.isStable
+                .pipe((0, rxjs_1.filter)((isStable) => !!isStable), (0, rxjs_1.take)(1))
+                .subscribe(() => restoreFormValues(oldInputs, oldOptions));
+        }).observe(bodyElement, {
+            attributes: true,
+            subtree: true,
+            attributeFilter: ['ng-version'],
+        });
+    });
+}
+function getAppRoot() {
+    const appRoot = document.querySelector('[ng-version]');
+    if (!appRoot) {
+        console.warn('[NG HMR] Cannot find the application root component.');
+        return undefined;
+    }
+    return appRoot;
+}
+function getToken(appRoot, token) {
+    return ((typeof ng === 'object' && ng.getInjector(appRoot).get(token)) || undefined);
+}
+function getApplicationRef(appRoot) {
+    const appRef = getToken(appRoot, core_1.ApplicationRef);
+    if (!appRef) {
+        console.warn(`[NG HMR] Cannot get 'ApplicationRef'.`);
+        return undefined;
+    }
+    return appRef;
+}
+function getPlatformRef(appRoot) {
+    const platformRef = getToken(appRoot, core_1.PlatformRef);
+    if (!platformRef) {
+        console.warn(`[NG HMR] Cannot get 'PlatformRef'.`);
+        return undefined;
+    }
+    return platformRef;
+}
+function dispatchEvents(element) {
+    element.dispatchEvent(new Event('input', {
+        bubbles: true,
+        cancelable: true,
+    }));
+    element.blur();
+    element.dispatchEvent(new KeyboardEvent('keyup', { key: 'Enter' }));
+}
+function restoreFormValues(oldInputs, oldOptions) {
+    // Restore input that are not hidden
+    const newInputs = document.querySelectorAll('input:not([type="hidden"]), textarea');
+    if (newInputs.length && newInputs.length === oldInputs.length) {
+        console.log('[NG HMR] Restoring input/textarea values.');
+        for (let index = 0; index < newInputs.length; index++) {
+            const newElement = newInputs[index];
+            const oldElement = oldInputs[index];
+            switch (oldElement.type) {
+                case 'button':
+                case 'image':
+                case 'submit':
+                case 'reset':
+                    // These types don't need any value change.
+                    continue;
+                case 'radio':
+                case 'checkbox':
+                    newElement.checked = oldElement.checked;
+                    break;
+                case 'color':
+                case 'date':
+                case 'datetime-local':
+                case 'email':
+                case 'hidden':
+                case 'month':
+                case 'number':
+                case 'password':
+                case 'range':
+                case 'search':
+                case 'tel':
+                case 'text':
+                case 'textarea':
+                case 'time':
+                case 'url':
+                case 'week':
+                    newElement.value = oldElement.value;
+                    break;
+                case 'file':
+                    // Ignored due: Uncaught DOMException: Failed to set the 'value' property on 'HTMLInputElement':
+                    // This input element accepts a filename, which may only be programmatically set to the empty string.
+                    break;
+                default:
+                    console.warn('[NG HMR] Unknown input type ' + oldElement.type + '.');
+                    continue;
+            }
+            dispatchEvents(newElement);
+        }
+    }
+    else if (oldInputs.length) {
+        console.warn('[NG HMR] Cannot restore input/textarea values.');
+    }
+    // Restore option
+    const newOptions = document.querySelectorAll('option');
+    if (newOptions.length && newOptions.length === oldOptions.length) {
+        console.log('[NG HMR] Restoring selected options.');
+        for (let index = 0; index < newOptions.length; index++) {
+            const newElement = newOptions[index];
+            newElement.selected = oldOptions[index].selected;
+            dispatchEvents(newElement);
+        }
+    }
+    else if (oldOptions.length) {
+        console.warn('[NG HMR] Cannot restore selected options.');
+    }
+}

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,EAIR,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EACV,WAAW,EACX,oCAAoC,EACrC,MAAM,WAAW,CAAC;AAOnB,qBAAa,cAAe,YAAW,oBAAoB;IACzD,QAAQ,CAAC,aAAa,EAAE,oCAAoC,CAAC;IAC7D,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;gBAGzB,aAAa,EAAE,oCAAoC,EACnD,YAAY,EAAE;QACZ,QAAQ,EAAE,SAAS,GAAG,QAAQ,CAAC;QAC/B,WAAW,EAAE,WAAW,CAAC;KAC1B;IAOH,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAkHzB"}
+{"version":3,"file":"ng-rspack.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/ng-rspack.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAGR,oBAAoB,EACrB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EACV,WAAW,EACX,oCAAoC,EACrC,MAAM,WAAW,CAAC;AASnB,qBAAa,cAAe,YAAW,oBAAoB;IACzD,QAAQ,CAAC,aAAa,EAAE,oCAAoC,CAAC;IAC7D,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;gBAGzB,aAAa,EAAE,oCAAoC,EACnD,YAAY,EAAE;QACZ,QAAQ,EAAE,SAAS,GAAG,QAAQ,CAAC;QAC/B,WAAW,EAAE,WAAW,CAAC;KAC1B;IAOH,KAAK,CAAC,QAAQ,EAAE,QAAQ;CA+IzB"}

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

@@ -9,6 +9,8 @@ const angular_ssr_dev_server_1 = require("./angular-ssr-dev-server");
 const i18n_inline_plugin_1 = require("./i18n-inline-plugin");
 const index_html_plugin_1 = require("./index-html-plugin");
 const rxjs_esm_resolution_1 = require("./rxjs-esm-resolution");
+const progress_plugin_1 = require("./progress-plugin");
+const misc_helpers_1 = require("../utils/misc-helpers");
 class NgRspackPlugin {
     pluginOptions;
     isPlatformServer;
@@ -28,14 +30,16 @@ class NgRspackPlugin {
                 new angular_ssr_dev_server_1.AngularSsrDevServer(this.pluginOptions).apply(compiler);
             }
         }
-        if (!isDevServer) {
-            new core_1.ProgressPlugin().apply(compiler);
+        if (!isDevServer && this.pluginOptions.progress) {
+            new progress_plugin_1.ProgressPlugin(this.isPlatformServer ? 'server' : 'browser').apply(compiler);
         }
         new core_1.DefinePlugin({
-            // TODO: Replace with ...(this.pluginOptions.optimization.scripts ? { 'ngDevMode': 'false' } : undefined) when Optimization is implemented
-            ...(this.pluginOptions.optimization ? { ngDevMode: 'false' } : {}),
+            ...(this.pluginOptions.optimization.scripts
+                ? { ngDevMode: 'false' }
+                : {}),
             ngJitMode: this.pluginOptions.aot ? undefined : 'true',
             ngServerMode: this.isPlatformServer,
+            ngHmrMode: this.pluginOptions.devServer?.hmr && isDevServer ? 'true' : 'false',
             ...(this.pluginOptions.define ?? {}),
         }).apply(compiler);
         if (this.pluginOptions.assets) {
@@ -85,8 +89,6 @@ class NgRspackPlugin {
         new rxjs_esm_resolution_1.RxjsEsmResolutionPlugin().apply(compiler);
         new angular_rspack_plugin_1.AngularRspackPlugin(this.pluginOptions, this.i18n).apply(compiler);
         if (!this.isPlatformServer && this.pluginOptions.index) {
-            // @TODO: remove this once we properly support optimization granular options
-            const optimize = this.pluginOptions.optimization !== false;
             new index_html_plugin_1.IndexHtmlPlugin({
                 indexPath: this.pluginOptions.index.input,
                 index: this.pluginOptions.index,
@@ -94,15 +96,7 @@ class NgRspackPlugin {
                 outputPath: this.pluginOptions.outputPath.browser,
                 entrypoints: (0, entry_points_1.getEntryPoints)(this.pluginOptions.globalStyles, this.pluginOptions.globalScripts, this.pluginOptions.devServer?.hmr),
                 i18n: this.i18n,
-                optimization: {
-                    fonts: { inline: optimize },
-                    scripts: optimize,
-                    styles: {
-                        inlineCritical: optimize,
-                        minify: optimize,
-                        removeSpecialComments: optimize,
-                    },
-                },
+                optimization: this.pluginOptions.optimization,
                 isSsr: !!(this.pluginOptions.ssr ||
                     this.pluginOptions.prerender ||
                     this.pluginOptions.appShell),
@@ -111,6 +105,32 @@ class NgRspackPlugin {
                 sri: this.pluginOptions.subresourceIntegrity,
             }).apply(compiler);
         }
+        if (this.pluginOptions.devServer.open &&
+            isDevServer &&
+            !this.isPlatformServer) {
+            compiler.hooks.afterEmit.tapAsync('AngularRspackPlugin', async (_, callback) => {
+                const protocol = this.pluginOptions.devServer.ssl ? 'https' : 'http';
+                const hostname = this.pluginOptions.devServer.host === '0.0.0.0'
+                    ? 'localhost'
+                    : this.pluginOptions.devServer.host;
+                const port = this.pluginOptions.devServer.port;
+                const pathname = typeof compiler.options.devServer?.devMiddleware?.publicPath ===
+                    'string'
+                    ? compiler.options.devServer?.devMiddleware?.publicPath
+                    : undefined;
+                const serverAddress = new URL(`${protocol}://${hostname}:${port}`);
+                if (pathname) {
+                    // Ensure pathname starts with a slash
+                    serverAddress.pathname = pathname.startsWith('/')
+                        ? pathname
+                        : `/${pathname}`;
+                }
+                const open = (await (0, misc_helpers_1.loadEsmModule)('open'))
+                    .default;
+                await open(serverAddress.toString());
+                callback();
+            });
+        }
     }
 }
 exports.NgRspackPlugin = NgRspackPlugin;

package/dist/lib/plugins/prerender-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prerender-plugin.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/prerender-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,QAAQ,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAOhF,OAAO,EACL,KAAK,WAAW,EAEhB,oCAAoC,EACrC,MAAM,WAAW,CAAC;AAenB,qBAAa,eAAgB,YAAW,oBAAoB;;gBAKxD,OAAO,EAAE,oCAAoC,EAC7C,WAAW,CAAC,EAAE,WAAW;IAM3B,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAmLzB"}
+{"version":3,"file":"prerender-plugin.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/prerender-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,QAAQ,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAOhF,OAAO,EACL,KAAK,WAAW,EAEhB,oCAAoC,EACrC,MAAM,WAAW,CAAC;AAenB,qBAAa,eAAgB,YAAW,oBAAoB;;gBAKxD,OAAO,EAAE,oCAAoC,EAC7C,WAAW,CAAC,EAAE,WAAW;IAM3B,KAAK,CAAC,QAAQ,EAAE,QAAQ;CA2QzB"}

package/dist/lib/plugins/prerender-plugin.js

@@ -28,11 +28,82 @@ class PrerenderPlugin {
     }
     apply(compiler) {
         compiler.hooks.afterEmit.tapAsync('Angular Rspack', async (compilation, callback) => {
-            await this.#renderUniversal(compilation);
+            if (this.#_options.appShell) {
+                await this.#prerenderAppShell(compilation);
+            }
+            if (this.#_options.prerender) {
+                await this.#prerenderSSGUniversal(compilation);
+            }
             callback();
         });
     }
-    async #renderUniversal(compilation) {
+    async #prerenderAppShell(compilation) {
+        // Users can specify a different base html file e.g. "src/home.html"
+        const indexFile = (0, get_index_output_file_1.getIndexOutputFile)(this.#_options.index);
+        const zonePackage = require.resolve('zone.js', {
+            paths: [devkit_1.workspaceRoot],
+        });
+        const worker = new worker_pool_1.WorkerPool({
+            filename: require.resolve('./tools/render-worker'),
+            maxThreads: (0, max_workers_1.maxWorkers)(),
+            workerData: {
+                zonePackage,
+            },
+            recordTiming: false,
+        });
+        try {
+            const outputPaths = this.#i18n
+                ? (0, i18n_1.ensureOutputPaths)(this.#_options.outputPath.browser, this.#i18n)
+                : new Map([['', this.#_options.outputPath.browser]]);
+            const localeOutputPaths = this.#i18n
+                ? (0, i18n_1.getLocaleOutputPaths)(this.#i18n)
+                : new Map();
+            for (const [locale, outputPath] of outputPaths.entries()) {
+                const normalizedOutputPath = (0, path_1.join)(this.#_options.outputPath.browser, outputPath);
+                const serverBundlePath = locale
+                    ? (0, path_1.join)(this.#_options.outputPath.server, localeOutputPaths.get(locale), 'server.js')
+                    : (0, path_1.join)(this.#_options.outputPath.server, 'server.js');
+                if (!(0, fs_1.existsSync)(serverBundlePath)) {
+                    throw new Error(`Could not find the main bundle: ${serverBundlePath}`);
+                }
+                try {
+                    const options = {
+                        indexFile,
+                        deployUrl: this.#_options.deployUrl || '',
+                        inlineCriticalCss: !!this.#_options.optimization.styles.inlineCritical,
+                        minifyCss: !!this.#_options.optimization.styles.minify,
+                        outputPath: normalizedOutputPath,
+                        route: '/',
+                        serverBundlePath,
+                    };
+                    const { errors, warnings } = await worker.run(options);
+                    errors?.forEach((e) => (0, rspack_diagnostics_1.addError)(compilation, e));
+                    warnings?.forEach((e) => (0, rspack_diagnostics_1.addWarning)(compilation, e));
+                }
+                catch (error) {
+                    (0, misc_helpers_1.assertIsError)(error);
+                    (0, rspack_diagnostics_1.addError)(compilation, error.message);
+                }
+                if (this.#_options.serviceWorker && this.#_options.ngswConfigPath) {
+                    try {
+                        await (0, private_1.augmentAppWithServiceWorker)(this.#_options.root, devkit_1.workspaceRoot, outputPath, this.#_options.baseHref || '/', this.#_options.ngswConfigPath);
+                    }
+                    catch (error) {
+                        (0, misc_helpers_1.assertIsError)(error);
+                        (0, rspack_diagnostics_1.addError)(compilation, error.message);
+                    }
+                }
+            }
+        }
+        catch (error) {
+            (0, misc_helpers_1.assertIsError)(error);
+            (0, rspack_diagnostics_1.addError)(compilation, error.message);
+        }
+        finally {
+            void worker.destroy();
+        }
+    }
+    async #prerenderSSGUniversal(compilation) {
         // Users can specify a different base html file e.g. "src/home.html"
         const indexFile = (0, get_index_output_file_1.getIndexOutputFile)(this.#_options.index);
         const zonePackage = require.resolve('zone.js', {
@@ -68,14 +139,8 @@ class PrerenderPlugin {
                         const options = {
                             indexFile,
                             deployUrl: this.#_options.deployUrl || '',
-                            inlineCriticalCss: 
-                            // TODO: Enable below when styles optimization is enabled
-                            // !!normalizedStylesOptimization.inlineCritical,
-                            true,
-                            minifyCss: 
-                            // TODO: Enable below when styles optimization is enabled
-                            // !!normalizedStylesOptimization.minify,
-                            true,
+                            inlineCriticalCss: !!this.#_options.optimization.styles.inlineCritical,
+                            minifyCss: !!this.#_options.optimization.styles.minify,
                             outputPath: normalizedOutputPath,
                             route,
                             serverBundlePath,

package/dist/lib/plugins/progress-plugin.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * 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 { ProgressPlugin as RspackProgressPlugin } from '@rspack/core';
+export declare class ProgressPlugin extends RspackProgressPlugin {
+    constructor(platform: 'server' | 'browser');
+}
+//# sourceMappingURL=progress-plugin.d.ts.map

package/dist/lib/plugins/progress-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-plugin.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/progress-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGtE,qBAAa,cAAe,SAAQ,oBAAoB;gBAC1C,QAAQ,EAAE,QAAQ,GAAG,SAAS;CA6B3C"}

package/dist/lib/plugins/progress-plugin.js

@@ -0,0 +1,36 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressPlugin = void 0;
+const core_1 = require("@rspack/core");
+const spinner_1 = require("../utils/spinner");
+class ProgressPlugin extends core_1.ProgressPlugin {
+    constructor(platform) {
+        const platformCapitalFirst = platform.replace(/^\w/, (s) => s.toUpperCase());
+        const spinner = new spinner_1.Spinner();
+        spinner.start(`Generating ${platform} application bundles (phase: setup)...`);
+        super((percentage, message) => {
+            const phase = message ? ` (phase: ${message})` : '';
+            spinner.text = `Generating ${platform} application bundles${phase}...`;
+            switch (percentage) {
+                case 1:
+                    if (spinner.isSpinning) {
+                        spinner.succeed(`${platformCapitalFirst} application bundle generation complete.`);
+                    }
+                    break;
+                case 0:
+                    if (!spinner.isSpinning) {
+                        spinner.start();
+                    }
+                    break;
+            }
+        });
+    }
+}
+exports.ProgressPlugin = ProgressPlugin;

package/dist/lib/plugins/stats-json-plugin.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * 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 { RspackPluginInstance, Compiler } from '@rspack/core';
+export declare class StatsJsonPlugin implements RspackPluginInstance {
+    private readonly statsOutputPath;
+    constructor(statsOutputPath: string);
+    apply(compiler: Compiler): void;
+}
+//# sourceMappingURL=stats-json-plugin.d.ts.map

package/dist/lib/plugins/stats-json-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stats-json-plugin.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/stats-json-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAInE,qBAAa,eAAgB,YAAW,oBAAoB;IAC9C,OAAO,CAAC,QAAQ,CAAC,eAAe;gBAAf,eAAe,EAAE,MAAM;IAEpD,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAuBzB"}

package/dist/lib/plugins/stats-json-plugin.js

@@ -0,0 +1,70 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * 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
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatsJsonPlugin = void 0;
+const node_fs_1 = require("node:fs");
+const promises_1 = require("node:fs/promises");
+const node_path_1 = require("node:path");
+const promises_2 = require("node:stream/promises");
+const misc_helpers_1 = require("../utils/misc-helpers");
+const rspack_diagnostics_1 = require("../utils/rspack-diagnostics");
+class StatsJsonPlugin {
+    statsOutputPath;
+    constructor(statsOutputPath) {
+        this.statsOutputPath = statsOutputPath;
+    }
+    apply(compiler) {
+        compiler.hooks.done.tapPromise('AngularRspackStatsJsonPlugin', async (stats) => {
+            const { stringifyChunked } = await Promise.resolve().then(() => __importStar(require('@discoveryjs/json-ext')));
+            const data = stats.toJson('verbose');
+            try {
+                await (0, promises_1.mkdir)((0, node_path_1.dirname)(this.statsOutputPath), { recursive: true });
+                await (0, promises_2.pipeline)(stringifyChunked(data), (0, node_fs_1.createWriteStream)(this.statsOutputPath));
+            }
+            catch (error) {
+                (0, misc_helpers_1.assertIsError)(error);
+                (0, rspack_diagnostics_1.addError)(stats.compilation, `Unable to write stats file: ${error.message || 'unknown error'}`);
+            }
+        });
+    }
+}
+exports.StatsJsonPlugin = StatsJsonPlugin;

package/dist/lib/plugins/suppress-js-for-css-chunks-plugin.d.ts

@@ -0,0 +1,5 @@
+import { Compiler, RspackPluginInstance } from '@rspack/core';
+export declare class SuppressJsForCssOnlyEntryPlugin implements RspackPluginInstance {
+    apply(compiler: Compiler): void;
+}
+//# sourceMappingURL=suppress-js-for-css-chunks-plugin.d.ts.map

package/dist/lib/plugins/suppress-js-for-css-chunks-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"suppress-js-for-css-chunks-plugin.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/suppress-js-for-css-chunks-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAgB,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAE5E,qBAAa,+BAAgC,YAAW,oBAAoB;IAC1E,KAAK,CAAC,QAAQ,EAAE,QAAQ;CA6CzB"}

package/dist/lib/plugins/suppress-js-for-css-chunks-plugin.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuppressJsForCssOnlyEntryPlugin = void 0;
+class SuppressJsForCssOnlyEntryPlugin {
+    apply(compiler) {
+        compiler.hooks.thisCompilation.tap('SuppressJsForCssOnlyEntryPlugin', (compilation) => {
+            compilation.hooks.processAssets.tap({
+                name: 'SuppressJsForCssOnlyEntryPlugin',
+                stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE,
+            }, (_) => {
+                for (const chunk of compilation.chunks) {
+                    const cssFiles = [...chunk.files].filter((f) => f.endsWith('.css'));
+                    const jsFiles = [...chunk.files].filter((f) => f.endsWith('.js'));
+                    // Only act if chunk has CSS and a single JS file
+                    if (cssFiles.length > 0 && jsFiles.length === 1) {
+                        const jsAssetName = jsFiles[0];
+                        const asset = compilation.getAsset(jsAssetName);
+                        if (!asset)
+                            continue;
+                        const entryModules = compilation.chunkGraph.getChunkEntryModulesIterable(chunk);
+                        const cssOnly = Array.from(entryModules).every((module) => {
+                            const extensions = ['.css', '.scss', '.sass', '.less'];
+                            return extensions.some((ext) => module.resourceResolveData?.path?.endsWith(ext));
+                        });
+                        if (cssOnly) {
+                            compilation.deleteAsset(jsAssetName);
+                        }
+                    }
+                }
+            });
+        });
+    }
+}
+exports.SuppressJsForCssOnlyEntryPlugin = SuppressJsForCssOnlyEntryPlugin;

package/dist/lib/plugins/tools/dev-tools-ignore-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-tools-ignore-plugin.d.ts","sourceRoot":"","sources":["../../../../src/lib/plugins/tools/dev-tools-ignore-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAe,QAAQ,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAa3E;;;;GAIG;AACH,qBAAa,oBAAqB,YAAW,oBAAoB;IAC/D,KAAK,CAAC,QAAQ,EAAE,QAAQ;CA4CzB"}
+{"version":3,"file":"dev-tools-ignore-plugin.d.ts","sourceRoot":"","sources":["../../../../src/lib/plugins/tools/dev-tools-ignore-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAe,QAAQ,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAa3E;;;;GAIG;AACH,qBAAa,oBAAqB,YAAW,oBAAoB;IAC/D,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAgDzB"}

package/dist/lib/plugins/tools/dev-tools-ignore-plugin.js

@@ -48,7 +48,7 @@ class DevToolsIgnorePlugin {
                         }
                     }
                     map[IGNORE_LIST] = ignoreList;
-                    compilation.updateAsset(name, new RawSource(JSON.stringify(map)));
+                    compilation.updateAsset(name, new RawSource(JSON.stringify(map)), (assetInfo) => assetInfo);
                 }
             });
         });

package/dist/lib/plugins/transfer-size-plugin.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * 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 { Compiler, RspackPluginInstance } from '@rspack/core';
+export declare class TransferSizePlugin implements RspackPluginInstance {
+    apply(compiler: Compiler): void;
+}
+//# sourceMappingURL=transfer-size-plugin.d.ts.map

package/dist/lib/plugins/transfer-size-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer-size-plugin.d.ts","sourceRoot":"","sources":["../../../src/lib/plugins/transfer-size-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAO9D,qBAAa,kBAAmB,YAAW,oBAAoB;IAC7D,KAAK,CAAC,QAAQ,EAAE,QAAQ;CA8CzB"}

package/dist/lib/plugins/transfer-size-plugin.js

@@ -0,0 +1,49 @@
+"use strict";
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransferSizePlugin = void 0;
+const node_util_1 = require("node:util");
+const node_zlib_1 = require("node:zlib");
+const rspack_diagnostics_1 = require("../utils/rspack-diagnostics");
+const brotliCompressAsync = (0, node_util_1.promisify)(node_zlib_1.brotliCompress);
+const PLUGIN_NAME = 'angular-transfer-size-estimator';
+class TransferSizePlugin {
+    apply(compiler) {
+        compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
+            compilation.hooks.processAssets.tapAsync({
+                name: PLUGIN_NAME,
+                stage: compiler.rspack.Compilation.PROCESS_ASSETS_STAGE_ANALYSE,
+            }, async (compilationAssets, callback) => {
+                const actions = [];
+                for (const assetName of Object.keys(compilationAssets)) {
+                    if (!assetName.endsWith('.js') && !assetName.endsWith('.css')) {
+                        continue;
+                    }
+                    const scriptAsset = compilation.getAsset(assetName);
+                    if (!scriptAsset || scriptAsset.source.size() <= 0) {
+                        continue;
+                    }
+                    actions.push(brotliCompressAsync(scriptAsset.source.source())
+                        .then((result) => {
+                        compilation.updateAsset(assetName, (s) => s, (assetInfo) => {
+                            assetInfo.estimatedTransferSize = result.length;
+                            return assetInfo;
+                        });
+                    })
+                        .catch((error) => {
+                        (0, rspack_diagnostics_1.addWarning)(compilation, `Unable to calculate estimated transfer size for '${assetName}'. Reason: ${error.message}`);
+                    }));
+                }
+                await Promise.all(actions);
+                callback();
+            });
+        });
+    }
+}
+exports.TransferSizePlugin = TransferSizePlugin;