@nx/react 0.0.0-pr-34223-4381fee → 0.0.0-pr-34205-6b29262

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/react",
-  "version": "0.0.0-pr-34223-4381fee",
+  "version": "0.0.0-pr-34205-6b29262",
   "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,31 +34,32 @@
   "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": "0.0.0-pr-34223-4381fee",
-    "@nx/js": "0.0.0-pr-34223-4381fee",
-    "@nx/eslint": "0.0.0-pr-34223-4381fee",
-    "@nx/web": "0.0.0-pr-34223-4381fee",
-    "@nx/module-federation": "0.0.0-pr-34223-4381fee",
-    "@nx/rollup": "0.0.0-pr-34223-4381fee",
+    "@nx/devkit": "0.0.0-pr-34205-6b29262",
+    "@nx/js": "0.0.0-pr-34205-6b29262",
+    "@nx/eslint": "0.0.0-pr-34205-6b29262",
+    "@nx/web": "0.0.0-pr-34205-6b29262",
+    "@nx/module-federation": "0.0.0-pr-34205-6b29262",
+    "@nx/rollup": "0.0.0-pr-34205-6b29262",
     "express": "^4.21.2",
     "http-proxy-middleware": "^3.0.5",
     "semver": "^7.6.3"
   },
   "devDependencies": {
-    "@nx/cypress": "0.0.0-pr-34223-4381fee",
-    "@nx/playwright": "0.0.0-pr-34223-4381fee",
-    "@nx/rsbuild": "0.0.0-pr-34223-4381fee",
-    "@nx/vite": "0.0.0-pr-34223-4381fee",
-    "@nx/vitest": "0.0.0-pr-34223-4381fee",
-    "@nx/webpack": "0.0.0-pr-34223-4381fee",
-    "@nx/storybook": "0.0.0-pr-34223-4381fee",
-    "nx": "0.0.0-pr-34223-4381fee"
+    "@nx/cypress": "0.0.0-pr-34205-6b29262",
+    "@nx/playwright": "0.0.0-pr-34205-6b29262",
+    "@nx/rsbuild": "0.0.0-pr-34205-6b29262",
+    "@nx/vite": "0.0.0-pr-34205-6b29262",
+    "@nx/vitest": "0.0.0-pr-34205-6b29262",
+    "@nx/webpack": "0.0.0-pr-34205-6b29262",
+    "@nx/storybook": "0.0.0-pr-34205-6b29262",
+    "nx": "0.0.0-pr-34205-6b29262"
   },
   "optionalDependencies": {
-    "@nx/vite": "0.0.0-pr-34223-4381fee"
+    "@nx/vite": "0.0.0-pr-34205-6b29262"
   },
   "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<void>;
+export default function addSvgrToWebpackConfig(tree: Tree): Promise<import("@nx/devkit").GeneratorCallback>;
 //# 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,EAKV,MAAM,YAAY,CAAC;AAiHpB,wBAA8B,sBAAsB,CAAC,IAAI,EAAE,IAAI,iBAsX9D"}
+{"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"}

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

@@ -30,25 +30,20 @@ function withSvgr(svgrOptions = {}) {
       config.module.rules.splice(svgLoaderIdx, 1);
     }
 
-    // Add SVGR loader with webpack 5 asset modules
+    // Add SVGR loader
     config.module.rules.push({
       test: /\\.svg$/,
-      oneOf: [
+      issuer: /\\.(js|ts|md)x?$/,
+      use: [
         {
-          resourceQuery: /url/,
-          type: 'asset/resource',
-          generator: {
-            filename: '[name].[hash][ext]',
-          },
+          loader: require.resolve('@svgr/webpack'),
+          options,
         },
         {
-          issuer: /\\.(js|ts|md)x?$/,
-          use: [
-            {
-              loader: require.resolve('@svgr/webpack'),
-              options,
-            },
-          ],
+          loader: require.resolve('file-loader'),
+          options: {
+            name: '[name].[hash].[ext]',
+          },
         },
       ],
     });
@@ -83,25 +78,20 @@ function withSvgr(svgrOptions = {}) {
             )
         );
 
-        // Add SVGR loader with webpack 5 asset modules
+        // Add SVGR loader with both default and named exports
         compiler.options.module.rules.push({
           test: /\.svg$/,
-          oneOf: [
+          issuer: /\.[jt]sx?$/,
+          use: [
             {
-              resourceQuery: /url/,
-              type: 'asset/resource',
-              generator: {
-                filename: '[name].[hash][ext]',
-              },
+              loader: require.resolve('@svgr/webpack'),
+              options,
             },
             {
-              issuer: /\.[jt]sx?$/,
-              use: [
-                {
-                  loader: require.resolve('@svgr/webpack'),
-                  options,
-                },
-              ],
+              loader: require.resolve('file-loader'),
+              options: {
+                name: '[name].[hash].[ext]',
+              },
             },
           ],
         });
@@ -406,4 +396,8 @@ 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',
+    });
 }