react-native-image-editor-skia 0.1.0

package/lib/commonjs/annotations/geometry.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "annotationBounds", {
+  enumerable: true,
+  get: function () {
+    return _geometryPure.annotationBounds;
+  }
+});
+Object.defineProperty(exports, "annotationCenter", {
+  enumerable: true,
+  get: function () {
+    return _geometryPure.annotationCenter;
+  }
+});
+exports.buildArrowPath = buildArrowPath;
+exports.buildFreehandPath = buildFreehandPath;
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _geometryPure = require("./geometryPure");
+// Re-export the pure helpers so existing imports from './geometry' keep working.
+// (Worklet/test-safe versions with no Skia dependency live in ./geometryPure.)
+
+/**
+ * Build a Skia path for an arrow (shaft + two arrowhead barbs).
+ * Not a worklet — it allocates an `SkPath` (a Skia object) on the JS thread.
+ */
+function buildArrowPath(start, end, headSize) {
+  const path = _reactNativeSkia.Skia.Path.Make();
+  path.moveTo(start.x, start.y);
+  path.lineTo(end.x, end.y);
+  const angle = Math.atan2(end.y - start.y, end.x - start.x);
+  const barb = Math.PI * 5 / 6; // 150° from the shaft direction
+  const b1 = {
+    x: end.x + headSize * Math.cos(angle + barb),
+    y: end.y + headSize * Math.sin(angle + barb)
+  };
+  const b2 = {
+    x: end.x + headSize * Math.cos(angle - barb),
+    y: end.y + headSize * Math.sin(angle - barb)
+  };
+  path.moveTo(end.x, end.y);
+  path.lineTo(b1.x, b1.y);
+  path.moveTo(end.x, end.y);
+  path.lineTo(b2.x, b2.y);
+  return path;
+}
+
+/** Build a smoothed (quadratic) path through freehand points. */
+function buildFreehandPath(points) {
+  const path = _reactNativeSkia.Skia.Path.Make();
+  if (points.length === 0) {
+    return path;
+  }
+  path.moveTo(points[0].x, points[0].y);
+  if (points.length === 1) {
+    // Draw a dot.
+    path.lineTo(points[0].x + 0.01, points[0].y + 0.01);
+    return path;
+  }
+  for (let i = 1; i < points.length - 1; i++) {
+    const p = points[i];
+    const next = points[i + 1];
+    const midX = (p.x + next.x) / 2;
+    const midY = (p.y + next.y) / 2;
+    path.quadTo(p.x, p.y, midX, midY);
+  }
+  const last = points[points.length - 1];
+  path.lineTo(last.x, last.y);
+  return path;
+}
+//# sourceMappingURL=geometry.js.map

