chore: prettier-format OG card files

Author: NiallJoeMaher

app/(app)/s/[sourceSlug]/_sourceProfileClient.tsx

@@ -65,7 +65,7 @@ const SourceProfileContent = ({ sourceSlug, initialProfile }: Props) => {
   // first render (including SSR) is the real profile rather than a skeleton.
   if (status === "error" || !pub) {
     return (
-      <div className="mx-auto max-w-2xl px-0 py-4 sm:px-4 sm:py-8 text-fg">
+      <div className="mx-auto max-w-2xl px-0 py-4 text-fg sm:px-4 sm:py-8">
         <div className="bg-danger/12 rounded-lg border border-danger/30 p-6 text-center">
           <h1 className="text-lg font-semibold text-danger">
             Publication Not Found

app/og/route.tsx

@@ -31,13 +31,20 @@ async function logo(origin: string) {
   const res = await fetch(`${origin}/og/wordmark-white.png`);
   const bytes = new Uint8Array(await res.arrayBuffer());
   let binary = "";
-  for (let i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i]);
+  for (let i = 0; i < bytes.length; i++)
+    binary += String.fromCharCode(bytes[i]);
   return (_logo = `data:image/png;base64,${btoa(binary)}`);
 }
 
 const list = (v: string | null) =>
-  v ? v.split(",").map((s) => s.trim()).filter(Boolean) : undefined;
-const num = (v: string | null, d = 0) => (v != null && v !== "" ? Number(v) : d);
+  v
+    ? v
+        .split(",")
+        .map((s) => s.trim())
+        .filter(Boolean)
+    : undefined;
+const num = (v: string | null, d = 0) =>
+  v != null && v !== "" ? Number(v) : d;
 
 export async function GET(req: Request) {
   try {

lib/og/fonts.ts

@@ -7,7 +7,7 @@ type FontSpec = {
   name: string;
   data: ArrayBuffer;
   weight: 400 | 600 | 700 | 800;
-  style: 'normal';
+  style: "normal";
 };
 
 // The css2 endpoint serves woff2 to modern UAs; spoofing an old UA makes it
@@ -18,31 +18,40 @@ export async function loadGoogleFont(
   text?: string,
 ): Promise<ArrayBuffer> {
   const params = new URLSearchParams({ family: `${family}:wght@${weight}` });
-  if (text) params.set('text', text);
+  if (text) params.set("text", text);
   const cssUrl = `https://fonts.googleapis.com/css2?${params.toString()}`;
   const css = await fetch(cssUrl, {
-    headers: { 'User-Agent': 'Mozilla/5.0 (Windows NT 5.1)' }, // old UA → ttf
+    headers: { "User-Agent": "Mozilla/5.0 (Windows NT 5.1)" }, // old UA → ttf
   }).then((r) => r.text());
-  const url = css.match(/src:\s*url\((.+?)\)\s*format\('(?:truetype|opentype)'\)/)?.[1];
+  const url = css.match(
+    /src:\s*url\((.+?)\)\s*format\('(?:truetype|opentype)'\)/,
+  )?.[1];
   if (!url) throw new Error(`Could not resolve a TTF for ${family} ${weight}`);
   return fetch(url).then((r) => r.arrayBuffer());
 }
 
 // Load everything Codú OG cards need. Pass it the text you're about to
 // render to subset aggressively (smaller payloads); omit for full sets.
 export async function coduFonts(text?: string): Promise<FontSpec[]> {
-  const [bricolage, hanken400, hanken600, mono400, mono600] = await Promise.all([
-    loadGoogleFont('Bricolage Grotesque', 800, text),
-    loadGoogleFont('Hanken Grotesk', 400, text),
-    loadGoogleFont('Hanken Grotesk', 600, text),
-    loadGoogleFont('JetBrains Mono', 400, text),
-    loadGoogleFont('JetBrains Mono', 600, text),
-  ]);
+  const [bricolage, hanken400, hanken600, mono400, mono600] = await Promise.all(
+    [
+      loadGoogleFont("Bricolage Grotesque", 800, text),
+      loadGoogleFont("Hanken Grotesk", 400, text),
+      loadGoogleFont("Hanken Grotesk", 600, text),
+      loadGoogleFont("JetBrains Mono", 400, text),
+      loadGoogleFont("JetBrains Mono", 600, text),
+    ],
+  );
   return [
-    { name: 'Bricolage Grotesque', data: bricolage, weight: 800, style: 'normal' },
-    { name: 'Hanken Grotesk', data: hanken400, weight: 400, style: 'normal' },
-    { name: 'Hanken Grotesk', data: hanken600, weight: 600, style: 'normal' },
-    { name: 'JetBrains Mono', data: mono400, weight: 400, style: 'normal' },
-    { name: 'JetBrains Mono', data: mono600, weight: 600, style: 'normal' },
+    {
+      name: "Bricolage Grotesque",
+      data: bricolage,
+      weight: 800,
+      style: "normal",
+    },
+    { name: "Hanken Grotesk", data: hanken400, weight: 400, style: "normal" },
+    { name: "Hanken Grotesk", data: hanken600, weight: 600, style: "normal" },
+    { name: "JetBrains Mono", data: mono400, weight: 400, style: "normal" },
+    { name: "JetBrains Mono", data: mono600, weight: 600, style: "normal" },
   ];
 }