@pixldocs/canvas-renderer 0.5.71 → 0.5.73

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.71";
+export declare const PACKAGE_VERSION = "0.5.73";
 
 export declare interface PageSettings {
     backgroundColor?: string;

package/dist/index.js

@@ -12318,6 +12318,25 @@ async function awaitFontsForConfig(config, maxWaitMs) {
     document.fonts.ready.catch(() => void 0).then(() => void 0),
     new Promise((r) => setTimeout(r, Math.min(500, maxWaitMs)))
   ]);
+  const checkSpecs = [];
+  for (const d of descriptors) {
+    const stylePrefix = d.style === "italic" ? "italic " : "";
+    checkSpecs.push(`${stylePrefix}${d.weight} 16px "${d.family}"`);
+  }
+  const startedAt = Date.now();
+  const pollBudget = Math.min(maxWaitMs, 2500);
+  const allReady = () => {
+    for (const spec of checkSpecs) {
+      try {
+        if (!document.fonts.check(spec)) return false;
+      } catch {
+      }
+    }
+    return true;
+  };
+  while (!allReady() && Date.now() - startedAt < pollBudget) {
+    await new Promise((resolve) => setTimeout(resolve, 50));
+  }
   await new Promise(
     (resolve) => requestAnimationFrame(() => requestAnimationFrame(() => resolve()))
   );
@@ -12369,7 +12388,6 @@ function PixldocsPreview(props) {
   const [resolvedConfig, setResolvedConfig] = useState(null);
   const [isLoading, setIsLoading] = useState(false);
   const [fontsReady, setFontsReady] = useState(false);
-  const [fontsReadyVersion, setFontsReadyVersion] = useState(0);
   const [canvasSettled, setCanvasSettled] = useState(false);
   const [stabilizationPass, setStabilizationPass] = useState(0);
   const isResolveMode = !("config" in props && props.config);
@@ -12442,38 +12460,9 @@ function PixldocsPreview(props) {
     isResolveMode ? props.themeId : void 0
   ]);
   const config = isResolveMode ? resolvedConfig : props.config;
-  useEffect(() => {
-    var _a, _b, _c;
-    if (!config) return;
-    let cancelled = false;
-    setCanvasSettled(false);
-    setStabilizationPass(0);
-    console.log(PREVIEW_DEBUG_PREFIX, "config-changed", {
-      pageIndex,
-      pages: ((_a = config.pages) == null ? void 0 : _a.length) ?? 0,
-      underlinedNodes: countUnderlinedNodes(config),
-      isResolveMode
-    });
-    const bump = () => {
-      if (cancelled) return;
-      clearMeasurementCache();
-      clearFabricCharCache();
-      setFontsReadyVersion((v) => {
-        const next = v + 1;
-        console.log(PREVIEW_DEBUG_PREFIX, "font-bump", { pageIndex, next, stabilizationPass });
-        return next;
-      });
-    };
-    (_c = (_b = document.fonts) == null ? void 0 : _b.ready) == null ? void 0 : _c.then(bump);
-    const timeoutId = window.setTimeout(bump, 350);
-    return () => {
-      cancelled = true;
-      window.clearTimeout(timeoutId);
-    };
-  }, [config]);
   const previewKey = useMemo(
-    () => `${pageIndex}-${fontsReadyVersion}-${stabilizationPass}`,
-    [pageIndex, fontsReadyVersion, stabilizationPass]
+    () => `${pageIndex}-${stabilizationPass}`,
+    [pageIndex, stabilizationPass]
   );
   useEffect(() => {
     if (isResolveMode) return;
@@ -12542,7 +12531,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.71";
+const PACKAGE_VERSION = "0.5.73";
 let __underlineFixInstalled = false;
 function installUnderlineFix(fab) {
   var _a;
@@ -15659,7 +15648,7 @@ async function assemblePdfFromSvgs(svgResults, options = {}) {
     const hasGradient = !!((_b = (_a = page.backgroundGradient) == null ? void 0 : _a.stops) == null ? void 0 : _b.length);
     drawPageBackground(pdf, i, page.width, page.height, page.backgroundColor, page.backgroundGradient);
     const shouldStripBg = stripPageBackground ?? hasGradient;
-    const shouldOutlineText = options.outlineText === true;
+    const shouldOutlineText = options.outlineText !== false;
     const pageSvg = page.svg;
     let processedSvg = await prepareLiveCanvasSvgForPdf(pageSvg, page.width, page.height, `page-${i + 1}`, {
       stripPageBackground: shouldStripBg