@nx/react 24.0.0-beta.2 → 24.0.0-beta.4

package/dist/src/migrations/update-24-0-0/register-typescript-plugin-for-typecheck.md

@@ -0,0 +1,40 @@
+#### Register `@nx/js/typescript` for typecheck targets
+
+`@nx/react/router-plugin` no longer infers a `typecheck` target in any setup, and its `typecheckTargetName` option is removed. `@nx/js/typescript` provides the target instead. This migration registers `@nx/js/typescript` with only its typecheck target when the workspace uses `@nx/react/router-plugin` and doesn't register `@nx/js/typescript` yet, so your projects keep a `typecheck` target.
+
+The new registration is added before the framework plugin and reuses its `typecheckTargetName`, and the migration then removes that option from `@nx/react/router-plugin`. Registrations with `typecheckTargetName: false` have the option removed and don't register `@nx/js/typescript`.
+
+#### Sample code changes
+
+##### Before
+
+```json title="nx.json"
+{
+  "plugins": [
+    {
+      "plugin": "@nx/react/router-plugin",
+      "options": {
+        "buildTargetName": "build",
+        "typecheckTargetName": "typecheck"
+      }
+    }
+  ]
+}
+```
+
+##### After
+
+```json title="nx.json"
+{
+  "plugins": [
+    {
+      "plugin": "@nx/js/typescript",
+      "options": { "typecheck": { "targetName": "typecheck" } }
+    },
+    {
+      "plugin": "@nx/react/router-plugin",
+      "options": { "buildTargetName": "build" }
+    }
+  ]
+}
+```

package/dist/src/plugins/router-plugin.d.ts

@@ -3,7 +3,6 @@ export interface ReactRouterPluginOptions {
     buildTargetName?: string;
     devTargetName?: string;
     startTargetName?: string;
-    typecheckTargetName?: string;
     buildDepsTargetName?: string;
     watchDepsTargetName?: string;
 }

package/dist/src/plugins/router-plugin.js

@@ -7,7 +7,6 @@ const path_1 = require("path");
 const fs_1 = require("fs");
 const js_1 = require("@nx/js");
 const internal_2 = require("@nx/js/internal");
-const pmCommand = (0, devkit_1.getPackageManagerCommand)();
 const reactRouterConfigBlob = '**/react-router.config.{ts,js,cjs,cts,mjs,mts}';
 exports.createNodes = [
     reactRouterConfigBlob,
@@ -28,15 +27,16 @@ exports.createNodes = [
             roots: [],
             configFiles: [],
         });
