@archireport/react-native-drawing 0.2.0

package/lib/module/components/TextEditModal.js

@@ -0,0 +1,128 @@
+"use strict";
+
+import React, { useState, useCallback } from "react";
+import { Modal, View, TextInput, TouchableOpacity, Text, StyleSheet, KeyboardAvoidingView, Platform } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const TextEditModal = /*#__PURE__*/React.memo(function TextEditModal({
+  visible,
+  initialValue,
+  onSubmit,
+  onCancel
+}) {
+  const [text, setText] = useState(initialValue);
+  const handleSubmit = useCallback(() => {
+    if (text.trim()) {
+      onSubmit(text.trim());
+    }
+  }, [text, onSubmit]);
+
+  // Reset text when modal becomes visible
+  React.useEffect(() => {
+    if (visible) {
+      setText(initialValue);
+    }
+  }, [visible, initialValue]);
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onCancel,
+    children: /*#__PURE__*/_jsx(KeyboardAvoidingView, {
+      style: styles.overlay,
+      behavior: Platform.OS === "ios" ? "padding" : "height",
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.dialog,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.title,
+          children: "Edit Text"
+        }), /*#__PURE__*/_jsx(TextInput, {
+          style: styles.input,
+          value: text,
+          onChangeText: setText,
+          placeholder: "Enter text...",
+          placeholderTextColor: "#999",
+          multiline: true,
+          autoFocus: true,
+          textAlignVertical: "top"
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.buttons,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.cancelButton,
+            onPress: onCancel,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.cancelText,
+              children: "Cancel"
+            })
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.submitButton,
+            onPress: handleSubmit,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.submitText,
+              children: "Done"
+            })
+          })]
+        })]
+      })
+    })
+  });
+});
+const styles = StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 24
+  },
+  dialog: {
+    backgroundColor: "#2C2C2E",
+    borderRadius: 14,
+    padding: 20,
+    width: "100%",
+    maxWidth: 400
+  },
+  title: {
+    color: "#FFFFFF",
+    fontSize: 18,
+    fontWeight: "600",
+    marginBottom: 16,
+    textAlign: "center"
+  },
+  input: {
+    backgroundColor: "#1C1C1E",
+    borderRadius: 10,
+    padding: 12,
+    color: "#FFFFFF",
+    fontSize: 16,
+    minHeight: 100,
+    marginBottom: 16
+  },
+  buttons: {
+    flexDirection: "row",
+    gap: 12
+  },
+  cancelButton: {
+    flex: 1,
+    paddingVertical: 12,
+    borderRadius: 10,
+    backgroundColor: "#3A3A3C",
+    alignItems: "center"
+  },
+  cancelText: {
+    color: "#FFFFFF",
+    fontSize: 16
+  },
+  submitButton: {
+    flex: 1,
+    paddingVertical: 12,
+    borderRadius: 10,
+    backgroundColor: "#007AFF",
+    alignItems: "center"
+  },
+  submitText: {
+    color: "#FFFFFF",
+    fontSize: 16,
+    fontWeight: "600"
+  }
+});
+//# sourceMappingURL=TextEditModal.js.map

package/lib/module/components/TextEditModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","Modal","View","TextInput","TouchableOpacity","Text","StyleSheet","KeyboardAvoidingView","Platform","jsx","_jsx","jsxs","_jsxs","TextEditModal","memo","visible","initialValue","onSubmit","onCancel","text","setText","handleSubmit","trim","useEffect","transparent","animationType","onRequestClose","children","style","styles","overlay","behavior","OS","dialog","title","input","value","onChangeText","placeholder","placeholderTextColor","multiline","autoFocus","textAlignVertical","buttons","cancelButton","onPress","cancelText","submitButton","submitText","create","flex","backgroundColor","justifyContent","alignItems","padding","borderRadius","width","maxWidth","color","fontSize","fontWeight","marginBottom","textAlign","minHeight","flexDirection","gap","paddingVertical"],"sourceRoot":"../../../src","sources":["components/TextEditModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Toolbar.js