package/lib/commonjs/annotations/geometry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSkia","require","_geometryPure","buildArrowPath","start","end","headSize","path","Skia","Path","Make","moveTo","x","y","lineTo","angle","Math","atan2","barb","PI","b1","cos","sin","b2","buildFreehandPath","points","length","i","p","next","midX","midY","quadTo","last"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/geometry.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/annotations/geometryPure.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.annotationBounds = annotationBounds;
+exports.annotationCenter = annotationCenter;
+var _math = require("../utils/math");
+/**
+ * Pure annotation geometry (no Skia imports) so it is safe to use from worklets
+ * AND from plain unit tests without loading the native Skia module.
+ */
+
+/** Center of an annotation in image space (used as rotation/scale origin). */
+function annotationCenter(a) {
+  'worklet';
+
+  switch (a.type) {
+    case 'circle':
+      return {
+        x: a.center.x,
+        y: a.center.y
+      };
+    case 'arrow':
+      return {
+        x: (a.start.x + a.end.x) / 2,
+        y: (a.start.y + a.end.y) / 2
+      };
+    case 'marker':
+      return {
+        x: a.rect.x + a.rect.width / 2,
+        y: a.rect.y + a.rect.height / 2
+      };
+    case 'freehand':
+      {
+        const b = (0, _math.boundsOfPoints)(a.points);
+        return {
+          x: b.x + b.width / 2,
+          y: b.y + b.height / 2
+        };
+      }
+    case 'text':
+      return {
+        x: a.origin.x + a.width / 2,
+        y: a.origin.y + a.fontSize * 1.2 / 2
+      };
+  }
+}
+
+/**
+ * Axis-aligned bounding box of an annotation in its LOCAL (unrotated) frame.
+ * The selection overlay rotates this box by `annotation.rotation` about the
+ * center when drawing handles.
+ */
+function annotationBounds(a) {
+  'worklet';
+
+  switch (a.type) {
+    case 'circle':
+      return {
+        x: a.center.x - a.radius,
+        y: a.center.y - a.radius,
+        width: a.radius * 2,
+        height: a.radius * 2
+      };
+    case 'arrow':
+      {
+        const pad = a.headSize + a.strokeWidth;
+        const minX = Math.min(a.start.x, a.end.x) - pad;
+        const minY = Math.min(a.start.y, a.end.y) - pad;
+        const maxX = Math.max(a.start.x, a.end.x) + pad;
+        const maxY = Math.max(a.start.y, a.end.y) + pad;
+        return {
+          x: minX,
+          y: minY,
+          width: maxX - minX,
+          height: maxY - minY
+        };
+      }
+    case 'marker':
+      return {
+        ...a.rect
+      };
+    case 'freehand':
+      {
+        const b = (0, _math.boundsOfPoints)(a.points);
+        const pad = a.strokeWidth / 2;
+        return {
+          x: b.x - pad,
+          y: b.y - pad,
+          width: b.width + pad * 2,
+          height: b.height + pad * 2
+        };
+      }
+    case 'text':
+      return {
+        x: a.origin.x,
+        y: a.origin.y,
+        width: a.width,
+        height: a.fontSize * 1.2
+      };
+  }
+}
+//# sourceMappingURL=geometryPure.js.map

