@nx/react 0.0.0-pr-26816-51699f9 → 0.0.0-pr-22870-1e85c39

package/babel.d.ts

@@ -1,13 +1,17 @@
 interface NxReactBabelOptions {
-    development?: boolean;
-    runtime?: string;
-    importSource?: string;
-    useBuiltIns?: boolean | string;
     decorators?: {
         decoratorsBeforeExport?: boolean;
         legacy?: boolean;
     };
+    development?: boolean;
+    importSource?: string;
     loose?: boolean;
+    reactCompiler?: boolean | {
+        compilationMode?: string;
+        sources?: (filename: string) => boolean;
+    };
+    runtime?: string;
+    useBuiltIns?: boolean | string;
     /** @deprecated Use `loose` option instead of `classProperties.loose`
      */
     classProperties?: {

package/babel.js

@@ -8,7 +8,10 @@ module.exports = function (api, options) {
      * pagesDir is set when being transpiled by Next.js
      */
     const isNextJs = api.caller((caller) => caller?.pagesDir);
-    const presets = [[require.resolve('@nx/js/babel'), options]];
+    const presets = [
+        [require.resolve('@nx/js/babel'), options],
+    ];
+    const plugins = [];
     /**
      * Next.js already includes the preset-react, and including it
      * the second time here results in having two instances of this preset.
@@ -29,8 +32,21 @@ module.exports = function (api, options) {
             }),
         ]);
     }
+    if (options.reactCompiler) {
+        try {
+            const reactCompilerPlugin = require.resolve('babel-plugin-react-compiler');
+            plugins.push([
+                reactCompilerPlugin,
+                typeof options.reactCompiler !== 'boolean' ? options.reactCompiler : {},
+            ]);
+        }
+        catch {
+            throw new Error(`Could not find "babel-plugin-react-compiler". Did you install it?`);
+        }
+    }
     return {
         presets,
+        plugins,
     };
 };
 function getReactPresetOptions({ presetOptions, env, }) {

package/migrations.json

@@ -203,8 +203,8 @@
         }
       }
     },
-    "19.4.0-module-federation": {
-      "version": "19.4.0-rc.2",
+    "19.5.0-module-federation": {
+      "version": "19.5.0-beta.0",
       "packages": {
         "@module-federation/node": {
           "version": "^2.3.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "0.0.0-pr-26816-51699f9",
+  "version": "0.0.0-pr-22870-1e85c39",
   "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": "0.0.0-pr-26816-51699f9",
-    "@nx/js": "0.0.0-pr-26816-51699f9",
-    "@nx/eslint": "0.0.0-pr-26816-51699f9",
-    "@nx/web": "0.0.0-pr-26816-51699f9",
-    "@nrwl/react": "0.0.0-pr-26816-51699f9"
+    "@nx/devkit": "0.0.0-pr-22870-1e85c39",
+    "@nx/js": "0.0.0-pr-22870-1e85c39",
+    "@nx/eslint": "0.0.0-pr-22870-1e85c39",
+    "@nx/web": "0.0.0-pr-22870-1e85c39",
+    "@nrwl/react": "0.0.0-pr-22870-1e85c39"
   },
   "publishConfig": {
     "access": "public"

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

@@ -188,8 +188,6 @@ 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

@@ -65,8 +65,6 @@ 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

@@ -6,7 +6,6 @@ async function withModuleFederationForSSR(options, configOverride) {
     if (global.NX_GRAPH_CREATION) {
         return (config) => config;
     }
-    options.useNxLibraryControlPlugin ??= true;
     const { sharedLibraries, sharedDependencies, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options, {
         isServer: true,
     });
@@ -32,20 +31,7 @@ async function withModuleFederationForSSR(options, configOverride) {
              * Apply user-defined config overrides
              */
             ...(configOverride ? configOverride : {}),
-            runtimePlugins: process.env.NX_MF_DEV_REMOTES && options.useNxLibraryControlPlugin
-                ? [
-                    ...(configOverride?.runtimePlugins ?? []),
-                    require.resolve('@nx/webpack/src/utils/module-federation/plugins/runtime-library-control.plugin.js'),
-                ]
-                : configOverride?.runtimePlugins,
         }, {}), sharedLibraries.getReplacementPlugin());
-        if (process.env.NX_MF_DEV_REMOTES && options.useNxLibraryControlPlugin) {
-            // 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

@@ -12,7 +12,6 @@ async function withModuleFederation(options, configOverride) {
     if (global.NX_GRAPH_CREATION) {
         return (config) => config;
     }
-    options.useNxLibraryControlPlugin ??= true;
     const { sharedDependencies, sharedLibraries, mappedRemotes } = await (0, utils_1.getModuleFederationConfig)(options);
     const isGlobal = isVarOrWindow(options.library?.type);
     return (config, ctx) => {
@@ -53,20 +52,7 @@ async function withModuleFederation(options, configOverride) {
              * Apply user-defined config overrides
              */
             ...(configOverride ? configOverride : {}),
-            runtimePlugins: process.env.NX_MF_DEV_REMOTES && options.useNxLibraryControlPlugin
-                ? [
-                    ...(configOverride?.runtimePlugins ?? []),
-                    require.resolve('@nx/webpack/src/utils/module-federation/plugins/runtime-library-control.plugin.js'),
-                ]
-                : configOverride?.runtimePlugins,
         }), sharedLibraries.getReplacementPlugin());
-        if (process.env.NX_MF_DEV_REMOTES && options.useNxLibraryControlPlugin) {
-            // 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_REMOTES';
+    const mfEnvVar = 'NX_MF_DEV_SERVER_STATIC_REMOTES';
     nxJson.targetDefaults ??= {};
     nxJson.targetDefaults[webpackExecutor] ??= {};
     nxJson.targetDefaults[webpackExecutor].inputs ??= [