@@ -0,0 +1,193 @@
+"use strict";
+
+import React, { useCallback } from "react";
+import { View, TouchableOpacity, ScrollView, StyleSheet, Text, Image, useWindowDimensions } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BUTTON_SIZE = 44;
+const BUTTON_GAP = 4;
+const TOOLBAR_HORIZONTAL_PADDING = 12;
+const TOOLS = [{
+  type: "freehand",
+  label: "Pen",
+  icons: {
+    default: require("../assets/toolbar-icons/freehand.png"),
+    active: require("../assets/toolbar-icons/freehand-enabled.png")
+  }
+}, {
+  type: "line",
+  label: "Line",
+  icons: {
+    default: require("../assets/toolbar-icons/line.png"),
+    active: require("../assets/toolbar-icons/line-enabled.png")
+  }
+}, {
+  type: "arrow",
+  label: "Arrow",
+  icons: {
+    default: require("../assets/toolbar-icons/arrow.png"),
+    active: require("../assets/toolbar-icons/arrow-enabled.png")
+  }
+}, {
+  type: "rectangle",
+  label: "Rect",
+  icons: {
+    default: require("../assets/toolbar-icons/rectangle.png"),
+    active: require("../assets/toolbar-icons/rectangle-enabled.png")
+  }
+}, {
+  type: "circle",
+  label: "Circle",
+  icons: {
+    default: require("../assets/toolbar-icons/circle.png"),
+    active: require("../assets/toolbar-icons/circle-enabled.png")
+  }
+}, {
+  type: "polygon",
+  label: "Polygon",
+  icons: {
+    default: require("../assets/toolbar-icons/polygon.png"),
+    active: require("../assets/toolbar-icons/polygon-enabled.png")
+  }
+}, {
+  type: "measure",
+  label: "Measure",
+  icons: {
+    default: require("../assets/toolbar-icons/measure.png"),
+    active: require("../assets/toolbar-icons/measure-enabled.png")
+  }
+}, {
+  type: "text",
+  label: "Text",
+  icons: {
+    default: require("../assets/toolbar-icons/text.png"),
+    active: require("../assets/toolbar-icons/text-enabled.png")
+  }
+}];
+const FULL_TOOLBAR_WIDTH = TOOLS.length * BUTTON_SIZE + BUTTON_SIZE * 2 +
+// undo + reset
+BUTTON_GAP * (TOOLS.length + 1) + TOOLBAR_HORIZONTAL_PADDING * 2;
+export const Toolbar = /*#__PURE__*/React.memo(function Toolbar({
+  currentTool,
+  onSelectTool,
+  onUndo,
+  canUndo,
+  isZoomed,
+  onResetZoom
+}) {
+  const {
+    width
+  } = useWindowDimensions();
+  const availableWidth = Math.max(width - 24, BUTTON_SIZE * 4);
+  const shellWidth = Math.min(availableWidth, 560);
+  const shouldCenterContent = shellWidth >= FULL_TOOLBAR_WIDTH;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(View, {
+      style: [styles.shell, {
+        width: shellWidth
+      }],
+      children: /*#__PURE__*/_jsxs(ScrollView, {
+        horizontal: true,
+        bounces: false,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: [styles.scrollContent, shouldCenterContent && styles.scrollContentCentered],
+        children: [TOOLS.map(tool => /*#__PURE__*/_jsx(ToolButton, {
+          tool: tool,
+          isActive: currentTool === tool.type,
+          onPress: onSelectTool
+        }, tool.type)), /*#__PURE__*/_jsx(TouchableOpacity, {
+          accessibilityLabel: "Undo",
+          style: [styles.button, !canUndo && styles.buttonDisabled],
+          onPress: onUndo,
+          disabled: !canUndo,
+          activeOpacity: 0.7,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.undoIcon, !canUndo && styles.iconDisabled],
+            children: "\u21A9"
+          })
+        }), isZoomed && /*#__PURE__*/_jsx(TouchableOpacity, {
+          accessibilityLabel: "Reset zoom",
+          style: styles.button,
+          onPress: onResetZoom,
+          activeOpacity: 0.7,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.undoIcon,
+            children: "\u2299"
+          })
+        })]
+      })
+    })
+  });
+});
+const ToolButton = /*#__PURE__*/React.memo(function ToolButton({
+  tool,
+  isActive,
+  onPress
+}) {
+  const handlePress = useCallback(() => {
+    onPress(tool.type);
+  }, [onPress, tool.type]);
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    accessibilityLabel: tool.label,
+    style: styles.button,
+    onPress: handlePress,
+    activeOpacity: 0.7,
+    children: /*#__PURE__*/_jsx(Image, {
+      source: isActive ? tool.icons.active : tool.icons.default,
+      style: [styles.iconImage, isActive && styles.iconImageActive],
+      resizeMode: "contain"
+    })
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    width: "100%",
+    alignItems: "center",
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  shell: {
+    backgroundColor: "rgba(0, 0, 0, 0.88)",
+    borderRadius: 18,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: "rgba(255, 255, 255, 0.16)"
+  },
+  scrollContent: {
+    alignItems: "center",
+    flexGrow: 1,
+    paddingHorizontal: TOOLBAR_HORIZONTAL_PADDING,
+    paddingVertical: 10,
+    gap: BUTTON_GAP
+  },
+  scrollContentCentered: {
+    justifyContent: "center"
+  },
+  button: {
+    width: BUTTON_SIZE,
+    height: BUTTON_SIZE,
+    borderRadius: BUTTON_SIZE / 2,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "transparent"
+  },
+  buttonDisabled: {
+    opacity: 0.4
+  },
+  iconImage: {
+    width: 26,
+    height: 26
+  },
+  iconImageActive: {
+    width: 36,
+    height: 36
+  },
+  iconDisabled: {
+    color: "#666666"
+  },
+  undoIcon: {
+    fontSize: 24,
+    lineHeight: 24,
+    color: "#FFFFFF"
+  }
+});
+//# sourceMappingURL=Toolbar.js.map

