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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "17.1.0-beta.0",
+  "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.0",
-    "@nx/js": "17.1.0-beta.0",
-    "@nx/eslint": "17.1.0-beta.0",
-    "@nx/web": "17.1.0-beta.0",
-    "@nrwl/react": "17.1.0-beta.0"
+    "@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/plugins/component-testing/index.js

@@ -84,7 +84,7 @@ function nxComponentTestingPreset(pathToConfig, options) {
         const { buildBaseWebpackConfig } = require('./webpack-fallback');
         webpackConfig = buildBaseWebpackConfig({
             tsConfigPath: findTsConfig(normalizedProjectRootPath),
-            compiler: 'babel',
+            compiler: options?.compiler || 'babel',
         });
     }
     return {

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;

package/src/generators/federate-module/schema.json

@@ -12,22 +12,22 @@
   ],
   "type": "object",
   "properties": {
-    "name": {
-      "description": "The name of the module.",
+    "path": {
       "type": "string",
       "$default": {
         "$source": "argv",
         "index": 0
       },
+      "description": "The path to locate the federated module. This path should be relative to the workspace root and the file should exist.",
+      "x-prompt": "What is the path to the module to be federated?"
+    },
+    "name": {
+      "description": "The name of the module.",
+      "type": "string",
       "x-prompt": "What name would you like to use for the module?",
       "pattern": "^[a-zA-Z][^:]*$",
       "x-priority": "important"
     },
-    "path": {
-      "type": "string",
-      "description": "The path to locate the federated module. This path should be relative to the workspace root and the file should exist.",
-      "x-prompt": "What is the path to the module to be federated?"
-    },
     "remote": {
       "type": "string",
       "description": "The name of the remote.",

package/src/generators/setup-tailwind/lib/add-tailwind-style-imports.js

@@ -11,6 +11,9 @@ const knownLocations = [
     'pages/styles.css',
     'pages/styles.scss',
     'pages/styles.less',
+    'app/global.css',
+    'app/global.scss',
+    'app/global.less',
 ];
 function addTailwindStyleImports(tree, project, _options) {
     const candidates = knownLocations.map((x) => (0, devkit_1.joinPathFragments)(project.root, x));

package/src/utils/get-in-source-vitest-tests-template.js

@@ -8,7 +8,7 @@ if (import.meta.vitest) {
   // For more information please visit the Vitest docs site here: https://vitest.dev/guide/in-source.html
   
   const { it, expect, beforeEach } = import.meta.vitest;
-  let render: any;
+  let render: typeof import('@testing-library/react').render;
 
   beforeEach(async () => {
     render = (await import('@testing-library/react')).render;