refactor: improve query array handling

Author: VariableVic

src/app/collections/route.ts

@@ -32,7 +32,7 @@ export async function GET(request: NextRequest) {
 
 async function fetchCollection(handle: string) {
   return await medusaRequest("GET", "/collections", {
-    query: { "handle[]": handle },
+    query: { handle: [handle] },
   }).then(({ body }) => ({
     id: body.collections[0].id,
     handle: body.collections[0].handle,
@@ -53,7 +53,7 @@ async function fetchCollectionProducts({
 }) {
   const { products, count, offset } = await medusaRequest("GET", "/products", {
     query: {
-      "collection_id[]": id,
+      collection_id: [id],
       cart_id,
       limit,
       offset: pageParam,

src/lib/medusa-fetch/index.ts

@@ -1,5 +1,5 @@
 const MEDUSA_API_KEY = process.env.NEXT_PUBLIC_MEDUSA_API_KEY || ""
-const REVALIDATE_WINDOW = process.env.REVALIDATE_WINDOW || "60*60"
+const REVALIDATE_WINDOW = process.env.REVALIDATE_WINDOW || "60*1000*10" // 10 minutes
 const ENDPOINT =
   process.env.NEXT_PUBLIC_MEDUSA_BACKEND_URL || "http://localhost:9000"
 
@@ -22,7 +22,8 @@ export default async function medusaRequest(
       options.body = JSON.stringify(payload.body)
     }
     if ("query" in payload) {
-      path = `${path}?${new URLSearchParams(payload.query).toString()}`
+      const queries = parseArrays(payload.query)
+      path = `${path}?${new URLSearchParams(queries).toString()}`
     }
   }
 
@@ -44,3 +45,15 @@ export default async function medusaRequest(
     }
   }
 }
+
+const parseArrays = (obj: Record<string, any>) => {
+  const result = {} as Record<string, any>
+  Object.entries(obj).forEach(([key, value]) => {
+    if (Array.isArray(value)) {
+      result[`${key}[]`] = value.join(",")
+      return
+    }
+    result[key] = value
+  })
+  return result
+}