@nx/react 22.4.0-canary.20260112-6cca28c → 22.4.0-canary.20260114-45f2ae3

package/generators.json

@@ -90,7 +90,8 @@
       "factory": "./src/generators/setup-tailwind/setup-tailwind#setupTailwindGenerator",
       "schema": "./src/generators/setup-tailwind/schema.json",
       "description": "Set up Tailwind configuration for a project.",
-      "hidden": false
+      "hidden": false,
+      "x-deprecated": "Generating Tailwind configuration is no longer maintained. This generator will be removed in Nx 23."
     },
     "setup-ssr": {
       "factory": "./src/generators/setup-ssr/setup-ssr#setupSsrGenerator",

package/migrations.json

@@ -137,8 +137,8 @@
         }
       }
     },
-    "22.4.0": {
-      "version": "22.4.0-beta.2",
+    "22.3.4": {
+      "version": "22.3.4-beta.0",
       "packages": {
         "react-router-dom": {
           "version": "6.30.3",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "22.4.0-canary.20260112-6cca28c",
+  "version": "22.4.0-canary.20260114-45f2ae3",
   "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": {
@@ -32,34 +32,34 @@
     "migrations": "./migrations.json"
   },
   "dependencies": {
-    "@phenomnomnominal/tsquery": "~5.0.1",
+    "@phenomnomnominal/tsquery": "~6.1.4",
     "@svgr/webpack": "^8.0.1",
     "file-loader": "^6.2.0",
-    "minimatch": "9.0.3",
+    "minimatch": "10.1.1",
     "picocolors": "^1.1.0",
     "tslib": "^2.3.0",
-    "@nx/devkit": "22.4.0-canary.20260112-6cca28c",
-    "@nx/js": "22.4.0-canary.20260112-6cca28c",
-    "@nx/eslint": "22.4.0-canary.20260112-6cca28c",
-    "@nx/web": "22.4.0-canary.20260112-6cca28c",
-    "@nx/module-federation": "22.4.0-canary.20260112-6cca28c",
-    "@nx/rollup": "22.4.0-canary.20260112-6cca28c",
+    "@nx/devkit": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/js": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/eslint": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/web": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/module-federation": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/rollup": "22.4.0-canary.20260114-45f2ae3",
     "express": "^4.21.2",
     "http-proxy-middleware": "^3.0.5",
     "semver": "^7.6.3"
   },
   "devDependencies": {
-    "@nx/cypress": "22.4.0-canary.20260112-6cca28c",
-    "@nx/playwright": "22.4.0-canary.20260112-6cca28c",
-    "@nx/rsbuild": "22.4.0-canary.20260112-6cca28c",
-    "@nx/vite": "22.4.0-canary.20260112-6cca28c",
-    "@nx/vitest": "22.4.0-canary.20260112-6cca28c",
-    "@nx/webpack": "22.4.0-canary.20260112-6cca28c",
-    "@nx/storybook": "22.4.0-canary.20260112-6cca28c",
-    "nx": "22.4.0-canary.20260112-6cca28c"
+    "@nx/cypress": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/playwright": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/rsbuild": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/vite": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/vitest": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/webpack": "22.4.0-canary.20260114-45f2ae3",
+    "@nx/storybook": "22.4.0-canary.20260114-45f2ae3",
+    "nx": "22.4.0-canary.20260114-45f2ae3"
   },
   "optionalDependencies": {
-    "@nx/vite": "22.4.0-canary.20260112-6cca28c"
+    "@nx/vite": "22.4.0-canary.20260114-45f2ae3"
   },
   "publishConfig": {
     "access": "public"

package/src/generators/setup-tailwind/setup-tailwind.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup-tailwind.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/setup-tailwind/setup-tailwind.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAgB1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,wBAAsB,sBAAsB,CAC1C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,oBAAoB,8BA0C9B;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"setup-tailwind.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/generators/setup-tailwind/setup-tailwind.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAgB1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKrD,wBAAsB,sBAAsB,CAC1C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,oBAAoB,8BA8C9B;AAED,eAAe,sBAAsB,CAAC"}

package/src/generators/setup-tailwind/setup-tailwind.js

@@ -7,6 +7,7 @@ const add_tailwind_style_imports_1 = require("./lib/add-tailwind-style-imports")
 const update_project_1 = require("./lib/update-project");
 const path_1 = require("path");
 async function setupTailwindGenerator(tree, options) {
+    devkit_1.logger.warn(`The 'setup-tailwind' generator is deprecated. Generating Tailwind configuration is no longer maintained. This generator will be removed in Nx 23.`);
     const tasks = [];
     const project = (0, devkit_1.readProjectConfiguration)(tree, options.project);
     if (tree.exists((0, devkit_1.joinPathFragments)(project.root, 'postcss.config.js')) ||

package/src/migrations/update-20-2-0/migrate-mf-imports-to-new-package.js

@@ -32,15 +32,15 @@ async function migrateMfImportsToNewPackage(tree) {
             if (!contents.includes(MF_IMPORT_TO_UPDATE)) {
                 return;
             }
-            const ast = tsquery_1.tsquery.ast(contents);
-            const importNodes = (0, tsquery_1.tsquery)(ast, MF_CONFIG_IMPORT_SELECTOR);
+            const sourceFile = (0, tsquery_1.ast)(contents);
+            const importNodes = (0, tsquery_1.query)(sourceFile, MF_CONFIG_IMPORT_SELECTOR);
             if (importNodes.length === 0) {
                 return;
             }
             const importNode = importNodes[0];
-            const importSpecifiers = (0, tsquery_1.tsquery)(importNode, IMPORT_TOKENS_SELECTOR);
+            const importSpecifiers = (0, tsquery_1.query)(importNode, IMPORT_TOKENS_SELECTOR);
             if (importSpecifiers.length > 1) {
-                const mfConfigImportSpecifierNode = (0, tsquery_1.tsquery)(importNode, MF_CONFIG_IMPORT_SPECIFIER_SELECTOR)[0];
+                const mfConfigImportSpecifierNode = (0, tsquery_1.query)(importNode, MF_CONFIG_IMPORT_SPECIFIER_SELECTOR)[0];
                 const end = contents.charAt(mfConfigImportSpecifierNode.getEnd()) === ','
                     ? mfConfigImportSpecifierNode.getEnd() + 1
                     : mfConfigImportSpecifierNode.getEnd();
@@ -48,8 +48,8 @@ async function migrateMfImportsToNewPackage(tree) {
       ${contents.slice(0, mfConfigImportSpecifierNode.getStart())}${contents.slice(end)}`;
             }
             else {
-                const nxWebpackImportStringNodes = (0, tsquery_1.tsquery)(importNode, WEBPACK_IMPORT_SELECTOR);
-                const nxRspackImportStringNodes = (0, tsquery_1.tsquery)(importNode, RSPACK_IMPORT_SELECTOR);
+                const nxWebpackImportStringNodes = (0, tsquery_1.query)(importNode, WEBPACK_IMPORT_SELECTOR);
+                const nxRspackImportStringNodes = (0, tsquery_1.query)(importNode, RSPACK_IMPORT_SELECTOR);
                 if (nxWebpackImportStringNodes.length === 0 &&
                     nxRspackImportStringNodes.length === 0) {
                     return;

package/src/migrations/update-20-2-0/migrate-with-mf-import-to-new-package.js

@@ -22,8 +22,8 @@ async function migrateWithMfImport(tree) {
             if (!contents.includes('@nx/react/module-federation')) {
                 return;
             }
-            const ast = tsquery_1.tsquery.ast(contents);
-            const importNodes = (0, tsquery_1.tsquery)(ast, NX_RSPACK_MODULE_FEDERATION_IMPORT_SELECTOR);
+            const sourceFile = (0, tsquery_1.ast)(contents);
+            const importNodes = (0, tsquery_1.query)(sourceFile, NX_RSPACK_MODULE_FEDERATION_IMPORT_SELECTOR);
             if (importNodes.length === 0) {
                 return;
             }

package/src/migrations/update-22-0-0/add-svgr-to-webpack-config.js

@@ -111,10 +111,10 @@ async function addSvgrToWebpackConfig(tree) {
         if (!tree.exists(webpackConfigPath))
             return;
         const content = tree.read(webpackConfigPath, 'utf-8');
-        const ast = tsquery_1.tsquery.ast(content);
+        const sourceFile = (0, tsquery_1.ast)(content);
         // Check if this is a withReact setup
         if (content.includes('withReact')) {
-            const withReactCalls = (0, tsquery_1.tsquery)(ast, 'CallExpression[expression.name=withReact]');
+            const withReactCalls = (0, tsquery_1.query)(sourceFile, 'CallExpression[expression.name=withReact]');
             if (withReactCalls.length > 0) {
                 const callExpr = withReactCalls[0];
                 if (callExpr.arguments.length === 0)
@@ -156,7 +156,7 @@ async function addSvgrToWebpackConfig(tree) {
         }
         // Otherwise check if this is NxReactWebpackPlugin setup
         else if (content.includes('NxReactWebpackPlugin')) {
-            const pluginCalls = (0, tsquery_1.tsquery)(ast, 'NewExpression[expression.name=NxReactWebpackPlugin]');
+            const pluginCalls = (0, tsquery_1.query)(sourceFile, 'NewExpression[expression.name=NxReactWebpackPlugin]');
             if (pluginCalls.length > 0) {
                 const newExpr = pluginCalls[0];
                 if (!newExpr.arguments || newExpr.arguments.length === 0)
@@ -207,13 +207,13 @@ async function addSvgrToWebpackConfig(tree) {
     // Update webpack configs to add withSvgr function inline
     for (const [webpackConfigPath, config] of projects.entries()) {
         let content = tree.read(webpackConfigPath, 'utf-8');
-        const ast = tsquery_1.tsquery.ast(content);
+        const sourceFile = (0, tsquery_1.ast)(content);
         const changes = [];
         // Build the svgr options for this specific config
         let svgrOptionsStr = '';
         if (config.svgrOptions) {
-            const importStatements = (0, tsquery_1.tsquery)(ast, 'ImportDeclaration');
-            const requireStatements = (0, tsquery_1.tsquery)(ast, 'VariableStatement:has(CallExpression[expression.name=require])');
+            const importStatements = (0, tsquery_1.query)(sourceFile, 'ImportDeclaration');
+            const requireStatements = (0, tsquery_1.query)(sourceFile, 'VariableStatement:has(CallExpression[expression.name=require])');
             const allImportRequires = [
                 ...importStatements,
                 ...requireStatements,
@@ -250,7 +250,7 @@ async function addSvgrToWebpackConfig(tree) {
         // Remove svgr option based on the style (withReact OR NxReactWebpackPlugin)
         if (config.isWithReact) {
             // Remove svgr option from first withReact call (only one expected)
-            const withReactCalls = (0, tsquery_1.tsquery)(ast, 'CallExpression[expression.name=withReact]');
+            const withReactCalls = (0, tsquery_1.query)(sourceFile, 'CallExpression[expression.name=withReact]');
             if (withReactCalls.length > 0) {
                 const callExpr = withReactCalls[0];
                 if (callExpr.arguments.length > 0) {
@@ -266,7 +266,7 @@ async function addSvgrToWebpackConfig(tree) {
                                 length: arg.getEnd() - arg.getStart(),
                             });
                             if (config.svgrOptions) {
-                                const composePluginsCalls = (0, tsquery_1.tsquery)(ast, 'CallExpression[expression.name=composePlugins]');
+                                const composePluginsCalls = (0, tsquery_1.query)(sourceFile, 'CallExpression[expression.name=composePlugins]');
                                 if (composePluginsCalls.length > 0) {
                                     const composeCall = composePluginsCalls[0];
                                     let svgrCallStr = '';
@@ -296,7 +296,7 @@ async function addSvgrToWebpackConfig(tree) {
         }
         else {
             // Remove svgr option from first NxReactWebpackPlugin call
-            const pluginCalls = (0, tsquery_1.tsquery)(ast, 'NewExpression[expression.name=NxReactWebpackPlugin]');
+            const pluginCalls = (0, tsquery_1.query)(sourceFile, 'NewExpression[expression.name=NxReactWebpackPlugin]');
             if (pluginCalls.length > 0) {
                 const newExpr = pluginCalls[0];
                 if (newExpr.arguments && newExpr.arguments.length > 0) {
@@ -346,7 +346,7 @@ async function addSvgrToWebpackConfig(tree) {
             }
             // For NxReactWebpackPlugin style, wrap the entire module.exports or export default with withSvgr
             if (config.svgrOptions) {
-                const allAssignments = (0, tsquery_1.tsquery)(ast, 'BinaryExpression');
+                const allAssignments = (0, tsquery_1.query)(sourceFile, 'BinaryExpression');
                 // Find the one that has module.exports on the left side
                 const moduleExportsAssignment = allAssignments.find((node) => {
                     const binaryExpr = node;
@@ -358,7 +358,7 @@ async function addSvgrToWebpackConfig(tree) {
                         left.name.text === 'exports');
                 });
                 // Also check for export default
-                const exportDefaultStatements = (0, tsquery_1.tsquery)(ast, 'ExportAssignment');
+                const exportDefaultStatements = (0, tsquery_1.query)(sourceFile, 'ExportAssignment');
                 const exportDefaultStatement = exportDefaultStatements[0];
                 // Use whichever export style is found
                 let exportValue;