react-native-image-editor-skia 0.1.0

package/lib/module/gestures/applyTransform.js

@@ -0,0 +1,75 @@
+"use strict";
+
+/**
+ * Bake a live move/resize/rotate transform into an annotation's stored geometry.
+ * This MUST match the on-screen preview (AnnotationLayer applies, in order:
+ * translate → rotate(about origin) → scale(about origin)). Rotation is folded
+ * into the annotation's `rotation` field (also about its center), so only scale
+ * and translate touch geometry here.
+ */
+export function applyTransformToAnnotation(a, live) {
+  const {
+    scale: s,
+    origin: o,
+    tx,
+    ty,
+    rotate
+  } = live;
+  const map = p => ({
+    x: o.x + (p.x - o.x) * s + tx,
+    y: o.y + (p.y - o.y) * s + ty
+  });
+  const rotation = a.rotation + rotate;
+  switch (a.type) {
+    case 'circle':
+      return {
+        ...a,
+        center: map(a.center),
+        radius: a.radius * s,
+        strokeWidth: a.strokeWidth * s,
+        rotation
+      };
+    case 'arrow':
+      return {
+        ...a,
+        start: map(a.start),
+        end: map(a.end),
+        headSize: a.headSize * s,
+        strokeWidth: a.strokeWidth * s,
+        rotation
+      };
+    case 'marker':
+      {
+        const tl = map({
+          x: a.rect.x,
+          y: a.rect.y
+        });
+        return {
+          ...a,
+          rect: {
+            x: tl.x,
+            y: tl.y,
+            width: a.rect.width * s,
+            height: a.rect.height * s
+          },
+          rotation
+        };
+      }
+    case 'freehand':
+      return {
+        ...a,
+        points: a.points.map(map),
+        strokeWidth: a.strokeWidth * s,
+        rotation
+      };
+    case 'text':
+      return {
+        ...a,
+        origin: map(a.origin),
+        fontSize: a.fontSize * s,
+        width: a.width * s,
+        rotation
+      };
+  }
+}
+//# sourceMappingURL=applyTransform.js.map

package/lib/module/gestures/applyTransform.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["applyTransformToAnnotation","a","live","scale","s","origin","o","tx","ty","rotate","map","p","x","y","rotation","type","center","radius","strokeWidth","start","end","headSize","tl","rect","width","height","points","fontSize"],"sourceRoot":"..\\..\\..\\src","sources":["gestures/applyTransform.ts"],"mappings":";;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,0BAA0BA,CACxCC,CAAa,EACbC,IAAgB,EACJ;EACZ,MAAM;IAAEC,KAAK,EAAEC,CAAC;IAAEC,MAAM,EAAEC,CAAC;IAAEC,EAAE;IAAEC,EAAE;IAAEC;EAAO,CAAC,GAAGP,IAAI;EACpD,MAAMQ,GAAG,GAAIC,CAAO,KAAY;IAC9BC,CAAC,EAAEN,CAAC,CAACM,CAAC,GAAG,CAACD,CAAC,CAACC,CAAC,GAAGN,CAAC,CAACM,CAAC,IAAIR,CAAC,GAAGG,EAAE;IAC7BM,CAAC,EAAEP,CAAC,CAACO,CAAC,GAAG,CAACF,CAAC,CAACE,CAAC,GAAGP,CAAC,CAACO,CAAC,IAAIT,CAAC,GAAGI;EAC7B,CAAC,CAAC;EACF,MAAMM,QAAQ,GAAGb,CAAC,CAACa,QAAQ,GAAGL,MAAM;EAEpC,QAAQR,CAAC,CAACc,IAAI;IACZ,KAAK,QAAQ;MACX,OAAO;QACL,GAAGd,CAAC;QACJe,MAAM,EAAEN,GAAG,CAACT,CAAC,CAACe,MAAM,CAAC;QACrBC,MAAM,EAAEhB,CAAC,CAACgB,MAAM,GAAGb,CAAC;QACpBc,WAAW,EAAEjB,CAAC,CAACiB,WAAW,GAAGd,CAAC;QAC9BU;MACF,CAAC;IACH,KAAK,OAAO;MACV,OAAO;QACL,GAAGb,CAAC;QACJkB,KAAK,EAAET,GAAG,CAACT,CAAC,CAACkB,KAAK,CAAC;QACnBC,GAAG,EAAEV,GAAG,CAACT,CAAC,CAACmB,GAAG,CAAC;QACfC,QAAQ,EAAEpB,CAAC,CAACoB,QAAQ,GAAGjB,CAAC;QACxBc,WAAW,EAAEjB,CAAC,CAACiB,WAAW,GAAGd,CAAC;QAC9BU;MACF,CAAC;IACH,KAAK,QAAQ;MAAE;QACb,MAAMQ,EAAE,GAAGZ,GAAG,CAAC;UAAEE,CAAC,EAAEX,CAAC,CAACsB,IAAI,CAACX,CAAC;UAAEC,CAAC,EAAEZ,CAAC,CAACsB,IAAI,CAACV;QAAE,CAAC,CAAC;QAC5C,OAAO;UACL,GAAGZ,CAAC;UACJsB,IAAI,EAAE;YACJX,CAAC,EAAEU,EAAE,CAACV,CAAC;YACPC,CAAC,EAAES,EAAE,CAACT,CAAC;YACPW,KAAK,EAAEvB,CAAC,CAACsB,IAAI,CAACC,KAAK,GAAGpB,CAAC;YACvBqB,MAAM,EAAExB,CAAC,CAACsB,IAAI,CAACE,MAAM,GAAGrB;UAC1B,CAAC;UACDU;QACF,CAAC;MACH;IACA,KAAK,UAAU;MACb,OAAO;QACL,GAAGb,CAAC;QACJyB,MAAM,EAAEzB,CAAC,CAACyB,MAAM,CAAChB,GAAG,CAACA,GAAG,CAAC;QACzBQ,WAAW,EAAEjB,CAAC,CAACiB,WAAW,GAAGd,CAAC;QAC9BU;MACF,CAAC;IACH,KAAK,MAAM;MACT,OAAO;QACL,GAAGb,CAAC;QACJI,MAAM,EAAEK,GAAG,CAACT,CAAC,CAACI,MAAM,CAAC;QACrBsB,QAAQ,EAAE1B,CAAC,CAAC0B,QAAQ,GAAGvB,CAAC;QACxBoB,KAAK,EAAEvB,CAAC,CAACuB,KAAK,GAAGpB,CAAC;QAClBU;MACF,CAAC;EACL;AACF","ignoreList":[]}

