@nx/react 19.0.4 → 19.1.0-beta.0

package/migrations.json

@@ -184,6 +184,15 @@
           "alwaysAddToPackageJson": false
         }
       }
+    },
+    "19.0.3": {
+      "version": "19.0.3-beta.0",
+      "packages": {
+        "tailwindcss": {
+          "version": "3.4.3",
+          "alwaysAddToPackageJson": false
+        }
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "19.0.4",
+  "version": "19.1.0-beta.0",
   "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": {
@@ -37,11 +37,11 @@
     "file-loader": "^6.2.0",
     "minimatch": "9.0.3",
     "tslib": "^2.3.0",
-    "@nx/devkit": "19.0.4",
-    "@nx/js": "19.0.4",
-    "@nx/eslint": "19.0.4",
-    "@nx/web": "19.0.4",
-    "@nrwl/react": "19.0.4"
+    "@nx/devkit": "19.1.0-beta.0",
+    "@nx/js": "19.1.0-beta.0",
+    "@nx/eslint": "19.1.0-beta.0",
+    "@nx/web": "19.1.0-beta.0",
+    "@nrwl/react": "19.1.0-beta.0"
   },
   "publishConfig": {
     "access": "public"

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

@@ -1,7 +1,10 @@
 import { ExecutorContext } from '@nx/devkit';
 import { WebDevServerOptions } from '@nx/webpack/src/executors/dev-server/schema';
 type ModuleFederationDevServerOptions = WebDevServerOptions & {
-    devRemotes?: string[];
+    devRemotes?: (string | {
+        remoteName: string;
+        configuration: string;
+    })[];
     skipRemotes?: string[];
     static?: boolean;
     isInitialHost?: boolean;

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

@@ -63,6 +63,7 @@ async function startRemotes(remotes, context, options, target = 'serve') {
     for (const app of remotes) {
         const remoteProjectServeTarget = context.projectGraph.nodes[app].data.targets[target];
         const isUsingModuleFederationDevServerExecutor = remoteProjectServeTarget.executor.includes('module-federation-dev-server');
+        const configurationOverride = options.devRemotes?.find((r) => typeof r !== 'string' && r.remoteName === app)?.configuration;
         const overrides = target === 'serve'
             ? {
                 watch: true,
@@ -78,7 +79,7 @@ async function startRemotes(remotes, context, options, target = 'serve') {
         remoteIters.push(await (0, devkit_1.runExecutor)({
             project: app,
             target,
-            configuration: context.configurationName,
+            configuration: configurationOverride ?? context.configurationName,
         }, overrides, context));
     }
     return remoteIters;
@@ -175,14 +176,17 @@ async function* moduleFederationDevServer(options, context) {
         return yield* currIter;
     }
     const moduleFederationConfig = (0, module_federation_1.getModuleFederationConfig)(buildOptions.tsConfig, context.root, p.root, 'react');
-    const remotes = (0, module_federation_1.getRemotes)(options.devRemotes, options.skipRemotes, moduleFederationConfig, {
+    const remoteNames = options.devRemotes?.map((r) => typeof r === 'string' ? r : r.remoteName);
+    const remotes = (0, module_federation_1.getRemotes)(remoteNames, options.skipRemotes, moduleFederationConfig, {
         projectName: context.projectName,
         projectGraph: context.projectGraph,
         root: context.root,
     }, pathToManifestFile);
     if (remotes.devRemotes.length > 0 && !initialStaticRemotesPorts) {
         options.staticRemotesPort = options.devRemotes.reduce((portToUse, r) => {
-            const remotePort = context.projectGraph.nodes[r].data.targets['serve'].options.port;
+            const remoteName = typeof r === 'string' ? r : r.remoteName;
+            const remotePort = context.projectGraph.nodes[remoteName].data.targets['serve'].options
+                .port;
             if (remotePort >= portToUse) {
                 return remotePort + 1;
             }

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

@@ -9,7 +9,24 @@
     "devRemotes": {
       "type": "array",
       "items": {
-        "type": "string"
+        "oneOf": [
+          {
+            "type": "string"
+          },
+          {
+            "type": "object",
+            "properties": {
+              "remoteName": {
+                "type": "string"
+              },
+              "configuration": {
+                "type": "string"
+              }
+            },
+            "required": ["remoteName"],
+            "additionalProperties": false
+          }
+        ]
       },
       "description": "List of remote applications to run in development mode (i.e. using serve target).",
       "x-priority": "important"
@@ -114,5 +131,6 @@
       "type": "string",
       "description": "Path to a Module Federation manifest file (e.g. `my/path/to/module-federation.manifest.json`) containing the dynamic remote applications relative to the workspace root."
     }
-  }
+  },
+  "examplesFile": "../../../docs/module-federation-dev-server-examples.md"
 }

package/src/utils/versions.d.ts

@@ -29,7 +29,7 @@ export declare const eslintPluginReactHooksVersion = "4.6.0";
 export declare const babelPluginStyledComponentsVersion = "1.10.7";
 export declare const tsLibVersion = "^2.3.0";
 export declare const postcssVersion = "8.4.21";
-export declare const tailwindcssVersion = "3.2.7";
+export declare const tailwindcssVersion = "3.4.3";
 export declare const autoprefixerVersion = "10.4.13";
 export declare const expressVersion = "~4.18.2";
 export declare const typesExpressVersion = "4.17.17";

package/src/utils/versions.js

@@ -34,7 +34,7 @@ exports.eslintPluginReactHooksVersion = '4.6.0';
 exports.babelPluginStyledComponentsVersion = '1.10.7';
 exports.tsLibVersion = '^2.3.0';
 exports.postcssVersion = '8.4.21';
-exports.tailwindcssVersion = '3.2.7';
+exports.tailwindcssVersion = '3.4.3';
 exports.autoprefixerVersion = '10.4.13';
 // SSR and Module Federation
 exports.expressVersion = '~4.18.2';