@publish.os/nextjs 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/kernel/routes/metadata/og-image.js

@@ -1,156 +1,167 @@
-// src/kernel/routes/metadata/og-image.tsx
+// src/route-metadata-og-image.tsx
 import { readFile } from "fs/promises";
 import { createRequire } from "module";
 import { ImageResponse } from "next/og";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ERROR_HEADERS = {
-  "cache-control": "public, max-age=60, must-revalidate",
-  "cdn-cache-control": "public, max-age=300",
-  "vercel-cdn-cache-control": "public, max-age=300",
-  "x-content-type-options": "nosniff"
-};
-var SUCCESS_HEADERS = {
-  "cache-control": "public, max-age=31536000, immutable",
-  "cdn-cache-control": "public, max-age=31536000, immutable",
-  "vercel-cdn-cache-control": "public, max-age=31536000, immutable",
-  "x-content-type-options": "nosniff"
-};
-var DEVELOPMENT_SUCCESS_HEADERS = {
-  "cache-control": "no-store",
-  "cdn-cache-control": "no-store",
-  "vercel-cdn-cache-control": "no-store",
-  "x-content-type-options": "nosniff"
+
+// src/lib/runtime/logging/logger.ts
+var isDev = process.env.NODE_ENV !== "production", isDebugEnabled = process.env.NEXT_PRIVATE_DEBUG_CACHE === "1", log = {
+  debug(...args) {
+    isDev && isDebugEnabled && console.debug("[publish.os:debug]", ...args);
+  },
+  info(...args) {
+    console.log("[publish.os]", ...args);
+  },
+  warn(...args) {
+    console.warn("[publish.os:warn]", ...args);
+  },
+  error(...args) {
+    console.error("[publish.os:error]", ...args);
+  }
 };
-var KEY_PATTERN = /^[a-f0-9]{16}$/;
-var DESCRIPTION_MAX_LENGTH = 260;
-var LABEL_MAX_LENGTH = 72;
-var SITE_NAME_MAX_LENGTH = 42;
-var TITLE_MAX_LENGTH = 220;
-var GRID_INSET = 86;
-var GRID_BOTTOM = 544;
-var CONTENT_X = 122;
-var CONTENT_WIDTH = 956;
-var TITLE_MAX_FONT_SIZE = 60;
-var TITLE_MIN_FONT_SIZE = 40;
-var LOGO_MAX_WIDTH = 300;
-var LOGO_MAX_HEIGHT = 46;
-var MAX_RESPONSE_CACHE_ENTRIES = 128;
-var BADGE_RADIUS = 999;
-var CONTENT_TYPE_HEADER = { "content-type": "image/png" };
-var PLATFORM_FONT_FAMILY = "PublishOS Geist";
-var PLATFORM_FONT_WEIGHTS = [
-  400,
-  500,
-  600,
-  700,
-  800
-];
-var fontArrayBufferCache = /* @__PURE__ */ new Map();
-var imageResponseFontCache = /* @__PURE__ */ new Map();
-var imageResponseCache = /* @__PURE__ */ new Map();
-var require2 = createRequire(`${process.cwd()}/package.json`);
-var platformFontPath = require2.resolve(
-  "next/dist/compiled/@vercel/og/Geist-Regular.ttf"
-);
-var platformFontData;
-function isDevelopment() {
-  return process.env.NODE_ENV === "development";
+
+// src/lib/runtime/metadata/og-text.ts
+var segmenter = new Intl.Segmenter("en", { granularity: "grapheme" });
+function ogTextGraphemes(text) {
+  return [...segmenter.segment(text)].map(({ segment }) => segment);
 }
-function successHeaders() {
-  return isDevelopment() ? DEVELOPMENT_SUCCESS_HEADERS : SUCCESS_HEADERS;
+function truncateGraphemes(value, maximum) {
+  let result = "";
+  for (let segment of ogTextGraphemes(value)) {
+    if (result.length + segment.length > maximum) break;
+    result += segment;
+  }
+  return result;
 }
 function clampText(value, maxLength) {
-  if (!value) return void 0;
-  if (value.length <= maxLength) return value;
-  return `${value.slice(0, maxLength - 3).trimEnd()}...`;
-}
-async function routeKey(context) {
-  const params = await context.params;
-  return params.key.replace(/\.png$/, "");
+  if (value)
+    return value.length <= maxLength ? value : `${truncateGraphemes(value, maxLength - 3).trimEnd()}...`;
 }
 function ellipsize(value, maxLength) {
-  if (value.length <= maxLength) return value;
-  return `${value.slice(0, maxLength - 3).trimEnd()}...`;
+  return value.length <= maxLength ? value : `${truncateGraphemes(value, maxLength - 3).trimEnd()}...`;
 }
 function wrapText(options) {
-  const source = clampText(options.text, options.maxLength);
+  let source = clampText(options.text, options.maxLength);
   if (!source) return [];
-  const maxCharsPerLine = Math.max(
+  let maxCharsPerLine = Math.max(
     12,
     Math.floor(options.width / (options.fontSize * 0.54))
-  );
-  const words = source.split(/\s+/).filter(Boolean);
-  const lines = [];
-  let line = "";
-  for (const word of words) {
-    const nextLine = line ? `${line} ${word}` : word;
+  ), words = source.split(/\s+/).filter(Boolean), lines = [], line = "";
+  for (let word of words) {
+    let nextLine = line ? `${line} ${word}` : word;
     if (nextLine.length <= maxCharsPerLine) {
       line = nextLine;
       continue;
     }
-    if (line) lines.push(line);
-    line = word.length > maxCharsPerLine ? ellipsize(word, maxCharsPerLine) : word;
-    if (lines.length === options.maxLines) break;
+    if (line && lines.push(line), line = word.length > maxCharsPerLine ? ellipsize(word, maxCharsPerLine) : word, lines.length === options.maxLines) break;
   }
-  if (line && lines.length < options.maxLines) lines.push(line);
-  const consumed = lines.join(" ").replace(/\.\.\.$/, "");
-  const didOverflow = words.join(" ").length > consumed.length || (lines.at(-1)?.endsWith("...") ?? false);
-  if (didOverflow && lines.length > 0) {
-    const lastIndex = lines.length - 1;
+  line && lines.length < options.maxLines && lines.push(line);
+  let consumed = lines.join(" ").replace(/\.\.\.$/, "");
+  if ((words.join(" ").length > consumed.length || (lines.at(-1)?.endsWith("...") ?? !1)) && lines.length > 0) {
+    let lastIndex = lines.length - 1;
     lines[lastIndex] = ellipsize(lines[lastIndex] ?? "", maxCharsPerLine);
   }
   return lines;
 }
 function singleLineText(options) {
-  const source = clampText(options.text, options.maxLength);
-  if (!source) return void 0;
-  const charWidth = options.fontSize * (options.mono ? 0.62 : 0.54);
-  const maxChars = Math.max(4, Math.floor(options.width / charWidth));
+  let source = clampText(options.text, options.maxLength);
+  if (!source) return;
+  let charWidth = options.fontSize * (options.mono ? 0.62 : 0.54), maxChars = Math.max(4, Math.floor(options.width / charWidth));
   return ellipsize(source.replace(/\s+/g, " "), maxChars);
 }
 function titleFontSize(title) {
-  const length = title?.length ?? 0;
-  if (length > 130) return TITLE_MIN_FONT_SIZE;
-  if (length > 100) return 44;
-  if (length > 80) return 48;
-  if (length > 60) return 52;
-  if (length > 40) return 56;
-  return TITLE_MAX_FONT_SIZE;
+  let length = title?.length ?? 0;
+  return length > 130 ? 40 : length > 100 ? 44 : length > 80 ? 48 : length > 60 ? 52 : length > 40 ? 56 : 60;
 }
 function siteUrl(value) {
-  if (!value) return void 0;
-  const candidate = value.includes("://") ? value : `https://${value}`;
+  if (!value) return;
+  let candidate = value.includes("://") ? value : `https://${value}`;
   try {
     return new URL(candidate);
   } catch {
-    return void 0;
+    return;
   }
 }
 function displayUrlParts(entry) {
-  const url = siteUrl(entry.siteUrl);
-  const host = url?.hostname ?? entry.siteUrl?.replace(/\/.*$/, "") ?? "";
-  const basePath = url?.pathname.replace(/\/+$/, "") ?? "";
-  const routePath = entry.routePath === "/" ? "" : `/${entry.routePath.replace(/^\/+/, "")}`;
-  const path = `${basePath === "/" ? "" : basePath}${routePath}`;
-  if (host) return { host, path };
-  return { host: "", path: path || routePath };
+  let url = siteUrl(entry.siteUrl), host = url?.hostname ?? entry.siteUrl?.replace(/\/.*$/, "") ?? "", basePath = url?.pathname.replace(/\/+$/, "") ?? "", routePath = entry.routePath === "/" ? "" : `/${entry.routePath.replace(/^\/+/, "")}`, path = `${basePath === "/" ? "" : basePath}${routePath}`;
+  return host ? { host, path } : { host: "", path: path || routePath };
+}
+function getOgImageText(entry) {
+  let titleSize = titleFontSize(entry.title), titleLines = wrapText({
+    fontSize: titleSize,
+    maxLength: 220,
+    maxLines: 2,
+    text: entry.title,
+    width: 900
+  }), descriptionLines = wrapText({
+    fontSize: 30,
+    maxLength: 260,
+    maxLines: 2,
+    text: entry.description,
+    width: 870
+  }), label = singleLineText({
+    fontSize: 22,
+    maxLength: 72,
+    mono: !0,
+    text: entry.label,
+    width: 520
+  }), displayUrl = displayUrlParts(entry), siteName = clampText(entry.siteName ?? entry.alt, 42);
+  return {
+    titleSize,
+    titleLines,
+    descriptionLines,
+    label,
+    displayUrl,
+    siteName
+  };
+}
+
+// src/route-metadata-og-image.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ERROR_HEADERS = {
+  "cache-control": "public, max-age=60, must-revalidate",
+  "cdn-cache-control": "public, max-age=300",
+  "vercel-cdn-cache-control": "public, max-age=300",
+  "x-content-type-options": "nosniff"
+}, SUCCESS_HEADERS = {
+  "cache-control": "public, max-age=31536000, immutable",
+  "cdn-cache-control": "public, max-age=31536000, immutable",
+  "vercel-cdn-cache-control": "public, max-age=31536000, immutable",
+  "x-content-type-options": "nosniff"
+}, DEVELOPMENT_SUCCESS_HEADERS = {
+  "cache-control": "no-store",
+  "cdn-cache-control": "no-store",
+  "vercel-cdn-cache-control": "no-store",
+  "x-content-type-options": "nosniff"
+}, KEY_PATTERN = /^[a-f0-9]{16}$/, GRID_INSET = 86, GRID_BOTTOM = 544, CONTENT_X = 122, CONTENT_WIDTH = 956, LOGO_MAX_WIDTH = 300, LOGO_MAX_HEIGHT = 46, MAX_RESPONSE_CACHE_ENTRIES = 128, BADGE_RADIUS = 999, CONTENT_TYPE_HEADER = { "content-type": "image/png" }, PLATFORM_FONT_FAMILY = "PublishOS Geist", PLATFORM_FONT_WEIGHTS = [
+  400,
+  500,
+  600,
+  700,
+  800
+], fontArrayBufferCache = /* @__PURE__ */ new Map(), imageResponseFontCache = /* @__PURE__ */ new Map(), imageResponseFontSupportCache = /* @__PURE__ */ new WeakMap(), warnedImageResponseFonts = /* @__PURE__ */ new WeakSet(), imageResponseCache = /* @__PURE__ */ new Map(), require2 = createRequire(`${process.cwd()}/package.json`), platformFontPath = require2.resolve(
+  "next/dist/compiled/@vercel/og/Geist-Regular.ttf"
+), platformFontData;
+function isDevelopment() {
+  return process.env.NODE_ENV === "development";
+}
+function successHeaders() {
+  return isDevelopment() ? DEVELOPMENT_SUCCESS_HEADERS : SUCCESS_HEADERS;
+}
+async function routeKey(context) {
+  return (await context.params).key.replace(/\.png$/, "");
 }
 function dataUrlToArrayBuffer(value) {
-  const cached = fontArrayBufferCache.get(value);
+  let cached = fontArrayBufferCache.get(value);
   if (cached) return cached;
-  const binary = atob(value);
-  const bytes = new Uint8Array(binary.length);
-  for (let index = 0; index < binary.length; index += 1) {
+  let binary = atob(value), bytes = new Uint8Array(binary.length);
+  for (let index = 0; index < binary.length; index += 1)
     bytes[index] = binary.charCodeAt(index);
-  }
-  fontArrayBufferCache.set(value, bytes.buffer);
-  return bytes.buffer;
+  return fontArrayBufferCache.set(value, bytes.buffer), bytes.buffer;
 }
 function platformFonts() {
-  platformFontData ??= readFile(platformFontPath).then(
+  return platformFontData ??= readFile(platformFontPath).then(
     (data) => data.buffer.slice(data.byteOffset, data.byteOffset + data.byteLength)
-  );
-  return platformFontData.then(
+  ), platformFontData.then(
     (data) => PLATFORM_FONT_WEIGHTS.map((weight) => ({
       data: data.slice(0),
       name: PLATFORM_FONT_FAMILY,
@@ -159,29 +170,72 @@ function platformFonts() {
     }))
   );
 }
+function imageResponseFontIsUsable(font, probe) {
+  let results = imageResponseFontSupportCache.get(font.data) ?? /* @__PURE__ */ new Map(), cached = results.get(probe);
+  if (cached) return cached;
+  let result = platformFonts().then(
+    (fallback) => new ImageResponse(
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            display: "flex",
+            fontFamily: `${JSON.stringify(font.name)}, ${JSON.stringify(PLATFORM_FONT_FAMILY)}`,
+            fontStyle: font.style,
+            fontWeight: font.weight
+          },
+          children: probe
+        }
+      ),
+      { fonts: [font, ...fallback], height: 32, width: 64 }
+    ).arrayBuffer().then(
+      () => !0,
+      () => !1
+    )
+  );
+  return results.set(probe, result), imageResponseFontSupportCache.set(font.data, results), result;
+}
 async function imageResponseFonts(entry) {
-  const cached = imageResponseFontCache.get(entry.key);
+  let cached = imageResponseFontCache.get(entry.key);
   if (cached) return cached;
-  const manifestFonts = ["main", "mono"].flatMap((role) => {
-    const font = entry.fonts?.[role];
-    return font?.files?.map((file) => ({
-      data: dataUrlToArrayBuffer(file.data),
+  let selection = (async () => {
+    let usableRoles = /* @__PURE__ */ new Set(), manifestFonts = (await Promise.all(
+      ["main", "mono"].flatMap((role) => {
+        let font = entry.fonts?.[role];
+        return font?.files?.map(async (file) => {
+          let candidate = {
+            data: dataUrlToArrayBuffer(file.data),
+            name: font.family,
+            style: file.style,
+            weight: file.weight
+          };
+          if (!file.probe || await imageResponseFontIsUsable(candidate, file.probe))
+            return usableRoles.add(role), candidate;
+          warnedImageResponseFonts.has(candidate.data) || (warnedImageResponseFonts.add(candidate.data), log.warn(
+            `Open Graph image font ${JSON.stringify(file.path ?? font.family)} is not compatible with ImageResponse. PublishOS uses its bundled static font for this Open Graph role. Browser text still uses ${JSON.stringify(font.family)}.`
+          ));
+        }) ?? [];
+      })
+    )).filter((font) => !!font), fallbackFonts = (entry.fallbackFonts ?? []).map((font) => ({
       name: font.family,
-      style: file.style,
-      weight: file.weight
-    })) ?? [];
-  });
-  const fonts = manifestFonts.length > 0 ? [...manifestFonts, ...await platformFonts()] : await platformFonts();
-  imageResponseFontCache.set(entry.key, fonts);
-  return fonts;
+      data: dataUrlToArrayBuffer(font.data),
+      style: font.style,
+      weight: font.weight
+    }));
+    return {
+      fonts: [...manifestFonts, ...await platformFonts(), ...fallbackFonts],
+      usableRoles
+    };
+  })();
+  return imageResponseFontCache.set(entry.key, selection), selection;
 }
 function fontFamily(font, fallback) {
-  const fallbackStack = fallback === "mono" ? `"${PLATFORM_FONT_FAMILY}", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace` : `"${PLATFORM_FONT_FAMILY}", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif`;
+  let fallbackStack = fallback === "mono" ? `"${PLATFORM_FONT_FAMILY}", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace` : `"${PLATFORM_FONT_FAMILY}", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif`;
   return font?.family ? `${JSON.stringify(font.family)}, ${fallbackStack}` : fallbackStack;
 }
 function fittedLogoDimensions(logo) {
-  if (!logo?.width || !logo.height) return void 0;
-  const scale = Math.min(
+  if (!logo?.width || !logo.height) return;
+  let scale = Math.min(
     LOGO_MAX_WIDTH / logo.width,
     LOGO_MAX_HEIGHT / logo.height,
     1
@@ -193,16 +247,14 @@ function fittedLogoDimensions(logo) {
 }
 function cacheImageResponse(key, render) {
   if (isDevelopment()) return render();
-  const cached = imageResponseCache.get(key);
+  let cached = imageResponseCache.get(key);
   if (cached) return cached;
-  const promise = render().catch((error) => {
-    imageResponseCache.delete(key);
-    throw error;
+  let promise = render().catch((error) => {
+    throw imageResponseCache.delete(key), error;
   });
-  imageResponseCache.set(key, promise);
-  if (imageResponseCache.size > MAX_RESPONSE_CACHE_ENTRIES) {
-    const oldest = imageResponseCache.keys().next().value;
-    if (oldest) imageResponseCache.delete(oldest);
+  if (imageResponseCache.set(key, promise), imageResponseCache.size > MAX_RESPONSE_CACHE_ENTRIES) {
+    let oldest = imageResponseCache.keys().next().value;
+    oldest && imageResponseCache.delete(oldest);
   }
   return promise;
 }
@@ -213,77 +265,91 @@ function responseFromCachedImage(cached) {
   });
 }
 async function cachedImageResponse(response) {
-  const headersToApply = successHeaders();
-  const headers = new Headers(response.headers);
-  headers.set("cache-control", headersToApply["cache-control"]);
-  headers.set("cdn-cache-control", headersToApply["cdn-cache-control"]);
-  headers.set(
+  let headersToApply = successHeaders(), headers = new Headers(response.headers);
+  return headers.set("cache-control", headersToApply["cache-control"]), headers.set("cdn-cache-control", headersToApply["cdn-cache-control"]), headers.set(
     "vercel-cdn-cache-control",
     headersToApply["vercel-cdn-cache-control"]
-  );
-  headers.set(
+  ), headers.set(
     "x-content-type-options",
     headersToApply["x-content-type-options"]
-  );
-  if (!headers.has("content-type")) {
-    headers.set("content-type", CONTENT_TYPE_HEADER["content-type"]);
-  }
-  return {
+  ), headers.has("content-type") || headers.set("content-type", CONTENT_TYPE_HEADER["content-type"]), {
     body: await response.arrayBuffer(),
     headers,
     status: response.status
   };
 }
 function createOgImageRoute({ manifest }) {
-  return async function GET(_request, context) {
-    const key = await routeKey(context);
-    if (!KEY_PATTERN.test(key)) {
+  return async function(_request, context) {
+    let key = await routeKey(context);
+    if (!KEY_PATTERN.test(key))
       return new Response("Bad request", {
         headers: ERROR_HEADERS,
         status: 400
       });
-    }
-    const entry = manifest.generated[key];
-    if (!entry || entry.source !== "generated") {
+    let entry = manifest.generated[key];
+    if (!entry || entry.source !== "generated")
       return new Response("Not found", {
         headers: ERROR_HEADERS,
         status: 404
       });
-    }
-    const titleSize = titleFontSize(entry.title);
-    const titleLines = wrapText({
-      fontSize: titleSize,
-      maxLength: TITLE_MAX_LENGTH,
-      maxLines: 2,
-      text: entry.title,
-      width: 900
-    });
-    const descriptionLines = wrapText({
-      fontSize: 30,
-      maxLength: DESCRIPTION_MAX_LENGTH,
-      maxLines: 2,
-      text: entry.description,
-      width: 870
-    });
-    const label = singleLineText({
-      fontSize: 22,
-      maxLength: LABEL_MAX_LENGTH,
-      mono: true,
-      text: entry.label,
-      width: 520
-    });
-    const displayUrl = displayUrlParts(entry);
-    const siteName = clampText(
-      entry.siteName ?? entry.alt,
-      SITE_NAME_MAX_LENGTH
-    );
-    const background = entry.background ?? "#ffffff";
-    const textPrimary = entry.textPrimary ?? "#111111";
-    const textSecondary = entry.textSecondary ?? "#525252";
-    const accent = entry.accent ?? "#2563eb";
-    const stroke = entry.stroke ?? "#e5e7eb";
-    const logoSrc = entry.logo?.dataUri;
-    const logoDimensions = fittedLogoDimensions(entry.logo);
+    let {
+      titleSize,
+      titleLines,
+      descriptionLines,
+      label,
+      displayUrl,
+      siteName
+    } = getOgImageText(entry), background = entry.background ?? "#ffffff", textPrimary = entry.textPrimary ?? "#111111", textSecondary = entry.textSecondary ?? "#525252", accent = entry.accent ?? "#2563eb", stroke = entry.stroke ?? "#e5e7eb", logoSrc = entry.logo?.dataUri, logoDimensions = fittedLogoDimensions(entry.logo), fontSelection = await imageResponseFonts(entry), mainFont = fontSelection.usableRoles.has("main") ? entry.fonts?.main : void 0, monoFont = fontSelection.usableRoles.has("mono") ? entry.fonts?.mono : void 0, renderText = (text, fontSize, role) => {
+      if (!text || !entry.emoji && !entry.fallbackGlyphs) return text;
+      let glyphs = entry.fallbackGlyphs?.[role], segments = ogTextGraphemes(text);
+      if (!segments.some((segment) => entry.emoji?.[segment] || glyphs?.[segment]))
+        return text;
+      let parts = [], remaining = "", remainingFamily, flush = () => {
+        remaining && (parts.push(
+          remainingFamily ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                fontFamily: JSON.stringify(remainingFamily),
+                whiteSpace: role === "mono" ? "pre" : "pre-wrap"
+              },
+              children: remaining
+            },
+            parts.length
+          ) : /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: { whiteSpace: role === "mono" ? "pre" : "pre-wrap" },
+              children: remaining
+            },
+            parts.length
+          )
+        ), remaining = "");
+      };
+      for (let segment of segments) {
+        let image = entry.emoji?.[segment];
+        if (!image) {
+          let family = glyphs?.[segment] ?? (/^\s+$/u.test(segment) ? remainingFamily : void 0);
+          family !== remainingFamily && flush(), remainingFamily = family, remaining += segment;
+          continue;
+        }
+        flush(), parts.push(
+          // biome-ignore lint/performance/noImgElement: ImageResponse uses prepared inline SVG artwork, not next/image.
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              alt: "",
+              src: image,
+              width: fontSize,
+              height: fontSize,
+              style: { flexShrink: 0 }
+            },
+            parts.length
+          )
+        );
+      }
+      return flush(), parts;
+    };
     return responseFromCachedImage(
       await cacheImageResponse(
         entry.key,
@@ -296,7 +362,7 @@ function createOgImageRoute({ manifest }) {
                   background,
                   color: textPrimary,
                   display: "flex",
-                  fontFamily: fontFamily(entry.fonts?.main, "sans"),
+                  fontFamily: fontFamily(mainFont, "sans"),
                   height: "100%",
                   position: "relative",
                   width: "100%"
@@ -365,7 +431,7 @@ function createOgImageRoute({ manifest }) {
                         alignItems: "center",
                         color: accent,
                         display: "flex",
-                        fontFamily: fontFamily(entry.fonts?.main, "sans"),
+                        fontFamily: fontFamily(mainFont, "sans"),
                         fontSize: 22,
                         fontWeight: 700,
                         height: GRID_INSET,
@@ -394,7 +460,7 @@ function createOgImageRoute({ manifest }) {
                             }
                           }
                         )
-                      ) : siteName
+                      ) : renderText(siteName, 22, "main")
                     }
                   ),
                   label ? /* @__PURE__ */ jsx(
@@ -403,7 +469,7 @@ function createOgImageRoute({ manifest }) {
                       style: {
                         alignItems: "center",
                         display: "flex",
-                        fontFamily: fontFamily(entry.fonts?.mono, "mono"),
+                        fontFamily: fontFamily(monoFont, "mono"),
                         height: GRID_INSET,
                         justifyContent: "flex-end",
                         overflow: "hidden",
@@ -466,7 +532,7 @@ function createOgImageRoute({ manifest }) {
                                 }
                               }
                             ),
-                            /* @__PURE__ */ jsx("div", { style: { display: "flex", position: "relative" }, children: label })
+                            /* @__PURE__ */ jsx("div", { style: { display: "flex", position: "relative" }, children: renderText(label, 20, "mono") })
                           ]
                         }
                       )