package/lib/commonjs/annotations/geometryPure.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_math","require","annotationCenter","a","type","x","center","y","start","end","rect","width","height","b","boundsOfPoints","points","origin","fontSize","annotationBounds","radius","pad","headSize","strokeWidth","minX","Math","min","minY","maxX","max","maxY"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/geometryPure.ts"],"mappings":";;;;;;;AAKA,IAAAA,KAAA,GAAAC,OAAA;AALA;AACA;AACA;AACA;;AAIA;AACO,SAASC,gBAAgBA,CAACC,CAAa,EAAQ;EACpD,SAAS;;EACT,QAAQA,CAAC,CAACC,IAAI;IACZ,KAAK,QAAQ;MACX,OAAO;QAAEC,CAAC,EAAEF,CAAC,CAACG,MAAM,CAACD,CAAC;QAAEE,CAAC,EAAEJ,CAAC,CAACG,MAAM,CAACC;MAAE,CAAC;IACzC,KAAK,OAAO;MACV,OAAO;QAAEF,CAAC,EAAE,CAACF,CAAC,CAACK,KAAK,CAACH,CAAC,GAAGF,CAAC,CAACM,GAAG,CAACJ,CAAC,IAAI,CAAC;QAAEE,CAAC,EAAE,CAACJ,CAAC,CAACK,KAAK,CAACD,CAAC,GAAGJ,CAAC,CAACM,GAAG,CAACF,CAAC,IAAI;MAAE,CAAC;IACvE,KAAK,QAAQ;MACX,OAAO;QAAEF,CAAC,EAAEF,CAAC,CAACO,IAAI,CAACL,CAAC,GAAGF,CAAC,CAACO,IAAI,CAACC,KAAK,GAAG,CAAC;QAAEJ,CAAC,EAAEJ,CAAC,CAACO,IAAI,CAACH,CAAC,GAAGJ,CAAC,CAACO,IAAI,CAACE,MAAM,GAAG;MAAE,CAAC;IAC5E,KAAK,UAAU;MAAE;QACf,MAAMC,CAAC,GAAG,IAAAC,oBAAc,EAACX,CAAC,CAACY,MAAM,CAAC;QAClC,OAAO;UAAEV,CAAC,EAAEQ,CAAC,CAACR,CAAC,GAAGQ,CAAC,CAACF,KAAK,GAAG,CAAC;UAAEJ,CAAC,EAAEM,CAAC,CAACN,CAAC,GAAGM,CAAC,CAACD,MAAM,GAAG;QAAE,CAAC;MACxD;IACA,KAAK,MAAM;MACT,OAAO;QACLP,CAAC,EAAEF,CAAC,CAACa,MAAM,CAACX,CAAC,GAAGF,CAAC,CAACQ,KAAK,GAAG,CAAC;QAC3BJ,CAAC,EAAEJ,CAAC,CAACa,MAAM,CAACT,CAAC,GAAIJ,CAAC,CAACc,QAAQ,GAAG,GAAG,GAAI;MACvC,CAAC;EACL;AACF;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,gBAAgBA,CAACf,CAAa,EAAQ;EACpD,SAAS;;EACT,QAAQA,CAAC,CAACC,IAAI;IACZ,KAAK,QAAQ;MACX,OAAO;QACLC,CAAC,EAAEF,CAAC,CAACG,MAAM,CAACD,CAAC,GAAGF,CAAC,CAACgB,MAAM;QACxBZ,CAAC,EAAEJ,CAAC,CAACG,MAAM,CAACC,CAAC,GAAGJ,CAAC,CAACgB,MAAM;QACxBR,KAAK,EAAER,CAAC,CAACgB,MAAM,GAAG,CAAC;QACnBP,MAAM,EAAET,CAAC,CAACgB,MAAM,GAAG;MACrB,CAAC;IACH,KAAK,OAAO;MAAE;QACZ,MAAMC,GAAG,GAAGjB,CAAC,CAACkB,QAAQ,GAAGlB,CAAC,CAACmB,WAAW;QACtC,MAAMC,IAAI,GAAGC,IAAI,CAACC,GAAG,CAACtB,CAAC,CAACK,KAAK,CAACH,CAAC,EAAEF,CAAC,CAACM,GAAG,CAACJ,CAAC,CAAC,GAAGe,GAAG;QAC/C,MAAMM,IAAI,GAAGF,IAAI,CAACC,GAAG,CAACtB,CAAC,CAACK,KAAK,CAACD,CAAC,EAAEJ,CAAC,CAACM,GAAG,CAACF,CAAC,CAAC,GAAGa,GAAG;QAC/C,MAAMO,IAAI,GAAGH,IAAI,CAACI,GAAG,CAACzB,CAAC,CAACK,KAAK,CAACH,CAAC,EAAEF,CAAC,CAACM,GAAG,CAACJ,CAAC,CAAC,GAAGe,GAAG;QAC/C,MAAMS,IAAI,GAAGL,IAAI,CAACI,GAAG,CAACzB,CAAC,CAACK,KAAK,CAACD,CAAC,EAAEJ,CAAC,CAACM,GAAG,CAACF,CAAC,CAAC,GAAGa,GAAG;QAC/C,OAAO;UAAEf,CAAC,EAAEkB,IAAI;UAAEhB,CAAC,EAAEmB,IAAI;UAAEf,KAAK,EAAEgB,IAAI,GAAGJ,IAAI;UAAEX,MAAM,EAAEiB,IAAI,GAAGH;QAAK,CAAC;MACtE;IACA,KAAK,QAAQ;MACX,OAAO;QAAE,GAAGvB,CAAC,CAACO;MAAK,CAAC;IACtB,KAAK,UAAU;MAAE;QACf,MAAMG,CAAC,GAAG,IAAAC,oBAAc,EAACX,CAAC,CAACY,MAAM,CAAC;QAClC,MAAMK,GAAG,GAAGjB,CAAC,CAACmB,WAAW,GAAG,CAAC;QAC7B,OAAO;UACLjB,CAAC,EAAEQ,CAAC,CAACR,CAAC,GAAGe,GAAG;UACZb,CAAC,EAAEM,CAAC,CAACN,CAAC,GAAGa,GAAG;UACZT,KAAK,EAAEE,CAAC,CAACF,KAAK,GAAGS,GAAG,GAAG,CAAC;UACxBR,MAAM,EAAEC,CAAC,CAACD,MAAM,GAAGQ,GAAG,GAAG;QAC3B,CAAC;MACH;IACA,KAAK,MAAM;MACT,OAAO;QACLf,CAAC,EAAEF,CAAC,CAACa,MAAM,CAACX,CAAC;QACbE,CAAC,EAAEJ,CAAC,CAACa,MAAM,CAACT,CAAC;QACbI,KAAK,EAAER,CAAC,CAACQ,KAAK;QACdC,MAAM,EAAET,CAAC,CAACc,QAAQ,GAAG;MACvB,CAAC;EACL;AACF","ignoreList":[]}