package/lib/module/gestures/createAnnotation.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { ARROW_HEAD_RATIO, DEFAULT_FONT_SIZE, DEFAULT_TEXT_WIDTH, MARKER_OPACITY } from '../constants';
+import { genId } from '../utils/id';
+export function makeCircle(center, radius, style) {
+  return {
+    id: genId('circle'),
+    type: 'circle',
+    rotation: 0,
+    z: 0,
+    center,
+    radius,
+    strokeColor: style.strokeColor,
+    strokeWidth: style.strokeWidth
+  };
+}
+export function makeArrow(start, end, style) {
+  return {
+    id: genId('arrow'),
+    type: 'arrow',
+    rotation: 0,
+    z: 0,
+    start,
+    end,
+    headSize: style.strokeWidth * ARROW_HEAD_RATIO,
+    strokeColor: style.strokeColor,
+    strokeWidth: style.strokeWidth
+  };
+}
+export function makeMarker(rect, color) {
+  return {
+    id: genId('marker'),
+    type: 'marker',
+    rotation: 0,
+    z: 0,
+    rect,
+    color,
+    opacity: MARKER_OPACITY
+  };
+}
+export function makeFreehand(points, style) {
+  return {
+    id: genId('freehand'),
+    type: 'freehand',
+    rotation: 0,
+    z: 0,
+    points,
+    strokeColor: style.strokeColor,
+    strokeWidth: style.strokeWidth
+  };
+}
+export function makeText(origin, color, fontSize = DEFAULT_FONT_SIZE) {
+  return {
+    id: genId('text'),
+    type: 'text',
+    rotation: 0,
+    z: 0,
+    origin,
+    text: '',
+    color,
+    fontSize,
+    width: DEFAULT_TEXT_WIDTH
+  };
+}
+//# sourceMappingURL=createAnnotation.js.map

