@nx/next 22.4.1 → 22.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/next",
-  "version": "22.4.1",
+  "version": "22.4.2",
   "private": false,
   "description": "The Next.js plugin for Nx contains executors and generators for managing Next.js applications and libraries within an Nx workspace. It provides:\n\n\n- Scaffolding for creating, building, serving, linting, and testing Next.js applications.\n\n- Integration with building, serving, and exporting a Next.js application.\n\n- Integration with React libraries within the workspace. \n\nWhen using Next.js in Nx, you get the out-of-the-box support for TypeScript, Playwright, Cypress, and Jest. No need to configure anything: watch mode, source maps, and typings just work.",
   "repository": {
@@ -35,26 +35,25 @@
     "next": ">=14.0.0 <17.0.0"
   },
   "dependencies": {
-    "@nx/devkit": "22.4.1",
+    "@nx/devkit": "22.4.2",
     "@babel/plugin-proposal-decorators": "^7.22.7",
     "@svgr/webpack": "^8.1.0",
     "copy-webpack-plugin": "^10.2.4",
-    "file-loader": "^6.2.0",
     "ignore": "^5.0.4",
     "semver": "^7.6.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
-    "@nx/js": "22.4.1",
-    "@nx/eslint": "22.4.1",
-    "@nx/react": "22.4.1",
-    "@nx/web": "22.4.1",
-    "@nx/webpack": "22.4.1",
+    "@nx/js": "22.4.2",
+    "@nx/eslint": "22.4.2",
+    "@nx/react": "22.4.2",
+    "@nx/web": "22.4.2",
+    "@nx/webpack": "22.4.2",
     "@phenomnomnominal/tsquery": "~6.1.4"
   },
   "devDependencies": {
-    "@nx/cypress": "22.4.1",
-    "@nx/playwright": "22.4.1",
-    "nx": "22.4.1"
+    "@nx/cypress": "22.4.2",
+    "@nx/playwright": "22.4.2",
+    "nx": "22.4.2"
   },
   "publishConfig": {
     "access": "public"

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"add-svgr-to-next-config.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/migrations/update-22-0-0/add-svgr-to-next-config.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EAQV,MAAM,YAAY,CAAC;AAKpB,wBAA8B,mBAAmB,CAAC,IAAI,EAAE,IAAI,mDA6Q3D"}
+{"version":3,"file":"add-svgr-to-next-config.d.ts","sourceRoot":"","sources":["../../../../../../packages/next/src/migrations/update-22-0-0/add-svgr-to-next-config.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EAMV,MAAM,YAAY,CAAC;AAKpB,wBAA8B,mBAAmB,CAAC,IAAI,EAAE,IAAI,iBAyQ3D"}

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

@@ -145,27 +145,32 @@ async function addSvgrToNextConfig(tree) {
   const originalWebpack = config.webpack;
   // @ts-ignore
   config.webpack = (webpackConfig, ctx) => {
-    // Add SVGR support
+    // Add SVGR support with webpack 5 asset modules
     webpackConfig.module.rules.push({
       test: /\.svg$/,
-      issuer: { not: /\.(css|scss|sass)$/ },
-      resourceQuery: {
-        not: [
-          /__next_metadata__/,
-          /__next_metadata_route__/,
-          /__next_metadata_image_meta__/,
-        ],
-      },
-      use: [
+      oneOf: [
         {
-          loader: require.resolve('@svgr/webpack'),
-          options: ${svgrOptions},
+          resourceQuery: /url/,
+          type: 'asset/resource',
+          generator: {
+            filename: 'static/media/[name].[hash][ext]',
+          },
         },
         {
-          loader: require.resolve('file-loader'),
-          options: {
-            name: 'static/media/[name].[hash].[ext]',
+          issuer: { not: /\.(css|scss|sass)$/ },
+          resourceQuery: {
+            not: [
+              /__next_metadata__/,
+              /__next_metadata_route__/,
+              /__next_metadata_image_meta__/,
+            ],
           },
+          use: [
+            {
+              loader: require.resolve('@svgr/webpack'),
+              options: ${svgrOptions},
+            },
+          ],
         },
       ],
     });
@@ -202,8 +207,4 @@ async function addSvgrToNextConfig(tree) {
         tree.write(nextConfigPath, 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',
-    });
 }