package/lib/commonjs/canvas/AnnotationLayer.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnnotationLayer = AnnotationLayer;
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _selectors = require("../state/selectors");
+var _AnnotationView = require("../annotations/AnnotationView");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Renders all committed annotations in paint order. The selected annotation is
+ * wrapped in a Group whose transform is driven by the `live` shared values, so
+ * move/resize/rotate previews run on the UI thread with zero React re-renders.
+ * When idle the live transform is identity, so this is a no-op visually.
+ */
+function AnnotationLayer({
+  editor
+}) {
+  const {
+    annotations,
+    selectedId,
+    live,
+    editingTextId
+  } = editor;
+  const liveTransform = (0, _reactNativeReanimated.useDerivedValue)(() => [{
+    translateX: live.tx.value
+  }, {
+    translateY: live.ty.value
+  }, {
+    rotate: live.rotate.value
+  }, {
+    scale: live.scale.value
+  }]);
+  const liveOrigin = (0, _reactNativeReanimated.useDerivedValue)(() => live.origin.value);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _selectors.sortedByZ)(annotations).map(a => {
+      // Hide the text annotation currently being edited in the native overlay.
+      if (a.type === 'text' && a.id === editingTextId) {
+        return null;
+      }
+      if (a.id === selectedId) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Group, {
+          origin: liveOrigin,
+          transform: liveTransform,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnnotationView.AnnotationView, {
+            a: a
+          })
+        }, a.id);
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnnotationView.AnnotationView, {
+        a: a
+      }, a.id);
+    })
+  });
+}
+//# sourceMappingURL=AnnotationLayer.js.map

