@pixldocs/canvas-renderer 0.5.28 → 0.5.30

package/dist/index.cjs

@@ -2733,6 +2733,13 @@ const clearFabricCharCache = () => {
 };
 const clearFontCacheAndRerender = (canvas) => {
   clearFabricCharCache();
+  const logUnderlineDebug = (stage, payload) => {
+    try {
+      console.log(`[canvas-renderer][underline-debug] ${stage} ${JSON.stringify(payload)}`);
+    } catch {
+      console.log("[canvas-renderer][underline-debug]", stage, payload);
+    }
+  };
   const collectUnderlineMetrics = (obj) => {
     var _a, _b;
     if (obj instanceof fabric__namespace.Textbox) {
@@ -2760,7 +2767,7 @@ const clearFontCacheAndRerender = (canvas) => {
   };
   const beforeMetrics = canvas.getObjects().flatMap(collectUnderlineMetrics);
   if (beforeMetrics.length > 0) {
-    console.log("[canvas-renderer][underline-debug] before-rerender", beforeMetrics);
+    logUnderlineDebug("before-rerender", beforeMetrics);
   }
   const resetTextboxLayoutInternals = (obj) => {
     var _a;
@@ -2791,7 +2798,7 @@ const clearFontCacheAndRerender = (canvas) => {
       }
       if (obj.underline) {
         const lineWidths = obj.__lineWidths;
-        console.log("[canvas-renderer][underline-debug] textbox-rerender", {
+        logUnderlineDebug("textbox-rerender", {
           id: getObjectId(obj) ?? null,
           text: (obj.text || "").slice(0, 120),
           fontFamily: obj.fontFamily,
@@ -2816,7 +2823,7 @@ const clearFontCacheAndRerender = (canvas) => {
   canvas.getObjects().forEach(fixTextbox);
   const afterMetrics = canvas.getObjects().flatMap(collectUnderlineMetrics);
   if (afterMetrics.length > 0) {
-    console.log("[canvas-renderer][underline-debug] after-rerender", afterMetrics);
+    logUnderlineDebug("after-rerender", afterMetrics);
   }
   canvas.requestRenderAll();
 };
@@ -12554,6 +12561,8 @@ class PixldocsRenderer {
             const fabricInstance = this.getFabricCanvasFromContainer(container);
             const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
             await this.waitForCanvasImages(container, expectedImageCount);
+            await this.waitForStableTextMetrics(container, config);
+            await this.waitForCanvasScene(container, config, pageIndex);
             const fabricCanvas = container.querySelector("canvas.upper-canvas, canvas");
             const sourceCanvas = (fabricInstance == null ? void 0 : fabricInstance.lowerCanvasEl) || container.querySelector("canvas.lower-canvas") || fabricCanvas;
             if (!sourceCanvas) {
@@ -12592,7 +12601,7 @@ class PixldocsRenderer {
           pageIndex,
           zoom: pixelRatio,
           absoluteZoom: true,
-          skipFontReadyWait: true,
+          skipFontReadyWait: false,
           onReady
         })
       );
@@ -12641,6 +12650,8 @@ class PixldocsRenderer {
             }
             const expectedImageCount = this.getExpectedImageCount(config, pageIndex);
             await this.waitForCanvasImages(container, expectedImageCount);
+            await this.waitForStableTextMetrics(container, config);
+            await this.waitForCanvasScene(container, config, pageIndex);
             const prevVPT = fabricInstance.viewportTransform ? [...fabricInstance.viewportTransform] : void 0;
             const prevSvgVPT = fabricInstance.svgViewportTransformation;
             const prevRetina = fabricInstance.enableRetinaScaling;
@@ -12691,7 +12702,7 @@ class PixldocsRenderer {
           zoom: 1,
           // 1:1 — no UI scaling for SVG capture
           absoluteZoom: true,
-          skipFontReadyWait: true,
+          skipFontReadyWait: false,
           onReady
         })
       );