canvu-react 0.3.8 → 0.3.10

package/dist/react.d.cts

@@ -1,6 +1,6 @@
 import { V as VectorSceneItem } from './types-CB0TZZuk.cjs';
-import { V as VectorViewportAssetKind, a as VectorViewportAssetStore, b as VectorToolDefinition, C as CanvasPlugin, B as BoardComponentPosition } from './types-CW146bKP.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, n as CustomShapePlacementOptions, N as NavMenu, o as NavMenuProps, P as PlacementPreview, p as VectorCanvas, q as VectorCanvasBody, r as VectorCanvasHeader, s as VectorCanvasMain, t as VectorCanvasRoot, u as VectorCanvasSlotProps, v as VectorCanvasSpacePosition, w as VectorCanvasSpaceProps, x as VectorCanvasToolbar, y as VectorCanvasToolbarProps, z as VectorCanvasViewportSurface, A as VectorSelectionInspector, D as VectorSelectionInspectorProps, E as VectorViewport, F as VectorViewportAssetResolveRequest, G as VectorViewportAssetResolveResult, H as VectorViewportAssetUploadRequest, I as VectorViewportAssetUploadResult, J as VectorViewportHandle, K as VectorViewportProps, W as WorldPointerDownDetail, L as createCanvuPlugin, M as getBoardPositionStyle, O as useCanvuChromeContext, Q as useCanvuDocumentContext, R as useCanvuPluginContext, S as useCanvuPluginContribution, T as useCanvuResolvedTools, U as useCanvuViewportContext } from './types-CW146bKP.cjs';
+import { V as VectorViewportAssetKind, a as VectorViewportAssetStore, b as VectorToolDefinition, C as CanvasPlugin, B as BoardComponentPosition } from './types-BtLGGw0r.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, n as CustomShapePlacementOptions, N as NavMenu, o as NavMenuProps, P as PlacementPreview, p as VectorCanvas, q as VectorCanvasBody, r as VectorCanvasHeader, s as VectorCanvasMain, t as VectorCanvasRoot, u as VectorCanvasSlotProps, v as VectorCanvasSpacePosition, w as VectorCanvasSpaceProps, x as VectorCanvasToolbar, y as VectorCanvasToolbarProps, z as VectorCanvasViewportSurface, A as VectorSelectionInspector, D as VectorSelectionInspectorProps, E as VectorViewport, F as VectorViewportAssetResolveRequest, G as VectorViewportAssetResolveResult, H as VectorViewportAssetUploadRequest, I as VectorViewportAssetUploadResult, J as VectorViewportHandle, K as VectorViewportProps, W as WorldPointerDownDetail, L as createCanvuPlugin, M as getBoardPositionStyle, O as useCanvuChromeContext, Q as useCanvuDocumentContext, R as useCanvuPluginContext, S as useCanvuPluginContribution, T as useCanvuResolvedTools, U as useCanvuViewportContext } from './types-BtLGGw0r.cjs';
 import { V as VectorCanvasPersistenceAdapter, a as VectorCanvasRemoteAdapter } from './types-B58i5k-u.cjs';
 export { b as VectorCanvasSnapshot } from './types-B58i5k-u.cjs';
 import * as react from 'react';

package/dist/react.d.ts

@@ -1,6 +1,6 @@
 import { V as VectorSceneItem } from './types-CB0TZZuk.js';
