@pixldocs/canvas-renderer 0.4.8 → 0.4.9

package/dist/index.cjs

@@ -4880,6 +4880,7 @@ const PageCanvas = react.forwardRef(
     const prevCanvasUpdateVersionRef = react.useRef(canvasUpdateVersion);
     const syncTriggeredByPanelRef = react.useRef(false);
     const hasRunPostReadyReflowForPageRef = react.useRef(null);
+    const hasNotifiedReadyForPageRef = react.useRef(null);
     const hasClearedCachesBeforeFirstSyncRef = react.useRef(false);
     const [guides, setGuides] = react.useState([]);
     const [gridResizeLabel, setGridResizeLabel] = react.useState(null);
@@ -5142,10 +5143,8 @@ const PageCanvas = react.forwardRef(
           clearFabricCharCache();
           clearMeasurementCache();
           setReady(true);
-          if (onReady) onReady();
         } catch (e) {
           setReady(true);
-          if (onReady) onReady();
         }
       };
       initFonts();
@@ -7117,6 +7116,11 @@ const PageCanvas = react.forwardRef(
       if (!ready || hasRunPostReadyReflowForPageRef.current === pageId) return;
       hasRunPostReadyReflowForPageRef.current = pageId;
       let cancelled = false;
+      const notifyReady = () => {
+        if (cancelled || hasNotifiedReadyForPageRef.current === pageId) return;
+        hasNotifiedReadyForPageRef.current = pageId;
+        onReady == null ? void 0 : onReady();
+      };
       const runReflowAndPersist = () => {
         const fc = fabricRef.current;
         if (!fc || cancelled) return;
@@ -7158,6 +7162,7 @@ const PageCanvas = react.forwardRef(
             requestAnimationFrame(() => {
               if (cancelled) return;
               runReflowAndPersist();
+              notifyReady();
             });
           });
         });
@@ -7166,7 +7171,7 @@ const PageCanvas = react.forwardRef(
         cancelled = true;
         cancelAnimationFrame(raf1);
       };
-    }, [ready, pageId]);
+    }, [ready, pageId, onReady]);
     react.useEffect(() => {
       const fc = fabricRef.current;
       if (!fc || isRebuildingRef.current || !isActive) return;