diff --git a/.changeset/giant-rockets-clean.md b/.changeset/giant-rockets-clean.md new file mode 100644 index 000000000..793682d87 --- /dev/null +++ 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 index d1aa5e6bb..d9dd15df5 100644 --- 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,