-import { V as VectorViewportAssetKind, a as VectorViewportAssetStore, b as VectorToolDefinition, C as CanvasPlugin, B as BoardComponentPosition } from './types-CpqlbbCP.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, n as CustomShapePlacementOptions, N as NavMenu, o as NavMenuProps, P as PlacementPreview, p as VectorCanvas, q as VectorCanvasBody, r as VectorCanvasHeader, s as VectorCanvasMain, t as VectorCanvasRoot, u as VectorCanvasSlotProps, v as VectorCanvasSpacePosition, w as VectorCanvasSpaceProps, x as VectorCanvasToolbar, y as VectorCanvasToolbarProps, z as VectorCanvasViewportSurface, A as VectorSelectionInspector, D as VectorSelectionInspectorProps, E as VectorViewport, F as VectorViewportAssetResolveRequest, G as VectorViewportAssetResolveResult, H as VectorViewportAssetUploadRequest, I as VectorViewportAssetUploadResult, J as VectorViewportHandle, K as VectorViewportProps, W as WorldPointerDownDetail, L as createCanvuPlugin, M as getBoardPositionStyle, O as useCanvuChromeContext, Q as useCanvuDocumentContext, R as useCanvuPluginContext, S as useCanvuPluginContribution, T as useCanvuResolvedTools, U as useCanvuViewportContext } from './types-CpqlbbCP.js';
+import { V as VectorViewportAssetKind, a as VectorViewportAssetStore, b as VectorToolDefinition, C as CanvasPlugin, B as BoardComponentPosition } from './types-ChnTSRSe.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, n as CustomShapePlacementOptions, N as NavMenu, o as NavMenuProps, P as PlacementPreview, p as VectorCanvas, q as VectorCanvasBody, r as VectorCanvasHeader, s as VectorCanvasMain, t as VectorCanvasRoot, u as VectorCanvasSlotProps, v as VectorCanvasSpacePosition, w as VectorCanvasSpaceProps, x as VectorCanvasToolbar, y as VectorCanvasToolbarProps, z as VectorCanvasViewportSurface, A as VectorSelectionInspector, D as VectorSelectionInspectorProps, E as VectorViewport, F as VectorViewportAssetResolveRequest, G as VectorViewportAssetResolveResult, H as VectorViewportAssetUploadRequest, I as VectorViewportAssetUploadResult, J as VectorViewportHandle, K as VectorViewportProps, W as WorldPointerDownDetail, L as createCanvuPlugin, M as getBoardPositionStyle, O as useCanvuChromeContext, Q as useCanvuDocumentContext, R as useCanvuPluginContext, S as useCanvuPluginContribution, T as useCanvuResolvedTools, U as useCanvuViewportContext } from './types-ChnTSRSe.js';
 import { V as VectorCanvasPersistenceAdapter, a as VectorCanvasRemoteAdapter } from './types-DgEArHkA.js';
 export { b as VectorCanvasSnapshot } from './types-DgEArHkA.js';
 import * as react from 'react';

package/dist/react.js

@@ -4884,6 +4884,7 @@ function InteractionOverlay({
   eraserTrail = [],
   laserTrail = [],
   eraserPreviewItems = [],
+  marqueeCandidateItems = [],
   previewStrokeStyle
 }) {
   const z = camera.zoom;
@@ -5132,6 +5133,33 @@ function InteractionOverlay({
       );
     }) });
   }
