@nx/react 21.6.2 → 21.7.0-canary.20250930-e144408

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "21.6.2",
+  "version": "21.7.0-canary.20250930-e144408",
   "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": {
@@ -38,19 +38,19 @@
     "minimatch": "9.0.3",
     "picocolors": "^1.1.0",
     "tslib": "^2.3.0",
-    "@nx/devkit": "21.6.2",
-    "@nx/js": "21.6.2",
-    "@nx/eslint": "21.6.2",
-    "@nx/web": "21.6.2",
-    "@nx/vite": "21.6.2",
-    "@nx/module-federation": "21.6.2",
-    "@nx/rollup": "21.6.2",
+    "@nx/devkit": "21.7.0-canary.20250930-e144408",
+    "@nx/js": "21.7.0-canary.20250930-e144408",
+    "@nx/eslint": "21.7.0-canary.20250930-e144408",
+    "@nx/web": "21.7.0-canary.20250930-e144408",
+    "@nx/vite": "21.7.0-canary.20250930-e144408",
+    "@nx/module-federation": "21.7.0-canary.20250930-e144408",
+    "@nx/rollup": "21.7.0-canary.20250930-e144408",
     "express": "^4.21.2",
     "http-proxy-middleware": "^3.0.5",
     "semver": "^7.6.3"
   },
   "devDependencies": {
-    "nx": "21.6.2"
+    "nx": "21.7.0-canary.20250930-e144408"
   },
   "publishConfig": {
     "access": "public"

package/plugins/bundle-rollup.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-// TODO(v22): Remove this in Nx 22 and migrate to explicit rollup.config.cjs files.
 /**
  * @deprecated Use `withNx` function from `@nx/rollup/with-nx` in your rollup.config.cjs file instead. Use `nx g @nx/rollup:convert-to-inferred` to generate the rollup.config.cjs file if it does not exist.
  */

package/plugins/component-testing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/plugins/component-testing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAC1B,MAAM,oCAAoC,CAAC;AAsB5C,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,wBAAwB,CACtC,YAAY,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE,yBAAyB,GAClC;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,aAAa,GAAG,gBAAgB,CAAC;IAC5C,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CA+HA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/react/plugins/component-testing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAC1B,MAAM,oCAAoC,CAAC;AAsB5C,KAAK,aAAa,GAAG;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,wBAAwB,CACtC,YAAY,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE,yBAAyB,GAClC;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,aAAa,GAAG,gBAAgB,CAAC;IAC5C,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAkIA"}

package/plugins/component-testing/index.js

@@ -65,7 +65,7 @@ function nxComponentTestingPreset(pathToConfig, options) {
             },
         };
     }
