canvu-react 0.3.25 → 0.3.26

package/dist/react.d.cts

@@ -3,8 +3,8 @@ export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAsse
 import { V as VectorSceneItem } from './types-CB0TZZuk.cjs';
 import { V as VectorViewportAssetKind, u as VectorViewportAssetStore } from './shape-builders-DFudWDFI.cjs';
 export { v as VectorViewportAssetHydrationRequest, w as VectorViewportAssetResolveRequest, x as VectorViewportAssetResolveResult, y as VectorViewportAssetUploadRequest, z as VectorViewportAssetUploadResult } from './shape-builders-DFudWDFI.cjs';
-import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-7kfWcm0L.cjs';
-export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-7kfWcm0L.cjs';
+import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-BLXR7g_L.cjs';
+export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-BLXR7g_L.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, SVGProps } from 'react';

package/dist/react.d.ts

@@ -3,8 +3,8 @@ export { H as HydratedSceneItemsWithAssetsResult, h as hydrateSceneItemsWithAsse
 import { V as VectorSceneItem } from './types-CB0TZZuk.js';
 import { V as VectorViewportAssetKind, u as VectorViewportAssetStore } from './shape-builders-ENwnK-zT.js';
 export { v as VectorViewportAssetHydrationRequest, w as VectorViewportAssetResolveRequest, x as VectorViewportAssetResolveResult, y as VectorViewportAssetUploadRequest, z as VectorViewportAssetUploadResult } from './shape-builders-ENwnK-zT.js';
-import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-C4k_AMvi.js';
-export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-C4k_AMvi.js';
+import { B as BoardComponentPosition, V as VectorToolDefinition, C as CanvasPlugin, a as VectorSelectionInspector } from './types-Cm7IsgL4.js';
+export { b as CanvasPluginComponentProps, c as CanvasPluginContribution, d as CanvasPluginItemsChangeMiddlewareContext, e as CanvasPluginRenderContext, f as CanvuChromeActiveToolStyle, g as CanvuChromeContext, h as CanvuChromeContextValue, i as CanvuChromeSelectionStyleChange, j as CanvuPluginContext, k as CanvuPluginContextValue, l as CanvuPluginViewportSnapshot, m as CustomShapePlacementOptions, P as PlacementPreview, n as VectorCanvasSpacePosition, o as VectorSelectionInspectorProps, p as VectorViewport, q as VectorViewportHandle, r as VectorViewportProps, W as WorldPointerDownDetail, s as createCanvuPlugin, t as getBoardPositionStyle, u as useCanvuChromeContext, v as useCanvuDocumentContext, w as useCanvuPluginContext, x as useCanvuPluginContribution, y as useCanvuResolvedTools, z as useCanvuViewportContext } from './types-Cm7IsgL4.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { CSSProperties, ReactNode, ReactElement, SVGProps } from 'react';

package/dist/react.js

@@ -6508,7 +6508,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(
@@ -7417,14 +7422,15 @@ var VectorViewport = forwardRef(
     const directRemoteStrokePreviewRef = useRef(false);
     const remoteStrokePreviewFrameRef = useRef(null);
     const pendingRemoteStrokePreviewRef = useRef(null);
-    const flushRemoteStrokePreview = useCallback(() => {
+    const flushRemoteStrokePreviewWithStyle = useCallback(() => {
       remoteStrokePreviewFrameRef.current = null;
       const pending = pendingRemoteStrokePreviewRef.current;
       if (!pending) return;
       onPlacementPreviewChangeRef.current?.({
         kind: "stroke",
         tool: pending.tool,
-        points: pending.points
+        points: pending.points,
+        style: { ...strokeStyleRef.current }
       });
     }, []);
     const emitRemoteStrokePreview = useCallback(
@@ -7434,10 +7440,10 @@ var VectorViewport = forwardRef(
         pendingRemoteStrokePreviewRef.current = { tool, points };
         if (remoteStrokePreviewFrameRef.current != null) return;
         remoteStrokePreviewFrameRef.current = requestAnimationFrame(
-          flushRemoteStrokePreview
+          flushRemoteStrokePreviewWithStyle
         );
       },
-      [flushRemoteStrokePreview]
+      [flushRemoteStrokePreviewWithStyle]
     );
     const emitRemoteStrokePreviewClear = useCallback(() => {
       if (remoteStrokePreviewFrameRef.current != null) {
@@ -8700,7 +8706,8 @@ var VectorViewport = forwardRef(
             setPlacementPreview({
               kind: "stroke",
               tool,
-              points: [startPoint]
+              points: [startPoint],
+              style: { ...strokeStyleRef.current }
             });
           }
           captureInteractionPointer(e.currentTarget, e.pointerId);
@@ -9067,7 +9074,8 @@ var VectorViewport = forwardRef(
             setPlacementPreview({
               kind: "stroke",
               tool: st.tool,
-              points: interpolated
+              points: interpolated,
+              style: { ...strokeStyleRef.current }
             });
           }
           return;