@nx/react 19.5.2 → 19.5.4

package/mf/dynamic-federation.d.ts

@@ -1,4 +1,5 @@
 export type ResolveRemoteUrlFunction = (remoteName: string) => string | Promise<string>;
 export declare function setRemoteUrlResolver(_resolveRemoteUrl: ResolveRemoteUrlFunction): void;
 export declare function setRemoteDefinitions(definitions: Record<string, string>): void;
+export declare function setRemoteDefinition(remoteName: string, remoteUrl: string): void;
 export declare function loadRemoteModule(remoteName: string, moduleName: string): Promise<any>;

package/mf/dynamic-federation.js

@@ -2,8 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setRemoteUrlResolver = setRemoteUrlResolver;
 exports.setRemoteDefinitions = setRemoteDefinitions;
+exports.setRemoteDefinition = setRemoteDefinition;
 exports.loadRemoteModule = loadRemoteModule;
-let remoteUrlDefinitions;
+let remoteUrlDefinitions = {};
 let resolveRemoteUrl;
 const remoteModuleMap = new Map();
 const remoteContainerMap = new Map();
@@ -14,6 +15,9 @@ function setRemoteUrlResolver(_resolveRemoteUrl) {
 function setRemoteDefinitions(definitions) {
     remoteUrlDefinitions = definitions;
 }
+function setRemoteDefinition(remoteName, remoteUrl) {
+    remoteUrlDefinitions[remoteName] = remoteUrl;
+}
 async function loadRemoteModule(remoteName, moduleName) {
     const remoteModuleKey = `${remoteName}:${moduleName}`;
     if (remoteModuleMap.has(remoteModuleKey)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "19.5.2",
+  "version": "19.5.4",
   "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.2",
-    "@nx/js": "19.5.2",
-    "@nx/eslint": "19.5.2",
-    "@nx/web": "19.5.2",
-    "@nrwl/react": "19.5.2"
+    "@nx/devkit": "19.5.4",
+    "@nx/js": "19.5.4",
+    "@nx/eslint": "19.5.4",
+    "@nx/web": "19.5.4",
+    "@nrwl/react": "19.5.4"
   },
   "publishConfig": {
     "access": "public"

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

@@ -104,7 +104,7 @@ async function buildStaticRemotes(staticRemotesConfig, nxBin, context, options)
         mappedLocationOfRemotes[app] = `http${options.ssl ? 's' : ''}://${options.host}:${options.staticRemotesPort}/${staticRemotesConfig.config[app].urlSegment}`;
     }
     process.env.NX_MF_DEV_SERVER_STATIC_REMOTES = JSON.stringify(mappedLocationOfRemotes);
-    await new Promise((res) => {
+    await new Promise((res, rej) => {
         const staticProcess = (0, node_child_process_1.fork)(nxBin, [
             'run-many',
             `--target=build`,
@@ -124,6 +124,11 @@ async function buildStaticRemotes(staticRemotesConfig, nxBin, context, options)
             const ANSII_CODE_REGEX = /[\u001b\u009b][[()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g;
             const stdoutString = data.toString().replace(ANSII_CODE_REGEX, '');
             stdoutStream.write(stdoutString);
+            // in addition to writing into the stdout stream, also show error directly in console
+            // so the error is easily discoverable. 'ERROR in' is the key word to search in webpack output.
+            if (stdoutString.includes('ERROR in')) {
+                devkit_1.logger.log(stdoutString);
+            }
             if (stdoutString.includes('Successfully ran target build')) {
                 staticProcess.stdout.removeAllListeners('data');
                 devkit_1.logger.info(`NX Built ${staticRemotesConfig.remotes.length} static remotes`);
@@ -136,9 +141,11 @@ async function buildStaticRemotes(staticRemotesConfig, nxBin, context, options)
             staticProcess.stdout.removeAllListeners('data');
             staticProcess.stderr.removeAllListeners('data');
             if (code !== 0) {
-                throw new Error(`Remote failed to start. A complete log can be found in: ${remoteBuildLogFile}`);
+                rej(`Remote failed to start. A complete log can be found in: ${remoteBuildLogFile}`);
+            }
+            else {
+                res();
             }
-            res();
         });
         process.on('SIGTERM', () => staticProcess.kill('SIGTERM'));
         process.on('exit', () => staticProcess.kill('SIGTERM'));

package/src/generators/application/files/base-vite/index.html__tmpl__

@@ -11,6 +11,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/<%= js ? 'main.jsx' : 'main.tsx' %>"></script>
   </body>
 </html>

package/src/generators/application/lib/create-application-files.js

@@ -34,6 +34,7 @@ function createApplicationFiles(host, options) {
     const templateVariables = {
         ...(0, devkit_1.names)(options.name),
         ...options,
+        js: !!options.js, // Ensure this is defined in template
         tmpl: '',
         offsetFromRoot: (0, devkit_1.offsetFromRoot)(options.appProjectRoot),
         appTests,
@@ -117,7 +118,9 @@ function createApplicationFiles(host, options) {
     }
     (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, styleSolutionSpecificAppFiles), options.appProjectRoot, templateVariables);
     if (options.js) {
-        (0, devkit_1.toJS)(host);
+        (0, devkit_1.toJS)(host, {
+            useJsx: options.bundler === 'vite',
+        });
     }
     (0, create_ts_config_1.createTsConfig)(host, options.appProjectRoot, 'app', options, relativePathToRootTsConfig);
 }

package/src/generators/host/host.js

@@ -73,6 +73,7 @@ async function hostGeneratorInternal(host, schema) {
                 js: options.js,
                 dynamic: options.dynamic,
                 host: options.name,
+                skipPackageJson: options.skipPackageJson,
             });
             tasks.push(remoteTask);
             remotePort++;

package/src/generators/host/schema.d.ts

@@ -18,6 +18,7 @@ export interface Schema {
   setParserOptionsProject?: boolean;
   skipFormat?: boolean;
   skipNxJson?: boolean;
+  skipPackageJson?: boolean;
   ssr?: boolean;
   strict?: boolean;
   style: SupportedStyles;

package/src/generators/host/schema.json

@@ -177,6 +177,12 @@
       "type": "boolean",
       "description": "Whether the module federation configuration and webpack configuration files should use TS. When --js is used, this flag is ignored.",
       "default": true
+    },
+    "skipPackageJson": {
+      "description": "Do not add dependencies to `package.json`.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
     }
   },
   "required": ["name"],

package/src/generators/remote/schema.d.ts

@@ -20,6 +20,7 @@ export interface Schema {
   setParserOptionsProject?: boolean;
   skipFormat: boolean;
   skipNxJson?: boolean;
+  skipPackageJson?: boolean;
   ssr?: boolean;
   strict?: boolean;
   style: SupportedStyles;

package/src/generators/remote/schema.json

@@ -176,6 +176,12 @@
       "type": "boolean",
       "description": "Whether the module federation configuration and webpack configuration files should use TS. When --js is used, this flag is ignored.",
       "default": true
+    },
+    "skipPackageJson": {
+      "description": "Do not add dependencies to `package.json`.",
+      "type": "boolean",
+      "default": false,
+      "x-priority": "internal"
     }
   },
   "required": ["name"],

package/src/utils/versions.d.ts

@@ -36,7 +36,7 @@ export declare const typesExpressVersion = "4.17.17";
 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.3.0";
+export declare const moduleFederationNodeVersion = "~2.4.0";
 export declare const moduleFederationEnhancedVersion = "~0.2.3";
 export declare const lessVersion = "3.12.2";
 export declare const sassVersion = "^1.55.0";

package/src/utils/versions.js

@@ -42,7 +42,7 @@ exports.typesExpressVersion = '4.17.17';
 exports.isbotVersion = '^3.6.5';
 exports.corsVersion = '~2.8.5';
 exports.typesCorsVersion = '~2.8.12';
-exports.moduleFederationNodeVersion = '^2.3.0';
+exports.moduleFederationNodeVersion = '~2.4.0';
 exports.moduleFederationEnhancedVersion = '~0.2.3';
 // style preprocessors
 exports.lessVersion = '3.12.2';