chore: make imageLoader fs-dev override work in monorepo (#861)

sommeeeer · conico974 · web-flow · commit 1b7889000ab8 · 2025-05-09T15:33:08.000+02:00
* chore: make fs-dev imageLoader work in monorepo

* Create giant-rockets-clean.md

---------

Co-authored-by: conico974 &lt;nicodorseuil@yahoo.fr&gt;
diff --git a/.changeset/giant-rockets-clean.md b/.changeset/giant-rockets-clean.md
@@ -0,0 +1,5 @@
+---
+"@opennextjs/aws": patch
+---
+
+fix: make fs-dev imageLoader work in monorepo
diff --git a/packages/open-next/src/overrides/imageLoader/fs-dev.ts b/packages/open-next/src/overrides/imageLoader/fs-dev.ts
@@ -1,11 +1,14 @@
 import fs from "node:fs";
+import path from "node:path";
+
 import type { ImageLoader } from "types/overrides";
+import { getMonorepoRelativePath } from "utils/normalize-path";
 
 export default {
   name: "fs-dev",
   load: async (url: string) => {
-    const basePath = "../../assets";
-    const body = fs.createReadStream(`${basePath}/${url}`);
+    const imagePath = path.join(getMonorepoRelativePath(), "assets", url);
+    const body = fs.createReadStream(imagePath);
     const contentType = url.endsWith(".png") ? "image/png" : "image/jpeg";
     return {
       body,

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@opennextjs/aws": patch
 +---
++
 +fix: make fs-dev imageLoader work in monorepo