canvu-react 0.4.58 → 0.4.60

package/dist/react.d.cts

@@ -4,8 +4,8 @@ import { I as IndexedDbImageStore } from './asset-hydration-F6aM5C7x.cjs';
 export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-F6aM5C7x.cjs';
 import { V as VectorViewportAssetKind, a as VectorViewportAssetStore } from './asset-store-35ysK28r.cjs';
 export { b as VectorViewportAssetHydrationRequest, c as VectorViewportAssetResolveRequest, d as VectorViewportAssetResolveResult, e as VectorViewportAssetUploadRequest, f as VectorViewportAssetUploadResult } from './asset-store-35ysK28r.cjs';
-import { B as BoardComponentPosition, V as VectorToolDefinition, C as CustomShapePlacementOptions, a as CanvasPlugin, b as VectorSelectionInspector } from './types-BFZpRGyr.cjs';
-export { c as CanvasPluginComponentProps, d as CanvasPluginContribution, e as CanvasPluginItemsChangeMiddlewareContext, f as CanvasPluginRenderContext, g as CanvuChromeActiveToolStyle, h as CanvuChromeContext, i as CanvuChromeContextValue, j as CanvuChromeSelectionStyleChange, k as CanvuPluginContext, l as CanvuPluginContextValue, m as CanvuPluginViewportSnapshot, P as PlacementPreview, S as SelectModeItemClickDetail, n as SelectModeItemClickResult, o as VectorCanvasSpacePosition, p as VectorSelectionInspectorProps, q as VectorViewport, r as VectorViewportHandle, s as VectorViewportProps, W as WorldPointerDownDetail, t as createCanvuPlugin, u as getBoardPositionStyle, v as useCanvuChromeContext, w as useCanvuDocumentContext, x as useCanvuPluginContext, y as useCanvuPluginContribution, z as useCanvuResolvedTools, A as useCanvuViewportContext } from './types-BFZpRGyr.cjs';
+import { B as BoardComponentPosition, V as VectorToolDefinition, C as CustomShapePlacementOptions, a as CanvasPlugin, b as VectorSelectionInspector } from './types--jCoyZIF.cjs';
+export { c as CanvasPluginComponentProps, d as CanvasPluginContribution, e as CanvasPluginItemsChangeMiddlewareContext, f as CanvasPluginRenderContext, g as CanvuChromeActiveToolStyle, h as CanvuChromeContext, i as CanvuChromeContextValue, j as CanvuChromeSelectionStyleChange, k as CanvuPluginContext, l as CanvuPluginContextValue, m as CanvuPluginViewportSnapshot, P as PlacementPreview, S as SelectModeItemClickDetail, n as SelectModeItemClickResult, o as VectorCanvasSpacePosition, p as VectorItemsChangeInfo, q as VectorItemsChangeMotive, r as VectorSelectionInspectorProps, s as VectorViewport, t as VectorViewportHandle, u as VectorViewportProps, W as WorldPointerDownDetail, v as createCanvuPlugin, w as getBoardPositionStyle, x as useCanvuChromeContext, y as useCanvuDocumentContext, z as useCanvuPluginContext, A as useCanvuPluginContribution, D as useCanvuResolvedTools, E as useCanvuViewportContext } from './types--jCoyZIF.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, SVGProps } from 'react';

package/dist/react.d.ts

@@ -4,8 +4,8 @@ import { I as IndexedDbImageStore } from './asset-hydration-BSjiek7Q.js';
 export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAssets } from './asset-hydration-BSjiek7Q.js';
 import { V as VectorViewportAssetKind, a as VectorViewportAssetStore } from './asset-store-D_FjW_CN.js';
 export { b as VectorViewportAssetHydrationRequest, c as VectorViewportAssetResolveRequest, d as VectorViewportAssetResolveResult, e as VectorViewportAssetUploadRequest, f as VectorViewportAssetUploadResult } from './asset-store-D_FjW_CN.js';
