canvu-react 0.3.39 → 0.3.40

package/dist/realtime.d.cts

@@ -1,11 +1,11 @@
-import { P as PlacementPreview, R as RemotePresenceMarkupStroke, A as RemotePresencePeer, D as RemotePresenceCamera, E as RealtimeConnectionState, q as VectorViewportHandle, V as VectorToolDefinition, r as VectorViewportProps, C as CanvasPlugin, e as CanvasPluginRenderContext } from './types-DUW61Tjy.cjs';
-export { F as PresenceOverlayRenderContext } from './types-DUW61Tjy.cjs';
+import { P as PlacementPreview, R as RemotePresenceMarkupStroke, A as RemotePresencePeer, D as RemotePresenceCamera, E as RealtimeConnectionState, q as VectorViewportHandle, V as VectorToolDefinition, r as VectorViewportProps, C as CanvasPlugin, e as CanvasPluginRenderContext } from './types-BC9Xgfu6.cjs';
+export { F as PresenceOverlayRenderContext } from './types-BC9Xgfu6.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Camera2D } from './camera-Di5R_Rwl.cjs';
-import { V as VectorSceneItem, R as Rect } from './types-Bnq2HtHQ.cjs';
+import { C as Camera2D } from './camera-CVVG7z56.cjs';
+import { V as VectorSceneItem, R as Rect } from './types-BCCvY6ie.cjs';
 import { ReactNode, RefObject } from 'react';
-import { a as VectorCanvasRemoteAdapter } from './types-B2Na677H.cjs';
-import './shape-builders-Dedcl6tw.cjs';
+import { a as VectorCanvasRemoteAdapter } from './types-BUPc2Zgw.cjs';
+import './shape-builders-BAWu-PxX.cjs';
 
 /**
  * Maps a local {@link PlacementPreview} stroke to {@link RemotePresenceMarkupStroke} for broadcasting.

package/dist/realtime.d.ts

@@ -1,11 +1,11 @@
-import { P as PlacementPreview, R as RemotePresenceMarkupStroke, A as RemotePresencePeer, D as RemotePresenceCamera, E as RealtimeConnectionState, q as VectorViewportHandle, V as VectorToolDefinition, r as VectorViewportProps, C as CanvasPlugin, e as CanvasPluginRenderContext } from './types-BBb8KoyW.js';
-export { F as PresenceOverlayRenderContext } from './types-BBb8KoyW.js';
+import { P as PlacementPreview, R as RemotePresenceMarkupStroke, A as RemotePresencePeer, D as RemotePresenceCamera, E as RealtimeConnectionState, q as VectorViewportHandle, V as VectorToolDefinition, r as VectorViewportProps, C as CanvasPlugin, e as CanvasPluginRenderContext } from './types-DlSVGX0w.js';
+export { F as PresenceOverlayRenderContext } from './types-DlSVGX0w.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Camera2D } from './camera-AoTwBSoE.js';
-import { V as VectorSceneItem, R as Rect } from './types-Bnq2HtHQ.js';
+import { C as Camera2D } from './camera-CoRYN_IV.js';
+import { V as VectorSceneItem, R as Rect } from './types-BCCvY6ie.js';
 import { ReactNode, RefObject } from 'react';
-import { a as VectorCanvasRemoteAdapter } from './types-zmUah-vP.js';
-import './shape-builders-C7bxJBGR.js';
+import { a as VectorCanvasRemoteAdapter } from './types-CYtq9Pr9.js';
+import './shape-builders-ClKv9tz9.js';
 
 /**
  * Maps a local {@link PlacementPreview} stroke to {@link RemotePresenceMarkupStroke} for broadcasting.

package/dist/realtime.js

@@ -149,6 +149,30 @@ function perfectFreehandOptions(toolKind, style, strokeComplete, pressureAware =
     simulatePressure: true
   };
 }
+function dashArrayForDrawStroke(strokeWidth) {
+  const dash = Math.max(strokeWidth * 1.8, 4);
+  const gap = Math.max(strokeWidth * 1.4, 3);
+  return `${dash} ${gap}`;
+}
+function buildSmoothedCenterlinePath(points) {
+  if (points.length < 2) return null;
+  const first = points[0];
+  if (!first) return null;
+  let d = `M ${first.x} ${first.y}`;
+  for (let i = 1; i < points.length - 1; i++) {
+    const a = points[i];
+    const b = points[i + 1];
+    if (!a || !b) continue;
+    const midX = (a.x + b.x) / 2;
+    const midY = (a.y + b.y) / 2;
+    d += ` Q ${a.x} ${a.y} ${midX} ${midY}`;
+  }
+  const last = points[points.length - 1];
+  if (last) {
+    d += ` L ${last.x} ${last.y}`;
+  }
+  return d;
+}
 function computeFreehandSvgPayload(pathPointsLocal, style, toolKind, strokeComplete = true) {
   if (pathPointsLocal.length === 0) return null;
   if (pathPointsLocal.length === 1) {
@@ -163,6 +187,18 @@ function computeFreehandSvgPayload(pathPointsLocal, style, toolKind, strokeCompl
       fillOpacity: style.strokeOpacity
     };
   }
+  if (style.strokeDash === "dashed" && (toolKind === "draw" || toolKind === "pencil")) {
+    const d2 = buildSmoothedCenterlinePath(pathPointsLocal);
+    if (!d2) return null;
+    return {
+      kind: "strokePath",
+      d: d2,
+      stroke: style.stroke,
+      strokeWidth: style.strokeWidth,
+      strokeOpacity: style.strokeOpacity,
+      strokeDasharray: dashArrayForDrawStroke(style.strokeWidth)
+    };
+  }
   const hasPressure = pathPointsLocal.some(
     (p) => p.pressure != null && Number.isFinite(p.pressure)
   );