fix: codemod next/image within monorepo

packages/next-codemod/transforms/__testfixtures__/next-image-experimental-loader/monorepo/input/app1/next.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  images: {
+    loader: "imgix",
+    path: "https://example.com/"
+  },
+}

packages/next-codemod/transforms/__testfixtures__/next-image-experimental-loader/monorepo/input/app2/next.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  images: {
+    loader: "cloudinary",
+    path: "https://example.com/"
+  },
+}

packages/next-codemod/transforms/__testfixtures__/next-image-experimental-loader/monorepo/output/app1/imgix-loader.js

@@ -0,0 +1,10 @@
+const normalizeSrc = (src) => src[0] === '/' ? src.slice(1) : src
+export default function imgixLoader({ src, width, quality }) {
+const url = new URL('https://example.com/' + normalizeSrc(src))
+const params = url.searchParams
+params.set('auto', params.getAll('auto').join(',') || 'format')
+params.set('fit', params.get('fit') || 'max')
+params.set('w', params.get('w') || width.toString())
+if (quality) { params.set('q', quality.toString()) }
+return url.href
+}

packages/next-codemod/transforms/__testfixtures__/next-image-experimental-loader/monorepo/output/app1/next.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  images: {
+    loader: "custom",
+    loaderFile: "./imgix-loader.js"
+  },
+}

packages/next-codemod/transforms/__testfixtures__/next-image-experimental-loader/monorepo/output/app2/cloudinary-loader.js

@@ -0,0 +1,6 @@
+const normalizeSrc = (src) => src[0] === '/' ? src.slice(1) : src
+export default function cloudinaryLoader({ src, width, quality }) {
+const params = ['f_auto', 'c_limit', 'w_' + width, 'q_' + (quality || 'auto')]
+const paramsString = params.join(',') + '/'
+return 'https://example.com/' + paramsString + normalizeSrc(src)
+}

packages/next-codemod/transforms/__testfixtures__/next-image-experimental-loader/monorepo/output/app2/next.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  images: {
+    loader: "custom",
+    loaderFile: "./cloudinary-loader.js"
+  },
+}

packages/next-codemod/transforms/next-image-experimental.ts

@@ -1,3 +1,4 @@
+import { join, parse } from 'path'
 import { writeFileSync } from 'fs'
 import type {
   API,
@@ -148,7 +149,11 @@ function findAndReplaceProps(
     })
 }
 
-function nextConfigTransformer(j: JSCodeshift, root: Collection) {
+function nextConfigTransformer(
+  j: JSCodeshift,
+  root: Collection,
+  appDir: string
+) {
   let pathPrefix = ''
   let loaderType = ''
   root.find(j.ObjectExpression).forEach((o) => {
@@ -196,7 +201,7 @@ function nextConfigTransformer(j: JSCodeshift, root: Collection) {
         const normalizeSrc = `const normalizeSrc = (src) => src[0] === '/' ? src.slice(1) : src`
         if (loaderType === 'imgix') {
           writeFileSync(
-            filename,
+            join(appDir, filename),
             `${normalizeSrc}
             export default function imgixLoader({ src, width, quality }) {
               const url = new URL('${pathPrefix}' + normalizeSrc(src))
@@ -250,14 +255,15 @@ export default function transformer(
   const j = api.jscodeshift.withParser('tsx')
   const root = j(file.source)
 
+  const parsed = parse(file.path)
   const isConfig =
-    file.path === 'next.config.js' ||
-    file.path === 'next.config.ts' ||
-    file.path === 'next.config.mjs' ||
-    file.path === 'next.config.cjs'
+    parsed.base === 'next.config.js' ||
+    parsed.base === 'next.config.ts' ||
+    parsed.base === 'next.config.mjs' ||
+    parsed.base === 'next.config.cjs'
 
   if (isConfig) {
-    const result = nextConfigTransformer(j, root)
+    const result = nextConfigTransformer(j, root, parsed.dir)
     return result.toSource()
   }