+  let marqueeCandidates = null;
+  if (marqueeCandidateItems.length > 0) {
+    marqueeCandidates = /* @__PURE__ */ jsx("g", { children: marqueeCandidateItems.map((it) => {
+      const b = normalizeRect(it.bounds);
+      return /* @__PURE__ */ jsx(
+        "g",
+        {
+          transform: formatItemPlacementTransform(it),
+          children: /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x: 0,
+              y: 0,
+              width: b.width,
+              height: b.height,
+              fill: "rgba(59, 130, 246, 0.10)",
+              stroke: "#3b82f6",
+              strokeWidth: overlayStrokePx,
+              strokeDasharray: dashPattern,
+              vectorEffect: "non-scaling-stroke"
+            }
+          )
+        },
+        `marquee-cand-${it.id}`
+      );
+    }) });
+  }
   let eraserTrailOverlay = null;
   if (eraserTrail.length >= 1) {
     const now = Date.now();
@@ -5232,6 +5260,7 @@ function InteractionOverlay({
       width: "100%",
       height: "100%",
       children: /* @__PURE__ */ jsxs("g", { transform: rootTransform, children: [
+        marqueeCandidates,
         preview,
         laserTrailOverlay,
         eraserTrailOverlay,
@@ -5275,7 +5304,7 @@ function PresenceRemoteLayer({
   const rootTransform = formatCameraTransform(camera);
   const overlayStrokePx = 1.25;
   const LUCIDE_POINTER_VIEWBOX = 24;
-  const remoteCursorScreenPx = 15;
+  const remoteCursorScreenPx = 22;
   const iconWorldScale = remoteCursorScreenPx / (LUCIDE_POINTER_VIEWBOX * z);
   return /* @__PURE__ */ jsx(
     "svg",
@@ -5339,9 +5368,9 @@ function PresenceRemoteLayer({
         let cursorNode = null;
         if (cur) {
           const displayName = peer.displayName;
-          const labelOffsetX = 10 / z;
-          const labelOffsetY = 10 / z;
-          const labelFont = 10 / z;
+          const labelOffsetX = 14 / z;
+          const labelOffsetY = 14 / z;
+          const labelFont = 12 / z;
           cursorNode = /* @__PURE__ */ jsxs("g", { children: [
             /* @__PURE__ */ jsx(
               "g",
@@ -5390,6 +5419,17 @@ function PresenceRemoteLayer({
   );
 }
 
+// src/react/stable-selection.ts
+function shallowEqualStringArray(a, b) {
+  if (a === b) return true;
+  if (!a || !b) return a === b;
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    if (a[i] !== b[i]) return false;
+  }
+  return true;
+}
+
 // src/react/TextEditOverlay.tsx
 init_rect();
 init_text_svg();
@@ -6113,6 +6153,9 @@ var VectorViewport = forwardRef(
     const [laserTrail, setLaserTrail] = useState([]);
     const [eraserPreviewIds, setEraserPreviewIds] = useState([]);
     const eraserPreviewIdsRef = useRef(/* @__PURE__ */ new Set());
+    const [marqueeCandidateIds, setMarqueeCandidateIds] = useState([]);
+    const marqueeCandidateIdsRef = useRef([]);
+    marqueeCandidateIdsRef.current = marqueeCandidateIds;
     const resolvedSceneItems = useMemo(() => {
       if (eraserPreviewIds.length === 0) return resolvedItems;
       const hiddenIds = new Set(eraserPreviewIds);
@@ -7753,6 +7796,14 @@ var VectorViewport = forwardRef(
           const { worldX: worldX2, worldY: worldY2 } = screenToWorld(ev.clientX, ev.clientY);
           const raw = rectFromCorners(st.startWorld, { x: worldX2, y: worldY2 });
           setPlacementPreview({ kind: "marquee", rect: raw });
+          const nextCand = collectItemIdsInRect(
+            resolvedItemsRef.current,
+            normalizeRect(raw)
+          );
+          if (!shallowEqualStringArray(nextCand, marqueeCandidateIdsRef.current)) {
+            marqueeCandidateIdsRef.current = nextCand;
+            setMarqueeCandidateIds(nextCand);
+          }
           return;
         }
         if (st.kind === "stroke") {
@@ -7932,6 +7983,8 @@ var VectorViewport = forwardRef(
           dragStateRef.current = { kind: "idle" };
           releaseInteractionPointer();
           setPlacementPreview(null);
+          marqueeCandidateIdsRef.current = [];
+          setMarqueeCandidateIds([]);
           return;
         }
         if (st.kind === "move" || st.kind === "resize" || st.kind === "rotate") {
@@ -7943,6 +7996,8 @@ var VectorViewport = forwardRef(
           dragStateRef.current = { kind: "idle" };
           releaseInteractionPointer();
           setPlacementPreview(null);
+          marqueeCandidateIdsRef.current = [];
+          setMarqueeCandidateIds([]);
           const { worldX, worldY } = screenToWorld(ev.clientX, ev.clientY);
           const raw = rectFromCorners(st.startWorld, { x: worldX, y: worldY });
           const br = normalizeRect(raw);
@@ -8173,6 +8228,11 @@ var VectorViewport = forwardRef(
     const eraserPreviewItemsForOverlay = useMemo(() => {
       return eraserPreviewIds.map((id) => resolvedItems.find((i) => i.id === id)).filter((i) => i != null);
     }, [eraserPreviewIds, resolvedItems]);
+    const marqueeCandidateItemsForOverlay = useMemo(() => {
+      if (marqueeCandidateIds.length === 0) return [];
+      const selected = new Set(effectiveSelectedIds);
+      return marqueeCandidateIds.filter((id) => !selected.has(id)).map((id) => resolvedItems.find((i) => i.id === id)).filter((i) => i != null);
+    }, [marqueeCandidateIds, effectiveSelectedIds, resolvedItems]);
     const presenceLayer = useMemo(() => {
       if (!cameraForOverlay) return null;
       if (presenceOverlay) {
@@ -8318,6 +8378,7 @@ var VectorViewport = forwardRef(
                       eraserTrail,
                       laserTrail,
                       eraserPreviewItems: eraserPreviewItemsForOverlay,
+                      marqueeCandidateItems: marqueeCandidateItemsForOverlay,
                       previewStrokeStyle: strokeStyleRef.current
                     }
                   ),