canvu-react 0.3.24 → 0.3.26

package/dist/realtime.d.cts

@@ -1,5 +1,5 @@
-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-7kfWcm0L.cjs';
-export { F as PresenceOverlayRenderContext } from './types-7kfWcm0L.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-BLXR7g_L.cjs';
+export { F as PresenceOverlayRenderContext } from './types-BLXR7g_L.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { C as Camera2D } from './camera-BwQjm5oh.cjs';
 import { V as VectorSceneItem, R as Rect } from './types-CB0TZZuk.cjs';

package/dist/realtime.d.ts

@@ -1,5 +1,5 @@
-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-C4k_AMvi.js';
-export { F as PresenceOverlayRenderContext } from './types-C4k_AMvi.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-Cm7IsgL4.js';
+export { F as PresenceOverlayRenderContext } from './types-Cm7IsgL4.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { C as Camera2D } from './camera-KwCYYPhm.js';
 import { V as VectorSceneItem, R as Rect } from './types-CB0TZZuk.js';

package/dist/realtime.js

@@ -9,9 +9,13 @@ function remoteMarkupStrokeFromPlacementPreview(preview) {
   }
   const tool = preview.tool;
   const mapped = tool === "laser" || tool === "marker" || tool === "draw" ? tool : "draw";
+  const style = preview.style;
   return {
     points: preview.points,
-    tool: mapped
+    tool: mapped,
+    ...style?.strokeWidth != null ? { strokeWidth: style.strokeWidth } : {},
+    ...style?.stroke ? { stroke: style.stroke } : {},
+    ...style?.strokeOpacity != null ? { strokeOpacity: style.strokeOpacity } : {}
   };
 }
 
@@ -126,7 +130,12 @@ function PresenceRemoteLayer({
         const markup = peer.markupStroke;
         let strokeNode = null;
         if (markup && markup.points.length > 0) {
-          const paint = strokePaint(markup.tool, color);
+          const fallbackPaint = strokePaint(markup.tool, color);
+          const paint = {
+            stroke: markup.stroke ?? fallbackPaint.stroke,
+            strokeOpacity: markup.strokeOpacity ?? fallbackPaint.strokeOpacity,
+            widthWorld: markup.strokeWidth ?? fallbackPaint.widthWorld
+          };
           const d = markup.points.length >= 2 ? smoothFreehandPointsToPathD([...markup.points]) : null;
           if (d) {
             strokeNode = /* @__PURE__ */ jsx(
@@ -255,7 +264,16 @@ function parseMarkupStroke(value) {
     if (x == null || y == null) return null;
     return { x, y };
   }).filter((point) => point != null);
-  return { points, tool };
+  const strokeWidth = getNumber(value.strokeWidth);
+  const stroke = getString(value.stroke);
+  const strokeOpacity = getNumber(value.strokeOpacity);
+  return {
+    points,
+    tool,
+    ...strokeWidth != null ? { strokeWidth } : {},
+    ...stroke ? { stroke } : {},
+    ...strokeOpacity != null ? { strokeOpacity } : {}
+  };
 }
 function parsePresencePayload(value) {
   if (!isRecord(value)) return void 0;