-    let webpackConfig;
+    let webpackConfig = null;
     try {
         const graph = (0, devkit_1.readCachedProjectGraph)();
         const { targets: ctTargets, name: ctProjectName } = (0, ct_helpers_1.getProjectConfigByPath)(graph, pathToConfig);
@@ -93,6 +93,9 @@ function nxComponentTestingPreset(pathToConfig, options) {
         devkit_1.logger.warn((0, devkit_1.stripIndents) `Unable to build a webpack config with the project graph. 
       Falling back to default webpack config.`);
         devkit_1.logger.warn(e);
+    }
+    // Fallback config
+    if (!webpackConfig) {
         const { buildBaseWebpackConfig } = require('./webpack-fallback');
         webpackConfig = buildBaseWebpackConfig({
             tsConfigPath: findTsConfig(normalizedProjectRootPath),
@@ -170,32 +173,31 @@ function buildTargetWebpack(ctx, buildTarget, componentTestingProjectName) {
     }
     return async () => {
         customWebpack = await customWebpack;
-        // TODO(v22): Component testing need to be agnostic of the underlying executor. With Crystal, we're not using `@nx/webpack:webpack` by default.
-        // We need to decouple CT from the build target of the app, we just care about bundler config (e.g. webpack.config.js).
-        // The generated setup should support both Webpack and Vite as documented here: https://docs.cypress.io/guides/component-testing/react/overview
-        // Related issue: https://github.com/nrwl/nx/issues/21546
-        const configure = composePluginsSync(withNx(), withWeb());
-        const defaultWebpack = configure({}, {
-            options: {
-                ...options,
-                // cypress will generate its own index.html from component-index.html
-                generateIndexHtml: false,
-                // causes issues with buildable libraries with ENOENT: no such file or directory, scandir error
-                extractLicenses: false,
-                root: devkit_1.workspaceRoot,
-                projectRoot: ctProjectConfig.root,
-                sourceRoot: (0, ts_solution_setup_1.getProjectSourceRoot)(ctProjectConfig),
-            },
-            context,
-        });
-        if (customWebpack) {
-            return await customWebpack(defaultWebpack, {
-                options,
+        // For legacy `composePlugins(...)` setup, we need change some options to make Cypress CT work properly.
+        if (customWebpack &&
+            require('@nx/webpack').isNxWebpackComposablePlugin(customWebpack) // using inline since @nx/webpack may not be installed when using vite so top-level import would error
+        ) {
+            return await customWebpack({}, {
+                options: {
+                    ...options,
+                    // cypress will generate its own index.html from component-index.html
+                    generateIndexHtml: false,
+                    // causes issues with buildable libraries with ENOENT: no such file or directory, scandir error
+                    extractLicenses: false,
+                    root: devkit_1.workspaceRoot,
+                    projectRoot: ctProjectConfig.root,
+                    sourceRoot: (0, ts_solution_setup_1.getProjectSourceRoot)(ctProjectConfig),
+                },
                 context,
                 configuration: parsed.configuration,
             });
         }
-        return defaultWebpack;
+        else if (typeof customWebpack === 'object' ||
+            typeof customWebpack === 'function') {
+            // If this is a standard webpack config object or function, just return. it
+            return customWebpack;
+        }
+        return null; // return null to use fallback config
     };
 }
 function findViteConfig(projectRootFullPath) {

package/src/generators/application/files/base-webpack/webpack.config.js__tmpl__

@@ -6,6 +6,7 @@ const { join } = require('path');
 module.exports = {
   output: {
     path: join(__dirname, '<%= webpackPluginOptions.outputPath %>'),
+    clean: true,
   },
   devServer: {
     port: <%= port %>,
@@ -49,6 +50,7 @@ module.exports = composePlugins(
   (config) => {
     // Update the webpack config as needed here.
     // e.g. `config.plugins.push(new MyPlugin())`
+    config.output.clean = true;
     return config;
   }
 );

package/src/generators/library/lib/normalize-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-options.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/library/lib/normalize-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,IAAI,EACL,MAAM,YAAY,CAAC;AAMpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAOrD,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,gBAAgB,CAAC,CAqG3B"}
+{"version":3,"file":"normalize-options.d.ts","sourceRoot":"","sources":["../../../../../../../packages/react/src/generators/library/lib/normalize-options.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,IAAI,EACL,MAAM,YAAY,CAAC;AAMpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAOrD,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,gBAAgB,CAAC,CAmG3B"}

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

@@ -18,9 +18,7 @@ async function normalizeOptions(host, options) {
     const addPlugin = process.env.NX_ADD_PLUGINS !== 'false' &&
         nxJson.useInferencePlugins !== false;
     options.addPlugin ??= addPlugin;
-    const fileName = options.simpleName
-        ? projectNames.projectSimpleName
-        : projectNames.projectFileName;
+    const fileName = projectNames.projectFileName;
     const parsedTags = options.tags
         ? options.tags.split(',').map((s) => s.trim())
         : [];

package/src/generators/library/library.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"library.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/library/library.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,iBAAiB,EAOjB,IAAI,EAGL,MAAM,YAAY,CAAC;AAiCpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAMhE;AAED,wBAAsB,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BA6RxE;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"library.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/library/library.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,iBAAiB,EAOjB,IAAI,EAGL,MAAM,YAAY,CAAC;AAiCpB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,wBAAsB,gBAAgB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAMhE;AAED,wBAAsB,wBAAwB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,8BAsRxE;AAED,eAAe,gBAAgB,CAAC"}

package/src/generators/library/library.js

@@ -47,10 +47,6 @@ async function libraryGeneratorInternal(host, schema) {
         !schema.importPath) {
         throw new Error(`For publishable libs you have to provide a proper "--importPath" which needs to be a valid npm package name (e.g. my-awesome-lib or @myorg/my-lib)`);
     }
-    if (schema.simpleName !== undefined && schema.simpleName !== false) {
-        // TODO(v22): Remove simpleName as user should be using name.
-        devkit_1.logger.warn(`The "--simpleName" option is deprecated and will be removed in Nx 22. Please use the "--name" option to provide the exact name you want for the library.`);
-    }
     if (!options.component) {
         options.style = 'none';
     }

package/src/generators/library/schema.d.ts

@@ -25,7 +25,6 @@ export interface Schema {
   tags?: string;
   unitTestRunner?: 'jest' | 'vitest' | 'none';
   minimal?: boolean;
-  simpleName?: boolean;
   addPlugin?: boolean;
   useProjectJson?: boolean;
 }

package/src/generators/library/schema.json

@@ -186,12 +186,6 @@
       "type": "boolean",
       "default": false
     },
-    "simpleName": {
-      "description": "Don't include the directory in the name of the module of the library.",
-      "type": "boolean",
-      "default": false,
-      "x-deprecated": "Use the --name option to provide the exact name instead. This option will be removed in Nx 22."
-    },
     "useProjectJson": {
       "type": "boolean",
       "description": "Use a `project.json` configuration file instead of inlining the Nx configuration in the `package.json` file."