vercel-labs
diff --git a/‎examples/image/app/api/generate/route.ts‎
Lines changed: 1 addition & 2 deletions b/‎examples/image/app/api/generate/route.ts‎
Lines changed: 1 addition & 2 deletions
diff --git a/‎examples/image/app/api/image/route.ts‎
Lines changed: 9 additions & 7 deletions b/‎examples/image/app/api/image/route.ts‎
Lines changed: 9 additions & 7 deletions
diff --git a/‎examples/image/app/layout.tsx‎
Lines changed: 3 additions & 3 deletions b/‎examples/image/app/layout.tsx‎
Lines changed: 3 additions & 3 deletions
@@ -1,5 +1,4 @@
 import { streamText } from "ai";
-import { gateway } from "@ai-sdk/gateway";
 import { buildUserPrompt, type Spec } from "@json-render/core";
 import { imageCatalog } from "@/lib/catalog";
 
@@ -25,7 +24,7 @@ export async function POST(req: Request) {
   });
 
   const result = streamText({
-    model: gateway(process.env.AI_GATEWAY_MODEL ?? DEFAULT_MODEL),
+    model: process.env.AI_GATEWAY_MODEL ?? DEFAULT_MODEL,
     system: SYSTEM_PROMPT,
     prompt: userPrompt,
     temperature: 0.7,
 
@@ -1,16 +1,18 @@
-import { renderToSvg, renderToPng } from "@json-render/image/render";
+import { renderToPng } from "@json-render/image/render";
 import { examples } from "@/lib/examples";
 import type { Spec } from "@json-render/core";
 import { readFile } from "node:fs/promises";
-import { join } from "node:path";
+import { createRequire } from "node:module";
+
+const require = createRequire(import.meta.url);
 
 let fontCache: ArrayBuffer | null = null;
 
 async function loadFont(): Promise<ArrayBuffer> {
   if (fontCache) return fontCache;
-  const buffer = await readFile(
-    join(process.cwd(), "public", "Inter-Regular.ttf"),
-  );
+  const fontPath =
+    require.resolve("geist/dist/fonts/geist-sans/Geist-Regular.ttf");
+  const buffer = await readFile(fontPath);
   fontCache = buffer.buffer.slice(
     buffer.byteOffset,
     buffer.byteOffset + buffer.byteLength,
@@ -49,7 +51,7 @@ async function imageResponse(spec: Spec, name: string, download: boolean) {
   const fontData = await loadFont();
   const fonts = [
     {
-      name: "Inter",
+      name: "Geist Sans",
       data: fontData,
       weight: 400 as const,
       style: "normal" as const,
@@ -62,7 +64,7 @@ async function imageResponse(spec: Spec, name: string, download: boolean) {
     ? `attachment; filename="${name}.png"`
     : `inline; filename="${name}.png"`;
 
-  return new Response(png as unknown as ArrayBuffer, {
+  return new Response(Buffer.from(png), {
     headers: {
       "Content-Type": "image/png",
       "Content-Disposition": disposition,
 
@@ -1,8 +1,8 @@
 import type { Metadata } from "next";
-import { Inter } from "next/font/google";
+import { Geist } from "next/font/google";
 import "./globals.css";
 
-const inter = Inter({ subsets: ["latin"] });
+const geist = Geist({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: "json-render Image Example",
@@ -16,7 +16,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={inter.className}>{children}</body>
+      <body className={geist.className}>{children}</body>
     </html>
   );
 }