@pixldocs/canvas-renderer 0.5.20 → 0.5.22

package/dist/index.cjs

@@ -11852,35 +11852,19 @@ async function ensureFontsForResolvedConfig(config) {
   if (typeof document === "undefined") return;
   const descriptors = collectFontDescriptorsFromConfig(config);
   const families = new Set(descriptors.map((d) => d.family));
-  void withTimeout(Promise.all([...families].map((f) => loadGoogleFontCSS(f))), 2500);
+  await withTimeout(Promise.all([...families].map((f) => loadGoogleFontCSS(f))), 6e3);
   if (document.fonts) {
-    descriptors.forEach((d) => {
+    await withTimeout(Promise.all(descriptors.map((d) => {
       const stylePrefix = d.style === "italic" ? "italic " : "";
       const weightStr = String(d.weight);
       const spec = `${stylePrefix}${weightStr} 16px "${d.family}"`;
-      document.fonts.load(spec).catch(() => {
+      return document.fonts.load(spec).catch(() => {
       });
-    });
+    })), 6e3);
+    await withTimeout(document.fonts.ready, 6e3);
   }
 }
 const TEXT_TYPES = /* @__PURE__ */ new Set(["textbox", "text", "i-text"]);
-function getTextLines(obj) {
-  const lines = Array.isArray(obj.textLines) && obj.textLines.length ? obj.textLines : String(obj.text || "").split("\n");
-  return lines.map((line) => Array.isArray(line) ? line.join("") : String(line ?? ""));
-}
-function measureLineWidth(obj, line) {
-  if (typeof document === "undefined") return 0;
-  const canvas = document.createElement("canvas");
-  const ctx = canvas.getContext("2d");
-  if (!ctx) return 0;
-  const fontStyle = obj.fontStyle || "normal";
-  const fontWeight = obj.fontWeight || 400;
-  const fontSize = obj.fontSize || 16;
-  const fontFamily = obj.fontFamily || "sans-serif";
-  ctx.font = `${fontStyle} ${fontWeight} ${fontSize}px ${fontFamily}`;
-  const charSpacing = Number(obj.charSpacing || 0) / 1e3 * fontSize;
-  return ctx.measureText(line).width + Math.max(0, line.length - 1) * charSpacing;
-}
 function getFabricCanvasFromContainer(container) {
   const registry2 = window.__fabricCanvasRegistry;
   if (registry2 instanceof Map) {
@@ -11927,10 +11911,6 @@ function stabilizeFabricTextObjects(fabricInstance) {
       obj.initDimensions();
       (_b2 = obj.set) == null ? void 0 : _b2.call(obj, { width: saved.width, scaleX: saved.scaleX, scaleY: saved.scaleY });
     }
-    if (obj.underline || obj.linethrough) {
-      const lineWidths = Array.isArray(obj.__lineWidths) ? obj.__lineWidths : [];
-      obj.__lineWidths = getTextLines(obj).map((line, index) => Math.max(lineWidths[index] || 0, measureLineWidth(obj, line)));
-    }
     obj.dirty = true;
     (_c2 = obj._clearCache) == null ? void 0 : _c2.call(obj);
     (_d = obj.setCoords) == null ? void 0 : _d.call(obj);
@@ -12576,7 +12556,7 @@ class PixldocsRenderer {
       container.style.cssText = `
         position: fixed; left: -99999px; top: -99999px;
         width: ${canvasWidth}px; height: ${canvasHeight}px;
-        overflow: hidden; pointer-events: none; opacity: 0;
+        overflow: hidden; pointer-events: none; visibility: hidden;
       `;
       document.body.appendChild(container);
       const timeout = setTimeout(() => {
@@ -12597,7 +12577,7 @@ class PixldocsRenderer {
         finished = true;
         this.waitForCanvasScene(container, config, pageIndex).then(async () => {
           try {
-            await this.waitForStableTextMetrics(container, config);
+            await this.waitForStableTextMetrics(container, config, true);
             await this.waitForCanvasScene(container, config, pageIndex, 2500, 50);
             const fabricInstance = this.getFabricCanvasFromContainer(container);
             const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
@@ -12640,7 +12620,6 @@ class PixldocsRenderer {
           pageIndex,
           zoom: pixelRatio,
           absoluteZoom: true,
-          skipFontReadyWait: true,
           onReady
         })
       );
@@ -12662,7 +12641,7 @@ class PixldocsRenderer {
       container.style.cssText = `
         position: fixed; left: -99999px; top: -99999px;
         width: ${canvasWidth}px; height: ${canvasHeight}px;
-        overflow: hidden; pointer-events: none; opacity: 0;
+        overflow: hidden; pointer-events: none; visibility: hidden;
       `;
       document.body.appendChild(container);
       const timeout = setTimeout(() => {
@@ -12684,7 +12663,7 @@ class PixldocsRenderer {
         this.waitForCanvasScene(container, config, pageIndex).then(async () => {
           var _a, _b;
           try {
-            await this.waitForStableTextMetrics(container, config);
+            await this.waitForStableTextMetrics(container, config, true);
             await this.waitForCanvasScene(container, config, pageIndex, 2500, 50);
             const fabricInstance = this.getFabricCanvasFromContainer(container);
             if (!fabricInstance) {
@@ -12744,7 +12723,6 @@ class PixldocsRenderer {
           zoom: 1,
           // 1:1 — no UI scaling for SVG capture
           absoluteZoom: true,
-          skipFontReadyWait: true,
           onReady
         })
       );
@@ -12807,10 +12785,10 @@ class PixldocsRenderer {
   getFabricCanvasFromContainer(container) {
     return getFabricCanvasFromContainer(container);
   }
-  async waitForStableTextMetrics(container, config) {
+  async waitForStableTextMetrics(container, config, strictFontWait = false) {
     if (typeof document !== "undefined") {
-      void ensureFontsForResolvedConfig(config);
-      await this.waitForRelevantFonts(config);
+      await ensureFontsForResolvedConfig(config);
+      await this.waitForRelevantFonts(config, strictFontWait ? 6e3 : 1800);
     }
     const fabricInstance = this.getFabricCanvasFromContainer(container);
     if (!(fabricInstance == null ? void 0 : fabricInstance.getObjects)) return;