debug: restore rendering with arrayBuffer() error capture on default.png

Author: Miriad

apps/web/src/pages/api/og/default.png.ts

@@ -1,17 +1,46 @@
 /**
- * Default OG image — debug: returns raw HTML to inspect what Satori receives.
+ * Default OG image generation for generic pages.
  */
 import type { APIRoute } from "astro";
-import { generateDefaultOgHtml } from "../../../lib/og-utils";
+import { ImageResponse } from "workers-og";
+import { generateDefaultOgHtml, loadFonts, OG_CACHE_HEADER } from "../../../lib/og-utils";
 
 export const prerender = false;
 
 export const GET: APIRoute = async ({ url }) => {
-  const title = url.searchParams.get("title") || "CodingCat.dev";
-  const subtitle = url.searchParams.get("subtitle") || undefined;
-  const html = generateDefaultOgHtml({ title, subtitle });
+  try {
+    const title = url.searchParams.get("title") || "CodingCat.dev";
+    const subtitle = url.searchParams.get("subtitle") || undefined;
+    const html = generateDefaultOgHtml({ title, subtitle });
 
-  return new Response(html, {
-    headers: { "Content-Type": "text/html" },
-  });
+    // Use og() directly via ImageResponse + arrayBuffer() to catch stream errors
+    const ogResponse = new ImageResponse(html, {
+      width: 1200,
+      height: 630,
+      fonts: loadFonts(),
+    });
+
+    const body = await ogResponse.arrayBuffer();
+
+    if (body.byteLength === 0) {
+      return new Response(
+        JSON.stringify({ error: "Empty body", htmlLength: html.length }),
+        { status: 500, headers: { "Content-Type": "application/json" } }
+      );
+    }
+
+    return new Response(body, {
+      status: 200,
+      headers: {
+        "Content-Type": "image/png",
+        "Content-Length": body.byteLength.toString(),
+        "Cache-Control": OG_CACHE_HEADER,
+      },
+    });
+  } catch (error: any) {
+    return new Response(
+      JSON.stringify({ error: error.message, stack: error.stack }),
+      { status: 500, headers: { "Content-Type": "application/json" } }
+    );
+  }
 };