package/lib/commonjs/canvas/AnnotationLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSkia","require","_reactNativeReanimated","_selectors","_AnnotationView","_jsxRuntime","AnnotationLayer","editor","annotations","selectedId","live","editingTextId","liveTransform","useDerivedValue","translateX","tx","value","translateY","ty","rotate","scale","liveOrigin","origin","jsx","Fragment","children","sortedByZ","map","a","type","id","Group","transform","AnnotationView"],"sourceRoot":"..\\..\\..\\src","sources":["canvas/AnnotationLayer.tsx"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAA+D,IAAAI,WAAA,GAAAJ,OAAA;AAE/D;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,eAAeA,CAAC;EAAEC;AAAuC,CAAC,EAAE;EAC1E,MAAM;IAAEC,WAAW;IAAEC,UAAU;IAAEC,IAAI;IAAEC;EAAc,CAAC,GAAGJ,MAAM;EAE/D,MAAMK,aAAa,GAAG,IAAAC,sCAAe,EAAC,MAAM,CAC1C;IAAEC,UAAU,EAAEJ,IAAI,CAACK,EAAE,CAACC;EAAM,CAAC,EAC7B;IAAEC,UAAU,EAAEP,IAAI,CAACQ,EAAE,CAACF;EAAM,CAAC,EAC7B;IAAEG,MAAM,EAAET,IAAI,CAACS,MAAM,CAACH;EAAM,CAAC,EAC7B;IAAEI,KAAK,EAAEV,IAAI,CAACU,KAAK,CAACJ;EAAM,CAAC,CAC5B,CAAC;EACF,MAAMK,UAAU,GAAG,IAAAR,sCAAe,EAAC,MAAMH,IAAI,CAACY,MAAM,CAACN,KAAK,CAAC;EAE3D,oBACE,IAAAX,WAAA,CAAAkB,GAAA,EAAAlB,WAAA,CAAAmB,QAAA;IAAAC,QAAA,EACG,IAAAC,oBAAS,EAAClB,WAAW,CAAC,CAACmB,GAAG,CAAEC,CAAC,IAAK;MACjC;MACA,IAAIA,CAAC,CAACC,IAAI,KAAK,MAAM,IAAID,CAAC,CAACE,EAAE,KAAKnB,aAAa,EAAE;QAC/C,OAAO,IAAI;MACb;MACA,IAAIiB,CAAC,CAACE,EAAE,KAAKrB,UAAU,EAAE;QACvB,oBACE,IAAAJ,WAAA,CAAAkB,GAAA,EAACvB,gBAAA,CAAA+B,KAAK;UAAYT,MAAM,EAAED,UAAW;UAACW,SAAS,EAAEpB,aAAc;UAAAa,QAAA,eAC7D,IAAApB,WAAA,CAAAkB,GAAA,EAACnB,eAAA,CAAA6B,cAAc;YAACL,CAAC,EAAEA;UAAE,CAAE;QAAC,GADdA,CAAC,CAACE,EAEP,CAAC;MAEZ;MACA,oBAAO,IAAAzB,WAAA,CAAAkB,GAAA,EAACnB,eAAA,CAAA6B,cAAc;QAAYL,CAAC,EAAEA;MAAE,GAAXA,CAAC,CAACE,EAAW,CAAC;IAC5C,CAAC;EAAC,CACF,CAAC;AAEP","ignoreList":[]}

package/lib/commonjs/canvas/BaseImageLayer.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseImageLayer = BaseImageLayer;
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Draws the base image in IMAGE space (x=0,y=0, native width/height). The parent
+ * scene `<Group>` maps it onto the screen, so this same layer renders identically
+ * off-screen at full resolution during export.
+ */
+function BaseImageLayer({
+  image,
+  size
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Image, {
+    image: image,
+    x: 0,
+    y: 0,
+    width: size.width,
+    height: size.height,
+    fit: "fill"
+  });
+}
+//# sourceMappingURL=BaseImageLayer.js.map

package/lib/commonjs/canvas/BaseImageLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSkia","require","_jsxRuntime","BaseImageLayer","image","size","jsx","Image","x","y","width","height","fit"],"sourceRoot":"..\\..\\..\\src","sources":["canvas/BaseImageLayer.tsx"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAmD,IAAAC,WAAA,GAAAD,OAAA;AAKnD;AACA;AACA;AACA;AACA;AACO,SAASE,cAAcA,CAAC;EAC7BC,KAAK;EACLC;AAIF,CAAC,EAAE;EACD,oBACE,IAAAH,WAAA,CAAAI,GAAA,EAACN,gBAAA,CAAAO,KAAK;IACJH,KAAK,EAAEA,KAAM;IACbI,CAAC,EAAE,CAAE;IACLC,CAAC,EAAE,CAAE;IACLC,KAAK,EAAEL,IAAI,CAACK,KAAM;IAClBC,MAAM,EAAEN,IAAI,CAACM,MAAO;IACpBC,GAAG,EAAC;EAAM,CACX,CAAC;AAEN","ignoreList":[]}

