canvu-react 0.3.34 → 0.3.35

package/dist/react.cjs

@@ -1825,6 +1825,67 @@ function useCanvuChromeContext() {
   return react.useContext(CanvuChromeContext);
 }
 
+// src/math/item-transform.ts
+init_rect();
+function getItemRotationRad(item) {
+  return item.rotation ?? 0;
+}
+function itemLocalToWorld(lx, ly, itemX, itemY, w, h, rotationRad) {
+  const c = { x: w / 2, y: h / 2 };
+  const dlx = lx - c.x;
+  const dly = ly - c.y;
+  const cos = Math.cos(rotationRad);
+  const sin = Math.sin(rotationRad);
+  return {
+    x: itemX + c.x + cos * dlx - sin * dly,
+    y: itemY + c.y + sin * dlx + cos * dly
+  };
+}
+function worldToItemLocal(wx, wy, itemX, itemY, w, h, rotationRad) {
+  const c = { x: w / 2, y: h / 2 };
+  const vx = wx - itemX;
+  const vy = wy - itemY;
+  const dx = vx - c.x;
+  const dy = vy - c.y;
+  const cos = Math.cos(-rotationRad);
+  const sin = Math.sin(-rotationRad);
+  const lx = cos * dx - sin * dy;
+  const ly = sin * dx + cos * dy;
+  return { x: c.x + lx, y: c.y + ly };
+}
+function itemPivotWorld(item) {
+  const r = normalizeRect(item.bounds);
+  return { x: r.x + r.width / 2, y: r.y + r.height / 2 };
+}
+function boundsAabbForRotatedItem(item) {
+  const rot = getItemRotationRad(item);
+  if (Math.abs(rot) < 1e-12 && item.bounds.width >= 0 && item.bounds.height >= 0) {
+    return item.bounds;
+  }
+  const r = normalizeRect(item.bounds);
+  if (Math.abs(rot) < 1e-12) {
+    return r;
+  }
+  const corners = [
+    [0, 0],
+    [r.width, 0],
+    [r.width, r.height],
+    [0, r.height]
+  ];
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+  for (const [lx, ly] of corners) {
+    const p = itemLocalToWorld(lx, ly, item.x, item.y, r.width, r.height, rot);
+    minX = Math.min(minX, p.x);
+    minY = Math.min(minY, p.y);
+    maxX = Math.max(maxX, p.x);
+    maxY = Math.max(maxY, p.y);
+  }
+  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
+}
+
 // src/scene/clone-item.ts
 init_shape_builders();
 function cloneVectorSceneItemWithNewId(item) {
@@ -1864,20 +1925,25 @@ function markImageAsManaged(item) {
   };
 }
 function restackManagedImages(items) {
-  let anchor;
+  let anchorAabbY = Infinity;
+  let anchorCenterX = 0;
   for (const item of items) {
     if (!isManagedImage(item)) continue;
-    if (!anchor || item.bounds.y < anchor.bounds.y) anchor = item;
+    const aabb = boundsAabbForRotatedItem(item);
+    if (aabb.y < anchorAabbY) {
+      anchorAabbY = aabb.y;
+      anchorCenterX = aabb.x + aabb.width / 2;
+    }
   }
-  if (!anchor) return [...items];
-  const anchorCenterX = anchor.bounds.x + anchor.bounds.width / 2;
-  const anchorTopY = anchor.bounds.y;
-  let cursorY = anchorTopY;
+  if (!Number.isFinite(anchorAabbY)) return [...items];
+  let cursorY = anchorAabbY;
   return items.map((item) => {
     if (!isManagedImage(item)) return item;
+    const aabb = boundsAabbForRotatedItem(item);
+    const centerY = cursorY + aabb.height / 2;
     const newX = anchorCenterX - item.bounds.width / 2;
-    const newY = cursorY;
-    cursorY = newY + item.bounds.height + STACK_GAP_WORLD;
+    const newY = centerY - item.bounds.height / 2;
+    cursorY += aabb.height + STACK_GAP_WORLD;
     if (item.bounds.x === newX && item.bounds.y === newY) return item;
     return {
       ...item,
@@ -1897,8 +1963,10 @@ function copyManagedImage(items, id) {
   return restackManagedImages(inserted);
 }
 function rotateManagedImage(items, id) {
-  return items.map(
-    (i) => i.id === id ? { ...i, rotation: ((i.rotation ?? 0) + Math.PI / 2) % (Math.PI * 2) } : i
+  return restackManagedImages(
+    items.map(
+      (i) => i.id === id ? { ...i, rotation: ((i.rotation ?? 0) + Math.PI / 2) % (Math.PI * 2) } : i
+    )
   );
 }
 function deleteManagedImage(items, id) {
@@ -2345,69 +2413,6 @@ function getBoardPositionStyle(position, inset = 12, zIndex = 40) {
       return base2;
   }
 }
-
-// src/math/item-transform.ts
-init_rect();
-function getItemRotationRad(item) {
-  return item.rotation ?? 0;
-}
-function itemLocalToWorld(lx, ly, itemX, itemY, w, h, rotationRad) {
-  const c = { x: w / 2, y: h / 2 };
-  const dlx = lx - c.x;
-  const dly = ly - c.y;
-  const cos = Math.cos(rotationRad);
-  const sin = Math.sin(rotationRad);
-  return {
-    x: itemX + c.x + cos * dlx - sin * dly,
-    y: itemY + c.y + sin * dlx + cos * dly
-  };
-}
-function worldToItemLocal(wx, wy, itemX, itemY, w, h, rotationRad) {
-  const c = { x: w / 2, y: h / 2 };
-  const vx = wx - itemX;
-  const vy = wy - itemY;
-  const dx = vx - c.x;
-  const dy = vy - c.y;
-  const cos = Math.cos(-rotationRad);
-  const sin = Math.sin(-rotationRad);
-  const lx = cos * dx - sin * dy;
-  const ly = sin * dx + cos * dy;
-  return { x: c.x + lx, y: c.y + ly };
-}
-function itemPivotWorld(item) {
-  const r = normalizeRect(item.bounds);
-  return { x: r.x + r.width / 2, y: r.y + r.height / 2 };
-}
-function boundsAabbForRotatedItem(item) {
-  const rot = getItemRotationRad(item);
-  if (Math.abs(rot) < 1e-12 && item.bounds.width >= 0 && item.bounds.height >= 0) {
-    return item.bounds;
-  }
-  const r = normalizeRect(item.bounds);
-  if (Math.abs(rot) < 1e-12) {
-    return r;
-  }
-  const corners = [
-    [0, 0],
-    [r.width, 0],
-    [r.width, r.height],
-    [0, r.height]
-  ];
-  let minX = Infinity;
-  let minY = Infinity;
-  let maxX = -Infinity;
-  let maxY = -Infinity;
-  for (const [lx, ly] of corners) {
-    const p = itemLocalToWorld(lx, ly, item.x, item.y, r.width, r.height, rot);
-    minX = Math.min(minX, p.x);
-    minY = Math.min(minY, p.y);
-    maxX = Math.max(maxX, p.x);
-    maxY = Math.max(maxY, p.y);
-  }
-  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
-}
-
-// src/react/navmenu/minimap.tsx
 init_rect();
 var NavMenuMinimapSlotContext = react.createContext(null);
 function noop() {