@nx/react 23.0.0-beta.2 → 23.0.0-beta.21

package/generators.json

@@ -65,14 +65,26 @@
       "schema": "./src/generators/host/schema.json",
       "x-type": "application",
       "description": "Generate a host react application",
-      "aliases": ["consumer"]
+      "x-deprecated": "Use `@nx/react:consumer` instead (dynamic federation, no static-serve orchestration). Removed in Nx v24."
     },
     "remote": {
       "factory": "./src/generators/remote/remote",
       "schema": "./src/generators/remote/schema.json",
       "x-type": "application",
       "description": "Generate a remote react application",
-      "aliases": ["producer"]
+      "x-deprecated": "Use `@nx/react:provider` instead. Removed in Nx v24."
+    },
+    "consumer": {
+      "factory": "./src/generators/consumer/consumer",
+      "schema": "./src/generators/consumer/schema.json",
+      "x-type": "application",
+      "description": "Create a React Module Federation consumer that loads federated components dynamically via an inline PROVIDERS list in src/mf.ts. Supports Vite (default), Rsbuild, and Rspack."
+    },
+    "provider": {
+      "factory": "./src/generators/provider/provider",
+      "schema": "./src/generators/provider/schema.json",
+      "x-type": "application",
+      "description": "Create a React Module Federation provider that exposes a federated component. Supports Vite (default), Rsbuild, and Rspack."
     },
     "cypress-component-configuration": {
       "factory": "./src/generators/cypress-component-configuration/cypress-component-configuration#cypressComponentConfigGenerator",
@@ -96,7 +108,8 @@
       "factory": "./src/generators/federate-module/federate-module#federateModuleGenerator",
       "schema": "./src/generators/federate-module/schema.json",
       "description": "Federate a module.",
-      "hidden": false
+      "hidden": false,
+      "x-deprecated": "The new `@nx/react:provider` generator exposes modules directly. Removed in Nx v24."
     }
   }
 }

package/index.d.ts

@@ -1,6 +1,3 @@
-import { NxReactWebpackPlugin as _NxReactWebpackPlugin } from './plugins/nx-react-webpack-plugin/nx-react-webpack-plugin';
-/** @deprecated Use '@nx/react/webpack-plugin' instead, which can improve graph creation by 150-200ms per file. */
-export declare const NxReactWebpackPlugin: typeof _NxReactWebpackPlugin;
 export { extraEslintDependencies, extendReactEslintJson, } from './src/utils/lint';
 export { assertValidStyle } from './src/utils/assertion';
 export { reactDomVersion, reactVersion } from './src/utils/versions';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,MAAM,2DAA2D,CAAC;AAE1H,kHAAkH;AAClH,eAAO,MAAM,oBAAoB,8BAAwB,CAAC;AAE1D,OAAO,EACL,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wDAAwD,CAAC;AACzG,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,kFAAkF,CAAC;AACnI,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../packages/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,+BAA+B,EAAE,MAAM,wDAAwD,CAAC;AACzG,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,kFAAkF,CAAC;AACnI,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,cAAc,sBAAsB,CAAC"}

package/index.js

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentTestGenerator = exports.cypressComponentConfigGenerator = exports.remoteGenerator = exports.hostGenerator = exports.storybookConfigurationGenerator = exports.storiesGenerator = exports.reduxGenerator = exports.reactInitGenerator = exports.libraryGenerator = exports.componentStoryGenerator = exports.hookGenerator = exports.componentGenerator = exports.applicationGenerator = exports.reactVersion = exports.reactDomVersion = exports.assertValidStyle = exports.extendReactEslintJson = exports.extraEslintDependencies = exports.NxReactWebpackPlugin = void 0;
+exports.componentTestGenerator = exports.cypressComponentConfigGenerator = exports.remoteGenerator = exports.hostGenerator = exports.storybookConfigurationGenerator = exports.storiesGenerator = exports.reduxGenerator = exports.reactInitGenerator = exports.libraryGenerator = exports.componentStoryGenerator = exports.hookGenerator = exports.componentGenerator = exports.applicationGenerator = exports.reactVersion = exports.reactDomVersion = exports.assertValidStyle = exports.extendReactEslintJson = exports.extraEslintDependencies = void 0;
 const tslib_1 = require("tslib");
-const nx_react_webpack_plugin_1 = require("./plugins/nx-react-webpack-plugin/nx-react-webpack-plugin");
-/** @deprecated Use '@nx/react/webpack-plugin' instead, which can improve graph creation by 150-200ms per file. */
-exports.NxReactWebpackPlugin = nx_react_webpack_plugin_1.NxReactWebpackPlugin;
 var lint_1 = require("./src/utils/lint");
 Object.defineProperty(exports, "extraEslintDependencies", { enumerable: true, get: function () { return lint_1.extraEslintDependencies; } });
 Object.defineProperty(exports, "extendReactEslintJson", { enumerable: true, get: function () { return lint_1.extendReactEslintJson; } });