package/lib/commonjs/canvas/CropOverlay.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CropOverlay = CropOverlay;
+var _react = require("react");
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("../constants");
+var _math = require("../utils/math");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Crop UI drawn in screen space: a dimmed full-screen scrim plus the crop
+ * rectangle's border and corner handles, which follow `cropRectSV` on the UI
+ * thread (works even when the scene is rotated, since the border is a quad).
+ */
+function CropOverlay({
+  editor
+}) {
+  const {
+    tool,
+    doc,
+    cropRectSV,
+    matrixSV,
+    imageSize,
+    layout
+  } = editor;
+
+  // When entering the crop tool, seed the crop rect from the current scene.
+  (0, _react.useEffect)(() => {
+    if (tool === 'crop') {
+      cropRectSV.value = doc.scene.cropRect ?? {
+        x: 0,
+        y: 0,
+        width: imageSize.width,
+        height: imageSize.height
+      };
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [tool]);
+  const cropPath = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    const r = cropRectSV.value;
+    const m = matrixSV.value;
+    const p = _reactNativeSkia.Skia.Path.Make();
+    const c0 = (0, _math.applyToPoint)(m, {
+      x: r.x,
+      y: r.y
+    });
+    const c1 = (0, _math.applyToPoint)(m, {
+      x: r.x + r.width,
+      y: r.y
+    });
+    const c2 = (0, _math.applyToPoint)(m, {
+      x: r.x + r.width,
+      y: r.y + r.height
+    });
+    const c3 = (0, _math.applyToPoint)(m, {
+      x: r.x,
+      y: r.y + r.height
+    });
+    p.moveTo(c0.x, c0.y);
+    p.lineTo(c1.x, c1.y);
+    p.lineTo(c2.x, c2.y);
+    p.lineTo(c3.x, c3.y);
+    p.close();
+    return p;
+  });
+  const corners = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    const r = cropRectSV.value;
+    const m = matrixSV.value;
+    return [(0, _math.applyToPoint)(m, {
+      x: r.x,
+      y: r.y
+    }), (0, _math.applyToPoint)(m, {
+      x: r.x + r.width,
+      y: r.y
+    }), (0, _math.applyToPoint)(m, {
+      x: r.x + r.width,
+      y: r.y + r.height
+    }), (0, _math.applyToPoint)(m, {
+      x: r.x,
+      y: r.y + r.height
+    })];
+  });
+
+  // Per-corner x/y derived values (declared unconditionally — rules of hooks).
+  const c0x = (0, _reactNativeReanimated.useDerivedValue)(() => corners.value[0].x);
+  const c0y = (0, _reactNativeReanimated.useDerivedValue)(() => corners.value[0].y);
+  const c1x = (0, _reactNativeReanimated.useDerivedValue)(() => corners.value[1].x);
+  const c1y = (0, _reactNativeReanimated.useDerivedValue)(() => corners.value[1].y);
+  const c2x = (0, _reactNativeReanimated.useDerivedValue)(() => corners.value[2].x);
+  const c2y = (0, _reactNativeReanimated.useDerivedValue)(() => corners.value[2].y);
+  const c3x = (0, _reactNativeReanimated.useDerivedValue)(() => corners.value[3].x);
+  const c3y = (0, _reactNativeReanimated.useDerivedValue)(() => corners.value[3].y);
+  if (tool !== 'crop') {
+    return null;
+  }
+  const r = _constants.HANDLE_SIZE / 2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSkia.Group, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+      x: 0,
+      y: 0,
+      width: layout.width,
+      height: layout.height,
+      color: "rgba(0,0,0,0.45)"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Path, {
+      path: cropPath,
+      color: "#FFFFFF",
+      style: "stroke",
+      strokeWidth: 2
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
+      cx: c0x,
+      cy: c0y,
+      r: r,
+      color: "#FFFFFF"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
+      cx: c1x,
+      cy: c1y,
+      r: r,
+      color: "#FFFFFF"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
+      cx: c2x,
+      cy: c2y,
+      r: r,
+      color: "#FFFFFF"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
+      cx: c3x,
+      cy: c3y,
+      r: r,
+      color: "#FFFFFF"
+    })]
+  });
+}
+//# sourceMappingURL=CropOverlay.js.map