@@ -497,7 +563,7 @@ function createOgImageRoute({ manifest }) {
                               lineHeight: 1.08,
                               width: 900
                             },
-                            children: titleLines.map((line) => /* @__PURE__ */ jsx("div", { style: { display: "flex" }, children: line }, line))
+                            children: titleLines.map((line) => /* @__PURE__ */ jsx("div", { style: { display: "flex" }, children: renderText(line, titleSize, "main") }, line))
                           }
                         ),
                         descriptionLines.length > 0 ? /* @__PURE__ */ jsx(
@@ -511,7 +577,7 @@ function createOgImageRoute({ manifest }) {
                               lineHeight: 1.25,
                               width: 870
                             },
-                            children: descriptionLines.map((line) => /* @__PURE__ */ jsx("div", { style: { display: "flex" }, children: line }, line))
+                            children: descriptionLines.map((line) => /* @__PURE__ */ jsx("div", { style: { display: "flex" }, children: renderText(line, 30, "main") }, line))
                           }
                         ) : null
                       ]
@@ -523,7 +589,7 @@ function createOgImageRoute({ manifest }) {
                       style: {
                         alignItems: "center",
                         display: "flex",
-                        fontFamily: fontFamily(entry.fonts?.mono, "mono"),
+                        fontFamily: fontFamily(monoFont, "mono"),
                         fontSize: 22,
                         height: GRID_INSET,
                         justifyContent: "flex-start",
@@ -555,7 +621,7 @@ function createOgImageRoute({ manifest }) {
                                   flexShrink: 0,
                                   whiteSpace: "nowrap"
                                 },
-                                children: displayUrl.host
+                                children: renderText(displayUrl.host, 22, "mono")
                               }
                             ) : null,
                             displayUrl.path ? /* @__PURE__ */ jsx(
@@ -569,7 +635,7 @@ function createOgImageRoute({ manifest }) {
                                   textOverflow: "ellipsis",
                                   whiteSpace: "nowrap"
                                 },
-                                children: displayUrl.path
+                                children: renderText(displayUrl.path, 22, "mono")
                               }
                             ) : null
                           ]
@@ -581,7 +647,7 @@ function createOgImageRoute({ manifest }) {
               }
             ),
             {
-              fonts: await imageResponseFonts(entry),
+              fonts: fontSelection.fonts,
               headers: {
                 ...CONTENT_TYPE_HEADER,
                 ...successHeaders()

package/dist/kernel/routes/metadata/robots.d.ts

@@ -1,5 +1,4 @@
-import { ManifestLike } from '../../../types.js';
-import 'react';
+import { M as ManifestLike } from '../../../types-CIwwieNw.js';
 
 declare function createRobotsTxtRoute(manifest: ManifestLike): () => Promise<Response>;