@nx/angular-rspack 0.0.0-pr-32422-a3285be

package/LICENSE

@@ -0,0 +1,22 @@
+(The MIT License)
+
+Copyright (c) 2017-2025 Narwhal Technologies Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,98 @@
+<p style="text-align: center;">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-dark.svg">
+    <img alt="Nx - Smart Repos · Fast Builds" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
+  </picture>
+</p>
+
+<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)
+
+</div>
+
+
+<hr>
+
+# Nx: Smart Repos · Fast Builds
+
+An AI-first build platform that connects everything from your editor to CI. Helping you deliver fast, without breaking things.
+
+## Build Angular with Rspack
+
+The goal of `@nx/angular-rspack` is to make easy and straightforward to build Angular applications with [rspack](https://rspack.dev).
+
+### Getting Started
+
+#### Step 1: Create a new Nx Workspace with Angular Rspack Application
+
+```bash
+npx create-nx-workspace myorg
+
+NX   Let's create a new workspace [[https://nx.dev/getting-started/intro](https://nx.dev/getting-started/intro)]
+✔ Which stack do you want to use? · angular
+✔ Integrated monorepo, or standalone project? · integrated
+✔ Application name · myorg
+✔ Which bundler would you like to use? · rspack
+✔ Default stylesheet format · css
+✔ Do you want to enable Server-Side Rendering (SSR)? · No
+✔ Which unit test runner would you like to use? · vitest
+✔ Test runner to use for end to end (E2E) tests · playwright
+✔ Which CI provider would you like to use? · skip
+✔ Would you like remote caching to make your build faster? · skip
+NX   Creating your v20.8.0 workspace.
+```
+
+#### Step 2: Run Build and Serve commands
+
+```bash
+npx nx build myorg
+npx nx serve myorg
+```
+
+## Getting Started
+
+### Creating an Nx Workspace
+
+**Using `npx`**
+
+```bash
+npx create-nx-workspace
+```
+
+**Using `npm init`**
+
+```bash
+npm init nx-workspace
+```
+
+**Using `yarn create`**
+
+```bash
+yarn create nx-workspace
+```
+
+### Adding Nx to an Existing Repository
+
+Run:
+
+```bash
+npx nx@latest init
+```
+
+## Documentation & Resources
+
+- [Nx.Dev: Documentation, Guides, Tutorials](https://nx.dev)
+- [Intro to Nx](https://nx.dev/getting-started/intro)
+- [Official Nx YouTube Channel](https://www.youtube.com/@NxDevtools)
+- [Blog Posts About Nx](https://nx.dev/blog)
+
+<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
+width="100%" alt="Nx - Smart Repos · Fast Builds"></a></p>
+

package/README.md__tpl__

@@ -0,0 +1,48 @@
+<p style="text-align: center;">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-dark.svg">
+    <img alt="Nx - Smart Repos · Fast Builds" src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-light.svg" width="100%">
+  </picture>
+</p>
+
+{{links}}
+
+<hr>
+
+# Nx: Smart Repos · Fast Builds
+
+An AI-first build platform that connects everything from your editor to CI. Helping you deliver fast, without breaking things.
+
+## Build Angular with Rspack
+
+The goal of `@nx/angular-rspack` is to make easy and straightforward to build Angular applications with [rspack](https://rspack.dev).
+
+### Getting Started
+
+#### Step 1: Create a new Nx Workspace with Angular Rspack Application
+
+```bash
+npx create-nx-workspace myorg
+
+NX   Let's create a new workspace [[https://nx.dev/getting-started/intro](https://nx.dev/getting-started/intro)]
+✔ Which stack do you want to use? · angular
+✔ Integrated monorepo, or standalone project? · integrated
+✔ Application name · myorg
+✔ Which bundler would you like to use? · rspack
+✔ Default stylesheet format · css
+✔ Do you want to enable Server-Side Rendering (SSR)? · No
+✔ Which unit test runner would you like to use? · vitest
+✔ Test runner to use for end to end (E2E) tests · playwright
+✔ Which CI provider would you like to use? · skip
+✔ Would you like remote caching to make your build faster? · skip
+NX   Creating your v20.8.0 workspace.
+```
+
+#### Step 2: Run Build and Serve commands
+
+```bash
+npx nx build myorg
+npx nx serve myorg
+```
+
+{{content}}

package/dist/lib/config/config-utils/browser-config.d.ts

@@ -0,0 +1,4 @@
+import type { Configuration } from '@rspack/core';
+import type { HashFormat, I18nOptions, NormalizedAngularRspackPluginOptions } from '../../models';
+export declare function getBrowserConfig(normalizedOptions: NormalizedAngularRspackPluginOptions, i18n: I18nOptions, hashFormat: HashFormat, defaultConfig: Configuration): Promise<Configuration>;
+//# sourceMappingURL=browser-config.d.ts.map

package/dist/lib/config/config-utils/browser-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser-config.d.ts","sourceRoot":"","sources":["../../../../src/lib/config/config-utils/browser-config.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,oCAAoC,EACrC,MAAM,cAAc,CAAC;AAQtB,wBAAsB,gBAAgB,CACpC,iBAAiB,EAAE,oCAAoC,EACvD,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC3B,OAAO,CAAC,aAAa,CAAC,CAgFxB"}

package/dist/lib/config/config-utils/browser-config.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getBrowserConfig = getBrowserConfig;
+const angular_rspack_compiler_1 = require("@nx/angular-rspack-compiler");
+const ng_rspack_1 = require("../../plugins/ng-rspack");
+const dev_server_config_utils_1 = require("./dev-server-config-utils");
+const entry_points_1 = require("./entry-points");
+const optimization_config_1 = require("./optimization-config");
+const path_1 = require("path");
+const hmr_accept_loader_1 = require("../../plugins/loaders/hmr-accept-loader");
+async function getBrowserConfig(normalizedOptions, i18n, hashFormat, defaultConfig) {
+    const isDevServer = process.env['WEBPACK_SERVE'];
+    const isProduction = process.env['NODE_ENV'] === 'production';
+    const { root } = normalizedOptions;
+    return {
+        ...defaultConfig,
+        name: 'browser',
+        target: ['web', 'es2015'],
+        entry: {
+            main: {
+                import: [
+                    ...(i18n.shouldInline ? ['@angular/localize/init'] : []),
+                    normalizedOptions.browser,
+                ],
+            },
+            ...(0, entry_points_1.getPolyfillsEntry)(normalizedOptions.polyfills, normalizedOptions.aot),
+            ...(0, entry_points_1.toRspackEntries)(normalizedOptions.globalStyles, normalizedOptions.root, 'ngGlobalStyles'),
+            ...(0, entry_points_1.toRspackEntries)(normalizedOptions.globalScripts, normalizedOptions.root),
+        },
+        devServer: await (0, dev_server_config_utils_1.getDevServerConfig)(normalizedOptions, 'browser'),
+        output: {
+            ...defaultConfig.output,
+            hashFunction: isProduction ? 'xxhash64' : undefined,
+            path: normalizedOptions.outputPath.browser,
+            cssFilename: `[name]${hashFormat.file}.css`,
+            filename: `[name]${hashFormat.chunk}.js`,
+            chunkFilename: `[name]${hashFormat.chunk}.js`,
+            ...(isDevServer ? {} : { scriptType: 'module', module: true }),
+        },
+        resolve: {
+            ...defaultConfig.resolve,
+            mainFields: ['es2020', 'es2015', 'browser', 'module', 'main'],
+        },
+        optimization: (0, optimization_config_1.getOptimization)(normalizedOptions, 'browser'),
+        module: {
+            ...defaultConfig.module,
+            rules: [
+                {
+                    test: angular_rspack_compiler_1.TS_ALL_EXT_REGEX,
+                    use: [
+                        {
+                            loader: 'builtin:swc-loader',
+                            options: {
+                                jsc: {
+                                    parser: {
+                                        syntax: 'typescript',
+                                    },
+                                    target: 'es2022',
+                                },
+                            },
+                        },
+                    ],
+                },
+                ...(normalizedOptions.devServer?.hmr
+                    ? [
+                        {
+                            loader: hmr_accept_loader_1.HmrLoader,
+                            include: [(0, path_1.resolve)(root, normalizedOptions.browser)],
+                        },
+                    ]
+                    : []),
+                ...(defaultConfig.module?.rules ?? []),
+            ],
+        },
+        plugins: [
+            ...(defaultConfig.plugins ?? []),
+            new ng_rspack_1.NgRspackPlugin(normalizedOptions, {
+                i18nOptions: i18n,
+                platform: 'browser',
+            }),
+        ],
+    };
+}

package/dist/lib/config/config-utils/common-config.d.ts

@@ -0,0 +1,3 @@
+import { HashFormat, I18nOptions, NormalizedAngularRspackPluginOptions } from '../../models';
+export declare function getCommonConfig(normalizedOptions: NormalizedAngularRspackPluginOptions, i18n: I18nOptions, i18nHash: string | (() => void), hashFormat: HashFormat): Promise<import("@rspack/core").RspackOptions>;
+//# sourceMappingURL=common-config.d.ts.map

package/dist/lib/config/config-utils/common-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-config.d.ts","sourceRoot":"","sources":["../../../../src/lib/config/config-utils/common-config.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,UAAU,EACV,WAAW,EACX,oCAAoC,EACrC,MAAM,cAAc,CAAC;AAQtB,wBAAsB,eAAe,CACnC,iBAAiB,EAAE,oCAAoC,EACvD,IAAI,EAAE,WAAW,EACjB,QAAQ,EAAE,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,EAC/B,UAAU,EAAE,UAAU,iDA6JvB"}

package/dist/lib/config/config-utils/common-config.js

@@ -0,0 +1,144 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCommonConfig = getCommonConfig;
+const core_1 = require("@rspack/core");
+const node_path_1 = require("node:path");
+const angular_rspack_compiler_1 = require("@nx/angular-rspack-compiler");
+const style_config_utils_1 = require("./style-config-utils");
+const helpers_1 = require("./helpers");
+const sourcemap_utils_1 = require("./sourcemap-utils");
+const stats_json_plugin_1 = require("../../plugins/stats-json-plugin");
+const watch_file_logs_plugin_1 = require("../../plugins/watch-file-logs-plugin");
+const get_index_input_file_1 = require("../../utils/index-file/get-index-input-file");
+async function getCommonConfig(normalizedOptions, i18n, i18nHash, hashFormat) {
+    const isDevServer = process.env['WEBPACK_SERVE'];
+    const crossOriginLoading = (0, helpers_1.getCrossOriginLoading)(normalizedOptions);
+    const sourceMapOptions = (0, sourcemap_utils_1.configureSourceMap)(normalizedOptions.sourceMap);
+    const stylesConfig = await (0, style_config_utils_1.getStylesConfig)(normalizedOptions, hashFormat, normalizedOptions.hasServer ? 'server' : 'browser');
+    const indexInputFile = (0, node_path_1.join)(normalizedOptions.root, (0, get_index_input_file_1.getIndexInputFile)(normalizedOptions.index));
+    const indexInputWatchPlugin = {
+        apply: (compiler) => {
+            compiler.hooks.thisCompilation.tap('build-angular', (compilation) => {
+                compilation.fileDependencies.add(indexInputFile);
+            });
+        },
+    };
+    const defaultConfig = {
+        context: normalizedOptions.root,
+        profile: normalizedOptions.statsJson,
+        mode: normalizedOptions.optimization.scripts ||
+            normalizedOptions.optimization.styles.minify
+            ? 'production'
+            : 'development',
+        devtool: normalizedOptions.sourceMap.scripts ? 'source-map' : false,
+        infrastructureLogging: {
+            appendOnly: false,
+            debug: normalizedOptions.verbose,
+            level: normalizedOptions.verbose ? 'verbose' : 'none',
+        },
+        performance: {
+            hints: false,
+        },
+        stats: 'none', // This is handled in the AngularRspackPlugin by the rspackStatsLogger
+        output: {
+            uniqueName: normalizedOptions.projectName ?? 'rspack-angular',
+            publicPath: normalizedOptions.deployUrl ?? '',
+            clean: false, // already taken care for by AngularRspackPlugin
+            crossOriginLoading,
+            trustedTypes: { policyName: 'angular#bundler' },
+            sourceMapFilename: normalizedOptions.sourceMap.scripts
+                ? '[file].map'
+                : undefined,
+            ...(isDevServer ? {} : { scriptType: 'module' }),
+        },
+        resolve: {
+            extensions: ['.ts', '.tsx', '.mjs', '.js'],
+            symlinks: !normalizedOptions.preserveSymlinks,
+            modules: ['node_modules'],
+            conditionNames: ['es2020', 'es2015', '...'],
+            tsConfig: {
+                configFile: normalizedOptions.tsConfig,
+            },
+            ...(i18n.shouldInline && normalizedOptions.aot
+                ? { alias: { '@angular/localize/init': false } }
+                : {}),
+        },
+        resolveLoader: {
+            symlinks: !normalizedOptions.preserveSymlinks,
+        },
+        watch: normalizedOptions.watch,
+        watchOptions: {
+            poll: normalizedOptions.poll,
+            followSymlinks: normalizedOptions.preserveSymlinks,
+            ignored: normalizedOptions.poll === undefined ? undefined : '**/node_modules/**',
+        },
+        ignoreWarnings: [
+            // https://github.com/webpack-contrib/source-map-loader/blob/b2de4249c7431dd8432da607e08f0f65e9d64219/src/index.js#L83
+            /Failed to parse source map from/,
+            // https://github.com/webpack-contrib/postcss-loader/blob/bd261875fdf9c596af4ffb3a1a73fe3c549befda/src/index.js#L153-L158
+            /Add postcss as project dependency/,
+            // esbuild will issue a warning, while still hoists the @charset at the very top.
+            // This is caused by a bug in css-loader https://github.com/webpack-contrib/css-loader/issues/1212
+            /"@charset" must be the first rule in the file/,
+        ],
+        module: {
+            parser: {
+                javascript: {
+                    url: false,
+                },
+            },
+            rules: [
+                {
+                    test: /\.?(svg|html)$/,
+                    // Only process HTML and SVG which are known Angular component resources.
+                    resourceQuery: /\?ngResource/,
+                    type: 'asset/source',
+                },
+                ...stylesConfig.loaderRules,
+                ...sourceMapOptions.sourceMapRules,
+                { test: /[/\\]rxjs[/\\]add[/\\].+\.js$/, sideEffects: true },
+                {
+                    test: angular_rspack_compiler_1.TS_ALL_EXT_REGEX,
+                    use: [
+                        {
+                            loader: require.resolve('@nx/angular-rspack/loaders/angular-loader'),
+                        },
+                    ],
+                },
+                {
+                    test: angular_rspack_compiler_1.JS_ALL_EXT_REGEX,
+                    use: [
+                        {
+                            loader: require.resolve('@nx/angular-rspack/loaders/angular-partial-transform-loader'),
+                        },
+                    ],
+                },
+            ],
+        },
+        plugins: [
+            ...sourceMapOptions.sourceMapPlugins,
+            ...(normalizedOptions.verbose ? [new watch_file_logs_plugin_1.WatchFilesLogsPlugin()] : []),
+            ...(normalizedOptions.watch ? [indexInputWatchPlugin] : []),
+            ...(normalizedOptions.statsJson
+                ? [
+                    new stats_json_plugin_1.StatsJsonPlugin((0, node_path_1.resolve)(normalizedOptions.root, normalizedOptions.outputPath.base, 'stats.json')),
+                ]
+                : []),
+            ...(i18n.shouldInline
+                ? [
+                    {
+                        apply(compiler) {
+                            compiler.hooks.compilation.tap('AngularRspackPlugin', (compilation) => {
+                                core_1.javascript.JavascriptModulesPlugin.getCompilationHooks(compilation).chunkHash.tap('AngularRspackPlugin', (_, hash) => {
+                                    hash.update(Buffer.from('$localize' + i18nHash));
+                                });
+                            });
+                        },
+                    },
+                ]
+                : []),
+            ...stylesConfig.plugins,
+        ],
+    };
+    return defaultConfig;
+}

package/dist/lib/config/config-utils/dev-server-config-utils.d.ts

@@ -0,0 +1,4 @@
+import type { DevServer } from '@rspack/core';
+import type { NormalizedAngularRspackPluginOptions } from '../../models';
+export declare function getDevServerConfig(options: NormalizedAngularRspackPluginOptions, platform: 'browser' | 'server'): Promise<DevServer>;
+//# sourceMappingURL=dev-server-config-utils.d.ts.map

package/dist/lib/config/config-utils/dev-server-config-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-server-config-utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/config/config-utils/dev-server-config-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,cAAc,CAAC;AAIzE,wBAAsB,kBAAkB,CACtC,OAAO,EAAE,oCAAoC,EAC7C,QAAQ,EAAE,SAAS,GAAG,QAAQ,GAC7B,OAAO,CAAC,SAAS,CAAC,CA2DpB"}