@pixldocs/canvas-renderer 0.5.14 → 0.5.15

package/dist/index.js

@@ -2637,6 +2637,19 @@ const FONTS_TO_PRELOAD = [
 ];
 let fontsLoaded = false;
 let fontsLoadingPromise = null;
+const withFontTimeout = async (promise, timeoutMs = 4e3) => {
+  let timeoutId;
+  try {
+    return await Promise.race([
+      promise,
+      new Promise((resolve) => {
+        timeoutId = setTimeout(resolve, timeoutMs);
+      })
+    ]);
+  } finally {
+    if (timeoutId) clearTimeout(timeoutId);
+  }
+};
 const preloadFont = async (fontFamily) => {
   try {
     if (document.fonts) {
@@ -2657,11 +2670,11 @@ const preloadAllFonts = async () => {
   }
   fontsLoadingPromise = (async () => {
     if (document.fonts) {
-      await document.fonts.ready;
+      await withFontTimeout(document.fonts.ready, 2500);
     }
-    await Promise.all(FONTS_TO_PRELOAD.map((font) => preloadFont(font)));
+    await withFontTimeout(Promise.all(FONTS_TO_PRELOAD.map((font) => preloadFont(font))).then(() => void 0), 5e3);
     if (document.fonts) {
-      await document.fonts.ready;
+      await withFontTimeout(document.fonts.ready, 2500);
     }
     fontsLoaded = true;
   })();
@@ -2669,7 +2682,7 @@ const preloadAllFonts = async () => {
 };
 const waitForFontsReady = async () => {
   if (!document.fonts) return;
-  await document.fonts.ready;
+  await withFontTimeout(document.fonts.ready, 2500);
 };
 const DEFAULT_FONT_CHECK_TIMEOUT_MS = 3500;
 const FONT_CHECK_POLL_MS = 60;
@@ -11675,6 +11688,19 @@ function normalizeFontFamily(fontStack) {
 }
 const loadedFonts = /* @__PURE__ */ new Set();
 const loadingPromises = /* @__PURE__ */ new Map();
+async function withTimeout(promise, timeoutMs = 4e3) {
+  let timeoutId;
+  try {
+    return await Promise.race([
+      promise,
+      new Promise((resolve) => {
+        timeoutId = setTimeout(resolve, timeoutMs);
+      })
+    ]);
+  } finally {
+    if (timeoutId) clearTimeout(timeoutId);
+  }
+}
 async function loadGoogleFontCSS(rawFontFamily) {
   if (!rawFontFamily || typeof document === "undefined") return;
   const fontFamily = normalizeFontFamily(rawFontFamily);
@@ -11696,8 +11722,8 @@ async function loadGoogleFontCSS(rawFontFamily) {
         document.head.appendChild(link);
       });
       if (document.fonts) {
-        await document.fonts.load(`16px "${fontFamily}"`);
-        await document.fonts.ready;
+        await withTimeout(document.fonts.load(`16px "${fontFamily}"`), 2500);
+        await withTimeout(document.fonts.ready, 2500);
       }
       loadedFonts.add(fontFamily);
     } catch (e) {
@@ -11810,7 +11836,7 @@ async function ensureFontsForResolvedConfig(config) {
   if (typeof document === "undefined") return;
   const descriptors = collectFontDescriptorsFromConfig(config);
   const families = new Set(descriptors.map((d) => d.family));
-  await Promise.all([...families].map((f) => loadGoogleFontCSS(f)));
+  await withTimeout(Promise.all([...families].map((f) => loadGoogleFontCSS(f))), 8e3);
   if (document.fonts) {
     const loadPromises = descriptors.map((d) => {
       const stylePrefix = d.style === "italic" ? "italic " : "";
@@ -11819,8 +11845,8 @@ async function ensureFontsForResolvedConfig(config) {
       return document.fonts.load(spec).catch(() => {
       });
     });
-    await Promise.all(loadPromises);
-    await document.fonts.ready;
+    await withTimeout(Promise.all(loadPromises), 8e3);
+    await withTimeout(document.fonts.ready, 2500);
   }
 }
 function PixldocsPreview(props) {