@nx/rspack 20.0.7 → 20.1.0-beta.0

package/generators.json

@@ -26,6 +26,11 @@
       "aliases": ["app"],
       "x-type": "application",
       "description": "React application generator."
+    },
+    "convert-webpack": {
+      "factory": "./src/generators/convert-webpack/convert-webpack",
+      "schema": "./src/generators/convert-webpack/schema.json",
+      "description": "Convert a webpack application to use rspack."
     }
   }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nx/rspack",
   "description": "The Nx Plugin for Rspack contains executors and generators that support building applications using Rspack.",
-  "version": "20.0.7",
+  "version": "20.1.0-beta.0",
   "type": "commonjs",
   "repository": {
     "type": "git",
@@ -24,9 +24,9 @@
   "generators": "./generators.json",
   "executors": "./executors.json",
   "dependencies": {
-    "@nx/js": "20.0.7",
-    "@nx/devkit": "20.0.7",
-    "@nx/web": "20.0.7",
+    "@nx/js": "20.1.0-beta.0",
+    "@nx/devkit": "20.1.0-beta.0",
+    "@nx/web": "20.1.0-beta.0",
     "@phenomnomnominal/tsquery": "~5.0.1",
     "enquirer": "~2.3.6",
     "express": "^4.19.2",

package/src/executors/rspack/rspack.impl.js

@@ -11,6 +11,7 @@ const create_compiler_1 = require("../../utils/create-compiler");
 const mode_utils_1 = require("../../utils/mode-utils");
 async function* runExecutor(options, context) {
     process.env.NODE_ENV ??= options.mode ?? 'production';
+    options.target ??= 'web';
     if ((0, mode_utils_1.isMode)(process.env.NODE_ENV)) {
         options.mode = process.env.NODE_ENV;
     }

package/src/executors/rspack/schema.d.ts

@@ -1,12 +1,12 @@
 import type { Mode } from '@rspack/core';
 
 export interface RspackExecutorSchema {
-  target: 'web' | 'node';
-  main: string;
+  target?: 'web' | 'node';
+  main?: string;
   index?: string;
-  tsConfig: string;
+  tsConfig?: string;
   typeCheck?: boolean;
-  outputPath: string;
+  outputPath?: string;
   outputFileName?: string;
   indexHtml?: string;
   mode?: Mode;

package/src/executors/rspack/schema.json

@@ -133,7 +133,7 @@
       "description": "Generates a `package.json` and pruned lock file with the project's `node_module` dependencies populated for installing in a container. If a `package.json` exists in the project's directory, it will be reused with dependencies populated."
     }
   },
-  "required": ["target", "main", "outputPath", "tsConfig", "rspackConfig"],
+  "required": ["rspackConfig"],
   "definitions": {
     "assetPattern": {
       "oneOf": [

package/src/generators/convert-webpack/convert-webpack.d.ts

@@ -0,0 +1,3 @@
+import { type Tree } from '@nx/devkit';
+import { Schema } from './schema';
+export default function (tree: Tree, options: Schema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/convert-webpack/convert-webpack.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../utils/versions");
+const transform_esm_1 = require("./lib/transform-esm");
+const transform_cjs_1 = require("./lib/transform-cjs");
+async function default_1(tree, options) {
+    const projects = (0, devkit_1.getProjects)(tree);
+    if (!projects.has(options.project)) {
+        throw new Error(`Could not find project '${options.project}'. Ensure you have specified the project you'd like to convert correctly.`);
+    }
+    const project = projects.get(options.project);
+    const webpackConfigsToConvert = [];
+    for (const [targetName, target] of Object.entries(project.targets)) {
+        if (target.executor === '@nx/webpack:webpack') {
+            target.executor = '@nx/rspack:rspack';
+            if (!target.options.target) {
+                target.options.target = 'web';
+            }
+            const convertWebpackConfigOption = (options) => {
+                if (!options.webpackConfig) {
+                    return;
+                }
+                const rspackConfigPath = options.webpackConfig.replace(/webpack(?!.*webpack)/, 'rspack');
+                webpackConfigsToConvert.push([options.webpackConfig, rspackConfigPath]);
+                options.rspackConfig = rspackConfigPath;
+                delete options.webpackConfig;
+            };
+            if (target.options.webpackConfig) {
+                convertWebpackConfigOption(target.options);
+            }
+            if (target.configurations) {
+                for (const [configurationName, configuration] of Object.entries(target.configurations)) {
+                    convertWebpackConfigOption(configuration);
+                }
+            }
+        }
+        else if (target.executor === '@nx/webpack:dev-server') {
+            target.executor = '@nx/rspack:dev-server';
+        }
+        else if (target.executor === '@nx/webpack:ssr-dev-server') {
+            target.executor = '@nx/rspack:dev-server';
+        }
+        else if (target.executor === '@nx/react:module-federation-dev-server') {
+            target.executor = '@nx/rspack:module-federation-dev-server';
+        }
+        else if (target.executor === '@nx/react:module-federation-ssr-dev-server') {
+            target.executor = '@nx/rspack:module-federation-ssr-dev-server';
+        }
+        else if (target.executor === '@nx/react:module-federation-static-server') {
+            target.executor = '@nx/rspack:module-federation-static-server';
+        }
+    }
+    for (const [webpackConfigPath, rspackConfigPath] of webpackConfigsToConvert) {
+        tree.rename(webpackConfigPath, rspackConfigPath);
+        transformConfigFile(tree, rspackConfigPath);
+    }
+    (0, devkit_1.updateProjectConfiguration)(tree, options.project, project);
+    const installTask = (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
+        '@rspack/core': versions_1.rspackCoreVersion,
+        '@rspack/dev-server': versions_1.rspackDevServerVersion,
+    });
+    if (!options.skipFormat) {
+        await (0, devkit_1.formatFiles)(tree);
+    }
+    return installTask;
+}
+function transformConfigFile(tree, configPath) {
+    (0, transform_esm_1.transformEsmConfigFile)(tree, configPath);
+    (0, transform_cjs_1.transformCjsConfigFile)(tree, configPath);
+    cleanupEmptyImports(tree, configPath);
+    replaceOfRequireOfLocalWebpackConfig(tree, configPath);
+}
+function replaceOfRequireOfLocalWebpackConfig(tree, configPath) {
+    const requireOfLocalWebpackConfig = /(?<=require\s*\(\s*['"][^'"]*)(webpack)(?!.*webpack)(?=[^'"]*['"]\s*\))/g;
+    const configContents = tree.read(configPath, 'utf-8');
+    const newContents = configContents.replace(requireOfLocalWebpackConfig, 'rspack');
+    tree.write(configPath, newContents);
+}
+function cleanupEmptyImports(tree, configPath) {
+    const emptyImportRegex = /import\s*\{\s*\}\s*from\s*['"][^'"]+['"];/g;
+    const emptyConstRequires = /(const|let)\s*\{\s*\}\s*=\s*require\s*\(\s*['"][^'"]+['"]\s*\);/g;
+    const configContents = tree.read(configPath, 'utf-8');
+    let newContents = configContents.replace(emptyImportRegex, '');
+    newContents = newContents.replace(emptyConstRequires, '');
+    tree.write(configPath, newContents);
+}

package/src/generators/convert-webpack/lib/transform-cjs.d.ts

@@ -0,0 +1,2 @@
+import type { Tree } from '@nx/devkit';
+export declare function transformCjsConfigFile(tree: Tree, configPath: string): void;

package/src/generators/convert-webpack/lib/transform-cjs.js

@@ -0,0 +1,169 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformCjsConfigFile = transformCjsConfigFile;
+const tsquery_1 = require("@phenomnomnominal/tsquery");
+function transformCjsConfigFile(tree, configPath) {
+    ['@nx', '@nrwl'].forEach((scope) => {
+        transformComposePlugins(tree, configPath, scope);
+        transformWithNx(tree, configPath, scope);
+        transformWithWeb(tree, configPath, scope);
+        transformWithReact(tree, configPath, scope);
+        transformModuleFederationConfig(tree, configPath, scope);
+        transformWithModuleFederation(tree, configPath, scope);
+        transformWithModuleFederationSSR(tree, configPath, scope);
+    });
+}
+function transformComposePlugins(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_COMPOSE_PLUGINS_FROM_NX_WEBPACK = `VariableDeclaration:has(Identifier[name=composePlugins]) > CallExpression:has(Identifier[name=require]) StringLiteral[value=${scope}/webpack]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_COMPOSE_PLUGINS_FROM_NX_WEBPACK);
+    if (nodes.length === 0) {
+        return;
+    }
+    const COMPOSE_PLUGINS_IMPORT = 'VariableDeclaration:has(Identifier[name=composePlugins]) Identifier[name=composePlugins]';
+    const composePluginsNodes = (0, tsquery_1.tsquery)(ast, COMPOSE_PLUGINS_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = composePluginsNodes[0].getStart();
+    let endIndex = composePluginsNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `const { composePlugins } = require('@nx/rspack');
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformWithNx(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_NX_FROM_NX_WEBPACK = `VariableDeclaration:has(Identifier[name=withNx]) > CallExpression:has(Identifier[name=require]) StringLiteral[value=${scope}/webpack]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_NX_FROM_NX_WEBPACK);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_NX_IMPORT = 'VariableDeclaration:has(Identifier[name=withNx]) Identifier[name=withNx]';
+    const withNxNodes = (0, tsquery_1.tsquery)(ast, WITH_NX_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withNxNodes[0].getStart();
+    let endIndex = withNxNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `const { withNx } = require('@nx/rspack');
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformWithWeb(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_WEB_FROM_NX_WEBPACK = `VariableDeclaration:has(Identifier[name=withWeb]) > CallExpression:has(Identifier[name=require]) StringLiteral[value=${scope}/webpack]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_WEB_FROM_NX_WEBPACK);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_WEB_IMPORT = 'VariableDeclaration:has(Identifier[name=withWeb]) Identifier[name=withWeb]';
+    const withWebNodes = (0, tsquery_1.tsquery)(ast, WITH_WEB_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withWebNodes[0].getStart();
+    let endIndex = withWebNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `const { withWeb } = require('@nx/rspack');
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformWithReact(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_REACT_FROM_NX_REACT = `VariableDeclaration:has(Identifier[name=withReact]) > CallExpression:has(Identifier[name=require]) StringLiteral[value=${scope}/react]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_REACT_FROM_NX_REACT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_REACT_IMPORT = 'VariableDeclaration:has(Identifier[name=withReact]) Identifier[name=withReact]';
+    const withReactNodes = (0, tsquery_1.tsquery)(ast, WITH_REACT_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withReactNodes[0].getStart();
+    let endIndex = withReactNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `const { withReact } = require('@nx/rspack');
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformModuleFederationConfig(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT = `VariableDeclaration:has(Identifier[name=ModuleFederationConfig]) > CallExpression:has(Identifier[name=require]) StringLiteral[value=${scope}/webpack]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_MODULE_FEDERATION_IMPORT = 'VariableDeclaration:has(Identifier[name=ModuleFederationConfig]) Identifier[name=ModuleFederationConfig]';
+    const withModuleFederationNodes = (0, tsquery_1.tsquery)(ast, WITH_MODULE_FEDERATION_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withModuleFederationNodes[0].getStart();
+    let endIndex = withModuleFederationNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `const { ModuleFederationConfig } = require('@nx/rspack/module-federation');
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformWithModuleFederation(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT = `VariableDeclaration:has(Identifier[name=withModuleFederation]) > CallExpression:has(Identifier[name=require]) StringLiteral[value=${scope}/react/module-federation]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_MODULE_FEDERATION_IMPORT = 'VariableDeclaration:has(Identifier[name=withModuleFederation]) Identifier[name=withModuleFederation]';
+    const withModuleFederationNodes = (0, tsquery_1.tsquery)(ast, WITH_MODULE_FEDERATION_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withModuleFederationNodes[0].getStart();
+    let endIndex = withModuleFederationNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `const { withModuleFederation } = require('@nx/rspack/module-federation');
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformWithModuleFederationSSR(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT = `VariableDeclaration:has(Identifier[name=withModuleFederationForSSR]) > CallExpression:has(Identifier[name=require]) StringLiteral[value=${scope}/react/module-federation]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_MODULE_FEDERATION_IMPORT = 'VariableDeclaration:has(Identifier[name=withModuleFederationForSSR]) Identifier[name=withModuleFederationForSSR]';
+    const withModuleFederationNodes = (0, tsquery_1.tsquery)(ast, WITH_MODULE_FEDERATION_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withModuleFederationNodes[0].getStart();
+    let endIndex = withModuleFederationNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `const { withModuleFederationForSSR } = require('@nx/rspack/module-federation');
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}

package/src/generators/convert-webpack/lib/transform-esm.d.ts

@@ -0,0 +1,2 @@
+import type { Tree } from '@nx/devkit';
+export declare function transformEsmConfigFile(tree: Tree, configPath: string): void;

package/src/generators/convert-webpack/lib/transform-esm.js

@@ -0,0 +1,169 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformEsmConfigFile = transformEsmConfigFile;
+const tsquery_1 = require("@phenomnomnominal/tsquery");
+function transformEsmConfigFile(tree, configPath) {
+    ['@nx', '@nrwl'].forEach((scope) => {
+        transformComposePlugins(tree, configPath, scope);
+        transformWithNx(tree, configPath, scope);
+        transformWithWeb(tree, configPath, scope);
+        transformWithReact(tree, configPath, scope);
+        transformModuleFederationConfig(tree, configPath, scope);
+        transformWithModuleFederation(tree, configPath, scope);
+        transformWithModuleFederationSSR(tree, configPath, scope);
+    });
+}
+function transformComposePlugins(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_COMPOSE_PLUGINS_FROM_NX_WEBPACK = `ImportDeclaration:has(Identifier[name=composePlugins]) > StringLiteral[value=${scope}/webpack]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_COMPOSE_PLUGINS_FROM_NX_WEBPACK);
+    if (nodes.length === 0) {
+        return;
+    }
+    const COMPOSE_PLUGINS_IMPORT = 'ImportDeclaration:has(Identifier[name=composePlugins]) Identifier[name=composePlugins]';
+    const composePluginsNodes = (0, tsquery_1.tsquery)(ast, COMPOSE_PLUGINS_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = composePluginsNodes[0].getStart();
+    let endIndex = composePluginsNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `import { composePlugins } from '@nx/rspack';
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformWithNx(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_NX_FROM_NX_WEBPACK = `ImportDeclaration:has(Identifier[name=withNx]) > StringLiteral[value=${scope}/webpack]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_NX_FROM_NX_WEBPACK);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_NX_IMPORT = 'ImportDeclaration:has(Identifier[name=withNx]) Identifier[name=withNx]';
+    const withNxNodes = (0, tsquery_1.tsquery)(ast, WITH_NX_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withNxNodes[0].getStart();
+    let endIndex = withNxNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `import { withNx } from '@nx/rspack';
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformWithWeb(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_WEB_FROM_NX_WEBPACK = `ImportDeclaration:has(Identifier[name=withWeb]) > StringLiteral[value=${scope}/webpack]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_WEB_FROM_NX_WEBPACK);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_WEB_IMPORT = 'ImportDeclaration:has(Identifier[name=withWeb]) Identifier[name=withWeb]';
+    const withWebNodes = (0, tsquery_1.tsquery)(ast, WITH_WEB_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withWebNodes[0].getStart();
+    let endIndex = withWebNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `import { withWeb } from '@nx/rspack';
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformWithReact(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_REACT_FROM_NX_REACT = `ImportDeclaration:has(Identifier[name=withReact]) > StringLiteral[value=${scope}/react]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_REACT_FROM_NX_REACT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_REACT_IMPORT = 'ImportDeclaration:has(Identifier[name=withReact]) Identifier[name=withReact]';
+    const withReactNodes = (0, tsquery_1.tsquery)(ast, WITH_REACT_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withReactNodes[0].getStart();
+    let endIndex = withReactNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `import { withReact } from '@nx/rspack';
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformWithModuleFederation(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT = `ImportDeclaration:has(Identifier[name=withModuleFederation]) > StringLiteral[value=${scope}/react/module-federation]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_MODULE_FEDERATION_IMPORT = 'ImportDeclaration:has(Identifier[name=withModuleFederation]) Identifier[name=withModuleFederation]';
+    const withModuleFederationNodes = (0, tsquery_1.tsquery)(ast, WITH_MODULE_FEDERATION_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withModuleFederationNodes[0].getStart();
+    let endIndex = withModuleFederationNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `import { withModuleFederation } from '@nx/rspack/module-federation';
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformModuleFederationConfig(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT = `ImportDeclaration:has(Identifier[name=ModuleFederationConfig]) > StringLiteral[value=${scope}/webpack]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_MODULE_FEDERATION_IMPORT = 'ImportDeclaration:has(Identifier[name=ModuleFederationConfig]) Identifier[name=ModuleFederationConfig]';
+    const withModuleFederationNodes = (0, tsquery_1.tsquery)(ast, WITH_MODULE_FEDERATION_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withModuleFederationNodes[0].getStart();
+    let endIndex = withModuleFederationNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `import { ModuleFederationConfig } from '@nx/rspack/module-federation';
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}
+function transformWithModuleFederationSSR(tree, configPath, scope) {
+    const configContents = tree.read(configPath, 'utf-8');
+    const ast = tsquery_1.tsquery.ast(configContents);
+    const HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT = `ImportDeclaration:has(Identifier[name=withModuleFederationForSSR]) > StringLiteral[value=${scope}/react/module-federation]`;
+    const nodes = (0, tsquery_1.tsquery)(ast, HAS_WITH_MODULE_FEDERATION_FROM_NX_REACT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const WITH_MODULE_FEDERATION_IMPORT = 'ImportDeclaration:has(Identifier[name=withModuleFederationForSSR]) Identifier[name=withModuleFederationForSSR]';
+    const withModuleFederationNodes = (0, tsquery_1.tsquery)(ast, WITH_MODULE_FEDERATION_IMPORT);
+    if (nodes.length === 0) {
+        return;
+    }
+    const startIndex = withModuleFederationNodes[0].getStart();
+    let endIndex = withModuleFederationNodes[0].getEnd();
+    if (configContents.charAt(endIndex) === ',') {
+        endIndex++;
+    }
+    const newContents = `import { withModuleFederationForSSR } from '@nx/rspack/module-federation';
+  ${configContents.slice(0, startIndex)}${configContents.slice(endIndex)}`;
+    tree.write(configPath, newContents);
+}

package/src/generators/convert-webpack/schema.d.ts

@@ -0,0 +1,4 @@
+export interface Schema {
+  project: string;
+  skipFormat?: boolean;
+}

package/src/generators/convert-webpack/schema.json

@@ -0,0 +1,26 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "Rspack",
+  "title": "Nx Webpack to Rspack Generator",
+  "description": "Convert a Webpack project to Rspack.",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-dropdown": "project",
+      "x-prompt": "What is the name of the project to convert to rspack?",
+      "x-priority": "important"
+    },
+    "skipFormat": {
+      "description": "Skip formatting files.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
+    }
+  }
+}

package/src/utils/create-compiler.js

@@ -26,8 +26,17 @@ async function createCompiler(options, context) {
         config = userDefinedConfig;
         config.devServer ??= options.devServer;
     }
+    validateConfig(config);
     return (0, core_1.rspack)(config);
 }
 function isMultiCompiler(compiler) {
     return 'compilers' in compiler;
 }
+function validateConfig(config) {
+    if (!config.entry) {
+        throw new Error('Entry is required. Please set the `main` option in the executor or the `entry` property in the rspack config.');
+    }
+    if (!config.output) {
+        throw new Error('Output is required. Please set the `outputPath` option in the executor or the `output` property in the rspack config.');
+    }
+}

package/src/utils/versions.d.ts

@@ -1,3 +1,4 @@
+export declare const nxVersion: any;
 export declare const rspackCoreVersion = "1.0.5";
 export declare const rspackDevServerVersion = "1.0.5";
 export declare const rspackPluginMinifyVersion = "^0.7.5";

package/src/utils/versions.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.stylusVersion = exports.sassVersion = exports.lessVersion = exports.nestjsMicroservicesVersion = exports.nestjsPlatformExpressVersion = exports.nestjsCoreVersion = exports.nestjsCommonVersion = exports.typesReactDomVersion = exports.typesReactVersion = exports.reactDomVersion = exports.reactRefreshVersion = exports.reactVersion = exports.lessLoaderVersion = exports.rspackPluginReactRefreshVersion = exports.rspackPluginMinifyVersion = exports.rspackDevServerVersion = exports.rspackCoreVersion = void 0;
+exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.stylusVersion = exports.sassVersion = exports.lessVersion = exports.nestjsMicroservicesVersion = exports.nestjsPlatformExpressVersion = exports.nestjsCoreVersion = exports.nestjsCommonVersion = exports.typesReactDomVersion = exports.typesReactVersion = exports.reactDomVersion = exports.reactRefreshVersion = exports.reactVersion = exports.lessLoaderVersion = exports.rspackPluginReactRefreshVersion = exports.rspackPluginMinifyVersion = exports.rspackDevServerVersion = exports.rspackCoreVersion = exports.nxVersion = void 0;
+exports.nxVersion = require('../../package.json').version;
 exports.rspackCoreVersion = '1.0.5';
 exports.rspackDevServerVersion = '1.0.5';
 exports.rspackPluginMinifyVersion = '^0.7.5';

package/src/utils/with-web.js

@@ -20,6 +20,7 @@ function withWeb(opts = {}) {
         }
         return {
             ...config,
+            target: config.target ?? 'web',
             experiments: {
                 css: true,
             },
@@ -101,7 +102,27 @@ function withWeb(opts = {}) {
                 new core_1.rspack.EnvironmentPlugin({
                     NODE_ENV: isProd ? 'production' : 'development',
                 }),
+                new core_1.rspack.DefinePlugin(getClientEnvironment(isProd ? 'production' : undefined).stringified),
             ],
         };
     };
 }
+function getClientEnvironment(mode) {
+    // Grab NODE_ENV and NX_PUBLIC_* environment variables and prepare them to be
+    // injected into the application via DefinePlugin in webpack configuration.
+    const nxPublicKeyRegex = /^NX_PUBLIC_/i;
+    const raw = Object.keys(process.env)
+        .filter((key) => nxPublicKeyRegex.test(key))
+        .reduce((env, key) => {
+        env[key] = process.env[key];
+        return env;
+    }, {});
+    // Stringify all values so we can feed into webpack DefinePlugin
+    const stringified = {
+        'process.env': Object.keys(raw).reduce((env, key) => {
+            env[key] = JSON.stringify(raw[key]);
+            return env;
+        }, {}),
+    };
+    return { stringified };
+}