feat: use lambda for og export api

apps/dashboard/package.json

@@ -19,7 +19,7 @@
     "@ogstudio/auth": "workspace:*",
     "@ogstudio/db": "workspace:*",
     "@radix-ui/themes": "^3.0.3",
-    "@resvg/resvg-wasm": "2.4.0",
+    "@resvg/resvg-wasm": "2.6.2",
     "@tanstack/react-query": "^5.35.1",
     "@vercel/analytics": "^1.2.2",
     "@vercel/kv": "^1.0.1",

apps/dashboard/src/app/api/og/[key]/route.ts

@@ -1,5 +1,4 @@
 import { kv } from "@vercel/kv";
-import { initWasm } from "@resvg/resvg-wasm";
 import type { NextRequest } from "next/server";
 import type { OGElement } from "../../../../lib/types";
 import {
@@ -8,13 +7,6 @@ import {
   exportToSvg,
 } from "../../../../lib/export";
 import { loadFonts } from "../../../../lib/fonts";
-// @ts-expect-error -- this file does exist
-import resvgWasm from "../resvg.wasm?module";
-
-// eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- wrong type
-const initWasmPromise = initWasm(resvgWasm);
-
-export const runtime = "edge";
 
 export async function GET(
   request: NextRequest,
@@ -32,7 +24,6 @@ export async function GET(
   );
 
   const reactElements = elementsToReactElements(ogElements, dynamicTexts);
-  await initWasmPromise;
   const fonts = await loadFonts(ogElements);
   const svg = await exportToSvg(reactElements, fonts);
   const png = await exportToPng(svg);

apps/dashboard/src/app/api/og/template/[name]/route.ts

@@ -1,19 +1,11 @@
-import { initWasm } from "@resvg/resvg-wasm";
 import {
   elementsToReactElements,
   exportToPng,
   exportToSvg,
 } from "../../../../../lib/export";
 import { TEMPLATES } from "../../../../../lib/templates";
-// @ts-expect-error -- this file does exist
-import resvgWasm from "../../resvg.wasm?module";
 import { loadFonts } from "../../../../../lib/fonts";
 
-// eslint-disable-next-line @typescript-eslint/no-unsafe-argument -- wrong type
-const initWasmPromise = initWasm(resvgWasm);
-
-export const runtime = "edge";
-
 export async function GET(
   _: Request,
   { params }: { params: { name: string } },
@@ -29,7 +21,6 @@ export async function GET(
 
   const ogElements = template.elements;
   const reactElements = elementsToReactElements(ogElements);
-  await initWasmPromise;
   const fonts = await loadFonts(ogElements);
   const svg = await exportToSvg(reactElements, fonts);
   const png = await exportToPng(svg);

apps/dashboard/src/lib/export.ts

@@ -16,10 +16,9 @@ if (process.env.VITEST_POOL_ID) {
       "node_modules/@resvg/resvg-wasm/index_bg.wasm",
     ),
   );
-  // @ts-expect-error -- only present in Edge Runtime
-} else if (typeof EdgeRuntime !== "string") {
+} else {
   initWasmPromise = initWasm(
-    fetch("https://unpkg.com/@resvg/resvg-wasm@2.4.0/index_bg.wasm", {
+    fetch("https://unpkg.com/@resvg/resvg-wasm@2.6.2/index_bg.wasm", {
       cache: "no-store",
     }),
   );
@@ -130,7 +129,7 @@ export async function exportToSvg(
 }
 
 /**
- * Export an SVG string to a PNG Uint8Array, using the provided font buffers.
+ * Export an SVG string to a PNG Uint8Array.
  */
 export async function exportToPng(svg: string): Promise<Uint8Array> {
   await initWasmPromise;

apps/dashboard/src/lib/fonts.ts

@@ -82,6 +82,7 @@ export async function loadFonts(elements: OGElement[]): Promise<FontData[]> {
         const data = await fetch(
           // @ts-expect-error -- wrong inference
           `https://fonts.bunny.net/${fontName}/files/${fontName}-latin-${element.fontWeight}-normal.woff`,
+          { cache: "no-store" },
         ).then((response) => response.arrayBuffer());
 
         const fontData: FontData = {