package/migrations.json

@@ -35,6 +35,12 @@
       "version": "22.0.0-beta.0",
       "description": "Updates webpack configs using React to use the new withSvgr composable function instead of the svgr option in withReact or NxReactWebpackPlugin.",
       "factory": "./src/migrations/update-22-0-0/add-svgr-to-webpack-config"
+    },
+    "update-23-0-0-remove-nx-react-webpack-plugin-import": {
+      "cli": "nx",
+      "version": "23.0.0-beta.10",
+      "description": "Rewrites imports of NxReactWebpackPlugin from '@nx/react' to the sub-path '@nx/react/webpack-plugin'.",
+      "factory": "./src/migrations/update-23-0-0/remove-nx-react-webpack-plugin-import"
     }
   },
   "packageJsonUpdates": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "23.0.0-beta.2",
+  "version": "23.0.0-beta.21",
   "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": {
@@ -33,32 +33,32 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@phenomnomnominal/tsquery": "~6.1.4",
+    "@phenomnomnominal/tsquery": "~6.2.0",
     "@svgr/webpack": "^8.0.1",
-    "minimatch": "10.2.4",
+    "minimatch": "10.2.5",
     "tslib": "^2.3.0",
-    "@nx/devkit": "23.0.0-beta.2",
-    "@nx/js": "23.0.0-beta.2",
-    "@nx/eslint": "23.0.0-beta.2",
-    "@nx/web": "23.0.0-beta.2",
-    "@nx/module-federation": "23.0.0-beta.2",
-    "@nx/rollup": "23.0.0-beta.2",
+    "@nx/devkit": "23.0.0-beta.21",
+    "@nx/js": "23.0.0-beta.21",
+    "@nx/eslint": "23.0.0-beta.21",
+    "@nx/web": "23.0.0-beta.21",
+    "@nx/module-federation": "23.0.0-beta.21",
+    "@nx/rollup": "23.0.0-beta.21",
     "express": "^4.21.2",
     "http-proxy-middleware": "^3.0.5",
     "semver": "^7.6.3"
   },
   "devDependencies": {
-    "@nx/cypress": "23.0.0-beta.2",
-    "@nx/playwright": "23.0.0-beta.2",
-    "@nx/rsbuild": "23.0.0-beta.2",
-    "@nx/vite": "23.0.0-beta.2",
-    "@nx/vitest": "23.0.0-beta.2",
-    "@nx/webpack": "23.0.0-beta.2",
-    "@nx/storybook": "23.0.0-beta.2",
-    "nx": "23.0.0-beta.2"
+    "@nx/cypress": "23.0.0-beta.21",
+    "@nx/playwright": "23.0.0-beta.21",
+    "@nx/rsbuild": "23.0.0-beta.21",
+    "@nx/vite": "23.0.0-beta.21",
+    "@nx/vitest": "23.0.0-beta.21",
+    "@nx/webpack": "23.0.0-beta.21",
+    "@nx/storybook": "23.0.0-beta.21",
+    "nx": "23.0.0-beta.21"
   },
   "optionalDependencies": {
-    "@nx/vite": "23.0.0-beta.2"
+    "@nx/vite": "23.0.0-beta.21"
   },
   "publishConfig": {
     "access": "public"

package/plugins/component-testing/index.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.nxComponentTestingPreset = nxComponentTestingPreset;
 const cypress_preset_1 = require("@nx/cypress/plugins/cypress-preset");
-const ct_helpers_1 = require("@nx/cypress/src/utils/ct-helpers");
+const internal_1 = require("@nx/cypress/internal");
 const devkit_1 = require("@nx/devkit");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_2 = require("@nx/js/internal");
 const fs_1 = require("fs");
 const path_1 = require("path");
 /**
@@ -71,10 +71,10 @@ function nxComponentTestingPreset(pathToConfig, options) {
     let webpackConfig = null;
     try {
         const graph = (0, devkit_1.readCachedProjectGraph)();
-        const { targets: ctTargets, name: ctProjectName } = (0, ct_helpers_1.getProjectConfigByPath)(graph, pathToConfig);
+        const { targets: ctTargets, name: ctProjectName } = (0, internal_1.getProjectConfigByPath)(graph, pathToConfig);
         const ctTargetName = options?.ctTargetName || 'component-test';
         const ctConfigurationName = process.env.NX_CYPRESS_TARGET_CONFIGURATION;
-        const ctExecutorContext = (0, ct_helpers_1.createExecutorContext)(graph, ctTargets, ctProjectName, ctTargetName, ctConfigurationName);
+        const ctExecutorContext = (0, internal_1.createExecutorContext)(graph, ctTargets, ctProjectName, ctTargetName, ctConfigurationName);
         let buildTarget = options?.buildTarget;
         if (!buildTarget) {
             const ctExecutorOptions = (0, devkit_1.readTargetOptions)({
@@ -161,13 +161,13 @@ function buildTargetWebpack(ctx, buildTarget, componentTestingProjectName) {
         throw new InvalidExecutorError(`The '${parsed.target}' target of the '${parsed.project}' project is not using the '@nx/webpack:webpack' or '@nx/rspack:rspack' executor. ` +
             `Please make sure to use '@nx/webpack:webpack' or '@nx/rspack:rspack' executor in that target to use Cypress Component Testing.`);
     }
-    const context = (0, ct_helpers_1.createExecutorContext)(graph, buildableProjectConfig.targets, parsed.project, parsed.target, parsed.target);
+    const context = (0, internal_1.createExecutorContext)(graph, buildableProjectConfig.targets, parsed.project, parsed.target, parsed.target);
     const { normalizeOptions, } = require('@nx/webpack/src/executors/webpack/lib/normalize-options');
     const { resolveUserDefinedWebpackConfig, } = require('@nx/webpack/src/utils/webpack/resolve-user-defined-webpack-config');
     const { composePluginsSync } = require('@nx/webpack/src/utils/config');
     const { withNx } = require('@nx/webpack/src/utils/with-nx');
     const { withWeb } = require('@nx/webpack/src/utils/with-web');
-    const options = normalizeOptions(withSchemaDefaults(parsed, context), devkit_1.workspaceRoot, buildableProjectConfig.root, (0, ts_solution_setup_1.getProjectSourceRoot)(buildableProjectConfig));
+    const options = normalizeOptions(withSchemaDefaults(parsed, context), devkit_1.workspaceRoot, buildableProjectConfig.root, (0, internal_2.getProjectSourceRoot)(buildableProjectConfig));
     let customWebpack;
     if (options.webpackConfig) {
         customWebpack = resolveUserDefinedWebpackConfig(options.webpackConfig, options.tsConfig.startsWith(context.root)
@@ -189,7 +189,7 @@ function buildTargetWebpack(ctx, buildTarget, componentTestingProjectName) {
                     extractLicenses: false,
                     root: devkit_1.workspaceRoot,
                     projectRoot: ctProjectConfig.root,
-                    sourceRoot: (0, ts_solution_setup_1.getProjectSourceRoot)(ctProjectConfig),
+                    sourceRoot: (0, internal_2.getProjectSourceRoot)(ctProjectConfig),
                 },
                 context,
                 configuration: parsed.configuration,

package/plugins/component-testing/webpack-fallback.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildBaseWebpackConfig = buildBaseWebpackConfig;
 const tsconfig_paths_webpack_plugin_1 = require("tsconfig-paths-webpack-plugin");
 const webpack_1 = require("@nx/webpack");
-const ts_config_1 = require("@nx/js/src/utils/typescript/ts-config");
+const js_1 = require("@nx/js");
 function buildBaseWebpackConfig({ tsConfigPath = 'tsconfig.cy.json', compiler = 'babel', }) {
     const extensions = ['.ts', '.tsx', '.mjs', '.js', '.jsx'];
     const config = {
@@ -13,7 +13,7 @@ function buildBaseWebpackConfig({ tsConfigPath = 'tsconfig.cy.json', compiler =
             plugins: [
                 new tsconfig_paths_webpack_plugin_1.TsconfigPathsPlugin({
                     configFile: tsConfigPath,
-                    baseUrl: (0, ts_config_1.resolvePathsBaseUrl)(tsConfigPath),
+                    baseUrl: (0, js_1.resolvePathsBaseUrl)(tsConfigPath),
                     extensions,
                 }),
             ],

package/plugins/storybook/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.webpack = exports.core = void 0;
 const devkit_1 = require("@nx/devkit");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/js/internal");
 const config_1 = require("@nx/webpack/src/utils/config");
 const fs_1 = require("fs");
 const path_1 = require("path");
@@ -64,7 +64,7 @@ const getProjectData = async (storybookOptions) => {
         ? {
             workspaceRoot: process.env.NX_WORKSPACE_ROOT,
             projectRoot: projectNode.data.root,
-            sourceRoot: (0, ts_solution_setup_1.getProjectSourceRoot)(projectNode.data),
+            sourceRoot: (0, internal_1.getProjectSourceRoot)(projectNode.data),
             projectNode,
         }
         : // Edge-case: missing project node
@@ -130,7 +130,7 @@ const webpack = async (storybookWebpackConfig = {}, options) => {
         ...options,
         root: projectData.workspaceRoot,
         projectRoot: projectData.projectRoot,
-        sourceRoot: (0, ts_solution_setup_1.getProjectSourceRoot)(projectData.projectNode.data),
+        sourceRoot: (0, internal_1.getProjectSourceRoot)(projectData.projectNode.data),
         fileReplacements: [],
         sourceMap: true,
         styles: options.styles ?? [],

package/src/executors/module-federation-dev-server/module-federation-dev-server.impl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module-federation-dev-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-dev-server/module-federation-dev-server.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAU,MAAM,YAAY,CAAC;AAarD,OAAO,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AAE5D,wBAA+B,yBAAyB,CACtD,MAAM,EAAE,gCAAgC,EACxC,OAAO,EAAE,eAAe,GACvB,qBAAqB,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAuG/D"}
+{"version":3,"file":"module-federation-dev-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-dev-server/module-federation-dev-server.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAU,MAAM,YAAY,CAAC;AAarD,OAAO,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AAG5D,wBAA+B,yBAAyB,CACtD,MAAM,EAAE,gCAAgC,EACxC,OAAO,EAAE,eAAe,GACvB,qBAAqB,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAwG/D"}

package/src/executors/module-federation-dev-server/module-federation-dev-server.impl.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = moduleFederationDevServer;
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/devkit/internal");
+const internal_2 = require("@nx/js/internal");
 const utils_1 = require("@nx/module-federation/src/executors/utils");
 const file_server_impl_1 = tslib_1.__importDefault(require("@nx/web/src/executors/file-server/file-server.impl"));
 const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
@@ -12,7 +12,9 @@ const dev_server_impl_1 = tslib_1.__importDefault(require("@nx/webpack/src/execu
 const fs_1 = require("fs");
 const path_1 = require("path");
 const lib_1 = require("./lib");
+const module_federation_deprecation_1 = require("../../utils/module-federation-deprecation");
 async function* moduleFederationDevServer(schema, context) {
+    (0, module_federation_deprecation_1.warnReactMfDevServerExecutorDeprecation)();
     const options = (0, lib_1.normalizeOptions)(schema);
     const currIter = options.static
         ? (0, file_server_impl_1.default)({
@@ -26,7 +28,7 @@ async function* moduleFederationDevServer(schema, context) {
         : // TODO(JamesHenry): remove type assertion once the nx repo is updated to use https://github.com/nrwl/nx/pull/33095
             (0, dev_server_impl_1.default)(options, context);
     const p = context.projectsConfigurations.projects[context.projectName];
-    let pathToManifestFile = (0, path_1.join)(context.root, (0, ts_solution_setup_1.getProjectSourceRoot)(p), 'assets/module-federation.manifest.json');
+    let pathToManifestFile = (0, path_1.join)(context.root, (0, internal_2.getProjectSourceRoot)(p), 'assets/module-federation.manifest.json');
     if (options.pathToManifestFile) {
         const userPathToManifestFile = (0, path_1.join)(context.root, options.pathToManifestFile);
         if (!(0, fs_1.existsSync)(userPathToManifestFile)) {
@@ -41,7 +43,7 @@ async function* moduleFederationDevServer(schema, context) {
         return yield* currIter;
     }
     const { staticRemotesIter, devRemoteIters, remotes } = await (0, utils_1.startRemoteIterators)(options, context, lib_1.startRemotes, pathToManifestFile, 'react');
-    return yield* (0, async_iterable_1.combineAsyncIterables)(currIter, ...devRemoteIters, ...(staticRemotesIter ? [staticRemotesIter] : []), (0, async_iterable_1.createAsyncIterable)(async ({ next, done }) => {
+    return yield* (0, internal_1.combineAsyncIterables)(currIter, ...devRemoteIters, ...(staticRemotesIter ? [staticRemotesIter] : []), (0, internal_1.createAsyncIterable)(async ({ next, done }) => {
         if (!options.isInitialHost) {
             done();
             return;

package/src/executors/module-federation-dev-server/schema.json

@@ -3,6 +3,7 @@
   "continuous": true,
   "outputCapture": "direct-nodejs",
   "title": "Module Federation Dev Server",
+  "x-deprecated": "The `@nx/react:module-federation-dev-server` executor is deprecated. Dynamic federation in `@nx/react:consumer` removes the need for host-orchestrated remote serving. Removed in Nx v24.",
   "description": "Serve a web application.",
   "cli": "nx",
   "type": "object",

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module-federation-ssr-dev-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAU,MAAM,YAAY,CAAC;AAYrD,OAAO,EAAE,mCAAmC,EAAE,MAAM,UAAU,CAAC;AAE/D,wBAA+B,4BAA4B,CACzD,mBAAmB,EAAE,mCAAmC,EACxD,OAAO,EAAE,eAAe,iCA4GzB"}
+{"version":3,"file":"module-federation-ssr-dev-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAU,MAAM,YAAY,CAAC;AAYrD,OAAO,EAAE,mCAAmC,EAAE,MAAM,UAAU,CAAC;AAG/D,wBAA+B,4BAA4B,CACzD,mBAAmB,EAAE,mCAAmC,EACxD,OAAO,EAAE,eAAe,iCA6GzB"}

package/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl.js

@@ -3,20 +3,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = moduleFederationSsrDevServer;
 const tslib_1 = require("tslib");
 const devkit_1 = require("@nx/devkit");
-const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_1 = require("@nx/devkit/internal");
+const internal_2 = require("@nx/js/internal");
 const utils_1 = require("@nx/module-federation/src/executors/utils");
 const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
 const ssr_dev_server_impl_1 = tslib_1.__importDefault(require("@nx/webpack/src/executors/ssr-dev-server/ssr-dev-server.impl"));
 const fs_1 = require("fs");
 const path_1 = require("path");
 const lib_1 = require("./lib");
+const module_federation_deprecation_1 = require("../../utils/module-federation-deprecation");
 async function* moduleFederationSsrDevServer(ssrDevServerOptions, context) {
+    (0, module_federation_deprecation_1.warnReactMfSsrDevServerExecutorDeprecation)();
     const options = (0, lib_1.normalizeOptions)(ssrDevServerOptions);
     // TODO(JamesHenry): remove type assertion once the nx repo is updated to use https://github.com/nrwl/nx/pull/33095
     let iter = (0, ssr_dev_server_impl_1.default)(options, context);
     const projectConfig = context.projectsConfigurations.projects[context.projectName];
-    let pathToManifestFile = (0, path_1.join)(context.root, (0, ts_solution_setup_1.getProjectSourceRoot)(projectConfig), 'assets/module-federation.manifest.json');
+    let pathToManifestFile = (0, path_1.join)(context.root, (0, internal_2.getProjectSourceRoot)(projectConfig), 'assets/module-federation.manifest.json');
     if (options.pathToManifestFile) {
         const userPathToManifestFile = (0, path_1.join)(context.root, options.pathToManifestFile);
         if (!(0, fs_1.existsSync)(userPathToManifestFile)) {
@@ -31,7 +33,7 @@ async function* moduleFederationSsrDevServer(ssrDevServerOptions, context) {
         return yield* iter;
     }
     const { staticRemotesIter, devRemoteIters, remotes } = await (0, utils_1.startRemoteIterators)(options, context, lib_1.startRemotes, pathToManifestFile, 'react', true);
-    const combined = (0, async_iterable_1.combineAsyncIterables)(staticRemotesIter, ...devRemoteIters);
+    const combined = (0, internal_1.combineAsyncIterables)(staticRemotesIter, ...devRemoteIters);
     let refs = 1 + (devRemoteIters?.length ?? 0);
     for await (const result of combined) {
         if (result.success === false)
@@ -41,7 +43,7 @@ async function* moduleFederationSsrDevServer(ssrDevServerOptions, context) {
         if (refs === 0)
             break;
     }
-    return yield* (0, async_iterable_1.combineAsyncIterables)(iter, (0, async_iterable_1.createAsyncIterable)(async ({ next, done }) => {
+    return yield* (0, internal_1.combineAsyncIterables)(iter, (0, internal_1.createAsyncIterable)(async ({ next, done }) => {
         const host = options.host ?? 'localhost';
         const baseUrl = `http${options.ssl ? 's' : ''}://${host}:${options.port}`;
         if (!options.isInitialHost) {

package/src/executors/module-federation-ssr-dev-server/schema.json

@@ -3,6 +3,7 @@
   "continuous": true,
   "outputCapture": "direct-nodejs",
   "title": "Module Federation SSR Dev Server",
+  "x-deprecated": "The `@nx/react:module-federation-ssr-dev-server` executor is deprecated. SSR is not first-classed in the new `@nx/react:consumer`/`@nx/react:provider` generators. Removed in Nx v24.",
   "description": "Serve a SSR Consumer (host) application along with its known Producers (remotes).",
   "cli": "nx",
   "type": "object",

package/src/executors/module-federation-static-server/module-federation-static-server.impl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module-federation-static-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-static-server/module-federation-static-server.impl.ts"],"names":[],"mappings":"AAaA,OAAO,EAIL,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAOzC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAC1F,OAAO,EAAE,kCAAkC,EAAE,MAAM,UAAU,CAAC;AAgJ9D,wBAAgB,YAAY,CAC1B,mBAAmB,EAAE,mBAAmB,EACxC,gBAAgB,EAAE,gCAAgC,EAClD,oBAAoB,EAAE,MAAM,EAC5B,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAChD,UAAU,CAAC,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,QAgEvD;AAED,wBAA+B,4BAA4B,CACzD,MAAM,EAAE,kCAAkC,EAC1C,OAAO,EAAE,eAAe;;;aAiJzB"}
+{"version":3,"file":"module-federation-static-server.impl.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/executors/module-federation-static-server/module-federation-static-server.impl.ts"],"names":[],"mappings":"AAaA,OAAO,EAIL,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AAQzC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAC1F,OAAO,EAAE,kCAAkC,EAAE,MAAM,UAAU,CAAC;AAgJ9D,wBAAgB,YAAY,CAC1B,mBAAmB,EAAE,mBAAmB,EACxC,gBAAgB,EAAE,gCAAgC,EAClD,oBAAoB,EAAE,MAAM,EAC5B,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAChD,UAAU,CAAC,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,QAgEvD;AAED,wBAA+B,4BAA4B,CACzD,MAAM,EAAE,kCAAkC,EAC1C,OAAO,EAAE,eAAe;;;aAkJzB"}

package/src/executors/module-federation-static-server/module-federation-static-server.impl.js

@@ -3,13 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.startProxies = startProxies;
 exports.default = moduleFederationStaticServer;
 const tslib_1 = require("tslib");
+const internal_1 = require("@nx/devkit/internal");
 const devkit_1 = require("@nx/devkit");
-const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
-const ts_solution_setup_1 = require("@nx/js/src/utils/typescript/ts-solution-setup");
+const internal_2 = require("@nx/js/internal");
 const utils_1 = require("@nx/module-federation/src/executors/utils");
 const utils_2 = require("@nx/module-federation/src/utils");
 const file_server_impl_1 = tslib_1.__importDefault(require("@nx/web/src/executors/file-server/file-server.impl"));
 const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
+const module_federation_deprecation_1 = require("../../utils/module-federation-deprecation");
 const child_process_1 = require("child_process");
 const fs_1 = require("fs");
 const path_1 = require("path");
@@ -18,7 +19,7 @@ function getBuildAndServeOptionsFromServeTarget(serveTarget, context) {
     const serveOptions = (0, devkit_1.readTargetOptions)(target, context);
     const buildTarget = (0, devkit_1.parseTargetString)(serveOptions.buildTarget, context);
     const buildOptions = (0, devkit_1.readTargetOptions)(buildTarget, context);
-    let pathToManifestFile = (0, path_1.join)(context.root, (0, ts_solution_setup_1.getProjectSourceRoot)(context.projectGraph.nodes[context.projectName].data), 'assets/module-federation.manifest.json');
+    let pathToManifestFile = (0, path_1.join)(context.root, (0, internal_2.getProjectSourceRoot)(context.projectGraph.nodes[context.projectName].data), 'assets/module-federation.manifest.json');
     if (serveOptions.pathToManifestFile) {
         const userPathToManifestFile = (0, path_1.join)(context.root, serveOptions.pathToManifestFile);
         if (!(0, fs_1.existsSync)(userPathToManifestFile)) {
@@ -159,6 +160,7 @@ function startProxies(staticRemotesConfig, hostServeOptions, mappedLocationOfHos
     devkit_1.logger.info('NX Static Consumer (host) proxy started successfully');
 }
 async function* moduleFederationStaticServer(schema, context) {
+    (0, module_federation_deprecation_1.warnReactMfStaticServerExecutorDeprecation)();
     // Force Node to resolve to look for the nx binary that is inside node_modules
     const nxBin = require.resolve('nx/bin/nx');
     // Get the remotes from the module federation config
@@ -201,7 +203,7 @@ async function* moduleFederationStaticServer(schema, context) {
             pathToKey: (0, path_1.join)(devkit_1.workspaceRoot, options.serveOptions.sslKey),
         }
         : undefined);
-    return yield* (0, async_iterable_1.combineAsyncIterables)(staticFileServerIter, (0, async_iterable_1.createAsyncIterable)(async ({ next, done }) => {
+    return yield* (0, internal_1.combineAsyncIterables)(staticFileServerIter, (0, internal_1.createAsyncIterable)(async ({ next, done }) => {
         const host = options.serveOptions.host ?? 'localhost';
         const baseUrl = `http${options.serveOptions.ssl ? 's' : ''}://${host}:${options.serveOptions.port}`;
         if (remotes.remotePorts.length === 0) {

package/src/executors/module-federation-static-server/schema.json

@@ -3,6 +3,7 @@
   "continuous": true,
   "outputCapture": "direct-nodejs",
   "title": "Module Federation Static Dev Server",
+  "x-deprecated": "The `@nx/react:module-federation-static-server` executor is deprecated. Use `vite preview` / `rsbuild preview` via `nx:run-commands` instead. Removed in Nx v24.",
   "description": "Serve a Consumer (host) application statically along with its Producers (remotes).",
   "cli": "nx",
   "type": "object",

package/src/generators/_utils/mf-dependencies.d.ts

@@ -0,0 +1,8 @@
+import type { SupportedBundler } from './normalize';
+export interface DepsBundle {
+    dependencies: Record<string, string>;
+    devDependencies: Record<string, string>;
+}
+export declare function getProviderDeps(bundler: SupportedBundler): DepsBundle;
+export declare function getConsumerDeps(bundler: SupportedBundler): DepsBundle;
+//# sourceMappingURL=mf-dependencies.d.ts.map

package/src/generators/_utils/mf-dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mf-dependencies.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/_utils/mf-dependencies.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AAQD,wBAAgB,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,UAAU,CAarE;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,gBAAgB,GAAG,UAAU,CAcrE"}

package/src/generators/_utils/mf-dependencies.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getProviderDeps = getProviderDeps;
+exports.getConsumerDeps = getConsumerDeps;
+const tslib_1 = require("tslib");
+const mfVersions = tslib_1.__importStar(require("./mf-versions"));
+const versions_1 = require("@nx/js/src/utils/versions");
+const versions_2 = require("../../utils/versions");
+// Returned to both surfaces:
+// - addDependenciesToPackageJson(tree, deps, devDeps) writes to root package.json
+//   so bare `vite` / `rsbuild` / `rspack` in the run-commands serve target resolve
+//   in integrated workspaces.
+// - The per-project package.json template uses the same map so a pnpm-workspace
+//   setup (which installs per-project) gets the same versions without drift.
+function getProviderDeps(bundler) {
+    const base = {
+        dependencies: {
+            react: versions_2.reactVersion,
+            'react-dom': versions_2.reactDomVersion,
+        },
+        devDependencies: {
+            '@types/react': versions_2.typesReactVersion,
+            '@types/react-dom': versions_2.typesReactDomVersion,
+            typescript: versions_1.typescriptVersion,
+        },
+    };
+    return mergeWith(base, bundlerDeps(bundler));
+}
+function getConsumerDeps(bundler) {
+    const base = {
+        dependencies: {
+            '@module-federation/runtime': mfVersions.moduleFederationRuntimeVersion,
+            react: versions_2.reactVersion,
+            'react-dom': versions_2.reactDomVersion,
+        },
+        devDependencies: {
+            '@types/react': versions_2.typesReactVersion,
+            '@types/react-dom': versions_2.typesReactDomVersion,
+            typescript: versions_1.typescriptVersion,
+        },
+    };
+    return mergeWith(base, bundlerDeps(bundler));
+}
+function bundlerDeps(bundler) {
+    switch (bundler) {
+        case 'vite':
+            return {
+                dependencies: {},
+                devDependencies: {
+                    '@module-federation/vite': mfVersions.moduleFederationVitePluginVersion,
+                    '@vitejs/plugin-react': mfVersions.vitejsPluginReactVersion,
+                    vite: mfVersions.viteVersion,
+                },
+            };
+        case 'rsbuild':
+            return {
+                dependencies: {},
+                devDependencies: {
+                    '@module-federation/rsbuild-plugin': mfVersions.moduleFederationRsbuildPluginVersion,
+                    '@rsbuild/core': mfVersions.rsbuildCoreVersion,
+                    '@rsbuild/plugin-react': mfVersions.rsbuildPluginReactVersion,
+                },
+            };
+        case 'rspack':
+            // Rspack provider/consumer both put @module-federation/enhanced in
+            // dependencies (it's imported at runtime by the federation plugin call).
+            return {
+                dependencies: {
+                    '@module-federation/enhanced': mfVersions.moduleFederationEnhancedVersion,
+                },
+                devDependencies: {
+                    '@rspack/cli': mfVersions.rspackCliVersion,
+                    '@rspack/core': mfVersions.rspackCoreVersion,
+                    '@rspack/dev-server': mfVersions.rspackDevServerVersion,
+                },
+            };
+    }
+}
+function mergeWith(a, b) {
+    return {
+        dependencies: { ...a.dependencies, ...b.dependencies },
+        devDependencies: { ...a.devDependencies, ...b.devDependencies },
+    };
+}

package/src/generators/_utils/mf-versions.d.ts

@@ -0,0 +1,12 @@
+export declare const moduleFederationEnhancedVersion = "^2.4.0";
+export declare const moduleFederationVitePluginVersion = "^1.15.5";
+export declare const moduleFederationRuntimeVersion = "^2.4.0";
+export declare const viteVersion = "^8.0.13";
+export declare const vitejsPluginReactVersion = "^6.0.2";
+export declare const rsbuildCoreVersion = "^1.4.0";
+export declare const rsbuildPluginReactVersion = "^1.3.0";
+export declare const moduleFederationRsbuildPluginVersion = "^2.5.0";
+export declare const rspackCoreVersion = "^2.0.3";
+export declare const rspackCliVersion = "^2.0.3";
+export declare const rspackDevServerVersion = "2.0.1";
+//# sourceMappingURL=mf-versions.d.ts.map

package/src/generators/_utils/mf-versions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mf-versions.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/_utils/mf-versions.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,+BAA+B,WAAW,CAAC;AACxD,eAAO,MAAM,iCAAiC,YAAY,CAAC;AAC3D,eAAO,MAAM,8BAA8B,WAAW,CAAC;AAGvD,eAAO,MAAM,WAAW,YAAY,CAAC;AACrC,eAAO,MAAM,wBAAwB,WAAW,CAAC;AAGjD,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAC3C,eAAO,MAAM,yBAAyB,WAAW,CAAC;AAIlD,eAAO,MAAM,oCAAoC,WAAW,CAAC;AAG7D,eAAO,MAAM,iBAAiB,WAAW,CAAC;AAC1C,eAAO,MAAM,gBAAgB,WAAW,CAAC;AAIzC,eAAO,MAAM,sBAAsB,UAAU,CAAC"}

package/src/generators/_utils/mf-versions.js

@@ -0,0 +1,29 @@
+"use strict";
+// Module Federation runtime + bundler-specific deps live here. Framework
+// versions (react, react-dom, @types/*, typescript) are owned by @nx/react
+// (../../utils/versions) and @nx/js so each dep has a single source of truth.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rspackDevServerVersion = exports.rspackCliVersion = exports.rspackCoreVersion = exports.moduleFederationRsbuildPluginVersion = exports.rsbuildPluginReactVersion = exports.rsbuildCoreVersion = exports.vitejsPluginReactVersion = exports.viteVersion = exports.moduleFederationRuntimeVersion = exports.moduleFederationVitePluginVersion = exports.moduleFederationEnhancedVersion = void 0;
+// Module Federation runtime packages. Keep `runtime` on the same major as
+// `enhanced` / the `vite` plugin (both pull runtime 2.4.x). A 0.x runtime in
+// the consumer would mismatch the 2.x runtime baked into the providers.
+exports.moduleFederationEnhancedVersion = '^2.4.0';
+exports.moduleFederationVitePluginVersion = '^1.15.5';
+exports.moduleFederationRuntimeVersion = '^2.4.0';
+// Vite stack.
+exports.viteVersion = '^8.0.13';
+exports.vitejsPluginReactVersion = '^6.0.2';
+// Rsbuild stack.
+exports.rsbuildCoreVersion = '^1.4.0';
+exports.rsbuildPluginReactVersion = '^1.3.0';
+// Official MF rsbuild integration. Peers @rsbuild/core ^1.3.21, so the pin
+// above satisfies it. Used instead of @module-federation/enhanced/rspack so
+// the federation config is a first-class rsbuild plugin, not a tools.rspack hack.
+exports.moduleFederationRsbuildPluginVersion = '^2.5.0';
+// Rspack stack.
+exports.rspackCoreVersion = '^2.0.3';
+exports.rspackCliVersion = '^2.0.3';
+// Pinned (no ^) to dodge the broken 2.0.2 publish, which ships no dist/ so
+// @rspack/cli can't load it for `rspack serve`. Re-float to ^ once upstream
+// republishes a fixed 2.0.3+.
+exports.rspackDevServerVersion = '2.0.1';

package/src/generators/_utils/normalize.d.ts

@@ -0,0 +1,20 @@
+import { Tree } from '@nx/devkit';
+export type SupportedBundler = 'vite' | 'rsbuild' | 'rspack';
+export type SupportedSurface = 'consumer' | 'provider';
+export interface NormalizedScaffoldOptions {
+    projectName: string;
+    federationName: string;
+    bundler: SupportedBundler;
+    port: number;
+    projectRoot: string;
+}
+export interface RawScaffoldOptions {
+    directory: string;
+    surface: SupportedSurface;
+    bundler?: SupportedBundler;
+    port?: number;
+}
+export declare function getDefaultPort(bundler: SupportedBundler, surface: SupportedSurface): number;
+export declare function toFederationName(projectName: string): string;
+export declare function normalizeScaffoldOptions(tree: Tree, raw: RawScaffoldOptions): Promise<NormalizedScaffoldOptions>;
+//# sourceMappingURL=normalize.d.ts.map

package/src/generators/_utils/normalize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/_utils/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,IAAI,EAAE,MAAM,YAAY,CAAC;AAGzC,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC7D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAC;AAevD,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,gBAAgB,GACxB,MAAM,CAGR;AAKD,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAe5D;AAED,wBAAsB,wBAAwB,CAC5C,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,kBAAkB,GACtB,OAAO,CAAC,yBAAyB,CAAC,CAYpC"}