canvu-react 0.4.77 → 0.4.79

package/dist/react.cjs

@@ -2255,6 +2255,10 @@ var defaultLabels = {
   collapse: "Collapse images menu",
   expand: "Open images menu"
 };
+function getAddedItemIds(before, after) {
+  const beforeIds = new Set(before.map((item) => item.id));
+  return after.filter((item) => !beforeIds.has(item.id)).map((item) => item.id);
+}
 function ImagesMenu({
   items,
   onItemsChange,
@@ -2313,12 +2317,17 @@ function ImagesMenu({
   const onDragEnd = (event) => {
     const { active, over } = event;
     if (!over || active.id === over.id) return;
-    const oldIndex = managed.findIndex((i) => i.id === active.id);
-    const newIndex = managed.findIndex((i) => i.id === over.id);
+    const activeId = String(active.id);
+    const overId = String(over.id);
+    const oldIndex = managed.findIndex((i) => i.id === activeId);
+    const newIndex = managed.findIndex((i) => i.id === overId);
     if (oldIndex < 0 || newIndex < 0) return;
     const reorderedManaged = sortable.arrayMove(managed, oldIndex, newIndex);
     const orderedIds = reorderedManaged.map((i) => i.id);
-    onItemsChange(reorderManagedImages(items, orderedIds));
+    onItemsChange(reorderManagedImages(items, orderedIds), {
+      motive: "reorder",
+      itemIds: [activeId]
+    });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "section",
@@ -2356,9 +2365,22 @@ function ImagesMenu({
                 labels: resolvedLabels,
                 hiddenActionSet,
                 onFocus: onFocusItem ? () => onFocusItem(item) : void 0,
-                onCopy: () => onItemsChange(copyManagedImage(items, item.id)),
-                onRotate: () => onItemsChange(rotateManagedImage(items, item.id)),
-                onDelete: () => onItemsChange(deleteManagedImage(items, item.id))
+                onCopy: () => {
+                  const next = copyManagedImage(items, item.id);
+                  const addedIds = getAddedItemIds(items, next);
+                  onItemsChange(next, {
+                    motive: "duplicate",
+                    itemIds: addedIds.length > 0 ? addedIds : [item.id]
+                  });
+                },
+                onRotate: () => onItemsChange(rotateManagedImage(items, item.id), {
+                  motive: "rotate",
+                  itemIds: [item.id]
+                }),
+                onDelete: () => onItemsChange(deleteManagedImage(items, item.id), {
+                  motive: "delete",
+                  itemIds: [item.id]
+                })
               },
               item.id
             )) })
@@ -7759,6 +7781,22 @@ var SvgVectorRenderer = class {
   }
 };
 
+// src/scene/draw-stroke-memory.ts
+var DEFAULT_DRAW_STROKE_WIDTH = 10;
+function resolveDrawStrokeWidthMemory({
+  toolId,
+  previousToolId,
+  currentStrokeWidth,
+  lastDrawStrokeWidth
+}) {
+  const leavingDrawTool = previousToolId === "draw" && toolId !== "draw";
+  const nextLastDrawStrokeWidth = leavingDrawTool ? currentStrokeWidth : lastDrawStrokeWidth;
+  return {
+    drawStrokeWidth: nextLastDrawStrokeWidth,
+    nextLastDrawStrokeWidth
+  };
+}
+
 // src/react/VectorViewport.tsx
 init_link_item();
 
@@ -9638,6 +9676,8 @@ var VectorViewport = react.forwardRef(
       ...DEFAULT_STROKE_STYLE,
       textFontSize: DEFAULT_TEXT_TOOL_FONT_SIZE
     });
+    const lastDrawStrokeWidthRef = react.useRef(DEFAULT_DRAW_STROKE_WIDTH);
+    const previousToolIdRef = react.useRef(null);
     const [strokeStyleState, setStrokeStyleState] = react.useState({
       ...DEFAULT_STROKE_STYLE,
       textFontSize: DEFAULT_TEXT_TOOL_FONT_SIZE
@@ -10710,6 +10750,14 @@ var VectorViewport = react.forwardRef(
     }, [renderFrame]);
     react.useEffect(() => {
       const current = strokeStyleRef.current;
+      const { drawStrokeWidth, nextLastDrawStrokeWidth } = resolveDrawStrokeWidthMemory({
+        toolId,
+        previousToolId: previousToolIdRef.current,
+        currentStrokeWidth: current.strokeWidth,
+        lastDrawStrokeWidth: lastDrawStrokeWidthRef.current
+      });
+      lastDrawStrokeWidthRef.current = nextLastDrawStrokeWidth;
+      previousToolIdRef.current = toolId;
       if (toolId === "marker") {
         setCurrentStrokeStyle({
           ...current,
@@ -10720,7 +10768,7 @@ var VectorViewport = react.forwardRef(
       if (isDefaultMarkerToolStyle(current)) {
         setCurrentStrokeStyle({
           stroke: DEFAULT_STROKE_STYLE.stroke,
-          strokeWidth: toolId === "draw" ? 10 : DEFAULT_STROKE_STYLE.strokeWidth,
+          strokeWidth: toolId === "draw" ? drawStrokeWidth : DEFAULT_STROKE_STYLE.strokeWidth,
           strokeDash: current.strokeDash,
           textFontSize: current.textFontSize
         });
@@ -10728,7 +10776,7 @@ var VectorViewport = react.forwardRef(
       }
       setCurrentStrokeStyle({
         stroke: current.stroke,
-        strokeWidth: toolId === "draw" ? 10 : current.strokeWidth,
+        strokeWidth: toolId === "draw" ? drawStrokeWidth : current.strokeWidth,
         strokeDash: current.strokeDash,
         textFontSize: current.textFontSize
       });