@nx/react 17.1.0-beta.2 → 17.1.0-beta.3

package/package.json

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

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

@@ -5,6 +5,7 @@ type ModuleFederationDevServerOptions = WebDevServerOptions & {
     skipRemotes?: string[];
     static?: boolean;
     isInitialHost?: boolean;
+    parallel?: number;
 };
 export default function moduleFederationDevServer(options: ModuleFederationDevServerOptions, context: ExecutorContext): AsyncIterableIterator<{
     success: boolean;

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

@@ -37,6 +37,38 @@ async function* moduleFederationDevServer(options, context) {
         projectGraph: context.projectGraph,
         root: context.root,
     });
+    devkit_1.logger.info(`NX Building ${remotes.staticRemotes.length} static remotes...`);
+    await new Promise((res) => {
+        const staticProcess = (0, child_process_1.fork)(nxBin, [
+            'run-many',
+            `--target=build`,
+            `--projects=${remotes.staticRemotes.join(',')}`,
+            ...(context.configurationName
+                ? [`--configuration=${context.configurationName}`]
+                : []),
+            ...(options.parallel ? [`--parallel=${options.parallel}`] : []),
+        ], {
+            cwd: context.root,
+            stdio: ['ignore', 'pipe', 'pipe', 'ipc'],
+        });
+        staticProcess.stdout.on('data', (data) => {
+            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, '');
+            if (stdoutString.includes('Successfully ran target build')) {
+                staticProcess.stdout.removeAllListeners('data');
+                devkit_1.logger.info(`NX Built ${remotes.staticRemotes.length} static remotes`);
+                res();
+            }
+        });
+        staticProcess.stderr.on('data', (data) => devkit_1.logger.info(data.toString()));
+        staticProcess.on('exit', (code) => {
+            if (code !== 0) {
+                throw new Error(`Remote failed to start. See above for errors.`);
+            }
+        });
+        process.on('SIGTERM', () => staticProcess.kill('SIGTERM'));
+        process.on('exit', () => staticProcess.kill('SIGTERM'));
+    });
     let isCollectingStaticRemoteOutput = true;
     const devRemoteIters = [];
     for (const app of remotes.devRemotes) {

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

@@ -101,6 +101,10 @@
       "description": "Whether the host that is running this executor is the first in the project tree to do so.",
       "default": true,
       "x-priority": "internal"
+    },
+    "parallel": {
+      "type": "number",
+      "description": "Max number of parallel processes for building static remotes"
     }
   }
 }

package/src/generators/component/lib/normalize-options.js

@@ -22,7 +22,7 @@ async function normalizeOptions(tree, options) {
     });
     const project = (0, devkit_1.readProjectConfiguration)(tree, projectName);
     const { className } = (0, devkit_1.names)(name);
-    const { sourceRoot: projectSourceRoot, projectType } = project;
+    const { sourceRoot: projectSourceRoot, root: projectRoot, projectType, } = project;
     const styledModule = /^(css|scss|less|none)$/.test(options.style)
         ? null
         : options.style;
@@ -42,7 +42,7 @@ async function normalizeOptions(tree, options) {
         className,
         fileName,
         filePath,
-        projectSourceRoot,
+        projectSourceRoot: projectSourceRoot ?? projectRoot,
     };
 }
 exports.normalizeOptions = normalizeOptions;