import { fetch } from "https://esm.town/v/std/fetch"; export default async function server(req: Request): Promise { async function inlineUrls(cssString: string) { const urlRegex = /url$['"]?(.*?)['"]?$/g; let result = cssString; for (const urlMatch of cssString.matchAll(urlRegex)) { const originalUrl = urlMatch[1]; const response = await fetch(originalUrl); const data = new Uint8Array(await response.arrayBuffer()); result = result.replace( urlMatch[0], `url("data:${response.headers.get("content-type")};base64,${ btoa(String.fromCharCode.apply(null, data)) }")`, ); } return result; } const esc = (await import("https://esm.sh/escape-html@1.0.3")).default; const { init } = await import("https://esm.sh/server-text-width@1.0.2"); const { getTextWidth } = init( (await import("https://easrng.github.io/IBMPlexSansMetrics.js")).default, ); const url = new URL(req.url); const text = decodeURIComponent(url.pathname.split("/")[1]); let fontCss = ""; try { const r = await fetch( "https://fonts.googleapis.com/css2?family=" + encodeURIComponent("IBM Plex Sans:wght@600") + "&text=" + encodeURIComponent(text), { headers: { "user-agent": req.headers.get("user-agent") || "" } }, ); if (!r.ok) throw new Error("Failed to fetch font CSS"); fontCss = await inlineUrls(await r.text()); } catch (e) { console.error("Error fetching font CSS:", e); } const width = Math.ceil(getTextWidth(text) + 16); const svgContent = ``; return new Response(svgContent, { headers: { "content-type": "image/svg+xml", }, }); } // Forked from @easrng.button