package/lib/commonjs/canvas/CropOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeSkia","_reactNativeReanimated","_constants","_math","_jsxRuntime","CropOverlay","editor","tool","doc","cropRectSV","matrixSV","imageSize","layout","useEffect","value","scene","cropRect","x","y","width","height","cropPath","useDerivedValue","r","m","p","Skia","Path","Make","c0","applyToPoint","c1","c2","c3","moveTo","lineTo","close","corners","c0x","c0y","c1x","c1y","c2x","c2y","c3x","c3y","HANDLE_SIZE","jsxs","Group","children","jsx","Rect","color","path","style","strokeWidth","Circle","cx","cy"],"sourceRoot":"..\\..\\..\\src","sources":["canvas/CropOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/canvas/EditorCanvas.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorCanvas = EditorCanvas;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _EditorContext = require("../context/EditorContext");
+var _math = require("../utils/math");
+var _useEditorGestures = require("../gestures/useEditorGestures");
+var _useCropGesture = require("../gestures/useCropGesture");
+var _BaseImageLayer = require("./BaseImageLayer");
+var _AnnotationLayer = require("./AnnotationLayer");
+var _InFlightLayer = require("./InFlightLayer");
+var _SelectionOverlay = require("./SelectionOverlay");
+var _CropOverlay = require("./CropOverlay");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * The Skia canvas host. Layers, under one scene `<Group>` transform:
+ *   base image → committed annotations → in-flight draft
+ * plus screen-space overlays (selection handles, crop UI). A single composed
+ * gesture drives all editing.
+ *
+ * IMPORTANT: React Context does NOT cross the Skia `<Canvas>` boundary — Skia
+ * renders Canvas children with its own reconciler, so a Provider mounted outside
+ * the Canvas is invisible inside it. Every Canvas child therefore receives the
+ * whole editor value via an `editor` PROP instead of calling `useEditor()`.
+ * Also, `<Canvas onLayout>` is unsupported on the New Architecture, so we measure
+ * on a wrapping `<View>`.
+ */
+function EditorCanvas({
+  image
+}) {
+  const editor = (0, _EditorContext.useEditor)();
+  const {
+    doc,
+    imageSize,
+    setLayout,
+    layout
+  } = editor;
+  const pan = (0, _useEditorGestures.useEditorGestures)();
+  const cropPan = (0, _useCropGesture.useCropGesture)();
+  const gesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Race(cropPan, pan), [cropPan, pan]);
+  const transform = (0, _react.useMemo)(() => (0, _math.sceneTransforms2d)(doc.scene, imageSize, layout), [doc.scene, imageSize, layout]);
+  const onLayout = e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    if (width > 0 && height > 0) {
+      setLayout({
+        width,
+        height
+      });
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.fill,
+    onLayout: onLayout,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+      gesture: gesture,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSkia.Canvas, {
+        style: styles.fill,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSkia.Group, {
+          transform: transform,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseImageLayer.BaseImageLayer, {
+            image: image,
+            size: imageSize
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnnotationLayer.AnnotationLayer, {
+            editor: editor
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InFlightLayer.InFlightLayer, {
+            editor: editor
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectionOverlay.SelectionOverlay, {
+          editor: editor
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CropOverlay.CropOverlay, {
+          editor: editor
+        })]
+      })
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  fill: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=EditorCanvas.js.map

package/lib/commonjs/canvas/EditorCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSkia","_reactNativeGestureHandler","_EditorContext","_math","_useEditorGestures","_useCropGesture","_BaseImageLayer","_AnnotationLayer","_InFlightLayer","_SelectionOverlay","_CropOverlay","_jsxRuntime","EditorCanvas","image","editor","useEditor","doc","imageSize","setLayout","layout","pan","useEditorGestures","cropPan","useCropGesture","gesture","useMemo","Gesture","Race","transform","sceneTransforms2d","scene","onLayout","e","width","height","nativeEvent","jsx","View","style","styles","fill","children","GestureDetector","jsxs","Canvas","Group","BaseImageLayer","size","AnnotationLayer","InFlightLayer","SelectionOverlay","CropOverlay","StyleSheet","create","flex"],"sourceRoot":"..\\..\\..\\src","sources":["canvas/EditorCanvas.tsx"],"mappings":"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","ignoreList":[]}