@nx/react 22.5.0-beta.0 → 22.5.0-beta.1

package/package.json

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

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

@@ -1,3 +1,3 @@
 import { type Tree } from '@nx/devkit';
-export default function addSvgrToWebpackConfig(tree: Tree): Promise<import("@nx/devkit").GeneratorCallback>;
+export default function addSvgrToWebpackConfig(tree: Tree): Promise<void>;
 //# sourceMappingURL=add-svgr-to-webpack-config.d.ts.map

package/src/migrations/update-22-0-0/add-svgr-to-webpack-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-svgr-to-webpack-config.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-22-0-0/add-svgr-to-webpack-config.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EAOV,MAAM,YAAY,CAAC;AAuGpB,wBAA8B,sBAAsB,CAAC,IAAI,EAAE,IAAI,mDA+X9D"}
+{"version":3,"file":"add-svgr-to-webpack-config.d.ts","sourceRoot":"","sources":["../../../../../../packages/react/src/migrations/update-22-0-0/add-svgr-to-webpack-config.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EAKV,MAAM,YAAY,CAAC;AAiHpB,wBAA8B,sBAAsB,CAAC,IAAI,EAAE,IAAI,iBAsX9D"}

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

@@ -30,20 +30,25 @@ function withSvgr(svgrOptions = {}) {
       config.module.rules.splice(svgLoaderIdx, 1);
     }
 
-    // Add SVGR loader
+    // Add SVGR loader with webpack 5 asset modules
     config.module.rules.push({
       test: /\\.svg$/,
-      issuer: /\\.(js|ts|md)x?$/,
-      use: [
+      oneOf: [
         {
-          loader: require.resolve('@svgr/webpack'),
-          options,
+          resourceQuery: /url/,
+          type: 'asset/resource',
+          generator: {
+            filename: '[name].[hash][ext]',
+          },
         },
         {
-          loader: require.resolve('file-loader'),
-          options: {
-            name: '[name].[hash].[ext]',
-          },
+          issuer: /\\.(js|ts|md)x?$/,
+          use: [
+            {
+              loader: require.resolve('@svgr/webpack'),
+              options,
+            },
+          ],
         },
       ],
     });
@@ -78,20 +83,25 @@ function withSvgr(svgrOptions = {}) {
             )
         );
 
-        // Add SVGR loader with both default and named exports
+        // Add SVGR loader with webpack 5 asset modules
         compiler.options.module.rules.push({
           test: /\.svg$/,
-          issuer: /\.[jt]sx?$/,
-          use: [
+          oneOf: [
             {
-              loader: require.resolve('@svgr/webpack'),
-              options,
+              resourceQuery: /url/,
+              type: 'asset/resource',
+              generator: {
+                filename: '[name].[hash][ext]',
+              },
             },
             {
-              loader: require.resolve('file-loader'),
-              options: {
-                name: '[name].[hash].[ext]',
-              },
+              issuer: /\.[jt]sx?$/,
+              use: [
+                {
+                  loader: require.resolve('@svgr/webpack'),
+                  options,
+                },
+              ],
             },
           ],
         });
@@ -396,8 +406,4 @@ async function addSvgrToWebpackConfig(tree) {
         tree.write(webpackConfigPath, content);
     }
     await (0, devkit_1.formatFiles)(tree);
-    // Add file-loader as a dev dependency since it's now required for SVGR
-    return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, {
-        'file-loader': '^6.2.0',
-    });
 }