@nx/react 0.0.0-pr-29286-735af1e → 0.0.0-pr-29636-e3c31b7

package/migrations.json

@@ -47,6 +47,12 @@
       "version": "20.3.0-beta.2",
       "description": "If workspace includes Module Federation projects, ensure the new @nx/module-federation package is installed.",
       "factory": "./src/migrations/update-20-3-0/ensure-nx-module-federation-package"
+    },
+    "add-mf-env-var-to-target-defaults": {
+      "cli": "nx",
+      "version": "20.4.0-beta.0",
+      "description": "Add NX_MF_DEV_REMOTES to inputs for task hashing when '@nx/webpack:webpack' or '@nx/rspack:rspack' is used for Module Federation.",
+      "factory": "./src/migrations/update-18-0-0/add-mf-env-var-to-target-defaults"
     }
   },
   "packageJsonUpdates": {
@@ -191,15 +197,6 @@
           "alwaysAddToPackageJson": false
         }
       }
-    },
-    "20.3.0": {
-      "version": "20.3.0-beta.0",
-      "packages": {
-        "@testing-library/react": {
-          "version": "16.1.0",
-          "alwaysAddToPackageJson": false
-        }
-      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "0.0.0-pr-29286-735af1e",
+  "version": "0.0.0-pr-29636-e3c31b7",
   "private": false,
   "description": "The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides:\n\n\n- Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook.\n\n- Generators for applications, libraries, components, hooks, and more.\n\n- Library build support for publishing packages to npm or other registries.\n\n- Utilities for automatic workspace refactoring.",
   "repository": {
@@ -38,14 +38,13 @@
     "minimatch": "9.0.3",
     "picocolors": "^1.1.0",
     "tslib": "^2.3.0",
-    "@nx/devkit": "0.0.0-pr-29286-735af1e",
-    "@nx/js": "0.0.0-pr-29286-735af1e",
-    "@nx/eslint": "0.0.0-pr-29286-735af1e",
-    "@nx/web": "0.0.0-pr-29286-735af1e",
-    "@nx/module-federation": "0.0.0-pr-29286-735af1e",
+    "@nx/devkit": "0.0.0-pr-29636-e3c31b7",
+    "@nx/js": "0.0.0-pr-29636-e3c31b7",
+    "@nx/eslint": "0.0.0-pr-29636-e3c31b7",
+    "@nx/web": "0.0.0-pr-29636-e3c31b7",
+    "@nx/module-federation": "0.0.0-pr-29636-e3c31b7",
     "express": "^4.19.2",
-    "http-proxy-middleware": "^3.0.3",
-    "semver": "^7.6.3"
+    "http-proxy-middleware": "^3.0.3"
   },
   "publishConfig": {
     "access": "public"

package/src/generators/application/application.js

@@ -108,7 +108,7 @@ async function applicationGeneratorInternal(tree, schema) {
     }
     // Handle tsconfig.spec.json for jest or vitest
     (0, update_jest_config_1.updateSpecConfig)(tree, options);
-    const stylePreprocessorTask = await (0, install_common_dependencies_1.installCommonDependencies)(tree, options);
+    const stylePreprocessorTask = (0, install_common_dependencies_1.installCommonDependencies)(tree, options);
     tasks.push(stylePreprocessorTask);
     const styledTask = (0, add_styled_dependencies_1.addStyledModuleDependencies)(tree, options);
     tasks.push(styledTask);

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): Promise<import("@nx/devkit").GeneratorCallback>;
+export declare function installCommonDependencies(host: Tree, options: NormalizedSchema): import("@nx/devkit").GeneratorCallback;

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

@@ -3,17 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.installCommonDependencies = installCommonDependencies;
 const devkit_1 = require("@nx/devkit");
 const versions_1 = require("../../../utils/versions");
-const version_utils_1 = require("../../../utils/version-utils");
-async function installCommonDependencies(host, options) {
+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': reactDeps['@types/react'],
-        '@types/react-dom': reactDeps['@types/react-dom'],
+        '@types/react': versions_1.typesReactVersion,
+        '@types/react-dom': versions_1.typesReactDomVersion,
     };
     if (options.bundler !== 'vite') {
         dependencies['tslib'] = versions_1.tsLibVersion;
@@ -43,7 +41,6 @@ async 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/host/host.js

@@ -104,7 +104,7 @@ async function hostGenerator(host, schema) {
     if (!options.setParserOptionsProject) {
         host.delete((0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.lint.json'));
     }
-    (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(host);
+    (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(host, options.bundler);
     const installTask = (0, devkit_1.addDependenciesToPackageJson)(host, { '@module-federation/enhanced': versions_1.moduleFederationEnhancedVersion }, {
         '@nx/web': versions_1.nxVersion,
         '@nx/module-federation': versions_1.nxVersion,

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(tree: Tree, schema: InitSchema): Promise<GeneratorCallback>;
+export declare function reactInitGenerator(host: Tree, schema: InitSchema): Promise<GeneratorCallback>;
 export default reactInitGenerator;

package/src/generators/init/init.js

@@ -3,21 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactInitGenerator = reactInitGenerator;
 const devkit_1 = require("@nx/devkit");
 const versions_1 = require("../../utils/versions");
-const version_utils_1 = require("../../utils/version-utils");
-async function reactInitGenerator(tree, schema) {
+async function reactInitGenerator(host, schema) {
     const tasks = [];
     if (!schema.skipPackageJson) {
-        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'],
+        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,
         }, {
             '@nx/react': versions_1.nxVersion,
         }, undefined, schema.keepExistingVersions));
     }
     if (!schema.skipFormat) {
-        await (0, devkit_1.formatFiles)(tree);
+        await (0, devkit_1.formatFiles)(host);
     }
     return (0, devkit_1.runTasksInSerial)(...tasks);
 }

package/src/generators/library/lib/determine-entry-fields.d.ts

@@ -0,0 +1,3 @@
+import type { PackageJson } from 'nx/src/utils/package-json';
+import type { NormalizedSchema } from '../schema';
+export declare function determineEntryFields(options: NormalizedSchema): Pick<PackageJson, 'main' | 'types' | 'exports'>;

package/src/generators/library/lib/determine-entry-fields.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.determineEntryFields = determineEntryFields;
+function determineEntryFields(options) {
+    if (options.bundler !== 'none') {
+        return {};
+    }
+    return {
+        main: options.js ? './src/index.js' : './src/index.ts',
+        types: options.js ? './src/index.js' : './src/index.ts',
+        exports: {
+            '.': options.js
+                ? './src/index.js'
+                : {
+                    types: './src/index.ts',
+                    import: './src/index.ts',
+                    default: './src/index.ts',
+                },
+            './package.json': './package.json',
+        },
+    };
+}

package/src/generators/library/library.js

@@ -21,6 +21,7 @@ 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 determine_entry_fields_1 = require("./lib/determine-entry-fields");
 async function libraryGenerator(host, schema) {
     return await libraryGeneratorInternal(host, {
         addPlugin: false,
@@ -47,16 +48,10 @@ async function libraryGeneratorInternal(host, schema) {
     });
     tasks.push(initTask);
     if (options.isUsingTsSolutionConfig) {
-        const sourceEntry = options.bundler === 'none'
-            ? options.js
-                ? './src/index.js'
-                : './src/index.ts'
-            : undefined;
         (0, devkit_1.writeJson)(host, `${options.projectRoot}/package.json`, {
             name: options.importPath,
             version: '0.0.1',
-            main: sourceEntry,
-            types: sourceEntry,
+            ...(0, determine_entry_fields_1.determineEntryFields)(options),
             nx: {
                 name: options.importPath === options.name ? undefined : options.name,
                 projectType: 'library',

package/src/generators/remote/remote.js

@@ -122,7 +122,7 @@ async function remoteGenerator(host, schema) {
         const pathToMFManifest = (0, devkit_1.joinPathFragments)(hostConfig.sourceRoot, 'assets/module-federation.manifest.json');
         (0, add_remote_to_dynamic_host_1.addRemoteToDynamicHost)(host, options.projectName, options.devServerPort, pathToMFManifest);
     }
-    (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(host);
+    (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(host, options.bundler);
     const installTask = (0, devkit_1.addDependenciesToPackageJson)(host, {}, {
         '@module-federation/enhanced': versions_1.moduleFederationEnhancedVersion,
         '@nx/web': versions_1.nxVersion,

package/src/migrations/update-18-0-0/add-mf-env-var-to-target-defaults.js

@@ -4,10 +4,11 @@ exports.default = default_1;
 const devkit_1 = require("@nx/devkit");
 const add_mf_env_to_inputs_1 = require("../../utils/add-mf-env-to-inputs");
 async function default_1(tree) {
-    if (!hasModuleFederationProject(tree)) {
+    const bundler = hasModuleFederationProject(tree);
+    if (!bundler) {
         return;
     }
-    (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(tree);
+    (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(tree, bundler);
     await (0, devkit_1.formatFiles)(tree);
 }
 function hasModuleFederationProject(tree) {
@@ -15,10 +16,14 @@ function hasModuleFederationProject(tree) {
     for (const project of projects.values()) {
         const targets = project.targets || {};
         for (const [_, target] of Object.entries(targets)) {
-            if (target.executor === '@nx/webpack:webpack' &&
-                (tree.exists((0, devkit_1.joinPathFragments)(project.root, 'module-federation.config.ts')) ||
-                    tree.exists((0, devkit_1.joinPathFragments)(project.root, 'module-federation.config.js')))) {
-                return true;
+            if (tree.exists((0, devkit_1.joinPathFragments)(project.root, 'module-federation.config.ts')) ||
+                tree.exists((0, devkit_1.joinPathFragments)(project.root, 'module-federation.config.js'))) {
+                if (target.executor === '@nx/webpack:webpack') {
+                    return 'webpack';
+                }
+                else if (target.executor === '@nx/rspack:rspack') {
+                    return 'rspack';
+                }
             }
         }
     }

package/src/utils/add-mf-env-to-inputs.d.ts

@@ -1,2 +1,2 @@
 import { type Tree } from '@nx/devkit';
-export declare function addMfEnvToTargetDefaultInputs(tree: Tree): void;
+export declare function addMfEnvToTargetDefaultInputs(tree: Tree, bundler: 'rspack' | 'webpack'): void;

package/src/utils/add-mf-env-to-inputs.js

@@ -2,27 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addMfEnvToTargetDefaultInputs = addMfEnvToTargetDefaultInputs;
 const devkit_1 = require("@nx/devkit");
-function addMfEnvToTargetDefaultInputs(tree) {
+function addMfEnvToTargetDefaultInputs(tree, bundler) {
     const nxJson = (0, devkit_1.readNxJson)(tree);
-    const webpackExecutor = '@nx/webpack:webpack';
+    const executor = bundler === 'rspack' ? '@nx/rspack:rspack' : '@nx/webpack:webpack';
     const mfEnvVar = 'NX_MF_DEV_REMOTES';
     nxJson.targetDefaults ??= {};
-    nxJson.targetDefaults[webpackExecutor] ??= {};
-    nxJson.targetDefaults[webpackExecutor].inputs ??= [
-        'production',
-        '^production',
-    ];
-    nxJson.targetDefaults[webpackExecutor].dependsOn ??= ['^build'];
+    nxJson.targetDefaults[executor] ??= {};
+    nxJson.targetDefaults[executor].inputs ??= ['production', '^production'];
+    nxJson.targetDefaults[executor].dependsOn ??= ['^build'];
     let mfEnvVarExists = false;
-    for (const input of nxJson.targetDefaults[webpackExecutor].inputs) {
+    for (const input of nxJson.targetDefaults[executor].inputs) {
         if (typeof input === 'object' && input['env'] === mfEnvVar) {
             mfEnvVarExists = true;
             break;
         }
     }
     if (!mfEnvVarExists) {
-        nxJson.targetDefaults[webpackExecutor].inputs.push({ env: mfEnvVar });
+        nxJson.targetDefaults[executor].inputs.push({ env: mfEnvVar });
     }
-    nxJson.targetDefaults[webpackExecutor].cache = true;
+    nxJson.targetDefaults[executor].cache = true;
     (0, devkit_1.updateNxJson)(tree, nxJson);
 }

package/src/utils/versions.d.ts

@@ -1,18 +1,12 @@
 export declare const nxVersion: any;
-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 reactVersion = "18.3.1";
+export declare const reactDomVersion = "18.3.1";
+export declare const reactIsVersion = "18.3.1";
 export declare const swcLoaderVersion = "0.1.15";
 export declare const babelLoaderVersion = "^9.1.2";
-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 typesReactVersion = "18.3.1";
+export declare const typesReactDomVersion = "18.3.0";
+export declare const typesReactIsVersion = "18.3.0";
 export declare const reactViteVersion = "^4.2.0";
 export declare const typesNodeVersion = "18.16.9";
 export declare const babelPresetReactVersion = "^7.14.5";
@@ -24,8 +18,7 @@ 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 = "16.1.0";
-export declare const testingLibraryDomVersion = "10.4.0";
+export declare const testingLibraryReactVersion = "15.0.6";
 export declare const reduxjsToolkitVersion = "1.9.3";
 export declare const reactReduxVersion = "8.0.5";
 export declare const eslintPluginImportVersion = "2.31.0";
@@ -42,8 +35,8 @@ export declare const typesExpressVersion = "4.17.17";
 export declare const isbotVersion = "^3.6.5";
 export declare const corsVersion = "~2.8.5";
 export declare const typesCorsVersion = "~2.8.12";
-export declare const moduleFederationNodeVersion = "~2.6.11";
-export declare const moduleFederationEnhancedVersion = "0.7.6";
+export declare const moduleFederationNodeVersion = "^2.6.21";
+export declare const moduleFederationEnhancedVersion = "^0.8.8";
 export declare const lessVersion = "3.12.2";
 export declare const sassVersion = "^1.55.0";
 export declare const rollupPluginUrlVersion = "^8.0.2";

package/src/utils/versions.js

@@ -1,22 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.svgrRollupVersion = exports.rollupPluginUrlVersion = exports.sassVersion = exports.lessVersion = exports.moduleFederationEnhancedVersion = exports.moduleFederationNodeVersion = exports.typesCorsVersion = exports.corsVersion = exports.isbotVersion = exports.typesExpressVersion = exports.expressVersion = exports.autoprefixerVersion = exports.tailwindcssVersion = exports.postcssVersion = exports.tsLibVersion = exports.babelPluginStyledComponentsVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryDomVersion = exports.testingLibraryReactVersion = exports.reactRouterDomVersion = exports.styledJsxVersion = exports.emotionBabelPlugin = exports.emotionReactVersion = exports.emotionStyledVersion = exports.typesStyledComponentsVersion = exports.styledComponentsVersion = exports.babelCoreVersion = exports.babelPresetReactVersion = exports.typesNodeVersion = exports.reactViteVersion = exports.typesReactIsVersion = exports.typesReactIsV18Version = exports.typesReactDomVersion = exports.typesReactDomV18Version = exports.typesReactVersion = exports.typesReactV18Version = exports.babelLoaderVersion = exports.swcLoaderVersion = exports.reactIsV18Version = exports.reactIsVersion = exports.reactDomV18Version = exports.reactDomVersion = exports.reactV18Version = exports.reactVersion = exports.nxVersion = void 0;
-exports.swcPluginStyledComponentsVersion = exports.swcPluginEmotionVersion = exports.swcPluginStyledJsxVersion = void 0;
+exports.swcPluginStyledComponentsVersion = exports.swcPluginEmotionVersion = exports.swcPluginStyledJsxVersion = exports.svgrRollupVersion = exports.rollupPluginUrlVersion = exports.sassVersion = exports.lessVersion = exports.moduleFederationEnhancedVersion = exports.moduleFederationNodeVersion = exports.typesCorsVersion = exports.corsVersion = exports.isbotVersion = exports.typesExpressVersion = exports.expressVersion = exports.autoprefixerVersion = exports.tailwindcssVersion = exports.postcssVersion = exports.tsLibVersion = exports.babelPluginStyledComponentsVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryReactVersion = exports.reactRouterDomVersion = exports.styledJsxVersion = exports.emotionBabelPlugin = exports.emotionReactVersion = exports.emotionStyledVersion = exports.typesStyledComponentsVersion = exports.styledComponentsVersion = exports.babelCoreVersion = exports.babelPresetReactVersion = exports.typesNodeVersion = exports.reactViteVersion = exports.typesReactIsVersion = exports.typesReactDomVersion = exports.typesReactVersion = exports.babelLoaderVersion = exports.swcLoaderVersion = exports.reactIsVersion = exports.reactDomVersion = exports.reactVersion = exports.nxVersion = void 0;
 exports.nxVersion = require('../../package.json').version;
-exports.reactVersion = '19.0.0';
-exports.reactV18Version = '18.3.1';
-exports.reactDomVersion = '19.0.0';
-exports.reactDomV18Version = '18.3.1';
-exports.reactIsVersion = '19.0.0';
-exports.reactIsV18Version = '18.3.1';
+exports.reactVersion = '18.3.1';
+exports.reactDomVersion = '18.3.1';
+exports.reactIsVersion = '18.3.1';
 exports.swcLoaderVersion = '0.1.15';
 exports.babelLoaderVersion = '^9.1.2';
-exports.typesReactV18Version = '18.3.1';
-exports.typesReactVersion = '19.0.0';
-exports.typesReactDomV18Version = '18.3.0';
-exports.typesReactDomVersion = '19.0.0';
-exports.typesReactIsV18Version = '18.3.0';
-exports.typesReactIsVersion = '19.0.0';
+exports.typesReactVersion = '18.3.1';
+exports.typesReactDomVersion = '18.3.0';
+exports.typesReactIsVersion = '18.3.0';
 exports.reactViteVersion = '^4.2.0';
 exports.typesNodeVersion = '18.16.9';
 exports.babelPresetReactVersion = '^7.14.5';
@@ -29,8 +22,7 @@ exports.emotionBabelPlugin = '11.11.0';
 // WARNING: This needs to be in sync with Next.js' dependency or else there might be issues.
 exports.styledJsxVersion = '5.1.2';
 exports.reactRouterDomVersion = '6.11.2';
-exports.testingLibraryReactVersion = '16.1.0';
-exports.testingLibraryDomVersion = '10.4.0';
+exports.testingLibraryReactVersion = '15.0.6';
 exports.reduxjsToolkitVersion = '1.9.3';
 exports.reactReduxVersion = '8.0.5';
 exports.eslintPluginImportVersion = '2.31.0';
@@ -48,8 +40,8 @@ exports.typesExpressVersion = '4.17.17';
 exports.isbotVersion = '^3.6.5';
 exports.corsVersion = '~2.8.5';
 exports.typesCorsVersion = '~2.8.12';
-exports.moduleFederationNodeVersion = '~2.6.11';
-exports.moduleFederationEnhancedVersion = '0.7.6';
+exports.moduleFederationNodeVersion = '^2.6.21';
+exports.moduleFederationEnhancedVersion = '^0.8.8';
 // style preprocessors
 exports.lessVersion = '3.12.2';
 exports.sassVersion = '^1.55.0';

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

@@ -1,14 +0,0 @@
-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

@@ -1,56 +0,0 @@
-"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;
-}