@vercel/og 0.5.11 → 0.5.12

package/dist/index.edge.js

@@ -18602,7 +18602,86 @@ function loadEmoji(code, type) {
   return fetch(`${api}${code.toUpperCase()}.svg`);
 }
 
-// src/og.ts
+// src/language/index.ts
+var FontDetector = class {
+  constructor() {
+    this.rangesByLang = {};
+  }
+  async detect(text, fonts) {
+    await this.load(fonts);
+    const result = {};
+    for (const segment of text) {
+      const lang = this.detectSegment(segment, fonts);
+      if (lang) {
+        result[lang] = result[lang] || "";
+        result[lang] += segment;
+      }
+    }
+    return result;
+  }
+  detectSegment(segment, fonts) {
+    for (const font of fonts) {
+      const range = this.rangesByLang[font];
+      if (range && checkSegmentInRange(segment, range)) {
+        return font;
+      }
+    }
+    return null;
+  }
+  async load(fonts) {
+    let params = "";
+    const existingLang = Object.keys(this.rangesByLang);
+    const langNeedsToLoad = fonts.filter((font) => !existingLang.includes(font));
+    if (langNeedsToLoad.length === 0) {
+      return;
+    }
+    for (const font of langNeedsToLoad) {
+      params += `family=${font}&`;
+    }
+    params += "display=swap";
+    const API = `https://fonts.googleapis.com/css2?${params}`;
+    const fontFace = await (await fetch(API, {
+      headers: {
+        "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36"
+      }
+    })).text();
+    this.addDetectors(fontFace);
+  }
+  addDetectors(input) {
+    const regex = /font-family:\s*'(.+?)';.+?unicode-range:\s*(.+?);/gms;
+    const matches = input.matchAll(regex);
+    for (const [, _lang, range] of matches) {
+      const lang = _lang.replaceAll(" ", "+");
+      if (!this.rangesByLang[lang]) {
+        this.rangesByLang[lang] = [];
+      }
+      this.rangesByLang[lang].push(...convert(range));
+    }
+  }
+};
+function convert(input) {
+  return input.split(", ").map((range) => {
+    range = range.replaceAll("U+", "");
+    const [start, end] = range.split("-").map((hex) => parseInt(hex, 16));
+    if (isNaN(end)) {
+      return start;
+    }
+    return [start, end];
+  });
+}
+function checkSegmentInRange(segment, range) {
+  const codePoint = segment.codePointAt(0);
+  if (!codePoint)
+    return false;
+  return range.some((val) => {
+    if (typeof val === "number") {
+      return codePoint === val;
+    } else {
+      const [start, end] = val;
+      return start <= codePoint && codePoint <= end;
+    }
+  });
+}
 var languageFontMap = {
   "ja-JP": "Noto+Sans+JP",
   "ko-KR": "Noto+Sans+KR",
@@ -18622,6 +18701,8 @@ var languageFontMap = {
   math: "Noto+Sans+Math",
   unknown: "Noto+Sans"
 };
+
+// src/og.ts
 async function loadGoogleFont(font, text) {
   if (!font || !text)
     return;
@@ -18633,27 +18714,35 @@ async function loadGoogleFont(font, text) {
   })).text();
   const resource = css.match(/src: url\((.+)\) format\('(opentype|truetype)'\)/);
   if (!resource)
-    throw new Error("Failed to load font");
-  return fetch(resource[1]).then((res) => res.arrayBuffer());
+    throw new Error("Failed to download dynamic font");
+  const res = await fetch(resource[1]);
+  if (!res.ok) {
+    throw new Error("Failed to download dynamic font. Status: " + res.status);
+  }
+  return res.arrayBuffer();
 }
+var detector = new FontDetector();
 var assetCache = /* @__PURE__ */ new Map();
 var loadDynamicAsset = ({ emoji }) => {
   const fn = async (code, text) => {
     if (code === "emoji") {
       return `data:image/svg+xml;base64,` + btoa(await (await loadEmoji(getIconCode(text), emoji)).text());
     }
-    if (!languageFontMap[code])
-      code = "unknown";
+    const codes = code.split("|");
+    const names = codes.map((code2) => languageFontMap[code2]).filter(Boolean).flat();
+    if (names.length === 0)
+      return [];
     try {
-      const data = await loadGoogleFont(languageFontMap[code], text);
-      if (data) {
-        return {
-          name: `satori_${code}_fallback_${text}`,
-          data,
-          weight: 400,
-          style: "normal"
-        };
-      }
+      const textByFont = await detector.detect(text, names);
+      const fonts = Object.keys(textByFont);
+      const fontData = await Promise.all(fonts.map((font) => loadGoogleFont(font, textByFont[font])));
+      return fontData.map((data, index) => ({
+        name: `satori_${codes[index]}_fallback_${text}`,
+        data,
+        weight: 400,
+        style: "normal",
+        lang: codes[index] === "unknown" ? void 0 : codes[index]
+      }));
     } catch (e) {
       console.error("Failed to load dynamic font for", text, ". Error:", e);
     }