package/lib/module/components/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","View","TouchableOpacity","ScrollView","StyleSheet","Text","Image","useWindowDimensions","jsx","_jsx","jsxs","_jsxs","BUTTON_SIZE","BUTTON_GAP","TOOLBAR_HORIZONTAL_PADDING","TOOLS","type","label","icons","default","require","active","FULL_TOOLBAR_WIDTH","length","Toolbar","memo","currentTool","onSelectTool","onUndo","canUndo","isZoomed","onResetZoom","width","availableWidth","Math","max","shellWidth","min","shouldCenterContent","style","styles","container","children","shell","horizontal","bounces","showsHorizontalScrollIndicator","contentContainerStyle","scrollContent","scrollContentCentered","map","tool","ToolButton","isActive","onPress","accessibilityLabel","button","buttonDisabled","disabled","activeOpacity","undoIcon","iconDisabled","handlePress","source","iconImage","iconImageActive","resizeMode","create","alignItems","paddingHorizontal","paddingVertical","backgroundColor","borderRadius","borderWidth","hairlineWidth","borderColor","flexGrow","gap","justifyContent","height","opacity","color","fontSize","lineHeight"],"sourceRoot":"../../../src","sources":["components/Toolbar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ZoomBadge.js

@@ -0,0 +1,155 @@
+"use strict";
+
+import React from "react";
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import Animated, { useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedTouchable = Animated.createAnimatedComponent(TouchableOpacity);
+const HINT_DURATION = 3000;
+const FADE_DURATION = 400;
+export const ZoomBadge = /*#__PURE__*/React.memo(function ZoomBadge({
+  scale,
+  onPress
+}) {
+  const isZoomed = useDerivedValue(() => scale.value > 1.02);
+  const [hintExpired, setHintExpired] = React.useState(false);
+  const [mounted, setMounted] = React.useState(true);
+  const [zoomed, setZoomed] = React.useState(false);
+
+  // Start fade-out after HINT_DURATION, then unmount after animation
+  React.useEffect(() => {
+    const fadeTimer = setTimeout(() => setHintExpired(true), HINT_DURATION);
+    const unmountTimer = setTimeout(() => setMounted(false), HINT_DURATION + FADE_DURATION);
+    return () => {
+      clearTimeout(fadeTimer);
+      clearTimeout(unmountTimer);
+    };
+  }, []);
+
+  // Track zoom state on JS thread
+  React.useEffect(() => {
+    const id = setInterval(() => {
+      setZoomed(isZoomed.value);
+    }, 100);
+    return () => clearInterval(id);
+  }, [isZoomed]);
+  const animatedStyle = useAnimatedStyle(() => {
+    const show = isZoomed.value || !hintExpired;
+    return {
+      opacity: withTiming(show ? 1 : 0, {
+        duration: FADE_DURATION
+      }),
+      transform: [{
+        scale: withTiming(show ? 1 : 0.85, {
+          duration: FADE_DURATION
+        })
+      }]
+    };
+  }, [hintExpired]);
+  const zoomText = useDerivedValue(() => {
+    const s = Math.round(scale.value * 10) / 10;
+    return `${s}x`;
+  });
+
+  // Keep mounted while hint is visible OR zoomed
+  if (!mounted && !zoomed) return null;
+  return /*#__PURE__*/_jsx(AnimatedTouchable, {
+    style: [styles.badge, animatedStyle],
+    onPress: onPress,
+    activeOpacity: 0.7,
+    children: zoomed ? /*#__PURE__*/_jsx(ZoomLabel, {
+      zoomText: zoomText
+    }) : /*#__PURE__*/_jsxs(View, {
+      style: styles.iconRow,
+      children: [/*#__PURE__*/_jsx(MagnifyIcon, {}), /*#__PURE__*/_jsx(Text, {
+        style: styles.hintText,
+        children: "Pinch to zoom"
+      })]
+    })
+  });
+});
+function ZoomLabel({
+  zoomText
+}) {
+  const [text, setText] = React.useState("1x");
+  React.useEffect(() => {
+    const id = setInterval(() => {
+      const val = zoomText.value;
+      setText(prev => prev !== val ? val : prev);
+    }, 100);
+    return () => clearInterval(id);
+  }, [zoomText]);
+  return /*#__PURE__*/_jsx(Text, {
+    style: styles.text,
+    children: text
+  });
+}
+function MagnifyIcon() {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.magnifyIcon,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.lens
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.handle
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  badge: {
+    position: "absolute",
+    top: 12,
+    alignSelf: "center",
+    backgroundColor: "rgba(0, 0, 0, 0.55)",
+    borderRadius: 14,
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderColor: "rgba(255, 255, 255, 0.25)",
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  text: {
+    color: "#FFFFFF",
+    fontSize: 13,
+    fontWeight: "600",
+    fontVariant: ["tabular-nums"]
+  },
+  iconRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 5
+  },
+  hintText: {
+    color: "rgba(255, 255, 255, 0.9)",
+    fontSize: 12,
+    fontWeight: "500"
+  },
+  magnifyIcon: {
+    width: 14,
+    height: 14,
+    position: "relative"
+  },
+  lens: {
+    width: 9,
+    height: 9,
+    borderRadius: 5,
+    borderWidth: 1.5,
+    borderColor: "#FFFFFF",
+    position: "absolute",
+    top: 0,
+    left: 0
+  },
+  handle: {
+    width: 5,
+    height: 1.5,
+    backgroundColor: "#FFFFFF",
+    borderRadius: 1,
+    position: "absolute",
+    bottom: 1.5,
+    right: 0,
+    transform: [{
+      rotate: "45deg"
+    }]
+  }
+});
+//# sourceMappingURL=ZoomBadge.js.map

