@nx/react 0.0.0-pr-29314-e664f92 → 0.0.0-pr-29286-735af1e

package/src/generators/application/lib/bundlers/add-rsbuild.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initRsbuild = initRsbuild;
+exports.setupRsbuildConfiguration = setupRsbuildConfiguration;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../../../utils/versions");
+const maybe_js_1 = require("../../../../utils/maybe-js");
+async function initRsbuild(tree, options, tasks) {
+    (0, devkit_1.ensurePackage)('@nx/rsbuild', versions_1.nxVersion);
+    const { initGenerator } = await Promise.resolve().then(() => require('@nx/rsbuild/generators'));
+    const initTask = await initGenerator(tree, {
+        skipPackageJson: options.skipPackageJson,
+        addPlugin: true,
+        skipFormat: true,
+    });
+    tasks.push(initTask);
+}
+async function setupRsbuildConfiguration(tree, options, tasks) {
+    (0, devkit_1.ensurePackage)('@nx/rsbuild', versions_1.nxVersion);
+    const { configurationGenerator } = await Promise.resolve().then(() => require('@nx/rsbuild/generators'));
+    const { addBuildPlugin, addCopyAssets, addHtmlTemplatePath, addExperimentalSwcPlugin, versions, } = await Promise.resolve().then(() => require('@nx/rsbuild/config-utils'));
+    const rsbuildTask = await configurationGenerator(tree, {
+        project: options.projectName,
+        entry: (0, maybe_js_1.maybeJs)({
+            js: options.js,
+            useJsx: true,
+        }, `./src/main.tsx`),
+        tsConfig: './tsconfig.app.json',
+        target: 'web',
+        devServerPort: options.devServerPort ?? 4200,
+    });
+    tasks.push(rsbuildTask);
+    const pathToConfigFile = (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'rsbuild.config.ts');
+    const deps = { '@rsbuild/plugin-react': versions.rsbuildPluginReactVersion };
+    addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-react', 'pluginReact', options.style === '@emotion/styled'
+        ? `swcReactOptions: {\n\timportSource: '@emotion/react',\n}`
+        : undefined);
+    if (options.style === 'scss') {
+        addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-sass', 'pluginSass');
+        deps['@rsbuild/plugin-sass'] = versions.rsbuildPluginSassVersion;
+    }
+    else if (options.style === 'less') {
+        addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-less', 'pluginLess');
+        deps['@rsbuild/plugin-less'] = versions.rsbuildPluginLessVersion;
+    }
+    else if (options.style === '@emotion/styled') {
+        deps['@swc/plugin-emotion'] = versions.rsbuildSwcPluginEmotionVersion;
+        addExperimentalSwcPlugin(tree, pathToConfigFile, '@swc/plugin-emotion');
+    }
+    else if (options.style === 'styled-jsx') {
+        deps['@swc/plugin-styled-jsx'] = versions.rsbuildSwcPluginStyledJsxVersion;
+        addExperimentalSwcPlugin(tree, pathToConfigFile, '@swc/plugin-styled-jsx');
+    }
+    else if (options.style === 'styled-components') {
+        deps['@rsbuild/plugin-styled-components'] =
+            versions.rsbuildPluginStyledComponentsVersion;
+        addBuildPlugin(tree, pathToConfigFile, '@rsbuild/plugin-styled-components', 'pluginStyledComponents');
+    }
+    addHtmlTemplatePath(tree, pathToConfigFile, './src/index.html');
+    addCopyAssets(tree, pathToConfigFile, './src/assets');
+    addCopyAssets(tree, pathToConfigFile, './src/favicon.ico');
+    tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, deps));
+}

package/src/generators/application/lib/bundlers/add-rspack.d.ts

