canvu-react 0.4.59 → 0.4.61

package/dist/react.cjs

@@ -8262,18 +8262,18 @@ var VectorViewport = react.forwardRef(
         (middleware) => middleware != null
       );
       if (!consumerOnItemsChange && middlewares.length === 0) return void 0;
-      const baseNext = (nextItems) => {
-        consumerOnItemsChange?.(nextItems);
+      const baseNext = (nextItems, info) => {
+        consumerOnItemsChange?.(nextItems, info);
       };
       return middlewares.reduceRight(
-        (next, middleware) => (nextItems) => {
+        (next, middleware) => (nextItems, info) => {
           const ctx = {
             currentItems: items,
             next,
             consumerOnItemsChange,
             viewportRef: pluginViewportRef
           };
-          middleware(nextItems, ctx);
+          middleware(nextItems, ctx, info);
         },
         baseNext
       );
@@ -8349,7 +8349,7 @@ var VectorViewport = react.forwardRef(
       setCanRedo(true);
       setCanUndo(stack.length > 0);
       isUndoingRef.current = true;
-      onItemsChangeRef.current?.(prev);
+      onItemsChangeRef.current?.(prev, { motive: "undo" });
     }, []);
     const redo = react.useCallback(() => {
       const stack = redoStackRef.current;
@@ -8360,7 +8360,7 @@ var VectorViewport = react.forwardRef(
       setCanUndo(true);
       setCanRedo(stack.length > 0);
       isUndoingRef.current = true;
-      onItemsChangeRef.current?.(next);
+      onItemsChangeRef.current?.(next, { motive: "redo" });
     }, []);
     const [contextMenu, setContextMenu] = react.useState(null);
     const [uncontrolledSel, setUncontrolledSel] = react.useState([]);
@@ -8404,12 +8404,12 @@ var VectorViewport = react.forwardRef(
     const originalOnItemsChangeRef = react.useRef(onItemsChange);
     originalOnItemsChangeRef.current = onItemsChange;
     const changeItems = react.useCallback(
-      (items2) => {
+      (items2, info) => {
         if (!isUndoingRef.current) {
           pushUndo();
         }
         isUndoingRef.current = false;
-        originalOnItemsChangeRef.current?.(items2);
+        originalOnItemsChangeRef.current?.(items2, info);
       },
       [pushUndo]
     );
@@ -8523,7 +8523,13 @@ var VectorViewport = react.forwardRef(
                 existing.bounds
               )
             };
-            change(list.map((i) => i.id === item.id ? rebuilt : i));
+            change(
+              list.map((i) => i.id === item.id ? rebuilt : i),
+              {
+                motive: "asset-hydrate",
+                itemIds: [item.id]
+              }
+            );
           }
         }
       }, 100);
