@nx/react 17.1.0-rc.0 → 17.1.2

package/package.json

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

package/src/generators/application/application.js

@@ -132,7 +132,7 @@ async function applicationGeneratorInternal(host, schema) {
         const { createOrEditViteConfig, vitestGenerator } = (0, devkit_1.ensurePackage)('@nx/vite', versions_1.nxVersion);
         const vitestTask = await vitestGenerator(host, {
             uiFramework: 'react',
-            coverageProvider: 'c8',
+            coverageProvider: 'v8',
             project: options.projectName,
             inSourceTests: options.inSourceTests,
             skipFormat: true,

package/src/generators/application/files/nx-welcome/src/app/nx-welcome.tsx

@@ -792,7 +792,7 @@ export function NxWelcome({ title }: { title: string }) {
                 <span># Generate UI lib</span>
                 nx g @nx/react:lib ui
                 <span># Add a component</span>
-                nx g @nx/react:component button --project ui
+                nx g @nx/react:component ui/src/lib/button
               </pre>
             </details>
             <details>

package/src/generators/library/library.js

@@ -113,7 +113,7 @@ async function libraryGeneratorInternal(host, schema) {
         const vitestTask = await vitestGenerator(host, {
             uiFramework: 'react',
             project: options.name,
-            coverageProvider: 'c8',
+            coverageProvider: 'v8',
             inSourceTests: options.inSourceTests,
             skipFormat: true,
             testEnvironment: 'jsdom',

package/src/generators/storybook-configuration/configuration.js

@@ -8,10 +8,10 @@ async function generateStories(host, schema) {
     // TODO(katerina): Nx 18 -> remove Cypress
     (0, devkit_1.ensurePackage)('@nx/cypress', versions_1.nxVersion);
     const { getE2eProjectName } = await Promise.resolve().then(() => require('@nx/cypress/src/utils/project-name'));
-    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, schema.name);
-    const cypressProject = getE2eProjectName(schema.name, projectConfig.root, schema.cypressDirectory);
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, schema.project);
+    const cypressProject = getE2eProjectName(schema.project, projectConfig.root, schema.cypressDirectory);
     await (0, stories_1.default)(host, {
-        project: schema.name,
+        project: schema.project,
         generateCypressSpecs: schema.configureCypress && schema.generateCypressSpecs,
         js: schema.js,
         cypressProject,
@@ -23,7 +23,7 @@ async function generateStories(host, schema) {
 async function storybookConfigurationGenerator(host, schema) {
     const { configurationGenerator } = (0, devkit_1.ensurePackage)('@nx/storybook', versions_1.nxVersion);
     let uiFramework = '@storybook/react-vite';
-    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, schema.name);
+    const projectConfig = (0, devkit_1.readProjectConfiguration)(host, schema.project);
     if (projectConfig.targets['build']?.executor === '@nx/webpack:webpack' ||
         projectConfig.targets['build']?.executor === '@nrwl/webpack:webpack' ||
         projectConfig.targets['build']?.executor === '@nx/rollup:rollup' ||
@@ -31,7 +31,7 @@ async function storybookConfigurationGenerator(host, schema) {
         uiFramework = '@storybook/react-webpack5';
     }
     const installTask = await configurationGenerator(host, {
-        name: schema.name,
+        project: schema.project,
         configureCypress: schema.configureCypress,
         js: schema.js,
         linter: schema.linter,

package/src/generators/storybook-configuration/schema.d.ts

@@ -1,7 +1,7 @@
 import { Linter } from '@nx/eslint';
 
 export interface StorybookConfigureSchema {
-  name: string;
+  project: string;
   interactionTests?: boolean;
   generateStories?: boolean;
   js?: boolean;

package/src/generators/storybook-configuration/schema.json

@@ -6,9 +6,9 @@
   "description": "Set up Storybook for a React app or library.",
   "type": "object",
   "properties": {
-    "name": {
+    "project": {
       "type": "string",
-      "aliases": ["project", "projectName"],
+      "aliases": ["name", "projectName"],
       "description": "Project for which to generate Storybook configuration.",
       "$default": {
         "$source": "argv",
@@ -90,6 +90,6 @@
       ]
     }
   },
-  "required": ["name"],
+  "required": ["project"],
   "examplesFile": "../../../docs/storybook-configuration-examples.md"
 }