-        const lockfile = (0, js_1.getLockFileName)((0, devkit_1.detectPackageManager)(context.workspaceRoot));
+        const packageManager = (0, devkit_1.detectPackageManager)(context.workspaceRoot);
+        const pmCommand = (0, devkit_1.getPackageManagerCommand)(packageManager);
+        const lockfile = (0, js_1.getLockFileName)(packageManager);
         const hashes = await (0, internal_1.calculateHashesForCreateNodes)(projectRoots, { ...normalizedOptions, isUsingTsSolutionSetup }, context, projectRoots.map((_) => [lockfile]));
         try {
             return await (0, devkit_1.createNodesFromFiles)(async (configFile, _, context, idx) => {
                 const projectRoot = (0, path_1.dirname)(configFile);
-                const siblingFiles = (0, fs_1.readdirSync)((0, devkit_1.joinPathFragments)(context.workspaceRoot, projectRoot));
                 const hash = hashes[idx] + configFile;
                 if (!targetsCache.has(hash)) {
-                    targetsCache.set(hash, await buildReactRouterTargets(configFile, projectRoot, normalizedOptions, context, siblingFiles, isUsingTsSolutionSetup));
+                    targetsCache.set(hash, await buildReactRouterTargets(configFile, projectRoot, normalizedOptions, context, isUsingTsSolutionSetup, pmCommand));
                 }
                 const { projectType, metadata, targets } = targetsCache.get(hash);
                 const project = {
@@ -63,7 +63,7 @@ exports.createNodes = [
  * @deprecated Use {@link createNodes} instead. This will be removed in Nx 24.
  */
 exports.createNodesV2 = exports.createNodes;
-async function buildReactRouterTargets(configFilePath, projectRoot, options, context, siblingFiles, isUsingTsSolutionSetup) {
+async function buildReactRouterTargets(configFilePath, projectRoot, options, context, isUsingTsSolutionSetup, pmCommand) {
     const namedInputs = (0, internal_1.getNamedInputs)(projectRoot, context);
     const configPath = (0, path_1.join)(context.workspaceRoot, configFilePath);
     if (require.cache[configPath])
@@ -77,7 +77,6 @@ async function buildReactRouterTargets(configFilePath, projectRoot, options, con
     if (serverBuildPath) {
         targets[options.startTargetName] = await startTarget(projectRoot, serverBuildPath, options.buildTargetName, namedInputs, isUsingTsSolutionSetup);
     }
-    targets[options.typecheckTargetName] = await typecheckTarget(projectRoot, options.typecheckTargetName, namedInputs, siblingFiles, isUsingTsSolutionSetup);
     (0, internal_2.addBuildAndWatchDepsTargets)(context.workspaceRoot, projectRoot, targets, options, pmCommand);
     const metadata = {};
     return {
@@ -157,47 +156,11 @@ async function startTarget(projectRoot, serverBuildPath, buildTargetName, namedI
     }
     return startTarget;
 }
-async function typecheckTarget(projectRoot, typecheckTargetName, namedInputs, siblingFiles, isUsingTsSolutionSetup) {
-    const hasTsConfigAppJson = siblingFiles.includes('tsconfig.app.json');
-    const typecheckTarget = {
-        cache: true,
-        inputs: [
-            ...('production' in namedInputs
-                ? ['production', '^production']
-                : ['default', '^default']),
-            { externalDependencies: ['typescript'] },
-        ],
-        command: isUsingTsSolutionSetup
-            ? `tsc --build --emitDeclarationOnly`
-            : `tsc${hasTsConfigAppJson ? ` -p tsconfig.app.json` : ``} --noEmit`,
-        options: {
-            cwd: projectRoot,
-        },
-        metadata: {
-            description: `Runs type-checking for the project.`,
-            technologies: ['typescript'],
-            help: {
-                command: isUsingTsSolutionSetup
-                    ? `${pmCommand.exec} tsc --build --help`
-                    : `${pmCommand.exec} tsc${hasTsConfigAppJson ? ` -p tsconfig.app.json` : ``} --help`,
-                example: isUsingTsSolutionSetup
-                    ? { args: ['--force'] }
-                    : { options: { noEmit: true } },
-            },
-        },
-    };
-    if (isUsingTsSolutionSetup) {
-        typecheckTarget.dependsOn = [`^${typecheckTargetName}`];
-        typecheckTarget.syncGenerators = ['@nx/js:typescript-sync'];
-    }
-    return typecheckTarget;
-}
 function normalizeOptions(options) {
     options ??= {};
     options.buildTargetName ??= 'build';
     options.devTargetName ??= 'dev';
     options.startTargetName ??= 'start';
-    options.typecheckTargetName ??= 'typecheck';
     return options;
 }
 function checkIfConfigFileShouldBeProject(projectRoot, context) {

package/dist/src/utils/ast-utils.d.ts

@@ -18,7 +18,6 @@ export declare function addRoute(sourcePath: string, source: ts.SourceFile, opti
     moduleName: string;
 }): StringChange[];
 export declare function addBrowserRouter(sourcePath: string, source: ts.SourceFile): StringChange[];
-export declare function addStaticRouter(sourcePath: string, source: ts.SourceFile): StringChange[];
 export declare function addReduxStoreToMain(sourcePath: string, source: ts.SourceFile): StringChange[];
 export declare function updateReduxStore(sourcePath: string, source: ts.SourceFile, feature: {
     keyName: string;

package/dist/src/utils/ast-utils.js

@@ -14,7 +14,6 @@ exports.isTag = isTag;
 exports.addInitialRoutes = addInitialRoutes;
 exports.addRoute = addRoute;
 exports.addBrowserRouter = addBrowserRouter;
-exports.addStaticRouter = addStaticRouter;
 exports.addReduxStoreToMain = addReduxStoreToMain;
 exports.updateReduxStore = updateReduxStore;
 exports.getComponentNode = getComponentNode;
@@ -344,28 +343,6 @@ function addBrowserRouter(sourcePath, source) {
         return [];
     }
 }
-function addStaticRouter(sourcePath, source) {
-    const app = findElements(source, 'App')[0];
-    if (app) {
-        return [
-            ...addImport(source, `import { StaticRouter } from 'react-router-dom/server';`),
-            {
-                type: devkit_1.ChangeType.Insert,
-                index: app.getStart(),
-                text: `<StaticRouter location={req.originalUrl}>`,
-            },
-            {
-                type: devkit_1.ChangeType.Insert,
-                index: app.getEnd(),
-                text: `</StaticRouter>`,
-            },
-        ];
-    }
-    else {
-        devkit_1.logger.warn(`Could not find App component in ${sourcePath}; Skipping add <StaticRouter>`);
-        return [];
-    }
-}
 function addReduxStoreToMain(sourcePath, source) {
     const renderStmt = findMainRenderStatement(source);
     if (!renderStmt) {

package/dist/src/utils/ct-utils.d.ts

@@ -3,8 +3,6 @@ import { type FoundTarget } from '@nx/cypress/internal';
 export declare function resolveCypressCTTarget(tree: Tree, options: {
     project: string;
     buildTarget: string;
-    bundler: 'vite' | 'webpack';
-    validExecutorNames: Set<string>;
 }): Promise<{
     found: FoundTarget;
     bundler: 'vite' | 'webpack';
@@ -14,9 +12,4 @@ export declare function configureCypressCT(tree: Tree, options: {
     found: FoundTarget;
     bundler: 'vite' | 'webpack';
 }): Promise<void>;
-export declare function getBundlerFromTarget(found: FoundTarget, tree: Tree): Promise<'vite' | 'webpack'>;
-export declare function getActualBundler(tree: Tree, options: {
-    buildTarget?: string;
-    bundler?: 'vite' | 'webpack';
-}, found: FoundTarget): Promise<"vite" | "webpack">;
 export declare function isComponent(tree: Tree, filePath: string): boolean;

package/dist/src/utils/ct-utils.js

@@ -2,40 +2,60 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resolveCypressCTTarget = resolveCypressCTTarget;
 exports.configureCypressCT = configureCypressCT;
-exports.getBundlerFromTarget = getBundlerFromTarget;
-exports.getActualBundler = getActualBundler;
 exports.isComponent = isComponent;
 const devkit_1 = require("@nx/devkit");
-const internal_1 = require("@nx/js/internal");
+const internal_1 = require("@nx/devkit/internal");
+const internal_2 = require("@nx/js/internal");
 const ast_utils_1 = require("./ast-utils");
 let tsModule;
 const allowedFileExt = new RegExp(/\.[jt]sx?/);
 const isSpecFile = new RegExp(/(spec|test)\./);
 // Resolved before the shared cypress generator runs, so the bundler reaches it.
 async function resolveCypressCTTarget(tree, options) {
-    let found = { target: options.buildTarget, config: undefined };
-    if (options.buildTarget === undefined) {
-        const { findBuildConfig, } = require('@nx/cypress/internal');
-        found = await findBuildConfig(tree, {
-            project: options.project,
-            buildTarget: options.buildTarget,
-            validExecutorNames: options.validExecutorNames,
-        });
-        assertValidConfig(found?.config);
-    }
-    else if (options.buildTarget) {
-        const projectGraph = await (0, devkit_1.createProjectGraphAsync)();
-        const { project, target } = (0, devkit_1.parseTargetString)(options.buildTarget, projectGraph);
-        const buildTargetProject = (0, devkit_1.readProjectConfiguration)(tree, project);
-        const executor = buildTargetProject.targets?.[target]?.executor;
-        if (!executor || !options.validExecutorNames.has(executor)) {
-            throw new Error(`Cypress Component Testing is not currently supported for this project. Either 'executer' is not defined in '${target} target' of '${project} project.json' or executer present is not valid one. Valid ones are ${JSON.stringify([...options.validExecutorNames])}. Please check https://github.com/nrwl/nx/issues/21546 for more information.`);
+    const graph = await (0, devkit_1.createProjectGraphAsync)();
+    const parsed = options.buildTarget
+        ? (0, devkit_1.parseTargetString)(options.buildTarget, graph)
+        : undefined;
+    const candidates = parsed
+        ? [parsed.project]
+        : [
+            options.project,
+            ...Object.keys(graph.dependencies).filter((name) => graph.dependencies[name].some((dep) => dep.target === options.project)),
+        ];
+    let overridden;
+    for (const project of candidates) {
+        const native = await findNativeBuild(tree, project, parsed?.target);
+        if (!native)
+            continue;
+        if (native.overridingExecutor) {
+            overridden ??= {
+                project,
+                target: native.target,
+                executor: native.overridingExecutor,
+            };
+            continue;
         }
+        return {
+            found: {
+                target: options.buildTarget ?? native.target,
+                config: { command: `${native.bundler} build` },
+            },
+            bundler: native.bundler,
+        };
     }
-    return {
-        found,
-        bundler: options.bundler ?? (await getActualBundler(tree, options, found)),
-    };
+    if (parsed) {
+        const executor = (0, devkit_1.readProjectConfiguration)(tree, parsed.project).targets?.[parsed.target]?.executor;
+        throw notInferredBuildTargetError(options.buildTarget, parsed.project, executor);
+    }
+    if (overridden) {
+        throw notInferredBuildTargetError(overridden.target, overridden.project, overridden.executor);
+    }
+    throw new Error(`Unable to find a build target inferred by @nx/vite/plugin or @nx/webpack/plugin for project "${options.project}" or the projects that depend on it. Pass one with --build-target=<project>:<target>[:<configuration>].`);
+}
+function notInferredBuildTargetError(buildTarget, project, executor) {
+    return new Error(`Cypress Component Testing needs a build target inferred by @nx/vite/plugin or @nx/webpack/plugin, and "${buildTarget}" is not one.${executor && executor !== 'nx:run-commands'
+        ? ` It uses the "${executor}" executor. Convert it to an inferred target first, for example with "nx g @nx/workspace:infer-targets --project=${project}".`
+        : ''}`);
 }
 async function configureCypressCT(tree, options) {
     const { found } = options;
@@ -43,46 +63,42 @@ async function configureCypressCT(tree, options) {
     const { addDefaultCTConfig, getProjectCypressConfigPath, getInstalledCypressMajorVersion, } = require('@nx/cypress/internal');
     const ctConfigOptions = {
         bundler: options.bundler,
+        buildTarget: found.target,
     };
-    if (projectConfig.targets?.['component-test']?.executor ===
-        '@nx/cypress:cypress') {
-        projectConfig.targets['component-test'].options = {
-            ...projectConfig.targets['component-test'].options,
-            devServerTarget: found.target,
-            skipServe: true,
-        };
-        (0, devkit_1.updateProjectConfiguration)(tree, options.project, projectConfig);
-    }
-    else {
-        ctConfigOptions.buildTarget = found.target;
-    }
     const cypressConfigFilePath = getProjectCypressConfigPath(tree, projectConfig.root);
     const updatedCyConfig = await addDefaultCTConfig(tree.read(cypressConfigFilePath, 'utf-8'), ctConfigOptions, '@nx/react/plugins/component-testing', getInstalledCypressMajorVersion(tree));
     tree.write(cypressConfigFilePath, updatedCyConfig);
 }
-function assertValidConfig(config) {
-    if (!config) {
-        throw new Error('Unable to find a valid build configuration. Try passing in a target for an app. --build-target=<project>:<target>[:<configuration>]');
-    }
-}
-async function getBundlerFromTarget(found, tree) {
-    if (found.target && found.config?.executor) {
-        return found.config.executor === '@nx/vite:build' ? 'vite' : 'webpack';
+async function findNativeBuild(tree, project, target) {
+    const config = (0, devkit_1.readProjectConfiguration)(tree, project);
+    for (const bundler of ['vite', 'webpack']) {
+        for (const ext of ['ts', 'mts', 'cts', 'js', 'mjs', 'cjs']) {
+            const path = (0, devkit_1.joinPathFragments)(config.root, `${bundler}.config.${ext}`);
+            if (!tree.exists(path))
+                continue;
+            const plugin = await (0, internal_1.findPluginForConfigFile)(tree, `@nx/${bundler}/plugin`, path);
+            if (!plugin)
+                continue;
+            const buildTarget = typeof plugin === 'string'
+                ? 'build'
+                : (plugin.options
+                    ?.buildTargetName ?? 'build');
+            if (target && target !== buildTarget)
+                continue;
+            // A project.json or package.json target on another executor replaces the
+            // inferred one (nx.json targetDefaults can't change its executor).
+            const executor = config.targets?.[buildTarget]?.executor;
+            return {
+                target: `${project}:${buildTarget}`,
+                bundler,
+                overridingExecutor: executor && executor !== 'nx:run-commands' ? executor : undefined,
+            };
+        }
     }
-    const { target, project } = (0, devkit_1.parseTargetString)(found.target, await (0, devkit_1.createProjectGraphAsync)());
-    const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, project);
-    const executor = projectConfig?.targets?.[target]?.executor;
-    return executor === '@nx/vite:build' ? 'vite' : 'webpack';
-}
-async function getActualBundler(tree, options, found) {
-    const actualBundler = options.buildTarget !== undefined && options.bundler
-        ? options.bundler
-        : await getBundlerFromTarget(found, tree);
-    return actualBundler;
 }
 function isComponent(tree, filePath) {
     if (!tsModule) {
-        tsModule = (0, internal_1.ensureTypescript)();
+        tsModule = (0, internal_2.ensureTypescript)();
     }
     if (isSpecFile.test(filePath) || !allowedFileExt.test(filePath)) {
         return false;

package/dist/src/utils/deprecation.d.ts

@@ -1,3 +1,3 @@
-export declare const REACT_WITH_REACT_DEPRECATION_MESSAGE = "The `withReact` config helper from `@nx/react` is deprecated and will be removed in Nx v24. It produces an Nx-specific webpack config function that only runs under the `@nx/webpack:webpack` executor. Migrate to a standard webpack config that uses `NxReactWebpackPlugin` (from `@nx/react/webpack-plugin`) under the inferred `@nx/webpack/plugin` by running `nx g @nx/webpack:convert-to-inferred`. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.";
+export declare const REACT_WITH_REACT_DEPRECATION_MESSAGE = "The `withReact` config helper from `@nx/react` was removed in Nx v24. The remaining export is an inert compatibility stub and does not configure builds. Use `NxReactWebpackPlugin` from `@nx/react/webpack-plugin` in a standard webpack config. Follow the webpack config-helper migration instructions generated by `nx migrate`. Executor conversion is a separate migration.";
 export declare function suppressReactComposeHelperWarnings<T>(fn: () => T): T;
 export declare function warnReactWithReactDeprecation(): void;

package/dist/src/utils/deprecation.js

@@ -4,11 +4,9 @@ exports.REACT_WITH_REACT_DEPRECATION_MESSAGE = void 0;
 exports.suppressReactComposeHelperWarnings = suppressReactComposeHelperWarnings;
 exports.warnReactWithReactDeprecation = warnReactWithReactDeprecation;
 const devkit_1 = require("@nx/devkit");
-// TODO(v24): Remove the webpack `withReact` config helper. It emits an
-// Nx-specific webpack config function that only runs under the
-// @nx/webpack:webpack executor; the inferred @nx/webpack/plugin works with
-// standard webpack configs built around NxReactWebpackPlugin instead.
-exports.REACT_WITH_REACT_DEPRECATION_MESSAGE = 'The `withReact` config helper from `@nx/react` is deprecated and will be removed in Nx v24. It produces an Nx-specific webpack config function that only runs under the `@nx/webpack:webpack` executor. Migrate to a standard webpack config that uses `NxReactWebpackPlugin` (from `@nx/react/webpack-plugin`) under the inferred `@nx/webpack/plugin` by running `nx g @nx/webpack:convert-to-inferred`. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.';
+// Helper behavior was removed in v24; exports remain only as inert stubs.
+// Keep the export loadable while existing webpack configs are migrated.
+exports.REACT_WITH_REACT_DEPRECATION_MESSAGE = 'The `withReact` config helper from `@nx/react` was removed in Nx v24. The remaining export is an inert compatibility stub and does not configure builds. Use `NxReactWebpackPlugin` from `@nx/react/webpack-plugin` in a standard webpack config. Follow the webpack config-helper migration instructions generated by `nx migrate`. Executor conversion is a separate migration.';
 let withReactWarned = false;
 let suppressDepth = 0;
 // Nx-internal entry points compose `withReact` themselves (e.g. the storybook

package/dist/src/utils/framework.js

@@ -4,9 +4,7 @@ exports.getUiFramework = getUiFramework;
 const devkit_1 = require("@nx/devkit");
 function getUiFramework(tree, project) {
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, project);
-    if (findWebpackConfig(tree, projectConfig.root) ||
-        projectConfig.targets?.['build']?.executor === '@nx/rollup:rollup' ||
-        projectConfig.targets?.['build']?.executor === '@nx/expo:build') {
+    if (findWebpackConfig(tree, projectConfig.root)) {
         return '@storybook/react-webpack5';
     }
     return '@storybook/react-vite';

package/dist/src/utils/versions.d.ts

@@ -32,13 +32,6 @@ export declare const tsLibVersion = "^2.3.0";
 export declare const postcssVersion = "8.4.38";
 export declare const autoprefixerVersion = "10.4.13";
 export declare const expressVersion = "^4.21.2";
-export declare const typesExpressVersion = "^4.17.21";
-export declare const httpProxyMiddlewareVersion = "^3.0.5";
-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.7.21";
-export declare const moduleFederationEnhancedVersion = "^2.1.0";
 export declare const sassVersion = "^1.97.2";
 export declare const rollupPluginUrlVersion = "^8.0.2";
 export declare const svgrRollupVersion = "^8.1.0";

package/dist/src/utils/versions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.svgrWebpackVersion = exports.svgrRollupVersion = exports.rollupPluginUrlVersion = exports.sassVersion = exports.moduleFederationEnhancedVersion = exports.moduleFederationNodeVersion = exports.typesCorsVersion = exports.corsVersion = exports.isbotVersion = exports.httpProxyMiddlewareVersion = exports.typesExpressVersion = exports.expressVersion = exports.autoprefixerVersion = exports.postcssVersion = exports.tsLibVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryDomVersion = exports.testingLibraryReactVersion = exports.reactRouterIsBotVersion = exports.reactRouterVersion = exports.reactRouterDomVersion = exports.babelCoreVersion = exports.babelPresetReactVersion = exports.typesNodeVersion = exports.reactViteVersion = exports.typesReactIsVersion = exports.typesReactIsV18Version = exports.typesReactDomVersion = exports.typesReactDomV18Version = exports.typesReactVersion = exports.typesReactV18Version = exports.swcLoaderVersion = exports.reactIsV18Version = exports.reactIsVersion = exports.reactDomV18Version = exports.reactDomVersion = exports.reactV18Version = exports.reactVersion = exports.minSupportedReactVersion = exports.nxVersion = void 0;
+exports.svgrWebpackVersion = exports.svgrRollupVersion = exports.rollupPluginUrlVersion = exports.sassVersion = exports.expressVersion = exports.autoprefixerVersion = exports.postcssVersion = exports.tsLibVersion = exports.eslintPluginReactHooksVersion = exports.eslintPluginReactVersion = exports.eslintPluginJsxA11yVersion = exports.eslintPluginImportVersion = exports.reactReduxVersion = exports.reduxjsToolkitVersion = exports.testingLibraryDomVersion = exports.testingLibraryReactVersion = exports.reactRouterIsBotVersion = exports.reactRouterVersion = exports.reactRouterDomVersion = exports.babelCoreVersion = exports.babelPresetReactVersion = exports.typesNodeVersion = exports.reactViteVersion = exports.typesReactIsVersion = exports.typesReactIsV18Version = exports.typesReactDomVersion = exports.typesReactDomV18Version = exports.typesReactVersion = exports.typesReactV18Version = exports.swcLoaderVersion = exports.reactIsV18Version = exports.reactIsVersion = exports.reactDomV18Version = exports.reactDomVersion = exports.reactV18Version = exports.reactVersion = exports.minSupportedReactVersion = exports.nxVersion = void 0;
 const path_1 = require("path");
 exports.nxVersion = require((0, path_1.join)('@nx/react', 'package.json')).version;
 exports.minSupportedReactVersion = '18.0.0';
@@ -38,15 +38,8 @@ exports.eslintPluginReactHooksVersion = '5.0.0';
 exports.tsLibVersion = '^2.3.0';
 exports.postcssVersion = '8.4.38';
 exports.autoprefixerVersion = '10.4.13';
-// SSR and Module Federation
+// SSR
 exports.expressVersion = '^4.21.2';
-exports.typesExpressVersion = '^4.17.21';
-exports.httpProxyMiddlewareVersion = '^3.0.5';
-exports.isbotVersion = '^3.6.5';
-exports.corsVersion = '~2.8.5';
-exports.typesCorsVersion = '~2.8.12';
-exports.moduleFederationNodeVersion = '^2.7.21';
-exports.moduleFederationEnhancedVersion = '^2.1.0';
 // style preprocessors
 exports.sassVersion = '^1.97.2';
 // rollup plugins (if needed)

package/executors.json

@@ -1,19 +1,3 @@
 {
-  "executors": {
-    "module-federation-dev-server": {
-      "implementation": "./dist/src/executors/module-federation-dev-server/module-federation-dev-server.impl",
-      "schema": "./dist/src/executors/module-federation-dev-server/schema.json",
-      "description": "Serve a host or remote application."
-    },
-    "module-federation-ssr-dev-server": {
-      "implementation": "./dist/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl",
-      "schema": "./dist/src/executors/module-federation-ssr-dev-server/schema.json",
-      "description": "Serve a host application along with it's known remotes."
-    },
-    "module-federation-static-server": {
-      "implementation": "./dist/src/executors/module-federation-static-server/module-federation-static-server.impl",
-      "schema": "./dist/src/executors/module-federation-static-server/schema.json",
-      "description": "Serve a host and its remotes statically."
-    }
-  }
+  "executors": {}
 }

package/generators.json

@@ -60,20 +60,6 @@
       "description": "Create a hook.",
       "aliases": ["c"]
     },
-    "host": {
-      "factory": "./dist/src/generators/host/host",
-      "schema": "./dist/src/generators/host/schema.json",
-      "x-type": "application",
-      "description": "Generate a host react application",
-      "x-deprecated": "Use `@nx/react:consumer` instead (dynamic federation, no static-serve orchestration). Removed in Nx v24."
-    },
-    "remote": {
-      "factory": "./dist/src/generators/remote/remote",
-      "schema": "./dist/src/generators/remote/schema.json",
-      "x-type": "application",
-      "description": "Generate a remote react application",
-      "x-deprecated": "Use `@nx/react:provider` instead. Removed in Nx v24."
-    },
     "consumer": {
       "factory": "./dist/src/generators/consumer/consumer",
       "schema": "./dist/src/generators/consumer/schema.json",
@@ -97,19 +83,6 @@
       "schema": "./dist/src/generators/component-test/schema.json",
       "description": "Generate a Cypress component test for a React component",
       "hidden": false
-    },
-    "setup-ssr": {
-      "factory": "./dist/src/generators/setup-ssr/setup-ssr#setupSsrGenerator",
-      "schema": "./dist/src/generators/setup-ssr/schema.json",
-      "description": "Set up SSR configuration for a project.",
-      "hidden": false
-    },
-    "federate-module": {
-      "factory": "./dist/src/generators/federate-module/federate-module#federateModuleGenerator",
-      "schema": "./dist/src/generators/federate-module/schema.json",
-      "description": "Federate a module.",
-      "hidden": false,
-      "x-deprecated": "The new `@nx/react:provider` generator exposes modules directly. Removed in Nx v24."
     }
   }
 }

package/migrations.json

@@ -51,6 +51,12 @@
       "description": "Add `@svgr/webpack` when a webpack config references it.",
       "implementation": "./dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used",
       "documentation": "./dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used.md"
+    },
+    "update-24-0-0-register-typescript-plugin-for-typecheck": {
+      "version": "24.0.0-beta.3",
+      "description": "Register @nx/js/typescript with its typecheck target in workspaces that use @nx/react/router-plugin without it, and remove the router plugin's typecheckTargetName option, since @nx/react/router-plugin no longer infers typecheck targets.",
+      "implementation": "./dist/src/migrations/update-24-0-0/register-typescript-plugin-for-typecheck",
+      "documentation": "./dist/src/migrations/update-24-0-0/register-typescript-plugin-for-typecheck.md"
     }
   },
   "packageJsonUpdates": {