package/lib/module/gestures/createAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ARROW_HEAD_RATIO","DEFAULT_FONT_SIZE","DEFAULT_TEXT_WIDTH","MARKER_OPACITY","genId","makeCircle","center","radius","style","id","type","rotation","z","strokeColor","strokeWidth","makeArrow","start","end","headSize","makeMarker","rect","color","opacity","makeFreehand","points","makeText","origin","fontSize","text","width"],"sourceRoot":"..\\..\\..\\src","sources":["gestures/createAnnotation.ts"],"mappings":";;AAOA,SACEA,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,QACT,cAAc;AACrB,SAASC,KAAK,QAAQ,aAAa;AAOnC,OAAO,SAASC,UAAUA,CACxBC,MAAY,EACZC,MAAc,EACdC,KAAgB,EACJ;EACZ,OAAO;IACLC,EAAE,EAAEL,KAAK,CAAC,QAAQ,CAAC;IACnBM,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACXC,CAAC,EAAE,CAAC;IACJN,MAAM;IACNC,MAAM;IACNM,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,WAAW,EAAEN,KAAK,CAACM;EACrB,CAAC;AACH;AAEA,OAAO,SAASC,SAASA,CAACC,KAAW,EAAEC,GAAS,EAAET,KAAgB,EAAc;EAC9E,OAAO;IACLC,EAAE,EAAEL,KAAK,CAAC,OAAO,CAAC;IAClBM,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAE,CAAC;IACXC,CAAC,EAAE,CAAC;IACJI,KAAK;IACLC,GAAG;IACHC,QAAQ,EAAEV,KAAK,CAACM,WAAW,GAAGd,gBAAgB;IAC9Ca,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,WAAW,EAAEN,KAAK,CAACM;EACrB,CAAC;AACH;AAEA,OAAO,SAASK,UAAUA,CAACC,IAAU,EAAEC,KAAkB,EAAc;EACrE,OAAO;IACLZ,EAAE,EAAEL,KAAK,CAAC,QAAQ,CAAC;IACnBM,IAAI,EAAE,QAAQ;IACdC,QAAQ,EAAE,CAAC;IACXC,CAAC,EAAE,CAAC;IACJQ,IAAI;IACJC,KAAK;IACLC,OAAO,EAAEnB;EACX,CAAC;AACH;AAEA,OAAO,SAASoB,YAAYA,CAACC,MAAc,EAAEhB,KAAgB,EAAc;EACzE,OAAO;IACLC,EAAE,EAAEL,KAAK,CAAC,UAAU,CAAC;IACrBM,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE,CAAC;IACXC,CAAC,EAAE,CAAC;IACJY,MAAM;IACNX,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,WAAW,EAAEN,KAAK,CAACM;EACrB,CAAC;AACH;AAEA,OAAO,SAASW,QAAQA,CACtBC,MAAY,EACZL,KAAkB,EAClBM,QAAQ,GAAG1B,iBAAiB,EACZ;EAChB,OAAO;IACLQ,EAAE,EAAEL,KAAK,CAAC,MAAM,CAAC;IACjBM,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE,CAAC;IACXC,CAAC,EAAE,CAAC;IACJc,MAAM;IACNE,IAAI,EAAE,EAAE;IACRP,KAAK;IACLM,QAAQ;IACRE,KAAK,EAAE3B;EACT,CAAC;AACH","ignoreList":[]}

package/lib/module/gestures/handles.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { annotationBounds, annotationCenter } from '../annotations/geometryPure';
+import { ROTATE_HANDLE_OFFSET } from '../constants';
+import { applyToPoint, rotatePoint } from '../utils/math';
+/**
+ * Compute selection-box handle positions in SCREEN space for annotation `a`,
+ * accounting for its rotation and the current image→screen matrix. Worklet-safe
+ * (used by the transform gesture) and also callable from JS (SelectionOverlay).
+ */
+export function selectionHandles(a, matrix) {
+  'worklet';
+
+  const b = annotationBounds(a);
+  const center = annotationCenter(a);
+  const localCorners = [{
+    x: b.x,
+    y: b.y
+  }, {
+    x: b.x + b.width,
+    y: b.y
+  }, {
+    x: b.x + b.width,
+    y: b.y + b.height
+  }, {
+    x: b.x,
+    y: b.y + b.height
+  }];
+  const screenCorners = localCorners.map(c => applyToPoint(matrix, rotatePoint(c, center, a.rotation)));
+  const centerScreen = applyToPoint(matrix, center);
+  const topMid = {
+    x: (screenCorners[0].x + screenCorners[1].x) / 2,
+    y: (screenCorners[0].y + screenCorners[1].y) / 2
+  };
+  // Push the rotate handle outward from center along the top-edge direction.
+  const dx = topMid.x - centerScreen.x;
+  const dy = topMid.y - centerScreen.y;
+  const len = Math.hypot(dx, dy) || 1;
+  const rotate = {
+    x: topMid.x + dx / len * ROTATE_HANDLE_OFFSET,
+    y: topMid.y + dy / len * ROTATE_HANDLE_OFFSET
+  };
+  return {
+    corners: screenCorners,
+    rotate,
+    center: centerScreen
+  };
+}
+//# sourceMappingURL=handles.js.map

