@nx/react 19.8.0-beta.1 → 19.8.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "19.8.0-beta.1",
+  "version": "19.8.0-beta.3",
   "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,13 +39,13 @@
     "minimatch": "9.0.3",
     "tslib": "^2.3.0",
     "@module-federation/enhanced": "~0.6.0",
-    "@nx/devkit": "19.8.0-beta.1",
-    "@nx/js": "19.8.0-beta.1",
-    "@nx/eslint": "19.8.0-beta.1",
-    "@nx/web": "19.8.0-beta.1",
+    "@nx/devkit": "19.8.0-beta.3",
+    "@nx/js": "19.8.0-beta.3",
+    "@nx/eslint": "19.8.0-beta.3",
+    "@nx/web": "19.8.0-beta.3",
     "express": "^4.19.2",
     "http-proxy-middleware": "^3.0.0",
-    "@nrwl/react": "19.8.0-beta.1"
+    "@nrwl/react": "19.8.0-beta.3"
   },
   "publishConfig": {
     "access": "public"

package/src/generators/host/host.js

@@ -46,6 +46,7 @@ async function hostGeneratorInternal(host, schema) {
     }
     const initTask = await (0, application_1.default)(host, {
         ...options,
+        name: options.projectName,
         // The target use-case is loading remotes as child routes, thus always enable routing.
         routing: true,
         skipFormat: true,

package/src/generators/host/lib/add-module-federation-files.js

@@ -5,7 +5,7 @@ const devkit_1 = require("@nx/devkit");
 const maybe_js_1 = require("../../../utils/maybe-js");
 function addModuleFederationFiles(host, options, defaultRemoteManifest) {
     const templateVariables = {
-        ...(0, devkit_1.names)(options.name),
+        ...(0, devkit_1.names)(options.projectName),
         ...options,
         static: !options?.dynamic,
         tmpl: '',
@@ -16,7 +16,7 @@ function addModuleFederationFiles(host, options, defaultRemoteManifest) {
             };
         }),
     };
-    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, options.name);
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, options.projectName);
     const pathToMFManifest = (0, devkit_1.joinPathFragments)(projectConfig.sourceRoot, 'assets/module-federation.manifest.json');
     // Module federation requires bootstrap code to be dynamically imported.
     // Renaming original entry file so we can use `import(./bootstrap)` in

package/src/generators/remote/lib/setup-tspath-for-remote.d.ts

@@ -1,3 +1,3 @@
 import type { Tree } from '@nx/devkit';
-import type { Schema } from '../schema';
-export declare function setupTspathForRemote(tree: Tree, options: Schema): void;
+import { NormalizedSchema } from '../../application/schema';
+export declare function setupTspathForRemote(tree: Tree, options: NormalizedSchema): void;

package/src/generators/remote/lib/setup-tspath-for-remote.js

@@ -5,10 +5,10 @@ const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
 const maybe_js_1 = require("../../../utils/maybe-js");
 function setupTspathForRemote(tree, options) {
-    const project = (0, devkit_1.readProjectConfiguration)(tree, options.name);
+    const project = (0, devkit_1.readProjectConfiguration)(tree, options.projectName);
     const exportPath = (0, maybe_js_1.maybeJs)(options, './src/remote-entry.ts');
     const exportName = 'Module';
-    (0, js_1.addTsConfigPath)(tree, `${options.name}/${exportName}`, [
+    (0, js_1.addTsConfigPath)(tree, `${options.projectName}/${exportName}`, [
         (0, devkit_1.joinPathFragments)(project.root, exportPath),
     ]);
 }

package/src/generators/remote/remote.js

@@ -19,7 +19,7 @@ const js_1 = require("@nx/js");
 const versions_1 = require("../../utils/versions");
 function addModuleFederationFiles(host, options) {
     const templateVariables = {
-        ...(0, devkit_1.names)(options.name),
+        ...(0, devkit_1.names)(options.projectName),
         ...options,
         tmpl: '',
     };
@@ -68,13 +68,14 @@ async function remoteGeneratorInternal(host, schema) {
     if (options.dynamic) {
         // Dynamic remotes generate with library { type: 'var' } by default.
         // We need to ensure that the remote name is a valid variable name.
-        const isValidRemote = (0, js_1.isValidVariable)(options.name);
+        const isValidRemote = (0, js_1.isValidVariable)(options.projectName);
         if (!isValidRemote.isValid) {
-            throw new Error(`Invalid remote name provided: ${options.name}. ${isValidRemote.message}`);
+            throw new Error(`Invalid remote name provided: ${options.projectName}. ${isValidRemote.message}`);
         }
     }
     const initAppTask = await (0, application_1.default)(host, {
         ...options,
+        name: options.projectName,
         skipFormat: true,
     });
     tasks.push(initAppTask);
@@ -115,7 +116,7 @@ async function remoteGeneratorInternal(host, schema) {
     if (options.host && options.dynamic) {
         const hostConfig = (0, devkit_1.readProjectConfiguration)(host, schema.host);
         const pathToMFManifest = (0, devkit_1.joinPathFragments)(hostConfig.sourceRoot, 'assets/module-federation.manifest.json');
-        (0, add_remote_to_dynamic_host_1.addRemoteToDynamicHost)(host, options.name, options.devServerPort, pathToMFManifest);
+        (0, add_remote_to_dynamic_host_1.addRemoteToDynamicHost)(host, options.projectName, options.devServerPort, pathToMFManifest);
     }
     (0, add_mf_env_to_inputs_1.addMfEnvToTargetDefaultInputs)(host);
     const installTask = (0, devkit_1.addDependenciesToPackageJson)(host, {}, { '@module-federation/enhanced': versions_1.moduleFederationEnhancedVersion });