@nx/react 24.0.0-beta.1 → 24.0.0-beta.3

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.js

@@ -6,7 +6,8 @@ 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?/);
@@ -14,6 +15,28 @@ 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 };
+    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)),
+        ];
+    for (const project of candidates) {
+        const native = await findNativeBuild(tree, project, parsed?.target);
+        if (native) {
+            return {
+                found: {
+                    target: options.buildTarget ?? native.target,
+                    config: { command: `${native.bundler} build` },
+                },
+                bundler: options.bundler ?? native.bundler,
+            };
+        }
+    }
     if (options.buildTarget === undefined) {
         const { findBuildConfig, } = require('@nx/cypress/internal');
         found = await findBuildConfig(tree, {
@@ -43,19 +66,8 @@ 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);
@@ -71,9 +83,37 @@ async function getBundlerFromTarget(found, tree) {
     }
     const { target, project } = (0, devkit_1.parseTargetString)(found.target, await (0, devkit_1.createProjectGraphAsync)());
     const projectConfig = (0, devkit_1.readProjectConfiguration)(tree, project);
+    const native = await findNativeBuild(tree, project, target);
+    if (native)
+        return native.bundler;
     const executor = projectConfig?.targets?.[target]?.executor;
     return executor === '@nx/vite:build' ? 'vite' : 'webpack';
 }
+async function findNativeBuild(tree, project, target) {
+    const config = (0, devkit_1.readProjectConfiguration)(tree, project);
+    if (target &&
+        config.targets?.[target]?.executor &&
+        config.targets[target].executor !== 'nx:run-commands') {
+        return;
+    }
+    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;
+            return { target: `${project}:${buildTarget}`, bundler };
+        }
+    }
+}
 async function getActualBundler(tree, options, found) {
     const actualBundler = options.buildTarget !== undefined && options.bundler
         ? options.bundler
@@ -82,7 +122,7 @@ async function getActualBundler(tree, options, found) {
 }
 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/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": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "24.0.0-beta.1",
+  "version": "24.0.0-beta.3",
   "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": {
@@ -30,18 +30,12 @@
   ],
   "typesVersions": {
     "*": {
-      "mf": [
-        "dist/mf/index.d.ts"
-      ],
       "babel": [
         "dist/babel.d.ts"
       ],
       "tailwind": [
         "dist/tailwind.d.ts"
       ],
-      "module-federation": [
-        "dist/module-federation.d.ts"
-      ],
       "webpack-plugin": [
         "dist/webpack-plugin.d.ts"
       ],
@@ -93,23 +87,11 @@
   "peerDependencies": {
     "babel-plugin-react-compiler": "^1.0.0",
     "react": ">=18.0.0 <20.0.0",
-    "react-dom": ">=18.0.0 <20.0.0",
-    "@nx/module-federation": "24.0.0-beta.1",
-    "express": "^4.21.2",
-    "http-proxy-middleware": "^3.0.7"
+    "react-dom": ">=18.0.0 <20.0.0"
   },
   "peerDependenciesMeta": {
     "babel-plugin-react-compiler": {
       "optional": true
-    },
-    "@nx/module-federation": {
-      "optional": true
-    },
-    "express": {
-      "optional": true
-    },
-    "http-proxy-middleware": {
-      "optional": true
     }
   },
   "dependencies": {
@@ -117,28 +99,26 @@
     "@phenomnomnominal/tsquery": "~6.2.0",
     "minimatch": "10.2.5",
     "tslib": "^2.3.0",
-    "@nx/devkit": "24.0.0-beta.1",
-    "@nx/js": "24.0.0-beta.1",
-    "@nx/eslint": "24.0.0-beta.1",
-    "@nx/web": "24.0.0-beta.1",
+    "@nx/devkit": "24.0.0-beta.3",
+    "@nx/js": "24.0.0-beta.3",
+    "@nx/eslint": "24.0.0-beta.3",
+    "@nx/web": "24.0.0-beta.3",
     "semver": "^7.6.3"
   },
   "devDependencies": {
-    "@nx/cypress": "24.0.0-beta.1",
-    "@nx/module-federation": "24.0.0-beta.1",
-    "@nx/playwright": "24.0.0-beta.1",
-    "@nx/rollup": "24.0.0-beta.1",
-    "@nx/rsbuild": "24.0.0-beta.1",
-    "@nx/vite": "24.0.0-beta.1",
-    "@nx/vitest": "24.0.0-beta.1",
-    "@nx/webpack": "24.0.0-beta.1",
-    "@nx/storybook": "24.0.0-beta.1",
-    "express": "^4.21.2",
-    "http-proxy-middleware": "^3.0.7",
-    "nx": "24.0.0-beta.1"
+    "@nx/cypress": "24.0.0-beta.3",
+    "@nx/playwright": "24.0.0-beta.3",
+    "@nx/rollup": "24.0.0-beta.3",
+    "@nx/rsbuild": "24.0.0-beta.3",
+    "@nx/rspack": "24.0.0-beta.3",
+    "@nx/vite": "24.0.0-beta.3",
+    "@nx/vitest": "24.0.0-beta.3",
+    "@nx/webpack": "24.0.0-beta.3",
+    "@nx/storybook": "24.0.0-beta.3",
+    "nx": "24.0.0-beta.3"
   },
   "optionalDependencies": {
-    "@nx/vite": "24.0.0-beta.1"
+    "@nx/vite": "24.0.0-beta.3"
   },
   "publishConfig": {
     "access": "public"
@@ -153,11 +133,6 @@
     "./migrations.json": "./migrations.json",
     "./generators.json": "./generators.json",
     "./executors.json": "./executors.json",
-    "./mf": {
-      "@nx/nx-source": "./mf/index.ts",
-      "types": "./dist/mf/index.d.ts",
-      "default": "./dist/mf/index.js"
-    },
     "./babel": {
       "@nx/nx-source": "./babel.ts",
       "types": "./dist/babel.d.ts",
@@ -168,11 +143,6 @@
       "types": "./dist/tailwind.d.ts",
       "default": "./dist/tailwind.js"
     },
-    "./module-federation": {
-      "@nx/nx-source": "./module-federation.ts",
-      "types": "./dist/module-federation.d.ts",
-      "default": "./dist/module-federation.js"
-    },
     "./webpack-plugin": {
       "@nx/nx-source": "./webpack-plugin.ts",
       "types": "./dist/webpack-plugin.d.ts",

package/dist/mf/dynamic-federation.d.ts

@@ -1,69 +0,0 @@
-export type ResolveRemoteUrlFunction = (remoteName: string) => string | Promise<string>;
-/**
- * @deprecated Use Runtime Helpers from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.
- */
-export declare function setRemoteUrlResolver(_resolveRemoteUrl: ResolveRemoteUrlFunction): void;
-/**
- * @deprecated Use init() from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.
- * If you have a remote app called `my-remote-app` and you want to use the `http://localhost:4201/mf-manifest.json` as the remote url, you should change it from:
- * ```ts
- * import { setRemoteDefinitions } from '@nx/react/mf';
- *
- * setRemoteDefinitions({
- *   'my-remote-app': 'http://localhost:4201/mf-manifest.json'
- * });
- * ```
- * to use init():
- * ```ts
- * import { init } from '@module-federation/enhanced/runtime';
- *
- * init({
- *   name: 'host',
- *   remotes: [{
- *     name: 'my-remote-app',
- *     entry: 'http://localhost:4201/mf-manifest.json'
- *   }]
- * });
- * ```
- */
-export declare function setRemoteDefinitions(definitions: Record<string, string>): void;
-/**
- * @deprecated Use registerRemotes() from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.
- * If you set a remote app with `setRemoteDefinition` such as:
- * ```ts
- * import { setRemoteDefinition } from '@nx/react/mf';
- *
- * setRemoteDefinition(
- *   'my-remote-app',
- *   'http://localhost:4201/mf-manifest.json'
- * );
- * ```
- * change it to use registerRemotes():
- * ```ts
- * import { registerRemotes } from '@module-federation/enhanced/runtime';
- *
- * registerRemotes([
- *  {
- *     name: 'my-remote-app',
- *     entry: 'http://localhost:4201/mf-manifest.json'
- *   }
- * ]);
- * ```
- */
-export declare function setRemoteDefinition(remoteName: string, remoteUrl: string): void;
-/**
- * @deprecated Use loadRemote() from '@module-federation/enhanced/runtime' instead. This will be removed in Nx 22.
- * If you set a load a remote with `loadRemoteModule` such as:
- * ```ts
- * import { loadRemoteModule } from '@nx/react/mf';
- *
- * loadRemoteModule('my-remote-app', './Module').then(m => m.RemoteEntryModule);
- * ```
- * change it to use loadRemote():
- * ```ts
- * import { loadRemote } from '@module-federation/enhanced/runtime';
- *
- * loadRemote<typeof import('my-remote-app/Module')>('my-remote-app/Module').then(m => m.RemoteEntryModule);
- * ```
- */
-export declare function loadRemoteModule(remoteName: string, moduleName: string): Promise<any>;