@archireport/react-native-drawing 0.2.0

package/lib/commonjs/hooks/useShapeGesture.js

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useShapeGesture = useShapeGesture;
+var _react = require("react");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _coordinates = require("../utils/coordinates");
+var _serialization = require("../utils/serialization");
+var _useDrawingStore = require("../store/useDrawingStore");
+const MIN_GESTURE_DURATION_MS = 300;
+const MIN_GESTURE_DISTANCE = 5;
+function useShapeGesture({
+  shapeType,
+  colorSV,
+  lineWidthSV,
+  fillColorSV,
+  fillAlphaSV,
+  canvasSize,
+  enabled,
+  imageOffsetX,
+  imageOffsetY,
+  imageWidth,
+  imageHeight,
+  viewScale,
+  viewTranslateX,
+  viewTranslateY,
+  onMeasureCreated
+}) {
+  // Shared values for the in-progress shape (pixel coords)
+  const startX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const startY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const currentX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const currentY = (0, _reactNativeReanimated.useSharedValue)(0);
+  const isDrawing = (0, _reactNativeReanimated.useSharedValue)(false);
+  const gestureStartTime = (0, _reactNativeReanimated.useSharedValue)(0);
+  const addObject = (0, _useDrawingStore.useDrawingStore)(s => s.addObject);
+  const inProgressColor = (0, _reactNativeReanimated.useDerivedValue)(() => colorSV.value);
+  const inProgressWidth = (0, _reactNativeReanimated.useDerivedValue)(() => lineWidthSV.value);
+  const inProgressFillColor = (0, _reactNativeReanimated.useDerivedValue)(() => fillColorSV.value);
+  const inProgressFillAlpha = (0, _reactNativeReanimated.useDerivedValue)(() => fillAlphaSV.value);
+  const commitShape = (0, _react.useCallback)((sx, sy, ex, ey, color, lineWidth, fillColor, fillAlpha) => {
+    const from = (0, _coordinates.normalize)({
+      x: sx,
+      y: sy
+    }, canvasSize);
+    const to = (0, _coordinates.normalize)({
+      x: ex,
+      y: ey
+    }, canvasSize);
+    let obj;
+    switch (shapeType) {
+      case "line":
+        obj = {
+          id: (0, _serialization.generateId)(),
+          type: "line",
+          from,
+          to,
+          color,
+          lineWidth
+        };
+        break;
+      case "arrow":
+        obj = {
+          id: (0, _serialization.generateId)(),
+          type: "arrow",
+          from,
+          to,
+          color,
+          lineWidth
+        };
+        break;
+      case "rectangle":
+        obj = {
+          id: (0, _serialization.generateId)(),
+          type: "rectangle",
+          from,
+          to,
+          color,
+          lineWidth,
+          backgroundColor: fillColor ?? undefined,
+          backgroundAlpha: fillColor ? fillAlpha : undefined
+        };
+        break;
+      case "circle":
+        obj = {
+          id: (0, _serialization.generateId)(),
+          type: "circle",
+          from,
+          to,
+          color,
+          lineWidth,
+          backgroundColor: fillColor ?? undefined,
+          backgroundAlpha: fillColor ? fillAlpha : undefined
+        };
+        break;
+      case "measure":
+        {
+          const measureId = (0, _serialization.generateId)();
+          obj = {
+            id: measureId,
+            type: "measure",
+            from,
+            to,
+            color,
+            lineWidth,
+            text: "",
+            unit: "cm",
+            measureStyle: 0
+          };
+          break;
+        }
+    }
+    addObject(obj);
+    if (shapeType === "measure" && onMeasureCreated) {
+      onMeasureCreated(obj.id);
+    }
+  }, [canvasSize, shapeType, addObject, onMeasureCreated]);
+  const gesture = _reactNativeGestureHandler.Gesture.Pan().enabled(enabled).maxPointers(1).minDistance(0).onBegin(e => {
+    "worklet";
+
+    const canvas = (0, _coordinates.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();
+    startX.value = x;
+    startY.value = y;
+    currentX.value = x;
+    currentY.value = y;
+  }).onUpdate(e => {
+    "worklet";
+
+    const canvas = (0, _coordinates.screenToCanvas)(e.x, e.y, viewScale.value, viewTranslateX.value, viewTranslateY.value);
+    currentX.value = Math.max(0, Math.min(imageWidth.value, canvas.x - imageOffsetX.value));
+    currentY.value = Math.max(0, Math.min(imageHeight.value, canvas.y - imageOffsetY.value));
+  }).onEnd(e => {
+    "worklet";
+
+    const canvas = (0, _coordinates.screenToCanvas)(e.x, e.y, viewScale.value, viewTranslateX.value, viewTranslateY.value);
+    const clampedX = Math.max(0, Math.min(imageWidth.value, canvas.x - imageOffsetX.value));
+    const clampedY = Math.max(0, Math.min(imageHeight.value, canvas.y - imageOffsetY.value));
+    const duration = Date.now() - gestureStartTime.value;
+    const dx = clampedX - startX.value;
+    const dy = clampedY - startY.value;
+    const dist = Math.sqrt(dx * dx + dy * dy);
+    if (duration < MIN_GESTURE_DURATION_MS && dist < MIN_GESTURE_DISTANCE) {
+      isDrawing.value = false;
+      return;
+    }
+    const sx = startX.value;
+    const sy = startY.value;
+    const ex = currentX.value;
+    const ey = currentY.value;
+    const color = colorSV.value;
+    const lw = lineWidthSV.value;
+    const fc = fillColorSV.value;
+    const fa = fillAlphaSV.value;
+    isDrawing.value = false;
+    (0, _reactNativeReanimated.runOnJS)(commitShape)(sx, sy, ex, ey, color, lw, fc, fa);
+  }).onFinalize(() => {
+    "worklet";
+
+    isDrawing.value = false;
+  });
+  return {
+    gesture,
+    startX,
+    startY,
+    currentX,
+    currentY,
+    isDrawing,
+    inProgressColor,
+    inProgressWidth,
+    inProgressFillColor,
+    inProgressFillAlpha
+  };
+}
+//# sourceMappingURL=useShapeGesture.js.map

package/lib/commonjs/hooks/useShapeGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeGestureHandler","_reactNativeReanimated","_coordinates","_serialization","_useDrawingStore","MIN_GESTURE_DURATION_MS","MIN_GESTURE_DISTANCE","useShapeGesture","shapeType","colorSV","lineWidthSV","fillColorSV","fillAlphaSV","canvasSize","enabled","imageOffsetX","imageOffsetY","imageWidth","imageHeight","viewScale","viewTranslateX","viewTranslateY","onMeasureCreated","startX","useSharedValue","startY","currentX","currentY","isDrawing","gestureStartTime","addObject","useDrawingStore","s","inProgressColor","useDerivedValue","value","inProgressWidth","inProgressFillColor","inProgressFillAlpha","commitShape","useCallback","sx","sy","ex","ey","color","lineWidth","fillColor","fillAlpha","from","normalize","x","y","to","obj","id","generateId","type","backgroundColor","undefined","backgroundAlpha","measureId","text","unit","measureStyle","gesture","Gesture","Pan","maxPointers","minDistance","onBegin","e","canvas","screenToCanvas","Math","max","min","Date","now","onUpdate","onEnd","clampedX","clampedY","duration","dx","dy","dist","sqrt","lw","fc","fa","runOnJS","onFinalize"],"sourceRoot":"../../../src","sources":["hooks/useShapeGesture.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAMA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAEA,MAAMM,uBAAuB,GAAG,GAAG;AACnC,MAAMC,oBAAoB,GAAG,CAAC;AAoBvB,SAASC,eAAeA,CAAC;EAC9BC,SAAS;EACTC,OAAO;EACPC,WAAW;EACXC,WAAW;EACXC,WAAW;EACXC,UAAU;EACVC,OAAO;EACPC,YAAY;EACZC,YAAY;EACZC,UAAU;EACVC,WAAW;EACXC,SAAS;EACTC,cAAc;EACdC,cAAc;EACdC;AACsB,CAAC,EAAE;EACzB;EACA,MAAMC,MAAM,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAChC,MAAMC,MAAM,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EAChC,MAAME,QAAQ,GAAG,IAAAF,qCAAc,EAAC,CAAC,CAAC;EAClC,MAAMG,QAAQ,GAAG,IAAAH,qCAAc,EAAC,CAAC,CAAC;EAClC,MAAMI,SAAS,GAAG,IAAAJ,qCAAc,EAAC,KAAK,CAAC;EACvC,MAAMK,gBAAgB,GAAG,IAAAL,qCAAc,EAAC,CAAC,CAAC;EAE1C,MAAMM,SAAS,GAAG,IAAAC,gCAAe,EAAEC,CAAC,IAAKA,CAAC,CAACF,SAAS,CAAC;EAErD,MAAMG,eAAe,GAAG,IAAAC,sCAAe,EAAC,MAAMzB,OAAO,CAAC0B,KAAK,CAAC;EAC5D,MAAMC,eAAe,GAAG,IAAAF,sCAAe,EAAC,MAAMxB,WAAW,CAACyB,KAAK,CAAC;EAChE,MAAME,mBAAmB,GAAG,IAAAH,sCAAe,EAAC,MAAMvB,WAAW,CAACwB,KAAK,CAAC;EACpE,MAAMG,mBAAmB,GAAG,IAAAJ,sCAAe,EAAC,MAAMtB,WAAW,CAACuB,KAAK,CAAC;EAEpE,MAAMI,WAAW,GAAG,IAAAC,kBAAW,EAC7B,CACEC,EAAU,EACVC,EAAU,EACVC,EAAU,EACVC,EAAU,EACVC,KAAa,EACbC,SAAiB,EACjBC,SAAwB,EACxBC,SAAiB,KACd;IACH,MAAMC,IAAI,GAAG,IAAAC,sBAAS,EAAC;MAAEC,CAAC,EAAEV,EAAE;MAAEW,CAAC,EAAEV;IAAG,CAAC,EAAE7B,UAAU,CAAC;IACpD,MAAMwC,EAAE,GAAG,IAAAH,sBAAS,EAAC;MAAEC,CAAC,EAAER,EAAE;MAAES,CAAC,EAAER;IAAG,CAAC,EAAE/B,UAAU,CAAC;IAElD,IAAIyC,GAAkB;IAEtB,QAAQ9C,SAAS;MACf,KAAK,MAAM;QACT8C,GAAG,GAAG;UACJC,EAAE,EAAE,IAAAC,yBAAU,EAAC,CAAC;UAChBC,IAAI,EAAE,MAAM;UACZR,IAAI;UACJI,EAAE;UACFR,KAAK;UACLC;QACF,CAAC;QACD;MACF,KAAK,OAAO;QACVQ,GAAG,GAAG;UACJC,EAAE,EAAE,IAAAC,yBAAU,EAAC,CAAC;UAChBC,IAAI,EAAE,OAAO;UACbR,IAAI;UACJI,EAAE;UACFR,KAAK;UACLC;QACF,CAAC;QACD;MACF,KAAK,WAAW;QACdQ,GAAG,GAAG;UACJC,EAAE,EAAE,IAAAC,yBAAU,EAAC,CAAC;UAChBC,IAAI,EAAE,WAAW;UACjBR,IAAI;UACJI,EAAE;UACFR,KAAK;UACLC,SAAS;UACTY,eAAe,EAAEX,SAAS,IAAIY,SAAS;UACvCC,eAAe,EAAEb,SAAS,GAAGC,SAAS,GAAGW;QAC3C,CAAC;QACD;MACF,KAAK,QAAQ;QACXL,GAAG,GAAG;UACJC,EAAE,EAAE,IAAAC,yBAAU,EAAC,CAAC;UAChBC,IAAI,EAAE,QAAQ;UACdR,IAAI;UACJI,EAAE;UACFR,KAAK;UACLC,SAAS;UACTY,eAAe,EAAEX,SAAS,IAAIY,SAAS;UACvCC,eAAe,EAAEb,SAAS,GAAGC,SAAS,GAAGW;QAC3C,CAAC;QACD;MACF,KAAK,SAAS;QAAE;UACd,MAAME,SAAS,GAAG,IAAAL,yBAAU,EAAC,CAAC;UAC9BF,GAAG,GAAG;YACJC,EAAE,EAAEM,SAAS;YACbJ,IAAI,EAAE,SAAS;YACfR,IAAI;YACJI,EAAE;YACFR,KAAK;YACLC,SAAS;YACTgB,IAAI,EAAE,EAAE;YACRC,IAAI,EAAE,IAAI;YACVC,YAAY,EAAE;UAChB,CAAC;UACD;QACF;IACF;IAEAlC,SAAS,CAACwB,GAAG,CAAC;IAEd,IAAI9C,SAAS,KAAK,SAAS,IAAIc,gBAAgB,EAAE;MAC/CA,gBAAgB,CAACgC,GAAG,CAACC,EAAE,CAAC;IAC1B;EACF,CAAC,EACD,CAAC1C,UAAU,EAAEL,SAAS,EAAEsB,SAAS,EAAER,gBAAgB,CACrD,CAAC;EAED,MAAM2C,OAAO,GAAGC,kCAAO,CAACC,GAAG,CAAC,CAAC,CAC1BrD,OAAO,CAACA,OAAO,CAAC,CAChBsD,WAAW,CAAC,CAAC,CAAC,CACdC,WAAW,CAAC,CAAC,CAAC,CACdC,OAAO,CAAEC,CAAC,IAAK;IACd,SAAS;;IACT,MAAMC,MAAM,GAAG,IAAAC,2BAAc,EAC3BF,CAAC,CAACpB,CAAC,EACHoB,CAAC,CAACnB,CAAC,EACHjC,SAAS,CAACgB,KAAK,EACff,cAAc,CAACe,KAAK,EACpBd,cAAc,CAACc,KACjB,CAAC;IACD,MAAMgB,CAAC,GAAGuB,IAAI,CAACC,GAAG,CAChB,CAAC,EACDD,IAAI,CAACE,GAAG,CAAC3D,UAAU,CAACkB,KAAK,EAAEqC,MAAM,CAACrB,CAAC,GAAGpC,YAAY,CAACoB,KAAK,CAC1D,CAAC;IACD,MAAMiB,CAAC,GAAGsB,IAAI,CAACC,GAAG,CAChB,CAAC,EACDD,IAAI,CAACE,GAAG,CAAC1D,WAAW,CAACiB,KAAK,EAAEqC,MAAM,CAACpB,CAAC,GAAGpC,YAAY,CAACmB,KAAK,CAC3D,CAAC;IACDP,SAAS,CAACO,KAAK,GAAG,IAAI;IACtBN,gBAAgB,CAACM,KAAK,GAAG0C,IAAI,CAACC,GAAG,CAAC,CAAC;IACnCvD,MAAM,CAACY,KAAK,GAAGgB,CAAC;IAChB1B,MAAM,CAACU,KAAK,GAAGiB,CAAC;IAChB1B,QAAQ,CAACS,KAAK,GAAGgB,CAAC;IAClBxB,QAAQ,CAACQ,KAAK,GAAGiB,CAAC;EACpB,CAAC,CAAC,CACD2B,QAAQ,CAAER,CAAC,IAAK;IACf,SAAS;;IACT,MAAMC,MAAM,GAAG,IAAAC,2BAAc,EAC3BF,CAAC,CAACpB,CAAC,EACHoB,CAAC,CAACnB,CAAC,EACHjC,SAAS,CAACgB,KAAK,EACff,cAAc,CAACe,KAAK,EACpBd,cAAc,CAACc,KACjB,CAAC;IACDT,QAAQ,CAACS,KAAK,GAAGuC,IAAI,CAACC,GAAG,CACvB,CAAC,EACDD,IAAI,CAACE,GAAG,CAAC3D,UAAU,CAACkB,KAAK,EAAEqC,MAAM,CAACrB,CAAC,GAAGpC,YAAY,CAACoB,KAAK,CAC1D,CAAC;IACDR,QAAQ,CAACQ,KAAK,GAAGuC,IAAI,CAACC,GAAG,CACvB,CAAC,EACDD,IAAI,CAACE,GAAG,CAAC1D,WAAW,CAACiB,KAAK,EAAEqC,MAAM,CAACpB,CAAC,GAAGpC,YAAY,CAACmB,KAAK,CAC3D,CAAC;EACH,CAAC,CAAC,CACD6C,KAAK,CAAET,CAAC,IAAK;IACZ,SAAS;;IACT,MAAMC,MAAM,GAAG,IAAAC,2BAAc,EAC3BF,CAAC,CAACpB,CAAC,EACHoB,CAAC,CAACnB,CAAC,EACHjC,SAAS,CAACgB,KAAK,EACff,cAAc,CAACe,KAAK,EACpBd,cAAc,CAACc,KACjB,CAAC;IACD,MAAM8C,QAAQ,GAAGP,IAAI,CAACC,GAAG,CACvB,CAAC,EACDD,IAAI,CAACE,GAAG,CAAC3D,UAAU,CAACkB,KAAK,EAAEqC,MAAM,CAACrB,CAAC,GAAGpC,YAAY,CAACoB,KAAK,CAC1D,CAAC;IACD,MAAM+C,QAAQ,GAAGR,IAAI,CAACC,GAAG,CACvB,CAAC,EACDD,IAAI,CAACE,GAAG,CAAC1D,WAAW,CAACiB,KAAK,EAAEqC,MAAM,CAACpB,CAAC,GAAGpC,YAAY,CAACmB,KAAK,CAC3D,CAAC;IACD,MAAMgD,QAAQ,GAAGN,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGjD,gBAAgB,CAACM,KAAK;IACpD,MAAMiD,EAAE,GAAGH,QAAQ,GAAG1D,MAAM,CAACY,KAAK;IAClC,MAAMkD,EAAE,GAAGH,QAAQ,GAAGzD,MAAM,CAACU,KAAK;IAClC,MAAMmD,IAAI,GAAGZ,IAAI,CAACa,IAAI,CAACH,EAAE,GAAGA,EAAE,GAAGC,EAAE,GAAGA,EAAE,CAAC;IAEzC,IAAIF,QAAQ,GAAG9E,uBAAuB,IAAIiF,IAAI,GAAGhF,oBAAoB,EAAE;MACrEsB,SAAS,CAACO,KAAK,GAAG,KAAK;MACvB;IACF;IAEA,MAAMM,EAAE,GAAGlB,MAAM,CAACY,KAAK;IACvB,MAAMO,EAAE,GAAGjB,MAAM,CAACU,KAAK;IACvB,MAAMQ,EAAE,GAAGjB,QAAQ,CAACS,KAAK;IACzB,MAAMS,EAAE,GAAGjB,QAAQ,CAACQ,KAAK;IACzB,MAAMU,KAAK,GAAGpC,OAAO,CAAC0B,KAAK;IAC3B,MAAMqD,EAAE,GAAG9E,WAAW,CAACyB,KAAK;IAC5B,MAAMsD,EAAE,GAAG9E,WAAW,CAACwB,KAAK;IAC5B,MAAMuD,EAAE,GAAG9E,WAAW,CAACuB,KAAK;IAE5BP,SAAS,CAACO,KAAK,GAAG,KAAK;IAEvB,IAAAwD,8BAAO,EAACpD,WAAW,CAAC,CAACE,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,KAAK,EAAE2C,EAAE,EAAEC,EAAE,EAAEC,EAAE,CAAC;EACzD,CAAC,CAAC,CACDE,UAAU,CAAC,MAAM;IAChB,SAAS;;IACThE,SAAS,CAACO,KAAK,GAAG,KAAK;EACzB,CAAC,CAAC;EAEJ,OAAO;IACL8B,OAAO;IACP1C,MAAM;IACNE,MAAM;IACNC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTK,eAAe;IACfG,eAAe;IACfC,mBAAmB;IACnBC;EACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/hooks/useViewportGesture.js

@@ -0,0 +1,238 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useViewportGesture = useViewportGesture;
+var _react = require("react");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
+const DEFAULT_MAX_ZOOM = 5;
+const RESET_DURATION = 250;
+function clampTranslate(tx, ty, scale, _layoutW, _layoutH, imgOffX, imgOffY, imgW, imgH) {
+  "worklet";
+
+  // The image occupies [imgOffX, imgOffY] to [imgOffX+imgW, imgOffY+imgH] in layout space.
+  // After zoom, the image spans imgW*scale in canvas coords, displayed from (imgOffX*scale + tx).
+  // We want the scaled image to cover its original area:
+  //   - Left edge of scaled image <= left edge of original area:  imgOffX*scale + tx <= imgOffX
+  //   - Right edge of scaled image >= right edge of original area: imgOffX*scale + tx + imgW*scale >= imgOffX + imgW
+  // Simplify:
+  //   tx <= imgOffX * (1 - scale)
+  //   tx >= (imgOffX + imgW) * (1 - scale) + (layoutW - imgOffX - imgW) ... no, let's think differently.
+  //
+  // Viewport model: the canvas is rendered with transform [translate(tx,ty), scale(s)] applied from origin.
+  // A point at canvas coords (cx, cy) maps to screen (cx*s + tx, cy*s + ty).
+  // Image starts at canvas (imgOffX, imgOffY) with size (imgW, imgH).
+  // On screen, image top-left = (imgOffX*s + tx, imgOffY*s + ty).
+  // On screen, image bottom-right = ((imgOffX+imgW)*s + tx, (imgOffY+imgH)*s + ty).
+  //
+  // Constraint: image should fill the original viewport area [imgOffX..imgOffX+imgW] x [imgOffY..imgOffY+imgH]:
+  //   imgOffX*s + tx <= imgOffX         =>  tx <= imgOffX*(1-s)
+  //   (imgOffX+imgW)*s + tx >= imgOffX+imgW  =>  tx >= (imgOffX+imgW)*(1-s)
+  //   same for Y.
+  const minTx = (imgOffX + imgW) * (1 - scale);
+  const maxTx = imgOffX * (1 - scale);
+  const minTy = (imgOffY + imgH) * (1 - scale);
+  const maxTy = imgOffY * (1 - scale);
+  const clampedTx = Math.min(maxTx, Math.max(minTx, tx));
+  const clampedTy = Math.min(maxTy, Math.max(minTy, ty));
+  return [clampedTx, clampedTy];
+}
+function useViewportGesture({
+  maxZoom = DEFAULT_MAX_ZOOM,
+  layoutWidth,
+  layoutHeight,
+  imageOffsetX,
+  imageOffsetY,
+  imageWidth,
+  imageHeight,
+  onPinchEnd
+}) {
+  const scale = (0, _reactNativeReanimated.useSharedValue)(1);
+  const translateX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const translateY = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // Saved state at gesture start
+  const savedScale = (0, _reactNativeReanimated.useSharedValue)(1);
+  const savedTranslateX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const savedTranslateY = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // Saved focal point at pinch start (for stable zoom center)
+  const savedFocalX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const savedFocalY = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // Flag to prevent 2-finger pan from interfering during pinch
+  const isPinching = (0, _reactNativeReanimated.useSharedValue)(false);
+
+  // ─── Pinch-to-zoom ──────────────────────────────────────────────────────
+  const pinchGesture = _reactNativeGestureHandler.Gesture.Pinch().onBegin(e => {
+    "worklet";
+
+    isPinching.value = true;
+    savedScale.value = scale.value;
+    savedTranslateX.value = translateX.value;
+    savedTranslateY.value = translateY.value;
+    savedFocalX.value = e.focalX;
+    savedFocalY.value = e.focalY;
+  }).onUpdate(e => {
+    "worklet";
+
+    const newScale = Math.min(maxZoom, Math.max(1, savedScale.value * e.scale));
+
+    // Canvas point under initial focal at gesture start:
+    const canvasFocalX = (savedFocalX.value - savedTranslateX.value) / savedScale.value;
+    const canvasFocalY = (savedFocalY.value - savedTranslateY.value) / savedScale.value;
+
+    // Pan delta from finger movement since gesture start:
+    const focalDeltaX = e.focalX - savedFocalX.value;
+    const focalDeltaY = e.focalY - savedFocalY.value;
+
+    // New translate: zoom around initial focal + follow finger pan
+    const newTx = savedFocalX.value - canvasFocalX * newScale + focalDeltaX;
+    const newTy = savedFocalY.value - canvasFocalY * newScale + focalDeltaY;
+    scale.value = newScale;
+    const [cx, cy] = clampTranslate(newTx, newTy, newScale, layoutWidth.value, layoutHeight.value, imageOffsetX.value, imageOffsetY.value, imageWidth.value, imageHeight.value);
+    translateX.value = cx;
+    translateY.value = cy;
+  }).onEnd(() => {
+    "worklet";
+
+    isPinching.value = false;
+    if (scale.value <= 1.05) {
+      // Snap back to 1x if close enough
+      scale.value = (0, _reactNativeReanimated.withTiming)(1, {
+        duration: RESET_DURATION
+      });
+      translateX.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: RESET_DURATION
+      });
+      translateY.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: RESET_DURATION
+      });
+    } else if (onPinchEnd) {
+      // Zoomed in — notify caller so it can deactivate the tool
+      (0, _reactNativeReanimated.runOnJS)(onPinchEnd)();
+    }
+  }).onFinalize(() => {
+    "worklet";
+
+    isPinching.value = false;
+  });
+
+  // ─── Two-finger pan (only when zoomed and NOT pinching) ─────────────────
+  const twoFingerPanGesture = _reactNativeGestureHandler.Gesture.Pan().minPointers(2).maxPointers(2).onBegin(() => {
+    "worklet";
+
+    savedTranslateX.value = translateX.value;
+    savedTranslateY.value = translateY.value;
+  }).onUpdate(e => {
+    "worklet";
+
+    // Skip if pinch is active — pinch handles its own panning
+    if (isPinching.value) return;
+    if (scale.value <= 1) return;
+    const newTx = savedTranslateX.value + e.translationX;
+    const newTy = savedTranslateY.value + e.translationY;
+    const [cx, cy] = clampTranslate(newTx, newTy, scale.value, layoutWidth.value, layoutHeight.value, imageOffsetX.value, imageOffsetY.value, imageWidth.value, imageHeight.value);
+    translateX.value = cx;
+    translateY.value = cy;
+  });
+
+  // ─── Single-finger pan (when zoomed with no active tool) ───────────────
+  const singleFingerPanGesture = _reactNativeGestureHandler.Gesture.Pan().minPointers(1).maxPointers(1).minDistance(5).onBegin(() => {
+    "worklet";
+
+    savedTranslateX.value = translateX.value;
+    savedTranslateY.value = translateY.value;
+  }).onUpdate(e => {
+    "worklet";
+
+    if (scale.value <= 1) return;
+    const newTx = savedTranslateX.value + e.translationX;
+    const newTy = savedTranslateY.value + e.translationY;
+    const [cx, cy] = clampTranslate(newTx, newTy, scale.value, layoutWidth.value, layoutHeight.value, imageOffsetX.value, imageOffsetY.value, imageWidth.value, imageHeight.value);
+    translateX.value = cx;
+    translateY.value = cy;
+  });
+
+  // ─── Double-tap two-finger reset ───────────────────────────────────────
+  const doubleTapResetGesture = _reactNativeGestureHandler.Gesture.Tap().numberOfTaps(2).minPointers(2).maxDuration(500).onEnd(() => {
+    "worklet";
+
+    scale.value = (0, _reactNativeReanimated.withTiming)(1, {
+      duration: RESET_DURATION
+    });
+    translateX.value = (0, _reactNativeReanimated.withTiming)(0, {
+      duration: RESET_DURATION
+    });
+    translateY.value = (0, _reactNativeReanimated.withTiming)(0, {
+      duration: RESET_DURATION
+    });
+  });
+
+  // ─── Programmatic reset ────────────────────────────────────────────────
+  const resetViewport = (0, _react.useCallback)(() => {
+    scale.value = (0, _reactNativeReanimated.withTiming)(1, {
+      duration: RESET_DURATION
+    });
+    translateX.value = (0, _reactNativeReanimated.withTiming)(0, {
+      duration: RESET_DURATION
+    });
+    translateY.value = (0, _reactNativeReanimated.withTiming)(0, {
+      duration: RESET_DURATION
+    });
+  }, [scale, translateX, translateY]);
+  const zoomAt = (0, _react.useCallback)((screenX, screenY, scaleFactor) => {
+    if (imageWidth.value <= 0 || imageHeight.value <= 0) return;
+    const previousScale = scale.value;
+    const nextScale = Math.min(maxZoom, Math.max(1, previousScale * scaleFactor));
+    if (Math.abs(nextScale - previousScale) < 0.001) return;
+    if (nextScale <= 1.05) {
+      scale.value = (0, _reactNativeReanimated.withTiming)(1, {
+        duration: RESET_DURATION
+      });
+      translateX.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: RESET_DURATION
+      });
+      translateY.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration: RESET_DURATION
+      });
+      return;
+    }
+    const canvasFocalX = (screenX - translateX.value) / previousScale;
+    const canvasFocalY = (screenY - translateY.value) / previousScale;
+    const nextTranslateX = screenX - canvasFocalX * nextScale;
+    const nextTranslateY = screenY - canvasFocalY * nextScale;
+    const [clampedX, clampedY] = clampTranslate(nextTranslateX, nextTranslateY, nextScale, layoutWidth.value, layoutHeight.value, imageOffsetX.value, imageOffsetY.value, imageWidth.value, imageHeight.value);
+    scale.value = nextScale;
+    translateX.value = clampedX;
+    translateY.value = clampedY;
+    if (previousScale <= 1.05 && onPinchEnd) {
+      onPinchEnd();
+    }
+  }, [maxZoom, onPinchEnd, scale, translateX, translateY, layoutWidth, layoutHeight, imageOffsetX, imageOffsetY, imageWidth, imageHeight]);
+
+  // ─── Programmatic pan (for minimap drag) ────────────────────────────────
+  const panViewport = (0, _react.useCallback)((dtx, dty) => {
+    const newTx = translateX.value + dtx;
+    const newTy = translateY.value + dty;
+    const [cx, cy] = clampTranslate(newTx, newTy, scale.value, layoutWidth.value, layoutHeight.value, imageOffsetX.value, imageOffsetY.value, imageWidth.value, imageHeight.value);
+    translateX.value = cx;
+    translateY.value = cy;
+  }, [scale, translateX, translateY, layoutWidth, layoutHeight, imageOffsetX, imageOffsetY, imageWidth, imageHeight]);
+  return {
+    pinchGesture,
+    twoFingerPanGesture,
+    singleFingerPanGesture,
+    doubleTapResetGesture,
+    scale,
+    translateX,
+    translateY,
+    isPinching,
+    resetViewport,
+    panViewport,
+    zoomAt
+  };
+}
+//# sourceMappingURL=useViewportGesture.js.map