package/lib/module/gestures/handles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["annotationBounds","annotationCenter","ROTATE_HANDLE_OFFSET","applyToPoint","rotatePoint","selectionHandles","a","matrix","b","center","localCorners","x","y","width","height","screenCorners","map","c","rotation","centerScreen","topMid","dx","dy","len","Math","hypot","rotate","corners"],"sourceRoot":"..\\..\\..\\src","sources":["gestures/handles.ts"],"mappings":";;AACA,SAASA,gBAAgB,EAAEC,gBAAgB,QAAQ,6BAA6B;AAChF,SAASC,oBAAoB,QAAQ,cAAc;AACnD,SAASC,YAAY,EAAEC,WAAW,QAAQ,eAAe;AAYzD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAACC,CAAa,EAAEC,MAAW,EAAoB;EAC7E,SAAS;;EACT,MAAMC,CAAC,GAAGR,gBAAgB,CAACM,CAAC,CAAC;EAC7B,MAAMG,MAAM,GAAGR,gBAAgB,CAACK,CAAC,CAAC;EAClC,MAAMI,YAAoB,GAAG,CAC3B;IAAEC,CAAC,EAAEH,CAAC,CAACG,CAAC;IAAEC,CAAC,EAAEJ,CAAC,CAACI;EAAE,CAAC,EAClB;IAAED,CAAC,EAAEH,CAAC,CAACG,CAAC,GAAGH,CAAC,CAACK,KAAK;IAAED,CAAC,EAAEJ,CAAC,CAACI;EAAE,CAAC,EAC5B;IAAED,CAAC,EAAEH,CAAC,CAACG,CAAC,GAAGH,CAAC,CAACK,KAAK;IAAED,CAAC,EAAEJ,CAAC,CAACI,CAAC,GAAGJ,CAAC,CAACM;EAAO,CAAC,EACvC;IAAEH,CAAC,EAAEH,CAAC,CAACG,CAAC;IAAEC,CAAC,EAAEJ,CAAC,CAACI,CAAC,GAAGJ,CAAC,CAACM;EAAO,CAAC,CAC9B;EACD,MAAMC,aAAa,GAAGL,YAAY,CAACM,GAAG,CAAEC,CAAC,IACvCd,YAAY,CAACI,MAAM,EAAEH,WAAW,CAACa,CAAC,EAAER,MAAM,EAAEH,CAAC,CAACY,QAAQ,CAAC,CACzD,CAA6B;EAE7B,MAAMC,YAAY,GAAGhB,YAAY,CAACI,MAAM,EAAEE,MAAM,CAAC;EACjD,MAAMW,MAAM,GAAG;IACbT,CAAC,EAAE,CAACI,aAAa,CAAC,CAAC,CAAC,CAACJ,CAAC,GAAGI,aAAa,CAAC,CAAC,CAAC,CAACJ,CAAC,IAAI,CAAC;IAChDC,CAAC,EAAE,CAACG,aAAa,CAAC,CAAC,CAAC,CAACH,CAAC,GAAGG,aAAa,CAAC,CAAC,CAAC,CAACH,CAAC,IAAI;EACjD,CAAC;EACD;EACA,MAAMS,EAAE,GAAGD,MAAM,CAACT,CAAC,GAAGQ,YAAY,CAACR,CAAC;EACpC,MAAMW,EAAE,GAAGF,MAAM,CAACR,CAAC,GAAGO,YAAY,CAACP,CAAC;EACpC,MAAMW,GAAG,GAAGC,IAAI,CAACC,KAAK,CAACJ,EAAE,EAAEC,EAAE,CAAC,IAAI,CAAC;EACnC,MAAMI,MAAM,GAAG;IACbf,CAAC,EAAES,MAAM,CAACT,CAAC,GAAIU,EAAE,GAAGE,GAAG,GAAIrB,oBAAoB;IAC/CU,CAAC,EAAEQ,MAAM,CAACR,CAAC,GAAIU,EAAE,GAAGC,GAAG,GAAIrB;EAC7B,CAAC;EAED,OAAO;IAAEyB,OAAO,EAAEZ,aAAa;IAAEW,MAAM;IAAEjB,MAAM,EAAEU;EAAa,CAAC;AACjE","ignoreList":[]}

