@nx/react 17.0.1 → 17.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "17.0.1",
+  "version": "17.0.2",
   "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, 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": "3.0.5",
     "tslib": "^2.3.0",
-    "@nx/devkit": "17.0.1",
-    "@nx/js": "17.0.1",
-    "@nx/eslint": "17.0.1",
-    "@nx/web": "17.0.1",
-    "@nrwl/react": "17.0.1"
+    "@nx/devkit": "17.0.2",
+    "@nx/js": "17.0.2",
+    "@nx/eslint": "17.0.2",
+    "@nx/web": "17.0.2",
+    "@nrwl/react": "17.0.2"
   },
   "publishConfig": {
     "access": "public"

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

@@ -15,7 +15,8 @@ function getBuildOptions(buildTarget, context) {
     };
 }
 async function* moduleFederationDevServer(options, context) {
-    const nxBin = require.resolve('nx');
+    // Force Node to resolve to look for the nx binary that is inside node_modules
+    const nxBin = require.resolve('nx/bin/nx');
     const currIter = options.static
         ? (0, file_server_impl_1.default)({
             ...options,

package/src/generators/application/lib/add-e2e.js

@@ -6,25 +6,35 @@ const web_1 = require("@nx/web");
 const versions_1 = require("../../../utils/versions");
 async function addE2e(tree, options) {
     switch (options.e2eTestRunner) {
-        case 'cypress':
+        case 'cypress': {
             (0, web_1.webStaticServeGenerator)(tree, {
                 buildTarget: `${options.projectName}:build`,
                 targetName: 'serve-static',
             });
-            const { cypressProjectGenerator } = (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
-            return await cypressProjectGenerator(tree, {
+            const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
+            (0, devkit_1.addProjectConfiguration)(tree, options.e2eProjectName, {
+                projectType: 'application',
+                root: options.e2eProjectRoot,
+                sourceRoot: (0, devkit_1.joinPathFragments)(options.e2eProjectRoot, 'src'),
+                targets: {},
+                implicitDependencies: [options.projectName],
+                tags: [],
+            });
+            return await configurationGenerator(tree, {
                 ...options,
-                name: options.e2eProjectName,
-                directory: options.e2eProjectRoot,
+                project: options.e2eProjectName,
+                directory: 'src',
                 // the name and root are already normalized, instruct the generator to use them as is
-                projectNameAndRootFormat: 'as-provided',
-                project: options.projectName,
                 bundler: options.bundler === 'rspack' ? 'webpack' : options.bundler,
                 skipFormat: true,
+                devServerTarget: `${options.projectName}:serve`,
+                jsx: true,
             });
-        case 'playwright':
+        }
+        case 'playwright': {
             const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/playwright', versions_1.nxVersion);
             (0, devkit_1.addProjectConfiguration)(tree, options.e2eProjectName, {
+                projectType: 'application',
                 root: options.e2eProjectRoot,
                 sourceRoot: (0, devkit_1.joinPathFragments)(options.e2eProjectRoot, 'src'),
                 targets: {},
@@ -41,6 +51,7 @@ async function addE2e(tree, options) {
                 webServerCommand: `${(0, devkit_1.getPackageManagerCommand)().exec} nx serve ${options.name}`,
                 webServerAddress: 'http://localhost:4200',
             });
+        }
         case 'none':
         default:
             return () => { };

package/src/generators/cypress-component-configuration/cypress-component-configuration.js

@@ -16,6 +16,7 @@ async function cypressComponentConfigGenerator(tree, options) {
     const installTask = await baseCyCtConfig(tree, {
         project: options.project,
         skipFormat: true,
+        jsx: true,
     });
     const found = await (0, ct_utils_1.addCTTargetWithBuildTarget)(tree, {
         project: options.project,

package/src/module-federation/utils.js

@@ -8,7 +8,13 @@ function getFunctionDeterminateRemoteUrl(isServer = false) {
     const target = isServer ? 'serve-server' : 'serve';
     const remoteEntry = isServer ? 'server/remoteEntry.js' : 'remoteEntry.js';
     return function (remote) {
-        const remoteConfiguration = (0, project_graph_1.readCachedProjectConfiguration)(remote);
+        let remoteConfiguration = null;
+        try {
+            remoteConfiguration = (0, project_graph_1.readCachedProjectConfiguration)(remote);
+        }
+        catch (e) {
+            throw new Error(`Cannot find remote: "${remote}". Check that the remote name is correct in your module federation config file.\n`);
+        }
         const serveTarget = remoteConfiguration?.targets?.[target];
         if (!serveTarget) {
             throw new Error(`Cannot automatically determine URL of remote (${remote}). Looked for property "host" in the project's "${serveTarget}" target.\n