@@ -0,0 +1,5 @@
+import { type Tree } from '@nx/devkit';
+import { NormalizedSchema, Schema } from '../../schema';
+export declare function initRspack(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;
+export declare function setupRspackConfiguration(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;
+export declare function handleStyledJsxForRspack(tasks: any[], tree: Tree, options: NormalizedSchema<Schema>): void;

package/src/generators/application/lib/bundlers/add-rspack.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initRspack = initRspack;
+exports.setupRspackConfiguration = setupRspackConfiguration;
+exports.handleStyledJsxForRspack = handleStyledJsxForRspack;
+const devkit_1 = require("@nx/devkit");
+const pc = require("picocolors");
+const versions_1 = require("../../../../utils/versions");
+const maybe_js_1 = require("../../../../utils/maybe-js");
+async function initRspack(tree, options, tasks) {
+    const { rspackInitGenerator } = (0, devkit_1.ensurePackage)('@nx/rspack', versions_1.nxVersion);
+    const rspackInitTask = await rspackInitGenerator(tree, {
+        ...options,
+        addPlugin: false,
+        skipFormat: true,
+    });
+    tasks.push(rspackInitTask);
+}
+async function setupRspackConfiguration(tree, options, tasks) {
+    const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/rspack', versions_1.nxVersion);
+    const rspackTask = await configurationGenerator(tree, {
+        project: options.projectName,
+        main: (0, devkit_1.joinPathFragments)(options.appProjectRoot, (0, maybe_js_1.maybeJs)({
+            js: options.js,
+            useJsx: true,
+        }, `src/main.tsx`)),
+        tsConfig: (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'),
+        target: 'web',
+        newProject: true,
+        framework: 'react',
+    });
+    tasks.push(rspackTask);
+}
+function handleStyledJsxForRspack(tasks, tree, options) {
+    devkit_1.logger.warn(`${pc.bold('styled-jsx')} is not supported by ${pc.bold('Rspack')}. We've added ${pc.bold('babel-loader')} to your project, but using babel will slow down your build.`);
+    tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {}, { 'babel-loader': versions_1.babelLoaderVersion }));
+    tree.write((0, devkit_1.joinPathFragments)(options.appProjectRoot, 'rspack.config.js'), (0, devkit_1.stripIndents) `
+        const { composePlugins, withNx, withReact } = require('@nx/rspack');
+        module.exports = composePlugins(withNx(), withReact(), (config) => {
+          config.module.rules.push({
+            test: /\\.[jt]sx$/i,
+            use: [
+              {
+                loader: 'babel-loader',
+                options: {
+                  presets: ['@babel/preset-typescript'],
+                  plugins: ['styled-jsx/babel'],
+                },
+              },
+            ],
+          });
+          return config;
+        });
+        `);
+}

package/src/generators/application/lib/bundlers/add-vite.d.ts

@@ -0,0 +1,4 @@
+import { type Tree } from '@nx/devkit';
+import { NormalizedSchema, Schema } from '../../schema';
+export declare function setupViteConfiguration(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;
+export declare function setupVitestConfiguration(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;

package/src/generators/application/lib/bundlers/add-vite.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupViteConfiguration = setupViteConfiguration;
+exports.setupVitestConfiguration = setupVitestConfiguration;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../../../utils/versions");
+async function setupViteConfiguration(tree, options, tasks) {
+    const { createOrEditViteConfig, viteConfigurationGenerator } = (0, devkit_1.ensurePackage)('@nx/vite', versions_1.nxVersion);
+    // We recommend users use `import.meta.env.MODE` and other variables in their code to differentiate between production and development.
+    // See: https://vitejs.dev/guide/env-and-mode.html
+    if (tree.exists((0, devkit_1.joinPathFragments)(options.appProjectRoot, 'src/environments'))) {
+        tree.delete((0, devkit_1.joinPathFragments)(options.appProjectRoot, 'src/environments'));
+    }
+    const viteTask = await viteConfigurationGenerator(tree, {
+        uiFramework: 'react',
+        project: options.projectName,
+        newProject: true,
+        includeVitest: options.unitTestRunner === 'vitest',
+        inSourceTests: options.inSourceTests,
+        compiler: options.compiler,
+        skipFormat: true,
+        addPlugin: options.addPlugin,
+        projectType: 'application',
+    });
+    tasks.push(viteTask);
+    createOrEditViteConfig(tree, {
+        project: options.projectName,
+        includeLib: false,
+        includeVitest: options.unitTestRunner === 'vitest',
+        inSourceTests: options.inSourceTests,
+        rollupOptionsExternal: ["'react'", "'react-dom'", "'react/jsx-runtime'"],
+        imports: [
+            options.compiler === 'swc'
+                ? `import react from '@vitejs/plugin-react-swc'`
+                : `import react from '@vitejs/plugin-react'`,
+        ],
+        plugins: ['react()'],
+    }, false);
+}
+async function setupVitestConfiguration(tree, options, tasks) {
+    const { createOrEditViteConfig, vitestGenerator } = (0, devkit_1.ensurePackage)('@nx/vite', versions_1.nxVersion);
+    const vitestTask = await vitestGenerator(tree, {
+        uiFramework: 'react',
+        coverageProvider: 'v8',
+        project: options.projectName,
+        inSourceTests: options.inSourceTests,
+        skipFormat: true,
+        addPlugin: options.addPlugin,
+    });
+    tasks.push(vitestTask);
+    createOrEditViteConfig(tree, {
+        project: options.projectName,
+        includeLib: false,
+        includeVitest: true,
+        inSourceTests: options.inSourceTests,
+        rollupOptionsExternal: ["'react'", "'react-dom'", "'react/jsx-runtime'"],
+        imports: [
+            options.compiler === 'swc'
+                ? `import react from '@vitejs/plugin-react-swc'`
+                : `import react from '@vitejs/plugin-react'`,
+        ],
+        plugins: ['react()'],
+    }, true);
+    if (options.bundler === 'rsbuild') {
+        tree.rename((0, devkit_1.joinPathFragments)(options.appProjectRoot, 'vite.config.ts'), (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'vitest.config.ts'));
+    }
+}

package/src/generators/application/lib/bundlers/add-webpack.d.ts

@@ -0,0 +1,3 @@
+import { type Tree } from '@nx/devkit';
+import { Schema, NormalizedSchema } from '../../schema';
+export declare function initWebpack(tree: Tree, options: NormalizedSchema<Schema>, tasks: any[]): Promise<void>;

package/src/generators/application/lib/bundlers/add-webpack.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initWebpack = initWebpack;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../../../utils/versions");
+async function initWebpack(tree, options, tasks) {
+    const { webpackInitGenerator } = (0, devkit_1.ensurePackage)('@nx/webpack', versions_1.nxVersion);
+    const webpackInitTask = await webpackInitGenerator(tree, {
+        skipPackageJson: options.skipPackageJson,
+        skipFormat: true,
+        addPlugin: options.addPlugin,
+    });
+    tasks.push(webpackInitTask);
+    if (!options.skipPackageJson) {
+        const { ensureDependencies } = await Promise.resolve().then(() => require('@nx/webpack/src/utils/ensure-dependencies'));
+        tasks.push(ensureDependencies(tree, { uiFramework: 'react' }));
+    }
+}

package/src/generators/application/lib/create-application-files.js

@@ -124,6 +124,11 @@ async function createApplicationFiles(host, options) {
                 : null,
         });
     }
+    else if (options.bundler === 'rsbuild') {
+        (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, '../files/base-rsbuild'), options.appProjectRoot, {
+            ...templateVariables,
+        });
+    }
     if (options.unitTestRunner === 'none' ||
         (options.unitTestRunner === 'vitest' && options.inSourceTests == true)) {
         host.delete(`${options.appProjectRoot}/src/app/${options.fileName}.spec.tsx`);

package/src/generators/application/lib/install-common-dependencies.d.ts

@@ -1,3 +1,3 @@
 import { Tree } from '@nx/devkit';
 import { NormalizedSchema } from '../schema';
-export declare function installCommonDependencies(host: Tree, options: NormalizedSchema): import("@nx/devkit").GeneratorCallback;
+export declare function installCommonDependencies(host: Tree, options: NormalizedSchema): Promise<import("@nx/devkit").GeneratorCallback>;

package/src/generators/application/lib/install-common-dependencies.js

@@ -3,15 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.installCommonDependencies = installCommonDependencies;
 const devkit_1 = require("@nx/devkit");
 const versions_1 = require("../../../utils/versions");
-function installCommonDependencies(host, options) {
+const version_utils_1 = require("../../../utils/version-utils");
+async function installCommonDependencies(host, options) {
     if (options.skipPackageJson) {
         return () => { };
     }
+    const reactDeps = await (0, version_utils_1.getReactDependenciesVersionsToInstall)(host);
     const dependencies = {};
     const devDependencies = {
         '@types/node': versions_1.typesNodeVersion,
-        '@types/react': versions_1.typesReactVersion,
-        '@types/react-dom': versions_1.typesReactDomVersion,
+        '@types/react': reactDeps['@types/react'],
+        '@types/react-dom': reactDeps['@types/react-dom'],
     };
     if (options.bundler !== 'vite') {
         dependencies['tslib'] = versions_1.tsLibVersion;
@@ -41,6 +43,7 @@ function installCommonDependencies(host, options) {
     }
     if (options.unitTestRunner && options.unitTestRunner !== 'none') {
         devDependencies['@testing-library/react'] = versions_1.testingLibraryReactVersion;
+        devDependencies['@testing-library/dom'] = versions_1.testingLibraryDomVersion;
     }
     return (0, devkit_1.addDependenciesToPackageJson)(host, {}, devDependencies);
 }

package/src/generators/application/schema.d.ts

@@ -23,7 +23,7 @@ export interface Schema {
   devServerPort?: number;
   skipPackageJson?: boolean;
   rootProject?: boolean;
-  bundler?: 'webpack' | 'vite' | 'rspack';
+  bundler?: 'webpack' | 'vite' | 'rspack' | 'rsbuild';
   minimal?: boolean;
   // Internal options
   addPlugin?: boolean;

package/src/generators/application/schema.json

@@ -101,7 +101,7 @@
     "bundler": {
       "description": "The bundler to use.",
       "type": "string",
-      "enum": ["vite", "webpack", "rspack"],
+      "enum": ["vite", "webpack", "rspack", "rsbuild"],
       "x-prompt": "Which bundler do you want to use to build the application?",
       "default": "vite",
       "x-priority": "important"

package/src/generators/component/files/__fileName__.__ext__

@@ -6,7 +6,7 @@ import { Route, Link } from 'react-router-dom';
 <%_ } _%>
 
 <%_ if (hasStyles) {
-   if (styledModule && styledModule !== 'styled-jsx') {
+   if (styledModule && styledModule !== 'styled-jsx' && styledModule !== 'tailwind') {
     var wrapper = 'Styled' + className;
     var extras = '';
   _%>
@@ -15,14 +15,14 @@ import styled from '<%= styledModule %>';
     var wrapper = 'div';
     var extras = globalCss || styledModule === 'styled-jsx' ? '' : " className={styles['container']}";
   _%>
-<%- style !== 'styled-jsx' ? globalCss ? `import './${fileName}.${style}';` : `import styles from './${fileName}.module.${style}';`: '' %>
+<%- style !== 'styled-jsx' && style!== 'tailwind' ? globalCss ? `import './${fileName}.${style}';` : `import styles from './${fileName}.module.${style}';`: '' %>
   <%_ }
 } else {
     var wrapper = 'div';
     var extras = '';
 } _%>
 
-<%_ if (styledModule && styledModule !== 'styled-jsx') { _%>
+<%_ if (styledModule && styledModule !== 'styled-jsx' && styledModule !== 'tailwind') { _%>
 const Styled<%= className %> = styled.div`
   color: pink;
 `;

package/src/generators/component/schema.json

@@ -41,6 +41,10 @@
             "value": "less",
             "label": "LESS              [ https://lesscss.org            ]"
           },
+          {
+            "value": "tailwind",
+            "label": "tailwind          [ https://tailwindcss.com/       ]"
+          },
           {
             "value": "styled-components",
             "label": "styled-components [ https://styled-components.com ]"

package/src/generators/host/host.js

@@ -107,6 +107,7 @@ async function hostGenerator(host, schema) {
     (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(host);
     const installTask = (0, devkit_1.addDependenciesToPackageJson)(host, { '@module-federation/enhanced': versions_1.moduleFederationEnhancedVersion }, {
         '@nx/web': versions_1.nxVersion,
+        '@nx/module-federation': versions_1.nxVersion,
     });
     tasks.push(installTask);
     if (!options.skipFormat) {

package/src/generators/init/init.d.ts

@@ -1,4 +1,4 @@
 import { type GeneratorCallback, type Tree } from '@nx/devkit';
 import { InitSchema } from './schema';
-export declare function reactInitGenerator(host: Tree, schema: InitSchema): Promise<GeneratorCallback>;
+export declare function reactInitGenerator(tree: Tree, schema: InitSchema): Promise<GeneratorCallback>;
 export default reactInitGenerator;

package/src/generators/init/init.js

@@ -3,19 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactInitGenerator = reactInitGenerator;
 const devkit_1 = require("@nx/devkit");
 const versions_1 = require("../../utils/versions");
-async function reactInitGenerator(host, schema) {
+const version_utils_1 = require("../../utils/version-utils");
+async function reactInitGenerator(tree, schema) {
     const tasks = [];
     if (!schema.skipPackageJson) {
-        tasks.push((0, devkit_1.removeDependenciesFromPackageJson)(host, ['@nx/react'], []));
-        tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, {
-            react: versions_1.reactVersion,
-            'react-dom': versions_1.reactDomVersion,
+        tasks.push((0, devkit_1.removeDependenciesFromPackageJson)(tree, ['@nx/react'], []));
+        const reactDeps = await (0, version_utils_1.getReactDependenciesVersionsToInstall)(tree);
+        tasks.push((0, devkit_1.addDependenciesToPackageJson)(tree, {
+            react: reactDeps.react,
+            'react-dom': reactDeps['react-dom'],
         }, {
             '@nx/react': versions_1.nxVersion,
         }, undefined, schema.keepExistingVersions));
     }
     if (!schema.skipFormat) {
-        await (0, devkit_1.formatFiles)(host);
+        await (0, devkit_1.formatFiles)(tree);
     }
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }

package/src/generators/library/library.js

@@ -21,7 +21,6 @@ const create_ts_config_1 = require("../../utils/create-ts-config");
 const install_common_dependencies_1 = require("./lib/install-common-dependencies");
 const set_defaults_1 = require("./lib/set-defaults");
 const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
-const plugin_1 = require("@nx/js/src/utils/typescript/plugin");
 async function libraryGenerator(host, schema) {
     return await libraryGeneratorInternal(host, {
         addPlugin: false,
@@ -117,11 +116,6 @@ async function libraryGeneratorInternal(host, schema) {
         const rollupTask = await (0, add_rollup_build_target_1.addRollupBuildTarget)(host, options);
         tasks.push(rollupTask);
     }
-    else if (options.bundler === 'none' && options.addPlugin) {
-        const nxJson = (0, devkit_1.readNxJson)(host);
-        (0, plugin_1.ensureProjectIsExcludedFromPluginRegistrations)(nxJson, options.projectRoot);
-        (0, devkit_1.updateNxJson)(host, nxJson);
-    }
     // Set up test target
     if (options.unitTestRunner === 'jest') {
         const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/jest', versions_1.nxVersion);
@@ -217,12 +211,15 @@ async function libraryGeneratorInternal(host, schema) {
     }, options.linter === 'eslint'
         ? ['eslint.config.js', 'eslint.config.cjs', 'eslint.config.mjs']
         : undefined);
+    if (options.isUsingTsSolutionConfig) {
+        (0, ts_solution_setup_1.addProjectToTsSolutionWorkspace)(host, options.projectRoot);
+    }
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(host);
     }
     // Always run install to link packages.
     if (options.isUsingTsSolutionConfig) {
-        tasks.push(() => (0, devkit_1.installPackagesTask)(host));
+        tasks.push(() => (0, devkit_1.installPackagesTask)(host, true));
     }
     tasks.push(() => {
         (0, log_show_project_command_1.logShowProjectCommand)(options.name);

package/src/generators/library/schema.json

@@ -52,6 +52,10 @@
             "value": "less",
             "label": "LESS              [ https://lesscss.org            ]"
           },
+          {
+            "value": "tailwind",
+            "label": "tailwind          [ https://tailwindcss.com/       ]"
+          },
           {
             "value": "styled-components",
             "label": "styled-components [ https://styled-components.com ]"

package/src/generators/remote/remote.js

@@ -126,6 +126,7 @@ async function remoteGenerator(host, schema) {
     const installTask = (0, devkit_1.addDependenciesToPackageJson)(host, {}, {
         '@module-federation/enhanced': versions_1.moduleFederationEnhancedVersion,
         '@nx/web': versions_1.nxVersion,
+        '@nx/module-federation': versions_1.nxVersion,
     });
     tasks.push(installTask);
     if (!options.skipFormat) {

package/src/migrations/update-20-2-0/migrate-with-mf-import-to-new-package.js

@@ -4,6 +4,7 @@ exports.default = migrateWithMfImport;
 const devkit_1 = require("@nx/devkit");
 const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
 const tsquery_1 = require("@phenomnomnominal/tsquery");
+const versions_1 = require("../../utils/versions");
 const NX_RSPACK_MODULE_FEDERATION_IMPORT_SELECTOR = 'ImportDeclaration > StringLiteral[value=@nx/react/module-federation], VariableStatement CallExpression:has(Identifier[name=require]) > StringLiteral[value=@nx/react/module-federation]';
 const NEW_IMPORT_PATH = `'@nx/module-federation/webpack'`;
 async function migrateWithMfImport(tree) {
@@ -31,5 +32,10 @@ async function migrateWithMfImport(tree) {
             tree.write(filePath, contents);
         });
     }
+    if (projects.size !== 0) {
+        (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
+            '@nx/module-federation': versions_1.nxVersion,
+        });
+    }
     await (0, devkit_1.formatFiles)(tree);
 }

package/src/migrations/update-20-3-0/ensure-nx-module-federation-package.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export default function ensureMfPackage(tree: Tree): Promise<void>;

package/src/migrations/update-20-3-0/ensure-nx-module-federation-package.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ensureMfPackage;
+const devkit_1 = require("@nx/devkit");
+const executor_options_utils_1 = require("@nx/devkit/src/generators/executor-options-utils");
+const versions_1 = require("../../utils/versions");
+async function ensureMfPackage(tree) {
+    const projects = new Set();
+    (0, executor_options_utils_1.forEachExecutorOptions)(tree, '@nx/react:module-federation-dev-server', (options, project, target) => {
+        const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, project);
+        projects.add(projectConfig.root);
+    });
+    if (projects.size !== 0) {
+        (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
+            '@nx/module-federation': versions_1.nxVersion,
+        });
+    }
+}

package/src/utils/has-rsbuild-plugin.d.ts

@@ -0,0 +1,2 @@
+import { Tree } from '@nx/devkit';
+export declare function hasRsbuildPlugin(tree: Tree, projectPath?: string): Promise<boolean>;

package/src/utils/has-rsbuild-plugin.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasRsbuildPlugin = hasRsbuildPlugin;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("./versions");
+async function hasRsbuildPlugin(tree, projectPath) {
+    (0, devkit_1.ensurePackage)('@nx/rsbuild', versions_1.nxVersion);
+    const { hasRsbuildPlugin } = await Promise.resolve().then(() => require('@nx/rsbuild/config-utils'));
+    return hasRsbuildPlugin(tree, projectPath);
+}

package/src/utils/version-utils.d.ts

@@ -0,0 +1,14 @@
+import { type Tree } from '@nx/devkit';
+type ReactDependenciesVersions = {
+    react: string;
+    'react-dom': string;
+    'react-is': string;
+    '@types/react': string;
+    '@types/react-dom': string;
+    '@types/react-is': string;
+};
+export declare function getReactDependenciesVersionsToInstall(tree: Tree): Promise<ReactDependenciesVersions>;
+export declare function isReact18(tree: Tree): Promise<boolean>;
+export declare function getInstalledReactVersion(tree: Tree): string;
+export declare function getInstalledReactVersionFromGraph(): Promise<string>;
+export {};

package/src/utils/version-utils.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getReactDependenciesVersionsToInstall = getReactDependenciesVersionsToInstall;
+exports.isReact18 = isReact18;
+exports.getInstalledReactVersion = getInstalledReactVersion;
+exports.getInstalledReactVersionFromGraph = getInstalledReactVersionFromGraph;
+const devkit_1 = require("@nx/devkit");
+const semver_1 = require("semver");
+const versions_1 = require("./versions");
+async function getReactDependenciesVersionsToInstall(tree) {
+    if (await isReact18(tree)) {
+        return {
+            react: versions_1.reactV18Version,
+            'react-dom': versions_1.reactDomV18Version,
+            'react-is': versions_1.reactIsV18Version,
+            '@types/react': versions_1.typesReactV18Version,
+            '@types/react-dom': versions_1.typesReactDomV18Version,
+            '@types/react-is': versions_1.typesReactIsV18Version,
+        };
+    }
+    else {
+        return {
+            react: versions_1.reactVersion,
+            'react-dom': versions_1.reactDomVersion,
+            'react-is': versions_1.reactIsVersion,
+            '@types/react': versions_1.typesReactVersion,
+            '@types/react-dom': versions_1.typesReactDomVersion,
+            '@types/react-is': versions_1.typesReactIsVersion,
+        };
+    }
+}
+async function isReact18(tree) {
+    let installedReactVersion = await getInstalledReactVersionFromGraph();
+    if (!installedReactVersion) {
+        installedReactVersion = getInstalledReactVersion(tree);
+    }
+    return (0, semver_1.major)(installedReactVersion) === 18;
+}
+function getInstalledReactVersion(tree) {
+    const pkgJson = (0, devkit_1.readJson)(tree, 'package.json');
+    const installedReactVersion = pkgJson.dependencies && pkgJson.dependencies['react'];
+    if (!installedReactVersion ||
+        installedReactVersion === 'latest' ||
+        installedReactVersion === 'next') {
+        return (0, semver_1.clean)(versions_1.reactVersion) ?? (0, semver_1.coerce)(versions_1.reactVersion).version;
+    }
+    return (0, semver_1.clean)(installedReactVersion) ?? (0, semver_1.coerce)(installedReactVersion).version;
+}
+async function getInstalledReactVersionFromGraph() {
+    const graph = await (0, devkit_1.createProjectGraphAsync)();
+    const reactDep = graph.externalNodes?.['npm:react'];
+    if (!reactDep) {
+        return undefined;
+    }
+    return (0, semver_1.clean)(reactDep.data.version) ?? (0, semver_1.coerce)(reactDep.data.version).version;
+}

package/src/utils/versions.d.ts

@@ -1,12 +1,18 @@
 export declare const nxVersion: any;
-export declare const reactVersion = "18.3.1";
-export declare const reactDomVersion = "18.3.1";
-export declare const reactIsVersion = "18.3.1";
+export declare const reactVersion = "19.0.0";
+export declare const reactV18Version = "18.3.1";
+export declare const reactDomVersion = "19.0.0";
+export declare const reactDomV18Version = "18.3.1";
+export declare const reactIsVersion = "19.0.0";
+export declare const reactIsV18Version = "18.3.1";
 export declare const swcLoaderVersion = "0.1.15";
 export declare const babelLoaderVersion = "^9.1.2";
-export declare const typesReactVersion = "18.3.1";
-export declare const typesReactDomVersion = "18.3.0";
-export declare const typesReactIsVersion = "18.3.0";
+export declare const typesReactV18Version = "18.3.1";
+export declare const typesReactVersion = "19.0.0";
+export declare const typesReactDomV18Version = "18.3.0";
+export declare const typesReactDomVersion = "19.0.0";
+export declare const typesReactIsV18Version = "18.3.0";
+export declare const typesReactIsVersion = "19.0.0";
 export declare const reactViteVersion = "^4.2.0";
 export declare const typesNodeVersion = "18.16.9";
 export declare const babelPresetReactVersion = "^7.14.5";
@@ -18,7 +24,8 @@ export declare const emotionReactVersion = "11.11.1";
 export declare const emotionBabelPlugin = "11.11.0";
 export declare const styledJsxVersion = "5.1.2";
 export declare const reactRouterDomVersion = "6.11.2";
-export declare const testingLibraryReactVersion = "15.0.6";
+export declare const testingLibraryReactVersion = "16.1.0";
+export declare const testingLibraryDomVersion = "10.4.0";
 export declare const reduxjsToolkitVersion = "1.9.3";
 export declare const reactReduxVersion = "8.0.5";
 export declare const eslintPluginImportVersion = "2.31.0";