canvu-react 0.3.19 → 0.3.20

package/dist/react.cjs

@@ -5945,6 +5945,39 @@ var VectorScene = class {
 // src/react/VectorViewport.tsx
 init_shape_builders();
 
+// src/react/blob-url-lifecycle.ts
+var SVG_BLOB_HREF_PATTERN = /\b(?:href|xlink:href)=["'](blob:[^"']+)["']/g;
+function collectImageBlobHrefs(items) {
+  const hrefs = /* @__PURE__ */ new Set();
+  for (const item of items) {
+    if (item.toolKind !== "image") continue;
+    if (item.imageRasterHref?.startsWith("blob:")) {
+      hrefs.add(item.imageRasterHref);
+    }
+    if (item.imageThumbnailHref?.startsWith("blob:")) {
+      hrefs.add(item.imageThumbnailHref);
+    }
+    for (const match of item.childrenSvg.matchAll(SVG_BLOB_HREF_PATTERN)) {
+      const href = match[1];
+      if (href) {
+        hrefs.add(href);
+      }
+    }
+  }
+  return hrefs;
+}
+function rememberImageBlobHrefs(items, rememberedHrefs) {
+  for (const href of collectImageBlobHrefs(items)) {
+    rememberedHrefs.add(href);
+  }
+}
+function releaseRememberedBlobHrefs(rememberedHrefs, releaseHref) {
+  for (const href of rememberedHrefs) {
+    releaseHref(href);
+  }
+  rememberedHrefs.clear();
+}
+
 // src/react/InteractionOverlay.tsx
 init_rect();
 
@@ -7298,6 +7331,7 @@ var VectorViewport = react.forwardRef(
     if (typeof indexedDB !== "undefined" && !imageStoreRef.current) {
       imageStoreRef.current = new IndexedDbImageStore();
     }
+    const rememberedImageBlobHrefsRef = react.useRef(/* @__PURE__ */ new Set());
     const strokeStyleRef = react.useRef({ ...DEFAULT_STROKE_STYLE });
     const [strokeStyleState, setStrokeStyleState] = react.useState({
       ...DEFAULT_STROKE_STYLE
@@ -7330,11 +7364,7 @@ var VectorViewport = react.forwardRef(
             const existing = list.find((i) => i.id === item.id);
             if (!existing || existing.toolKind !== "image" || !existing.imageIntrinsicSize)
               return;
-            const { imageIntrinsicSize: isize, imageThumbnailHref } = existing;
-            const needsSwap = imageThumbnailHref?.startsWith("blob:");
-            if (needsSwap && imageThumbnailHref) {
-              URL.revokeObjectURL(imageThumbnailHref);
-            }
+            const { imageIntrinsicSize: isize } = existing;
             const rebuilt = {
               ...existing,
               imageThumbnailHref: void 0,
@@ -7630,27 +7660,18 @@ var VectorViewport = react.forwardRef(
         setEditingTextId(null);
       }
     }, [items, editingTextId]);
-    const itemsSnapshotForBlobRef = react.useRef([]);
     react.useEffect(() => {
-      const prev = itemsSnapshotForBlobRef.current;
-      itemsSnapshotForBlobRef.current = items;
-      const blobHrefs = (list) => {
-        const s = /* @__PURE__ */ new Set();
-        for (const it of list) {
-          if (it.toolKind === "image" && it.imageRasterHref?.startsWith("blob:")) {
-            s.add(it.imageRasterHref);
-          }
-        }
-        return s;
-      };
-      const before = blobHrefs(prev);
-      const after = blobHrefs(items);
-      for (const href of before) {
-        if (!after.has(href)) {
-          URL.revokeObjectURL(href);
-        }
-      }
+      rememberImageBlobHrefs(items, rememberedImageBlobHrefsRef.current);
     }, [items]);
+    react.useEffect(
+      () => () => {
+        releaseRememberedBlobHrefs(
+          rememberedImageBlobHrefsRef.current,
+          (href) => URL.revokeObjectURL(href)
+        );
+      },
+      []
+    );
     const PASTE_OFFSET_WORLD = 24;
     const copyIdsToInternalClipboard = react.useCallback((ids) => {
       if (ids.length === 0) return;