@@ -8635,7 +8641,8 @@ var VectorViewport = react.forwardRef(
         if (item) {
           const exists = itemsRef.current.some((it) => it.id === id);
           change(
-            exists ? replaceItem(itemsRef.current, id, item) : [...itemsRef.current, item]
+            exists ? replaceItem(itemsRef.current, id, item) : [...itemsRef.current, item],
+            { motive: "draw", itemIds: [id], toolId: args.tool }
           );
           patchCurrentStrokeStyle({
             stroke: item.stroke ?? DEFAULT_STROKE_STYLE.stroke,
@@ -9040,7 +9047,10 @@ var VectorViewport = react.forwardRef(
       const moved = clones.map(
         (it) => moveItemByDelta(it, PASTE_OFFSET_WORLD, PASTE_OFFSET_WORLD)
       );
-      change([...itemsRef.current, ...moved]);
+      change([...itemsRef.current, ...moved], {
+        motive: "paste",
+        itemIds: moved.map((i) => i.id)
+      });
       setEffectiveSelectedIdsRef.current(moved.map((i) => i.id));
     }, []);
     const duplicateIds = react.useCallback((ids) => {
@@ -9052,20 +9062,32 @@ var VectorViewport = react.forwardRef(
       const moved = clones.map(
         (it) => moveItemByDelta(it, PASTE_OFFSET_WORLD, PASTE_OFFSET_WORLD)
       );
-      change([...list, ...moved]);
+      change([...list, ...moved], {
+        motive: "duplicate",
+        itemIds: moved.map((i) => i.id)
+      });
       setEffectiveSelectedIdsRef.current(moved.map((i) => i.id));
     }, []);
-    const deleteIds = react.useCallback((ids) => {
-      const change = onItemsChangeRef.current;
-      if (!change || ids.length === 0) return;
-      const idSet = new Set(ids);
-      change(itemsRef.current.filter((i) => !idSet.has(i.id)));
-      setEffectiveSelectedIdsRef.current([]);
-    }, []);
+    const deleteIds = react.useCallback(
+      (ids, motive = "delete") => {
+        const change = onItemsChangeRef.current;
+        if (!change || ids.length === 0) return;
+        const idSet = new Set(ids);
+        change(
+          itemsRef.current.filter((i) => !idSet.has(i.id)),
+          {
+            motive,
+            itemIds: [...ids]
+          }
+        );
+        setEffectiveSelectedIdsRef.current([]);
+      },
+      []
+    );
     const cutIds = react.useCallback(
       (ids) => {
         copyIdsToInternalClipboard(ids);
-        deleteIds(ids);
+        deleteIds(ids, "cut");
       },
       [copyIdsToInternalClipboard, deleteIds]
     );
@@ -9074,7 +9096,8 @@ var VectorViewport = react.forwardRef(
       if (!change || ids.length === 0) return;
       const idSet = new Set(ids);
       change(
-        itemsRef.current.map((it) => idSet.has(it.id) ? { ...it, locked } : it)
+        itemsRef.current.map((it) => idSet.has(it.id) ? { ...it, locked } : it),
+        { motive: locked ? "lock" : "unlock", itemIds: [...ids] }
       );
     }, []);
     const reorderIds = react.useCallback(
@@ -9082,7 +9105,7 @@ var VectorViewport = react.forwardRef(
         const change = onItemsChangeRef.current;
         if (!change || ids.length === 0) return;
         const next = reorderItemsByIds(itemsRef.current, ids, direction);
-        change(next);
+        change(next, { motive: "reorder", itemIds: [...ids] });
         setEffectiveSelectedIdsRef.current([...ids]);
       },
       []
@@ -9502,7 +9525,7 @@ var VectorViewport = react.forwardRef(
           const out = editingTextIdRef.current === id && next.toolKind === "text" ? applyTextDraftWhileEditing(next, draftTextRef.current) : next;
           nextList = replaceItem(nextList, id, out);
         }
-        change(nextList);
+        change(nextList, { motive: "style", itemIds: [...ids] });
         patchCurrentStrokeStyle(patch);
       },
       [patchCurrentStrokeStyle]
@@ -9527,7 +9550,10 @@ var VectorViewport = react.forwardRef(
         return;
       }
       const next = rebuildItemSvg({ ...it, text });
-      change(replaceItem(list, id, next));
+      change(replaceItem(list, id, next), {
+        motive: "text-edit",
+        itemIds: [id]
+      });
       editingTextSnapshotRef.current = null;
       setEditingTextId(null);
     }, []);
@@ -9539,7 +9565,10 @@ var VectorViewport = react.forwardRef(
       const list = itemsRef.current;
       const it = list.find((i) => i.id === editId);
       if (!it || it.toolKind !== "text") return;
-      change(replaceItem(list, editId, applyTextDraftWhileEditing(it, v)));
+      change(replaceItem(list, editId, applyTextDraftWhileEditing(it, v)), {
+        motive: "text-edit",
+        itemIds: [editId]
+      });
     }, []);
     react.useEffect(() => {
       if (!editingTextId) return;
@@ -9551,7 +9580,10 @@ var VectorViewport = react.forwardRef(
       const id = editingTextIdRef.current;
       const snap = editingTextSnapshotRef.current;
       if (change && id && snap) {
-        change(replaceItem(itemsRef.current, id, snap));
+        change(replaceItem(itemsRef.current, id, snap), {
+          motive: "text-edit",
+          itemIds: [id]
+        });
       }
       editingTextSnapshotRef.current = null;
       setEditingTextId(null);
@@ -9598,7 +9630,10 @@ var VectorViewport = react.forwardRef(
             onItemsReady: (nextItems) => {
               if (nextItems.length === 0) return;
               setLoadingSkeletons([]);
-              change([...itemsRef.current, ...nextItems]);
+              change([...itemsRef.current, ...nextItems], {
+                motive: "asset-add",
+                itemIds: nextItems.map((item) => item.id)
+              });
               setEffectiveSelectedIdsRef.current(nextItems.map((item) => item.id));
             }
           });
@@ -9762,7 +9797,13 @@ var VectorViewport = react.forwardRef(
           setDraftText(draft);
           setEditingTextId(hit.id);
           if (change && it && it.toolKind === "text") {
-            change(replaceItem(list, hit.id, applyTextDraftWhileEditing(it, draft)));
+            change(
+              replaceItem(list, hit.id, applyTextDraftWhileEditing(it, draft)),
+              {
+                motive: "text-edit",
+                itemIds: [hit.id]
+              }
+            );
           }
         }
       },
@@ -10532,7 +10573,7 @@ var VectorViewport = react.forwardRef(
             const next = moveItemByDelta(snap, dx, dy);
             nextList = replaceItem(nextList, id, next);
           }
-          change(nextList);
+          change(nextList, { motive: "move", itemIds: [...st.ids] });
           return;
         }
         if (st.kind === "rotate") {
@@ -10544,7 +10585,10 @@ var VectorViewport = react.forwardRef(
             st.startPointerAngleRad,
             angle
           );
-          change(replaceItem(list, st.id, next));
+          change(replaceItem(list, st.id, next), {
+            motive: "rotate",
+            itemIds: [st.id]
+          });
           return;
         }
         if (st.kind === "resize") {
@@ -10552,7 +10596,10 @@ var VectorViewport = react.forwardRef(
             x: worldX,
             y: worldY
           });