package/lib/module/gestures/hitTest.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { annotationBounds, annotationCenter } from '../annotations/geometryPure';
+import { distanceToSegment, rotatePoint } from '../utils/math';
+
+// NOTE: `hitOne` is declared BEFORE `hitTest`. The worklets Babel plugin rewrites
+// `'worklet'` function declarations into `const`s (no hoisting), so a worklet that
+// calls another must be defined after its callee.
+function hitOne(a, p, slop) {
+  'worklet';
+
+  switch (a.type) {
+    case 'circle':
+      {
+        const d = Math.hypot(p.x - a.center.x, p.y - a.center.y);
+        if (a.fill !== undefined) {
+          return d <= a.radius + slop;
+        }
+        // Outline: hit near the ring.
+        return Math.abs(d - a.radius) <= slop + a.strokeWidth / 2;
+      }
+    case 'arrow':
+      return distanceToSegment(p, a.start, a.end) <= slop + a.strokeWidth / 2;
+    case 'marker':
+      {
+        const r = a.rect;
+        return p.x >= r.x - slop && p.x <= r.x + r.width + slop && p.y >= r.y - slop && p.y <= r.y + r.height + slop;
+      }
+    case 'freehand':
+      {
+        const pts = a.points;
+        const tol = slop + a.strokeWidth / 2;
+        for (let i = 1; i < pts.length; i++) {
+          if (distanceToSegment(p, pts[i - 1], pts[i]) <= tol) {
+            return true;
+          }
+        }
+        return pts.length === 1 ? Math.hypot(p.x - pts[0].x, p.y - pts[0].y) <= tol : false;
+      }
+    case 'text':
+      {
+        const b = annotationBounds(a);
+        return p.x >= b.x - slop && p.x <= b.x + b.width + slop && p.y >= b.y - slop && p.y <= b.y + b.height + slop;
+      }
+  }
+}
+
+/**
+ * Return the id of the top-most annotation hit by `point` (image space), or null.
+ * Worklet-safe so selection resolves on the UI thread during a tap.
+ *
+ * `slop` is an extra hit margin, in image pixels (screen slop / current scale).
+ */
+export function hitTest(annotations, point, slop) {
+  'worklet';
+
+  // Iterate from top (highest z) to bottom.
+  const ordered = [...annotations].sort((a, b) => b.z - a.z);
+  for (let i = 0; i < ordered.length; i++) {
+    const a = ordered[i];
+    // Transform the touch into the annotation's local (unrotated) frame.
+    const local = a.rotation ? rotatePoint(point, annotationCenter(a), -a.rotation) : point;
+    if (hitOne(a, local, slop)) {
+      return a.id;
+    }
+  }
+  return null;
+}
+//# sourceMappingURL=hitTest.js.map

