canvu-react 0.3.24 → 0.3.26

package/dist/realtime.cjs

@@ -11,9 +11,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 } : {}
   };
 }
 
@@ -128,7 +132,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__ */ jsxRuntime.jsx(
@@ -257,7 +266,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;