-          change(replaceItem(list, st.id, next));
+          change(replaceItem(list, st.id, next), {
+            motive: "resize",
+            itemIds: [st.id]
+          });
           return;
         }
         if (st.kind === "place") {
@@ -10670,7 +10717,8 @@ var VectorViewport = react.forwardRef(
             items: itemsRef.current,
             updateItem: (next) => {
               onItemsChangeRef.current?.(
-                replaceItem(itemsRef.current, item.id, next)
+                replaceItem(itemsRef.current, item.id, next),
+                { motive: "custom", itemIds: [item.id] }
               );
             },
             setSelectedIds: (ids) => setEffectiveSelectedIdsRef.current(ids)
@@ -10744,7 +10792,13 @@ var VectorViewport = react.forwardRef(
           const change = onItemsChangeRef.current;
           if (change && eraserPreviewIdsRef.current.size > 0) {
             const idSet = new Set(eraserPreviewIdsRef.current);
-            change(itemsRef.current.filter((i) => !idSet.has(i.id)));
+            change(
+              itemsRef.current.filter((i) => !idSet.has(i.id)),
+              {
+                motive: "erase",
+                itemIds: [...idSet]
+              }
+            );
           }
           eraserPreviewIdsRef.current.clear();
           setEraserPreviewIds([]);
@@ -10787,7 +10841,11 @@ var VectorViewport = react.forwardRef(
               bounds: { ...newItem.bounds }
             };
             const hidden = applyTextDraftWhileEditing(newItem, "");
-            change([...itemsRef.current, hidden]);
+            change([...itemsRef.current, hidden], {
+              motive: "text-create",
+              itemIds: [id],
+              toolId: st.tool
+            });
             setEffectiveSelectedIdsRef.current([id]);
             setEditingTextId(id);
             setDraftText("");
@@ -10842,10 +10900,17 @@ var VectorViewport = react.forwardRef(
                 ...snapB ? { end: snapB.binding } : {}
               };
             }
-            change([
-              ...itemsRef.current,
-              createLineItem(id2, rawArrow, line, "arrow", pen2, arrowBind)
-            ]);
+            change(
+              [
+                ...itemsRef.current,
+                createLineItem(id2, rawArrow, line, "arrow", pen2, arrowBind)
+              ],
+              {
+                motive: "place",
+                itemIds: [id2],
+                toolId: st.tool
+              }
+            );
             setEffectiveSelectedIdsRef.current([id2]);
             return;
           }
@@ -10876,36 +10941,59 @@ var VectorViewport = react.forwardRef(
               cpUp.createItem({ id, bounds: br }),
               cpUp.toolId
             );
-            change(itemsRef.current.concat(item));
+            change(itemsRef.current.concat(item), {
+              motive: "place",
+              itemIds: [id],
+              toolId: st.tool
+            });
             if (cpUp.selectAfterCreate !== false) {
               setEffectiveSelectedIdsRef.current([id]);
             }
             return;
           }
           if (st.tool === "rect") {
-            change([...itemsRef.current, createRectangleItem(id, raw, pen)]);
+            change([...itemsRef.current, createRectangleItem(id, raw, pen)], {
+              motive: "place",
+              itemIds: [id],
+              toolId: st.tool
+            });
             setEffectiveSelectedIdsRef.current([id]);
           } else if (st.tool === "ellipse") {
-            change([...itemsRef.current, createEllipseItem(id, raw, pen)]);
+            change([...itemsRef.current, createEllipseItem(id, raw, pen)], {
+              motive: "place",
+              itemIds: [id],
+              toolId: st.tool
+            });
             setEffectiveSelectedIdsRef.current([id]);
           } else if (st.tool === "architectural-cloud") {
-            change([
-              ...itemsRef.current,
-              createArchitecturalCloudItem(id, raw, pen)
-            ]);
+            change(
+              [...itemsRef.current, createArchitecturalCloudItem(id, raw, pen)],
+              {
+                motive: "place",
+                itemIds: [id],
+                toolId: st.tool
+              }
+            );
             setEffectiveSelectedIdsRef.current([id]);
           } else if (st.tool === "line" || st.tool === "arrow") {
             const line = lineEndpointsToLocal(raw, lineA, lineB);
-            change([
-              ...itemsRef.current,
-              createLineItem(
-                id,
-                raw,
-                line,
-                st.tool === "arrow" ? "arrow" : "line",
-                pen
-              )
-            ]);
+            change(
+              [
+                ...itemsRef.current,
+                createLineItem(
+                  id,
+                  raw,
+                  line,
+                  st.tool === "arrow" ? "arrow" : "line",
+                  pen
+                )
+              ],
+              {
+                motive: "place",
+                itemIds: [id],
+                toolId: st.tool
+              }
+            );
             setEffectiveSelectedIdsRef.current([id]);
           }
           requestAutoResetTool(st.tool);