@nx/react 19.5.0 → 19.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "19.5.0",
+  "version": "19.5.1",
   "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": {
@@ -39,11 +39,11 @@
     "minimatch": "9.0.3",
     "tslib": "^2.3.0",
     "@module-federation/enhanced": "~0.2.3",
-    "@nx/devkit": "19.5.0",
-    "@nx/js": "19.5.0",
-    "@nx/eslint": "19.5.0",
-    "@nx/web": "19.5.0",
-    "@nrwl/react": "19.5.0"
+    "@nx/devkit": "19.5.1",
+    "@nx/js": "19.5.1",
+    "@nx/eslint": "19.5.1",
+    "@nx/web": "19.5.1",
+    "@nrwl/react": "19.5.1"
   },
   "publishConfig": {
     "access": "public"

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

@@ -188,6 +188,8 @@ async function* moduleFederationDevServer(options, context) {
         projectGraph: context.projectGraph,
         root: context.root,
     }, pathToManifestFile);
+    // Set NX_MF_DEV_REMOTES for the Nx Runtime Library Control Plugin
+    process.env.NX_MF_DEV_REMOTES = JSON.stringify(remotes.devRemotes.map((r) => (typeof r === 'string' ? r : r.remoteName)));
     if (remotes.devRemotes.length > 0 && !initialStaticRemotesPorts) {
         options.staticRemotesPort = options.devRemotes.reduce((portToUse, r) => {
             const remoteName = typeof r === 'string' ? r : r.remoteName;

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

@@ -66,6 +66,8 @@ async function* moduleFederationSsrDevServer(options, context) {
         : Array.isArray(options.devRemotes)
             ? options.devRemotes
             : [options.devRemotes];
+    // Set NX_MF_DEV_REMOTES for the Nx Runtime Library Control Plugin
+    process.env.NX_MF_DEV_REMOTES = JSON.stringify(devServeApps);
     for (const app of knownRemotes) {
         const [appName] = Array.isArray(app) ? app : [app];
         const isDev = devServeApps.includes(appName);

package/src/module-federation/with-module-federation-ssr.js

@@ -31,7 +31,19 @@ async function withModuleFederationForSSR(options, configOverride) {
              * Apply user-defined config overrides
              */
             ...(configOverride ? configOverride : {}),
+            runtimePlugins: process.env.NX_MF_DEV_REMOTES &&
+                !options.disableNxRuntimeLibraryControlPlugin
+                ? [
+                    ...(configOverride?.runtimePlugins ?? []),
+                    require.resolve('@nx/webpack/src/utils/module-federation/plugins/runtime-library-control.plugin.js'),
+                ]
+                : configOverride?.runtimePlugins,
         }, {}), sharedLibraries.getReplacementPlugin());
+        // The env var is only set from the module-federation-dev-server
+        // Attach the runtime plugin
+        config.plugins.push(new (require('webpack').DefinePlugin)({
+            'process.env.NX_MF_DEV_REMOTES': process.env.NX_MF_DEV_REMOTES,
+        }));
         return config;
     };
 }

package/src/module-federation/with-module-federation.js

@@ -52,7 +52,19 @@ async function withModuleFederation(options, configOverride) {
              * Apply user-defined config overrides
              */
             ...(configOverride ? configOverride : {}),
+            runtimePlugins: process.env.NX_MF_DEV_REMOTES &&
+                !options.disableNxRuntimeLibraryControlPlugin
+                ? [
+                    ...(configOverride?.runtimePlugins ?? []),
+                    require.resolve('@nx/webpack/src/utils/module-federation/plugins/runtime-library-control.plugin.js'),
+                ]
+                : configOverride?.runtimePlugins,
         }), sharedLibraries.getReplacementPlugin());
+        // The env var is only set from the module-federation-dev-server
+        // Attach the runtime plugin
+        config.plugins.push(new (require('webpack').DefinePlugin)({
+            'process.env.NX_MF_DEV_REMOTES': process.env.NX_MF_DEV_REMOTES,
+        }));
         return config;
     };
 }

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

@@ -5,7 +5,7 @@ const devkit_1 = require("@nx/devkit");
 function addMfEnvToTargetDefaultInputs(tree) {
     const nxJson = (0, devkit_1.readNxJson)(tree);
     const webpackExecutor = '@nx/webpack:webpack';
-    const mfEnvVar = 'NX_MF_DEV_SERVER_STATIC_REMOTES';
+    const mfEnvVar = 'NX_MF_DEV_REMOTES';
     nxJson.targetDefaults ??= {};
     nxJson.targetDefaults[webpackExecutor] ??= {};
     nxJson.targetDefaults[webpackExecutor].inputs ??= [