package/lib/module/gestures/hitTest.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["annotationBounds","annotationCenter","distanceToSegment","rotatePoint","hitOne","a","p","slop","type","d","Math","hypot","x","center","y","fill","undefined","radius","abs","strokeWidth","start","end","r","rect","width","height","pts","points","tol","i","length","b","hitTest","annotations","point","ordered","sort","z","local","rotation","id"],"sourceRoot":"..\\..\\..\\src","sources":["gestures/hitTest.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/gestures/useCropGesture.js

@@ -0,0 +1,145 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { Gesture } from 'react-native-gesture-handler';
+import { useSharedValue } from 'react-native-reanimated';
+import { useEditor } from '../context/EditorContext';
+import { HANDLE_SIZE } from '../constants';
+import { applyToPoint, distance, invert } from '../utils/math';
+const MIN_CROP = 24; // minimum crop size, in image pixels
+
+/**
+ * Pan gesture that edits `cropRectSV` (image space) while the crop tool is
+ * active. Grab a corner to resize, or the interior to move. All values stay
+ * clamped inside the image bounds.
+ */
+export function useCropGesture() {
+  const {
+    tool,
+    matrix,
+    cropRectSV,
+    imageSize
+  } = useEditor();
+  const invMatrix = useMemo(() => invert(matrix), [matrix]);
+  const cropMode = useSharedValue('none');
+  const corner = useSharedValue(-1);
+  const startRect = useSharedValue({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  });
+  const startImg = useSharedValue({
+    x: 0,
+    y: 0
+  });
+  return useMemo(() => {
+    return Gesture.Pan().enabled(tool === 'crop').maxPointers(1).onBegin(e => {
+      'worklet';
+
+      const screen = {
+        x: e.x,
+        y: e.y
+      };
+      const img = applyToPoint(invMatrix, screen);
+      const r = cropRectSV.value;
+      startRect.value = r;
+      startImg.value = img;
+      const corners = [{
+        x: r.x,
+        y: r.y
+      }, {
+        x: r.x + r.width,
+        y: r.y
+      }, {
+        x: r.x + r.width,
+        y: r.y + r.height
+      }, {
+        x: r.x,
+        y: r.y + r.height
+      }];
+      for (let i = 0; i < corners.length; i++) {
+        const cs = applyToPoint(matrix, corners[i]);
+        if (distance(screen, cs) <= HANDLE_SIZE * 1.5) {
+          cropMode.value = 'resize';
+          corner.value = i;
+          return;
+        }
+      }
+      if (img.x >= r.x && img.x <= r.x + r.width && img.y >= r.y && img.y <= r.y + r.height) {
+        cropMode.value = 'move';
+      } else {
+        cropMode.value = 'none';
+      }
+    }).onChange(e => {
+      'worklet';
+
+      const img = applyToPoint(invMatrix, {
+        x: e.x,
+        y: e.y
+      });
+      const dx = img.x - startImg.value.x;
+      const dy = img.y - startImg.value.y;
+      const s = startRect.value;
+      if (cropMode.value === 'move') {
+        let nx = s.x + dx;
+        let ny = s.y + dy;
+        nx = Math.max(0, Math.min(nx, imageSize.width - s.width));
+        ny = Math.max(0, Math.min(ny, imageSize.height - s.height));
+        cropRectSV.value = {
+          x: nx,
+          y: ny,
+          width: s.width,
+          height: s.height
+        };
+      } else if (cropMode.value === 'resize') {
+        // Fixed corner = the one opposite the grabbed corner.
+        const left = s.x;
+        const top = s.y;
+        const right = s.x + s.width;
+        const bottom = s.y + s.height;
+        let x0 = left;
+        let y0 = top;
+        let x1 = right;
+        let y1 = bottom;
+        switch (corner.value) {
+          case 0:
+            // TL moves
+            x0 = Math.min(right - MIN_CROP, Math.max(0, left + dx));
+            y0 = Math.min(bottom - MIN_CROP, Math.max(0, top + dy));
+            break;
+          case 1:
+            // TR moves
+            x1 = Math.max(left + MIN_CROP, Math.min(imageSize.width, right + dx));
+            y0 = Math.min(bottom - MIN_CROP, Math.max(0, top + dy));
+            break;
+          case 2:
+            // BR moves
+            x1 = Math.max(left + MIN_CROP, Math.min(imageSize.width, right + dx));
+            y1 = Math.max(top + MIN_CROP, Math.min(imageSize.height, bottom + dy));
+            break;
+          case 3:
+            // BL moves
+            x0 = Math.min(right - MIN_CROP, Math.max(0, left + dx));
+            y1 = Math.max(top + MIN_CROP, Math.min(imageSize.height, bottom + dy));
+            break;
+          default:
+            break;
+        }
+        cropRectSV.value = {
+          x: x0,
+          y: y0,
+          width: x1 - x0,
+          height: y1 - y0
+        };
+      }
+    }).onEnd(() => {
+      'worklet';
+
+      cropMode.value = 'none';
+      corner.value = -1;
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [tool, matrix, imageSize]);
+}
+//# sourceMappingURL=useCropGesture.js.map

package/lib/module/gestures/useCropGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Gesture","useSharedValue","useEditor","HANDLE_SIZE","applyToPoint","distance","invert","MIN_CROP","useCropGesture","tool","matrix","cropRectSV","imageSize","invMatrix","cropMode","corner","startRect","x","y","width","height","startImg","Pan","enabled","maxPointers","onBegin","e","screen","img","r","value","corners","i","length","cs","onChange","dx","dy","s","nx","ny","Math","max","min","left","top","right","bottom","x0","y0","x1","y1","onEnd"],"sourceRoot":"..\\..\\..\\src","sources":["gestures/useCropGesture.ts"],"mappings":"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","ignoreList":[]}