canvu-react 0.4.52 → 0.4.53

package/dist/native.cjs

@@ -3078,22 +3078,6 @@ function resolveNativeStrokePreviewStyle(tool, previewStrokeStyle) {
   };
 }
 
-// src/native/native-stroke-preview.ts
-function buildNativeStrokePreviewPath(points) {
-  if (points.length < 2) return null;
-  const d = smoothFreehandPointsToPathD(points);
-  return d || null;
-}
-function buildNativeFreehandStrokePreviewPayload(points, style, tool) {
-  if (tool === "laser") return null;
-  return computeFreehandSvgPayload(
-    points.map((point) => ({ x: point.x, y: point.y })),
-    style,
-    tool,
-    true
-  );
-}
-
 // src/native/native-vector-interactions.ts
 var NATIVE_SELECTION_HANDLE_HIT_RADIUS_PX = 24;
 function nativeItemPlacementBounds(item) {
@@ -3465,90 +3449,58 @@ function NativeInteractionOverlay({
         p.tool,
         p.style ?? previewStrokeStyle
       );
-      const strokeColor = colorWithOpacity(
-        style.stroke,
-        isLaser ? 0.85 : style.strokeOpacity
+      const payload = computeFreehandSvgPayload(
+        p.points,
+        style,
+        isLaser ? "draw" : p.tool,
+        p.points.length === 2
       );
-      if (!isLaser) {
-        const payload = buildNativeFreehandStrokePreviewPayload(
-          p.points,
-          style,
-          p.tool
+      if (!payload) return null;
+      if (payload.kind === "circle") {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactNativeSkia.Circle,
+          {
+            cx: payload.cx,
+            cy: payload.cy,
+            r: payload.r,
+            color: colorWithOpacity(payload.fill, payload.fillOpacity),
+            style: "fill",
+            antiAlias: true
+          }
         );
-        if (payload?.kind === "circle") {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            reactNativeSkia.Circle,
-            {
-              cx: payload.cx,
-              cy: payload.cy,
-              r: payload.r,
-              color: colorWithOpacity(payload.fill, payload.fillOpacity),
-              style: "fill",
-              antiAlias: true
-            }
-          );
-        }
-        if (payload?.kind === "fillPath") {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            reactNativeSkia.Path,
-            {
-              path: payload.d,
-              color: colorWithOpacity(payload.fill, payload.fillOpacity),
-              style: "fill",
-              fillType: "winding",
-              antiAlias: true
-            }
-          );
-        }
-        if (payload?.kind === "strokePath") {
-          const intervals = dashIntervalsFromStrokeDasharray3(
-            payload.strokeDasharray
-          );
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            reactNativeSkia.Path,
-            {
-              path: payload.d,
-              color: colorWithOpacity(payload.stroke, payload.strokeOpacity),
-              style: "stroke",
-              strokeWidth: payload.strokeWidth,
-              strokeCap: "round",
-              strokeJoin: "round",
-              antiAlias: true,
-              children: intervals ? /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.DashPathEffect, { intervals }) : null
-            }
-          );
-        }
-        return null;
       }
-      if (p.points.length === 1) {
-        const point = p.points[0];
-        if (!point) return null;
+      if (payload.kind === "fillPath") {
         return /* @__PURE__ */ jsxRuntime.jsx(
-          reactNativeSkia.Circle,
+          reactNativeSkia.Path,
           {
-            cx: point.x,
-            cy: point.y,
-            r: Math.max(0.5, style.strokeWidth / 2),
-            color: strokeColor,
+            path: payload.d,
+            color: colorWithOpacity(payload.fill, payload.fillOpacity),
             style: "fill",
+            fillType: "winding",
             antiAlias: true
           }
         );
       }
-      const path = buildNativeStrokePreviewPath(p.points);
-      if (!path) return null;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        reactNativeSkia.Path,
-        {
-          path,
-          color: strokeColor,
-          style: "stroke",
-          strokeWidth: style.strokeWidth,
-          strokeCap: "round",
-          strokeJoin: "round",
-          antiAlias: true
-        }
-      );
+      if (payload.kind === "strokePath") {
+        const intervals = dashIntervalsFromStrokeDasharray3(payload.strokeDasharray);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactNativeSkia.Path,
+          {
+            path: payload.d,
+            color: colorWithOpacity(
+              payload.stroke,
+              isLaser ? 0.85 : payload.strokeOpacity
+            ),
+            style: "stroke",
+            strokeWidth: payload.strokeWidth,
+            strokeCap: "round",
+            strokeJoin: "round",
+            antiAlias: true,
+            children: intervals ? /* @__PURE__ */ jsxRuntime.jsx(reactNativeSkia.DashPathEffect, { intervals }) : null
+          }
+        );
+      }
+      return null;
     }
     return null;
   }, [placementPreview, previewStrokeStyle, overlayStrokeWorld, marqueeDashWorld]);
@@ -5984,19 +5936,22 @@ var NativeVectorViewport = react.forwardRef(function NativeVectorViewport2({
         const dx = worldX - (last?.x ?? worldX);
         const dy = worldY - (last?.y ?? worldY);
         const shouldAppendPoint = Math.hypot(dx, dy) > 0.5 / cam.zoom;
-        if (!shouldAppendPoint) return;
-        pts.push({ x: worldX, y: worldY });
+        if (shouldAppendPoint) {
+          pts.push({ x: worldX, y: worldY });
+        }
         if (st.tool === "laser") {
-          setLaserTrail((prev) => [
-            ...prev,
-            { x: worldX, y: worldY, t: Date.now() }
-          ]);
+          if (shouldAppendPoint) {
+            setLaserTrail((prev) => [
+              ...prev,
+              { x: worldX, y: worldY, t: Date.now() }
+            ]);
+          }
           return;
         }
         setRealtimePlacementPreview({
           kind: "stroke",
           tool: st.tool,
-          points: pts.map((previewPoint) => ({ ...previewPoint })),
+          points: [...pts],
           style: { ...strokeStyleRef.current }
         });
         return;