canvu-react 0.3.8 → 0.3.10

package/dist/chatbot.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CanvasPlugin } from './types-CW146bKP.cjs';
+import { C as CanvasPlugin } from './types-BtLGGw0r.cjs';
 import 'react';
 import './types-CB0TZZuk.cjs';
 import './camera-BwQjm5oh.cjs';

package/dist/chatbot.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as CanvasPlugin } from './types-CpqlbbCP.js';
+import { C as CanvasPlugin } from './types-ChnTSRSe.js';
 import 'react';
 import './types-CB0TZZuk.js';
 import './camera-KwCYYPhm.js';

package/dist/react.cjs

@@ -4891,6 +4891,7 @@ function InteractionOverlay({
   eraserTrail = [],
   laserTrail = [],
   eraserPreviewItems = [],
+  marqueeCandidateItems = [],
   previewStrokeStyle
 }) {
   const z = camera.zoom;
@@ -5139,6 +5140,33 @@ function InteractionOverlay({
       );
     }) });
   }
+  let marqueeCandidates = null;
+  if (marqueeCandidateItems.length > 0) {
+    marqueeCandidates = /* @__PURE__ */ jsxRuntime.jsx("g", { children: marqueeCandidateItems.map((it) => {
+      const b = normalizeRect(it.bounds);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "g",
+        {
+          transform: formatItemPlacementTransform(it),
+          children: /* @__PURE__ */ jsxRuntime.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();
@@ -5239,6 +5267,7 @@ function InteractionOverlay({
       width: "100%",
       height: "100%",
       children: /* @__PURE__ */ jsxRuntime.jsxs("g", { transform: rootTransform, children: [
+        marqueeCandidates,
         preview,
         laserTrailOverlay,
         eraserTrailOverlay,
@@ -5282,7 +5311,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__ */ jsxRuntime.jsx(
     "svg",
@@ -5346,9 +5375,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__ */ jsxRuntime.jsxs("g", { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "g",
@@ -5397,6 +5426,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();
@@ -6120,6 +6160,9 @@ var VectorViewport = react.forwardRef(
     const [laserTrail, setLaserTrail] = react.useState([]);
     const [eraserPreviewIds, setEraserPreviewIds] = react.useState([]);
     const eraserPreviewIdsRef = react.useRef(/* @__PURE__ */ new Set());
+    const [marqueeCandidateIds, setMarqueeCandidateIds] = react.useState([]);
+    const marqueeCandidateIdsRef = react.useRef([]);
+    marqueeCandidateIdsRef.current = marqueeCandidateIds;
     const resolvedSceneItems = react.useMemo(() => {
       if (eraserPreviewIds.length === 0) return resolvedItems;
       const hiddenIds = new Set(eraserPreviewIds);
@@ -7760,6 +7803,14 @@ var VectorViewport = react.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") {
@@ -7939,6 +7990,8 @@ var VectorViewport = react.forwardRef(
           dragStateRef.current = { kind: "idle" };
           releaseInteractionPointer();
           setPlacementPreview(null);
+          marqueeCandidateIdsRef.current = [];
+          setMarqueeCandidateIds([]);
           return;
         }
         if (st.kind === "move" || st.kind === "resize" || st.kind === "rotate") {
@@ -7950,6 +8003,8 @@ var VectorViewport = react.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);
@@ -8180,6 +8235,11 @@ var VectorViewport = react.forwardRef(
     const eraserPreviewItemsForOverlay = react.useMemo(() => {
       return eraserPreviewIds.map((id) => resolvedItems.find((i) => i.id === id)).filter((i) => i != null);
     }, [eraserPreviewIds, resolvedItems]);
+    const marqueeCandidateItemsForOverlay = react.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 = react.useMemo(() => {
       if (!cameraForOverlay) return null;
       if (presenceOverlay) {
@@ -8325,6 +8385,7 @@ var VectorViewport = react.forwardRef(
                       eraserTrail,
                       laserTrail,
                       eraserPreviewItems: eraserPreviewItemsForOverlay,
+                      marqueeCandidateItems: marqueeCandidateItemsForOverlay,
                       previewStrokeStyle: strokeStyleRef.current
                     }
                   ),