package/lib/module/components/ZoomBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","Animated","useAnimatedStyle","useDerivedValue","withTiming","jsx","_jsx","jsxs","_jsxs","AnimatedTouchable","createAnimatedComponent","HINT_DURATION","FADE_DURATION","ZoomBadge","memo","scale","onPress","isZoomed","value","hintExpired","setHintExpired","useState","mounted","setMounted","zoomed","setZoomed","useEffect","fadeTimer","setTimeout","unmountTimer","clearTimeout","id","setInterval","clearInterval","animatedStyle","show","opacity","duration","transform","zoomText","s","Math","round","style","styles","badge","activeOpacity","children","ZoomLabel","iconRow","MagnifyIcon","hintText","text","setText","val","prev","magnifyIcon","lens","handle","create","position","top","alignSelf","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","borderWidth","hairlineWidth","borderColor","flexDirection","alignItems","color","fontSize","fontWeight","fontVariant","gap","width","height","left","bottom","right","rotate"],"sourceRoot":"../../../src","sources":["components/ZoomBadge.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/useFreehandGesture.js

@@ -0,0 +1,169 @@
+"use strict";
+
+import { useCallback } from "react";
+import { Gesture } from "react-native-gesture-handler";
+import { useSharedValue, useDerivedValue, runOnJS } from "react-native-reanimated";
+import { Skia } from "@shopify/react-native-skia";
+import { buildSmoothedPathFromFlat } from "../utils/smoothing";
+import { normalize, screenToCanvas } from "../utils/coordinates";
+import { generateId } from "../utils/serialization";
+import { detectShape } from "../utils/shapeDetection";
+import { useDrawingStore } from "../store/useDrawingStore";
+const MIN_GESTURE_DURATION_MS = 300;
+const MIN_GESTURE_DISTANCE = 5;
+export function useFreehandGesture({
+  colorSV,
+  lineWidthSV,
+  fillColorSV,
+  fillAlphaSV,
+  canvasSize,
+  enabled,
+  imageOffsetX,
+  imageOffsetY,
+  imageWidth,
+  imageHeight,
+  viewScale,
+  viewTranslateX,
+  viewTranslateY
+}) {
+  const rawPoints = useSharedValue([]);
+  const isDrawing = useSharedValue(false);
+  const gestureStartTime = useSharedValue(0);
+  const gestureStartPos = useSharedValue([0, 0]);
+  const addObject = useDrawingStore(s => s.addObject);
+
+  // Build the path in the Skia worklet on every points update
+  const inProgressPath = useDerivedValue(() => {
+    if (!isDrawing.value) return null;
+    const svg = buildSmoothedPathFromFlat(rawPoints.value);
+    if (!svg) return null;
+    const path = Skia.Path.MakeFromSVGString(svg);
+    return path;
+  });
+  const inProgressColor = useDerivedValue(() => colorSV.value);
+  const inProgressWidth = useDerivedValue(() => lineWidthSV.value);
+  const commitPath = useCallback((flatPoints, durationMs, color, lineWidth, fillColor, fillAlpha) => {
+    const n = flatPoints.length / 2;
+    if (n < 2) return;
+
+    // Convert flat array to Point[]
+    const pixelPoints = [];
+    for (let i = 0; i < n; i++) {
+      pixelPoints.push({
+        x: flatPoints[i * 2],
+        y: flatPoints[i * 2 + 1]
+      });
+    }
+
+    // Try auto shape detection
+    const detected = detectShape(pixelPoints, durationMs);
+    let obj;
+    if (detected) {
+      const from = normalize(detected.from, canvasSize);
+      const to = normalize(detected.to, canvasSize);
+      switch (detected.type) {
+        case "circle":
+          obj = {
+            id: generateId(),
+            type: "circle",
+            from,
+            to,
+            color,
+            lineWidth,
+            backgroundColor: fillColor ?? undefined,
+            backgroundAlpha: fillColor ? fillAlpha : undefined
+          };
+          break;
+        case "rectangle":
+          obj = {
+            id: generateId(),
+            type: "rectangle",
+            from,
+            to,
+            color,
+            lineWidth,
+            backgroundColor: fillColor ?? undefined,
+            backgroundAlpha: fillColor ? fillAlpha : undefined
+          };
+          break;
+        case "line":
+          obj = {
+            id: generateId(),
+            type: "line",
+            from,
+            to,
+            color,
+            lineWidth
+          };
+          break;
+      }
+    } else {
+      // Store as freehand with normalized points
+      const normalizedPoints = pixelPoints.map(p => normalize(p, canvasSize));
+      obj = {
+        id: generateId(),
+        type: "freehand",
+        points: normalizedPoints,
+        color,
+        lineWidth
+      };
+    }
+    addObject(obj);
+  }, [canvasSize, addObject]);
+  const gesture = Gesture.Pan().enabled(enabled).maxPointers(1).minDistance(0).onBegin(e => {
+    "worklet";
+
+    const canvas = screenToCanvas(e.x, e.y, viewScale.value, viewTranslateX.value, viewTranslateY.value);
+    const x = Math.max(0, Math.min(imageWidth.value, canvas.x - imageOffsetX.value));
+    const y = Math.max(0, Math.min(imageHeight.value, canvas.y - imageOffsetY.value));
+    isDrawing.value = true;
+    gestureStartTime.value = Date.now();
+    gestureStartPos.value = [x, y];
+    rawPoints.value = [x, y];
+  }).onUpdate(e => {
+    "worklet";
+
+    const canvas = screenToCanvas(e.x, e.y, viewScale.value, viewTranslateX.value, viewTranslateY.value);
+    const x = Math.max(0, Math.min(imageWidth.value, canvas.x - imageOffsetX.value));
+    const y = Math.max(0, Math.min(imageHeight.value, canvas.y - imageOffsetY.value));
+    // Append new point
+    rawPoints.value = [...rawPoints.value, x, y];
+  }).onEnd(e => {
+    "worklet";
+
+    const canvas = screenToCanvas(e.x, e.y, viewScale.value, viewTranslateX.value, viewTranslateY.value);
+    const x = Math.max(0, Math.min(imageWidth.value, canvas.x - imageOffsetX.value));
+    const y = Math.max(0, Math.min(imageHeight.value, canvas.y - imageOffsetY.value));
+    const duration = Date.now() - gestureStartTime.value;
+    const [sx, sy] = gestureStartPos.value;
+    const dist = Math.sqrt((x - sx) ** 2 + (y - sy) ** 2);
+
+    // Cancel accidental taps (< 300ms and < 5px movement)
+    if (duration < MIN_GESTURE_DURATION_MS && dist < MIN_GESTURE_DISTANCE) {
+      isDrawing.value = false;
+      rawPoints.value = [];
+      return;
+    }
+    const pts = rawPoints.value;
+    const color = colorSV.value;
+    const lw = lineWidthSV.value;
+    const fc = fillColorSV.value;
+    const fa = fillAlphaSV.value;
+    isDrawing.value = false;
+    rawPoints.value = [];
+    runOnJS(commitPath)(pts, duration, color, lw, fc, fa);
+  }).onFinalize(() => {
+    "worklet";
+
+    isDrawing.value = false;
+    rawPoints.value = [];
+  });
+  return {
+    gesture,
+    inProgressPath,
+    inProgressColor,
+    inProgressWidth,
+    isDrawing
+  };
+}
+//# sourceMappingURL=useFreehandGesture.js.map