@pixldocs/canvas-renderer 0.5.97 → 0.5.98

package/dist/index.d.ts

@@ -256,7 +256,7 @@ export declare function normalizeFontFamily(fontStack: string): string;
  * Package version banner. Bump alongside package.json so we can confirm
  * (via browser:log) that the deployed bundle matches the expected build.
  */
-export declare const PACKAGE_VERSION = "0.5.86";
+export declare const PACKAGE_VERSION = "0.5.98";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -13084,7 +13084,7 @@ function PixldocsPreview(props) {
     !canvasSettled && /* @__PURE__ */ jsx("div", { style: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center", minHeight: 200 }, children: /* @__PURE__ */ jsx("div", { style: { color: "#888", fontSize: 14 }, children: "Loading preview..." }) })
   ] });
 }
-const PACKAGE_VERSION = "0.5.86";
+const PACKAGE_VERSION = "0.5.98";
 const roundParityValue = (value) => {
   if (typeof value !== "number") return value;
   return Number.isFinite(value) ? Number(value.toFixed(3)) : value;
@@ -14045,6 +14045,7 @@ class PixldocsRenderer {
     this.logFabricTextParitySnapshot("after-stable-text-metrics", fabricInstance);
   }
 }
+const __vite_import_meta_env__ = {};
 const FONT_WEIGHT_LABELS = {
   300: "Light",
   400: "Regular",
@@ -14671,10 +14672,36 @@ function bytesToBase64(bytes) {
   for (let i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i]);
   return btoa(binary);
 }
+function getFontProxyUrl() {
+  var _a;
+  const viteUrl = (__vite_import_meta_env__ == null ? void 0 : __vite_import_meta_env__.VITE_SUPABASE_URL) || "";
+  const runtimeUrl = typeof globalThis !== "undefined" ? ((_a = globalThis.__CONFIG__) == null ? void 0 : _a.supabaseUrl) || globalThis.__PIXLDOCS_SUPABASE_URL || "" : "";
+  const baseUrl = (viteUrl || runtimeUrl || "").replace(/\/$/, "");
+  return baseUrl ? `${baseUrl}/functions/v1/font-proxy` : null;
+}
+async function fetchTtfViaProxy(family, weight, isItalic, source) {
+  const proxyUrl = getFontProxyUrl();
+  if (!proxyUrl) return null;
+  try {
+    const url = `${proxyUrl}?family=${encodeURIComponent(family)}&weight=${weight}&italic=${isItalic ? 1 : 0}&source=${source}`;
+    const res = await fetch(url);
+    if (!res.ok) return null;
+    const bytes = new Uint8Array(await res.arrayBuffer());
+    return isJsPdfEmbeddableTrueType(bytes) ? bytes : null;
+  } catch {
+    return null;
+  }
+}
 async function fetchGoogleFontTTF(fontFamily, weight, isItalic = false) {
   const cacheKey = `gf:${fontFamily}:${weight}:${isItalic ? "i" : "n"}`;
   if (ttfCache.has(cacheKey)) return ttfCache.get(cacheKey);
   if (googleFontNotFound.has(fontFamily)) return null;
+  const proxyBytes = await fetchTtfViaProxy(fontFamily, weight, isItalic, "google");
+  if (proxyBytes) {
+    const b64 = bytesToBase64(proxyBytes);
+    ttfCache.set(cacheKey, b64);
+    return b64;
+  }
   try {
     const ital = isItalic ? "1" : "0";
     const cssUrl = `https://fonts.googleapis.com/css2?family=${encodeURIComponent(
@@ -14714,6 +14741,12 @@ async function fetchFontshareTTF(fontFamily, weight, isItalic = false) {
   if (ttfCache.has(cacheKey)) return ttfCache.get(cacheKey);
   if (fontshareNotFound.has(fontFamily)) return null;
   const slug = fontFamily.trim().toLowerCase().replace(/\s+/g, "-");
+  const proxyBytes = await fetchTtfViaProxy(fontFamily, weight, isItalic, "fontshare");
+  if (proxyBytes) {
+    const b64 = bytesToBase64(proxyBytes);
+    ttfCache.set(cacheKey, b64);
+    return b64;
+  }
   try {
     const styleSuffix = isItalic ? "i" : "";
     const cssUrl = `https://api.fontshare.com/v2/css?f[]=${slug}@${weight}${styleSuffix}&display=swap`;