package/lib/commonjs/hooks/useViewportGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeGestureHandler","_reactNativeReanimated","DEFAULT_MAX_ZOOM","RESET_DURATION","clampTranslate","tx","ty","scale","_layoutW","_layoutH","imgOffX","imgOffY","imgW","imgH","minTx","maxTx","minTy","maxTy","clampedTx","Math","min","max","clampedTy","useViewportGesture","maxZoom","layoutWidth","layoutHeight","imageOffsetX","imageOffsetY","imageWidth","imageHeight","onPinchEnd","useSharedValue","translateX","translateY","savedScale","savedTranslateX","savedTranslateY","savedFocalX","savedFocalY","isPinching","pinchGesture","Gesture","Pinch","onBegin","e","value","focalX","focalY","onUpdate","newScale","canvasFocalX","canvasFocalY","focalDeltaX","focalDeltaY","newTx","newTy","cx","cy","onEnd","withTiming","duration","runOnJS","onFinalize","twoFingerPanGesture","Pan","minPointers","maxPointers","translationX","translationY","singleFingerPanGesture","minDistance","doubleTapResetGesture","Tap","numberOfTaps","maxDuration","resetViewport","useCallback","zoomAt","screenX","screenY","scaleFactor","previousScale","nextScale","abs","nextTranslateX","nextTranslateY","clampedX","clampedY","panViewport","dtx","dty"],"sourceRoot":"../../../src","sources":["hooks/useViewportGesture.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ColorPalette", {
+  enumerable: true,
+  get: function () {
+    return _ColorPalette.ColorPalette;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_STROKE_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _colors.DEFAULT_STROKE_COLOR;
+  }
+});
+Object.defineProperty(exports, "DrawingEditor", {
+  enumerable: true,
+  get: function () {
+    return _DrawingEditor.DrawingEditor;
+  }
+});
+Object.defineProperty(exports, "LineWidthSlider", {
+  enumerable: true,
+  get: function () {
+    return _LineWidthSlider.LineWidthSlider;
+  }
+});
+Object.defineProperty(exports, "PRESET_COLORS", {
+  enumerable: true,
+  get: function () {
+    return _colors.PRESET_COLORS;
+  }
+});
+Object.defineProperty(exports, "Toolbar", {
+  enumerable: true,
+  get: function () {
+    return _Toolbar.Toolbar;
+  }
+});
+Object.defineProperty(exports, "denormalize", {
+  enumerable: true,
+  get: function () {
+    return _coordinates.denormalize;
+  }
+});
+Object.defineProperty(exports, "denormalizePoints", {
+  enumerable: true,
+  get: function () {
+    return _coordinates.denormalizePoints;
+  }
+});
+Object.defineProperty(exports, "deserializeObjects", {
+  enumerable: true,
+  get: function () {
+    return _serialization.deserializeObjects;
+  }
+});
+Object.defineProperty(exports, "generateId", {
+  enumerable: true,
+  get: function () {
+    return _serialization.generateId;
+  }
+});
+Object.defineProperty(exports, "normalize", {
+  enumerable: true,
+  get: function () {
+    return _coordinates.normalize;
+  }
+});
+Object.defineProperty(exports, "normalizePoints", {
+  enumerable: true,
+  get: function () {
+    return _coordinates.normalizePoints;
+  }
+});
+Object.defineProperty(exports, "screenToCanvas", {
+  enumerable: true,
+  get: function () {
+    return _coordinates.screenToCanvas;
+  }
+});
+Object.defineProperty(exports, "serializeObjects", {
+  enumerable: true,
+  get: function () {
+    return _serialization.serializeObjects;
+  }
+});
+Object.defineProperty(exports, "useDrawingStore", {
+  enumerable: true,
+  get: function () {
+    return _useDrawingStore.useDrawingStore;
+  }
+});
+var _DrawingEditor = require("./DrawingEditor");
+var _useDrawingStore = require("./store/useDrawingStore");
+var _coordinates = require("./utils/coordinates");
+var _serialization = require("./utils/serialization");
+var _colors = require("./utils/colors");
+var _Toolbar = require("./components/Toolbar");
+var _ColorPalette = require("./components/ColorPalette");
+var _LineWidthSlider = require("./components/LineWidthSlider");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_DrawingEditor","require","_useDrawingStore","_coordinates","_serialization","_colors","_Toolbar","_ColorPalette","_LineWidthSlider"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAD,OAAA;AA6BA,IAAAE,YAAA,GAAAF,OAAA;AAOA,IAAAG,cAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAJ,OAAA;AAGA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}