-import { B as BoardComponentPosition, V as VectorToolDefinition, C as CustomShapePlacementOptions, a as CanvasPlugin, b as VectorSelectionInspector } from './types-D2zesNI8.js';
-export { c as CanvasPluginComponentProps, d as CanvasPluginContribution, e as CanvasPluginItemsChangeMiddlewareContext, f as CanvasPluginRenderContext, g as CanvuChromeActiveToolStyle, h as CanvuChromeContext, i as CanvuChromeContextValue, j as CanvuChromeSelectionStyleChange, k as CanvuPluginContext, l as CanvuPluginContextValue, m as CanvuPluginViewportSnapshot, P as PlacementPreview, S as SelectModeItemClickDetail, n as SelectModeItemClickResult, o as VectorCanvasSpacePosition, p as VectorSelectionInspectorProps, q as VectorViewport, r as VectorViewportHandle, s as VectorViewportProps, W as WorldPointerDownDetail, t as createCanvuPlugin, u as getBoardPositionStyle, v as useCanvuChromeContext, w as useCanvuDocumentContext, x as useCanvuPluginContext, y as useCanvuPluginContribution, z as useCanvuResolvedTools, A as useCanvuViewportContext } from './types-D2zesNI8.js';
+import { B as BoardComponentPosition, V as VectorToolDefinition, C as CustomShapePlacementOptions, a as CanvasPlugin, b as VectorSelectionInspector } from './types-C_PMen-D.js';
+export { c as CanvasPluginComponentProps, d as CanvasPluginContribution, e as CanvasPluginItemsChangeMiddlewareContext, f as CanvasPluginRenderContext, g as CanvuChromeActiveToolStyle, h as CanvuChromeContext, i as CanvuChromeContextValue, j as CanvuChromeSelectionStyleChange, k as CanvuPluginContext, l as CanvuPluginContextValue, m as CanvuPluginViewportSnapshot, P as PlacementPreview, S as SelectModeItemClickDetail, n as SelectModeItemClickResult, o as VectorCanvasSpacePosition, p as VectorItemsChangeInfo, q as VectorItemsChangeMotive, r as VectorSelectionInspectorProps, s as VectorViewport, t as VectorViewportHandle, u as VectorViewportProps, W as WorldPointerDownDetail, v as createCanvuPlugin, w as getBoardPositionStyle, x as useCanvuChromeContext, y as useCanvuDocumentContext, z as useCanvuPluginContext, A as useCanvuPluginContribution, D as useCanvuResolvedTools, E as useCanvuViewportContext } from './types-C_PMen-D.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, SVGProps } from 'react';

package/dist/react.js

@@ -8255,18 +8255,18 @@ var VectorViewport = 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
       );
@@ -8342,7 +8342,7 @@ var VectorViewport = forwardRef(
       setCanRedo(true);
       setCanUndo(stack.length > 0);
       isUndoingRef.current = true;
-      onItemsChangeRef.current?.(prev);
+      onItemsChangeRef.current?.(prev, { motive: "undo" });
     }, []);
     const redo = useCallback(() => {
       const stack = redoStackRef.current;
@@ -8353,7 +8353,7 @@ var VectorViewport = forwardRef(
       setCanUndo(true);
       setCanRedo(stack.length > 0);
       isUndoingRef.current = true;
-      onItemsChangeRef.current?.(next);
+      onItemsChangeRef.current?.(next, { motive: "redo" });
     }, []);
     const [contextMenu, setContextMenu] = useState(null);
     const [uncontrolledSel, setUncontrolledSel] = useState([]);
@@ -8397,12 +8397,12 @@ var VectorViewport = forwardRef(
     const originalOnItemsChangeRef = useRef(onItemsChange);
     originalOnItemsChangeRef.current = onItemsChange;
     const changeItems = useCallback(
-      (items2) => {
+      (items2, info) => {
         if (!isUndoingRef.current) {
           pushUndo();
         }
         isUndoingRef.current = false;
-        originalOnItemsChangeRef.current?.(items2);
+        originalOnItemsChangeRef.current?.(items2, info);
       },
       [pushUndo]
     );
@@ -8516,7 +8516,13 @@ var VectorViewport = 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);
@@ -8628,7 +8634,8 @@ var VectorViewport = 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,
@@ -9033,7 +9040,10 @@ var VectorViewport = 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 = useCallback((ids) => {
@@ -9045,20 +9055,32 @@ var VectorViewport = 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 = 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 = 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 = useCallback(
       (ids) => {
         copyIdsToInternalClipboard(ids);
-        deleteIds(ids);
+        deleteIds(ids, "cut");
       },
       [copyIdsToInternalClipboard, deleteIds]
     );
@@ -9067,7 +9089,8 @@ var VectorViewport = 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 = useCallback(
@@ -9075,7 +9098,7 @@ var VectorViewport = 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]);
       },
       []
@@ -9495,7 +9518,7 @@ var VectorViewport = 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]
@@ -9520,7 +9543,10 @@ var VectorViewport = 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);
     }, []);
@@ -9532,7 +9558,10 @@ var VectorViewport = 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]
+      });
     }, []);
     useEffect(() => {
       if (!editingTextId) return;
@@ -9544,7 +9573,10 @@ var VectorViewport = 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);
@@ -9591,7 +9623,10 @@ var VectorViewport = 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));
             }
           });
@@ -9755,7 +9790,13 @@ var VectorViewport = 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]
+              }
+            );
           }
         }
       },
@@ -10525,7 +10566,7 @@ var VectorViewport = 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") {
@@ -10537,7 +10578,10 @@ var VectorViewport = 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") {
@@ -10545,7 +10589,10 @@ var VectorViewport = 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") {
@@ -10663,7 +10710,8 @@ var VectorViewport = 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)
@@ -10737,7 +10785,13 @@ var VectorViewport = 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([]);
@@ -10780,7 +10834,11 @@ var VectorViewport = 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("");
@@ -10835,10 +10893,17 @@ var VectorViewport = 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;
           }
@@ -10869,36 +10934,59 @@ var VectorViewport = 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);