react-native-image-editor-skia 0.1.0

package/lib/commonjs/canvas/InFlightLayer.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InFlightLayer = InFlightLayer;
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("../constants");
+var _color = require("../utils/color");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Renders the shape currently being drawn, bound to the `draw` shared values so
+ * it updates on the UI thread. The active tool is fixed for the duration of a
+ * draw, so switching on it here is safe. Opacity is 0 when not drawing.
+ *
+ * Receives `editor` as a prop (context does not cross the Skia Canvas boundary).
+ */
+function InFlightLayer({
+  editor
+}) {
+  const {
+    tool,
+    draw,
+    strokeColor,
+    strokeWidth
+  } = editor;
+  const opacity = (0, _reactNativeReanimated.useDerivedValue)(() => draw.active.value ? 1 : 0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSkia.Group, {
+    opacity: opacity,
+    children: [tool === 'circle' && /*#__PURE__*/(0, _jsxRuntime.jsx)(CirclePreview, {
+      draw: draw,
+      color: strokeColor,
+      width: strokeWidth
+    }), tool === 'arrow' && /*#__PURE__*/(0, _jsxRuntime.jsx)(ArrowPreview, {
+      draw: draw,
+      color: strokeColor,
+      width: strokeWidth
+    }), tool === 'marker' && /*#__PURE__*/(0, _jsxRuntime.jsx)(MarkerPreview, {
+      draw: draw,
+      color: strokeColor
+    }), tool === 'freehand' && /*#__PURE__*/(0, _jsxRuntime.jsx)(FreehandPreview, {
+      draw: draw,
+      color: strokeColor,
+      width: strokeWidth
+    })]
+  });
+}
+function CirclePreview({
+  draw,
+  color,
+  width
+}) {
+  const cx = (0, _reactNativeReanimated.useDerivedValue)(() => draw.start.value.x);
+  const cy = (0, _reactNativeReanimated.useDerivedValue)(() => draw.start.value.y);
+  const r = (0, _reactNativeReanimated.useDerivedValue)(() => Math.hypot(draw.current.value.x - draw.start.value.x, draw.current.value.y - draw.start.value.y));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
+    cx: cx,
+    cy: cy,
+    r: r,
+    color: color,
+    style: "stroke",
+    strokeWidth: width
+  });
+}
+function ArrowPreview({
+  draw,
+  color,
+  width
+}) {
+  const headSize = width * _constants.ARROW_HEAD_RATIO;
+  const p1 = (0, _reactNativeReanimated.useDerivedValue)(() => draw.start.value);
+  const p2 = (0, _reactNativeReanimated.useDerivedValue)(() => draw.current.value);
+  const barb1 = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    const s = draw.start.value;
+    const e = draw.current.value;
+    const angle = Math.atan2(e.y - s.y, e.x - s.x);
+    const barb = Math.PI * 5 / 6;
+    return {
+      x: e.x + headSize * Math.cos(angle + barb),
+      y: e.y + headSize * Math.sin(angle + barb)
+    };
+  });
+  const barb2 = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    const s = draw.start.value;
+    const e = draw.current.value;
+    const angle = Math.atan2(e.y - s.y, e.x - s.x);
+    const barb = Math.PI * 5 / 6;
+    return {
+      x: e.x + headSize * Math.cos(angle - barb),
+      y: e.y + headSize * Math.sin(angle - barb)
+    };
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSkia.Group, {
+    color: color,
+    style: "stroke",
+    strokeWidth: width,
+    strokeCap: "round",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Line, {
+      p1: p1,
+      p2: p2
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Line, {
+      p1: p2,
+      p2: barb1
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Line, {
+      p1: p2,
+      p2: barb2
+    })]
+  });
+}
+function MarkerPreview({
+  draw,
+  color
+}) {
+  const x = (0, _reactNativeReanimated.useDerivedValue)(() => Math.min(draw.start.value.x, draw.current.value.x));
+  const y = (0, _reactNativeReanimated.useDerivedValue)(() => Math.min(draw.start.value.y, draw.current.value.y));
+  const w = (0, _reactNativeReanimated.useDerivedValue)(() => Math.abs(draw.current.value.x - draw.start.value.x));
+  const h = (0, _reactNativeReanimated.useDerivedValue)(() => Math.abs(draw.current.value.y - draw.start.value.y));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+    x: x,
+    y: y,
+    width: w,
+    height: h,
+    color: (0, _color.withOpacity)(color, _constants.MARKER_OPACITY)
+  });
+}
+function FreehandPreview({
+  draw,
+  color,
+  width
+}) {
+  const path = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    const pts = draw.points.value;
+    const p = _reactNativeSkia.Skia.Path.Make();
+    if (pts.length > 0) {
+      p.moveTo(pts[0].x, pts[0].y);
+      for (let i = 1; i < pts.length; i++) {
+        p.lineTo(pts[i].x, pts[i].y);
+      }
+    }
+    return p;
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Path, {
+    path: path,
+    color: color,
+    style: "stroke",
+    strokeWidth: width,
+    strokeCap: "round",
+    strokeJoin: "round"
+  });
+}
+//# sourceMappingURL=InFlightLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSkia","require","_reactNativeReanimated","_constants","_color","_jsxRuntime","InFlightLayer","editor","tool","draw","strokeColor","strokeWidth","opacity","useDerivedValue","active","value","jsxs","Group","children","jsx","CirclePreview","color","width","ArrowPreview","MarkerPreview","FreehandPreview","cx","start","x","cy","y","r","Math","hypot","current","Circle","style","headSize","ARROW_HEAD_RATIO","p1","p2","barb1","s","e","angle","atan2","barb","PI","cos","sin","barb2","strokeCap","Line","min","w","abs","h","Rect","height","withOpacity","MARKER_OPACITY","path","pts","points","p","Skia","Path","Make","length","moveTo","i","lineTo","strokeJoin"],"sourceRoot":"..\\..\\..\\src","sources":["canvas/InFlightLayer.tsx"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAGA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA6C,IAAAI,WAAA,GAAAJ,OAAA;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,aAAaA,CAAC;EAAEC;AAAuC,CAAC,EAAE;EACxE,MAAM;IAAEC,IAAI;IAAEC,IAAI;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAGJ,MAAM;EAEvD,MAAMK,OAAO,GAAG,IAAAC,sCAAe,EAAC,MAAOJ,IAAI,CAACK,MAAM,CAACC,KAAK,GAAG,CAAC,GAAG,CAAE,CAAC;EAElE,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAAChB,gBAAA,CAAAiB,KAAK;IAACL,OAAO,EAAEA,OAAQ;IAAAM,QAAA,GACrBV,IAAI,KAAK,QAAQ,iBAChB,IAAAH,WAAA,CAAAc,GAAA,EAACC,aAAa;MAACX,IAAI,EAAEA,IAAK;MAACY,KAAK,EAAEX,WAAY;MAACY,KAAK,EAAEX;IAAY,CAAE,CACrE,EACAH,IAAI,KAAK,OAAO,iBACf,IAAAH,WAAA,CAAAc,GAAA,EAACI,YAAY;MAACd,IAAI,EAAEA,IAAK;MAACY,KAAK,EAAEX,WAAY;MAACY,KAAK,EAAEX;IAAY,CAAE,CACpE,EACAH,IAAI,KAAK,QAAQ,iBAAI,IAAAH,WAAA,CAAAc,GAAA,EAACK,aAAa;MAACf,IAAI,EAAEA,IAAK;MAACY,KAAK,EAAEX;IAAY,CAAE,CAAC,EACtEF,IAAI,KAAK,UAAU,iBAClB,IAAAH,WAAA,CAAAc,GAAA,EAACM,eAAe;MAAChB,IAAI,EAAEA,IAAK;MAACY,KAAK,EAAEX,WAAY;MAACY,KAAK,EAAEX;IAAY,CAAE,CACvE;EAAA,CACI,CAAC;AAEZ;AAEA,SAASS,aAAaA,CAAC;EACrBX,IAAI;EACJY,KAAK;EACLC;AAKF,CAAC,EAAE;EACD,MAAMI,EAAE,GAAG,IAAAb,sCAAe,EAAC,MAAMJ,IAAI,CAACkB,KAAK,CAACZ,KAAK,CAACa,CAAC,CAAC;EACpD,MAAMC,EAAE,GAAG,IAAAhB,sCAAe,EAAC,MAAMJ,IAAI,CAACkB,KAAK,CAACZ,KAAK,CAACe,CAAC,CAAC;EACpD,MAAMC,CAAC,GAAG,IAAAlB,sCAAe,EAAC,MACxBmB,IAAI,CAACC,KAAK,CACRxB,IAAI,CAACyB,OAAO,CAACnB,KAAK,CAACa,CAAC,GAAGnB,IAAI,CAACkB,KAAK,CAACZ,KAAK,CAACa,CAAC,EACzCnB,IAAI,CAACyB,OAAO,CAACnB,KAAK,CAACe,CAAC,GAAGrB,IAAI,CAACkB,KAAK,CAACZ,KAAK,CAACe,CAC1C,CACF,CAAC;EACD,oBACE,IAAAzB,WAAA,CAAAc,GAAA,EAACnB,gBAAA,CAAAmC,MAAM;IAACT,EAAE,EAAEA,EAAG;IAACG,EAAE,EAAEA,EAAG;IAACE,CAAC,EAAEA,CAAE;IAACV,KAAK,EAAEA,KAAM;IAACe,KAAK,EAAC,QAAQ;IAACzB,WAAW,EAAEW;EAAM,CAAE,CAAC;AAErF;AAEA,SAASC,YAAYA,CAAC;EACpBd,IAAI;EACJY,KAAK;EACLC;AAKF,CAAC,EAAE;EACD,MAAMe,QAAQ,GAAGf,KAAK,GAAGgB,2BAAgB;EAEzC,MAAMC,EAAE,GAAG,IAAA1B,sCAAe,EAAC,MAAMJ,IAAI,CAACkB,KAAK,CAACZ,KAAK,CAAC;EAClD,MAAMyB,EAAE,GAAG,IAAA3B,sCAAe,EAAC,MAAMJ,IAAI,CAACyB,OAAO,CAACnB,KAAK,CAAC;EACpD,MAAM0B,KAAK,GAAG,IAAA5B,sCAAe,EAAC,MAAM;IAClC,MAAM6B,CAAC,GAAGjC,IAAI,CAACkB,KAAK,CAACZ,KAAK;IAC1B,MAAM4B,CAAC,GAAGlC,IAAI,CAACyB,OAAO,CAACnB,KAAK;IAC5B,MAAM6B,KAAK,GAAGZ,IAAI,CAACa,KAAK,CAACF,CAAC,CAACb,CAAC,GAAGY,CAAC,CAACZ,CAAC,EAAEa,CAAC,CAACf,CAAC,GAAGc,CAAC,CAACd,CAAC,CAAC;IAC9C,MAAMkB,IAAI,GAAId,IAAI,CAACe,EAAE,GAAG,CAAC,GAAI,CAAC;IAC9B,OAAO;MACLnB,CAAC,EAAEe,CAAC,CAACf,CAAC,GAAGS,QAAQ,GAAGL,IAAI,CAACgB,GAAG,CAACJ,KAAK,GAAGE,IAAI,CAAC;MAC1ChB,CAAC,EAAEa,CAAC,CAACb,CAAC,GAAGO,QAAQ,GAAGL,IAAI,CAACiB,GAAG,CAACL,KAAK,GAAGE,IAAI;IAC3C,CAAC;EACH,CAAC,CAAC;EACF,MAAMI,KAAK,GAAG,IAAArC,sCAAe,EAAC,MAAM;IAClC,MAAM6B,CAAC,GAAGjC,IAAI,CAACkB,KAAK,CAACZ,KAAK;IAC1B,MAAM4B,CAAC,GAAGlC,IAAI,CAACyB,OAAO,CAACnB,KAAK;IAC5B,MAAM6B,KAAK,GAAGZ,IAAI,CAACa,KAAK,CAACF,CAAC,CAACb,CAAC,GAAGY,CAAC,CAACZ,CAAC,EAAEa,CAAC,CAACf,CAAC,GAAGc,CAAC,CAACd,CAAC,CAAC;IAC9C,MAAMkB,IAAI,GAAId,IAAI,CAACe,EAAE,GAAG,CAAC,GAAI,CAAC;IAC9B,OAAO;MACLnB,CAAC,EAAEe,CAAC,CAACf,CAAC,GAAGS,QAAQ,GAAGL,IAAI,CAACgB,GAAG,CAACJ,KAAK,GAAGE,IAAI,CAAC;MAC1ChB,CAAC,EAAEa,CAAC,CAACb,CAAC,GAAGO,QAAQ,GAAGL,IAAI,CAACiB,GAAG,CAACL,KAAK,GAAGE,IAAI;IAC3C,CAAC;EACH,CAAC,CAAC;EAEF,oBACE,IAAAzC,WAAA,CAAAW,IAAA,EAAChB,gBAAA,CAAAiB,KAAK;IAACI,KAAK,EAAEA,KAAM;IAACe,KAAK,EAAC,QAAQ;IAACzB,WAAW,EAAEW,KAAM;IAAC6B,SAAS,EAAC,OAAO;IAAAjC,QAAA,gBACvE,IAAAb,WAAA,CAAAc,GAAA,EAACnB,gBAAA,CAAAoD,IAAI;MAACb,EAAE,EAAEA,EAAG;MAACC,EAAE,EAAEA;IAAG,CAAE,CAAC,eACxB,IAAAnC,WAAA,CAAAc,GAAA,EAACnB,gBAAA,CAAAoD,IAAI;MAACb,EAAE,EAAEC,EAAG;MAACA,EAAE,EAAEC;IAAM,CAAE,CAAC,eAC3B,IAAApC,WAAA,CAAAc,GAAA,EAACnB,gBAAA,CAAAoD,IAAI;MAACb,EAAE,EAAEC,EAAG;MAACA,EAAE,EAAEU;IAAM,CAAE,CAAC;EAAA,CACtB,CAAC;AAEZ;AAEA,SAAS1B,aAAaA,CAAC;EAAEf,IAAI;EAAEY;AAA0C,CAAC,EAAE;EAC1E,MAAMO,CAAC,GAAG,IAAAf,sCAAe,EAAC,MAAMmB,IAAI,CAACqB,GAAG,CAAC5C,IAAI,CAACkB,KAAK,CAACZ,KAAK,CAACa,CAAC,EAAEnB,IAAI,CAACyB,OAAO,CAACnB,KAAK,CAACa,CAAC,CAAC,CAAC;EACnF,MAAME,CAAC,GAAG,IAAAjB,sCAAe,EAAC,MAAMmB,IAAI,CAACqB,GAAG,CAAC5C,IAAI,CAACkB,KAAK,CAACZ,KAAK,CAACe,CAAC,EAAErB,IAAI,CAACyB,OAAO,CAACnB,KAAK,CAACe,CAAC,CAAC,CAAC;EACnF,MAAMwB,CAAC,GAAG,IAAAzC,sCAAe,EAAC,MAAMmB,IAAI,CAACuB,GAAG,CAAC9C,IAAI,CAACyB,OAAO,CAACnB,KAAK,CAACa,CAAC,GAAGnB,IAAI,CAACkB,KAAK,CAACZ,KAAK,CAACa,CAAC,CAAC,CAAC;EACpF,MAAM4B,CAAC,GAAG,IAAA3C,sCAAe,EAAC,MAAMmB,IAAI,CAACuB,GAAG,CAAC9C,IAAI,CAACyB,OAAO,CAACnB,KAAK,CAACe,CAAC,GAAGrB,IAAI,CAACkB,KAAK,CAACZ,KAAK,CAACe,CAAC,CAAC,CAAC;EACpF,oBAAO,IAAAzB,WAAA,CAAAc,GAAA,EAACnB,gBAAA,CAAAyD,IAAI;IAAC7B,CAAC,EAAEA,CAAE;IAACE,CAAC,EAAEA,CAAE;IAACR,KAAK,EAAEgC,CAAE;IAACI,MAAM,EAAEF,CAAE;IAACnC,KAAK,EAAE,IAAAsC,kBAAW,EAACtC,KAAK,EAAEuC,yBAAc;EAAE,CAAE,CAAC;AAC7F;AAEA,SAASnC,eAAeA,CAAC;EACvBhB,IAAI;EACJY,KAAK;EACLC;AAKF,CAAC,EAAE;EACD,MAAMuC,IAAI,GAAG,IAAAhD,sCAAe,EAAS,MAAM;IACzC,MAAMiD,GAAG,GAAGrD,IAAI,CAACsD,MAAM,CAAChD,KAAK;IAC7B,MAAMiD,CAAC,GAAGC,qBAAI,CAACC,IAAI,CAACC,IAAI,CAAC,CAAC;IAC1B,IAAIL,GAAG,CAACM,MAAM,GAAG,CAAC,EAAE;MAClBJ,CAAC,CAACK,MAAM,CAACP,GAAG,CAAC,CAAC,CAAC,CAAElC,CAAC,EAAEkC,GAAG,CAAC,CAAC,CAAC,CAAEhC,CAAC,CAAC;MAC9B,KAAK,IAAIwC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGR,GAAG,CAACM,MAAM,EAAEE,CAAC,EAAE,EAAE;QACnCN,CAAC,CAACO,MAAM,CAACT,GAAG,CAACQ,CAAC,CAAC,CAAE1C,CAAC,EAAEkC,GAAG,CAACQ,CAAC,CAAC,CAAExC,CAAC,CAAC;MAChC;IACF;IACA,OAAOkC,CAAC;EACV,CAAC,CAAC;EACF,oBACE,IAAA3D,WAAA,CAAAc,GAAA,EAACnB,gBAAA,CAAAkE,IAAI;IACHL,IAAI,EAAEA,IAAK;IACXxC,KAAK,EAAEA,KAAM;IACbe,KAAK,EAAC,QAAQ;IACdzB,WAAW,EAAEW,KAAM;IACnB6B,SAAS,EAAC,OAAO;IACjBqB,UAAU,EAAC;EAAO,CACnB,CAAC;AAEN","ignoreList":[]}

package/lib/commonjs/canvas/SelectionOverlay.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectionOverlay = SelectionOverlay;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _selectors = require("../state/selectors");
+var _handles = require("../gestures/handles");
+var _constants = require("../constants");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const SELECTION_COLOR = '#1E90FF';
+
+/**
+ * Draws the selection bounding box + resize corners + rotate handle in SCREEN
+ * space (outside the scene transform, so handle size is zoom-independent). The
+ * overlay hides itself during an active live transform to avoid a stale double.
+ */
+function SelectionOverlay({
+  editor
+}) {
+  const {
+    annotations,
+    selectedId,
+    matrix,
+    live
+  } = editor;
+  const selected = (0, _selectors.getAnnotationById)(annotations, selectedId);
+  const opacity = (0, _reactNativeReanimated.useDerivedValue)(() => live.active.value ? 0 : 1);
+  const handles = (0, _react.useMemo)(() => selected ? (0, _handles.selectionHandles)(selected, matrix) : null, [selected, matrix]);
+  const boxPath = (0, _react.useMemo)(() => {
+    if (!handles) {
+      return null;
+    }
+    const p = _reactNativeSkia.Skia.Path.Make();
+    const c = handles.corners;
+    p.moveTo(c[0].x, c[0].y);
+    p.lineTo(c[1].x, c[1].y);
+    p.lineTo(c[2].x, c[2].y);
+    p.lineTo(c[3].x, c[3].y);
+    p.close();
+    return p;
+  }, [handles]);
+  if (!selected || !handles || !boxPath) {
+    return null;
+  }
+  const topMid = {
+    x: (handles.corners[0].x + handles.corners[1].x) / 2,
+    y: (handles.corners[0].y + handles.corners[1].y) / 2
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSkia.Group, {
+    opacity: opacity,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Path, {
+      path: boxPath,
+      color: SELECTION_COLOR,
+      style: "stroke",
+      strokeWidth: 2
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Line, {
+      p1: topMid,
+      p2: handles.rotate,
+      color: SELECTION_COLOR,
+      strokeWidth: 2
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Circle, {
+      cx: handles.rotate.x,
+      cy: handles.rotate.y,
+      r: _constants.HANDLE_SIZE / 2,
+      color: SELECTION_COLOR
+    }), handles.corners.map((corner, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+        x: corner.x - _constants.HANDLE_SIZE / 2,
+        y: corner.y - _constants.HANDLE_SIZE / 2,
+        width: _constants.HANDLE_SIZE,
+        height: _constants.HANDLE_SIZE,
+        color: "#FFFFFF"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSkia.Rect, {
+        x: corner.x - _constants.HANDLE_SIZE / 2,
+        y: corner.y - _constants.HANDLE_SIZE / 2,
+        width: _constants.HANDLE_SIZE,
+        height: _constants.HANDLE_SIZE,
+        color: SELECTION_COLOR,
+        style: "stroke",
+        strokeWidth: 2
+      })]
+    }, i))]
+  });
+}
+//# sourceMappingURL=SelectionOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeSkia","_reactNativeReanimated","_selectors","_handles","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SELECTION_COLOR","SelectionOverlay","editor","annotations","selectedId","matrix","live","selected","getAnnotationById","opacity","useDerivedValue","active","value","handles","useMemo","selectionHandles","boxPath","p","Skia","Path","Make","c","corners","moveTo","x","y","lineTo","close","topMid","jsxs","Group","children","jsx","path","color","style","strokeWidth","Line","p1","p2","rotate","Circle","cx","cy","HANDLE_SIZE","map","corner","Fragment","Rect","width","height"],"sourceRoot":"..\\..\\..\\src","sources":["canvas/SelectionOverlay.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAQA,IAAAE,sBAAA,GAAAF,OAAA;AAGA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA2C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE3C,MAAMkB,eAAe,GAAG,SAAS;;AAEjC;AACA;AACA;AACA;AACA;AACO,SAASC,gBAAgBA,CAAC;EAAEC;AAAuC,CAAC,EAAE;EAC3E,MAAM;IAAEC,WAAW;IAAEC,UAAU;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAGJ,MAAM;EACxD,MAAMK,QAAQ,GAAG,IAAAC,4BAAiB,EAACL,WAAW,EAAEC,UAAU,CAAC;EAE3D,MAAMK,OAAO,GAAG,IAAAC,sCAAe,EAAC,MAAOJ,IAAI,CAACK,MAAM,CAACC,KAAK,GAAG,CAAC,GAAG,CAAE,CAAC;EAElE,MAAMC,OAAO,GAAG,IAAAC,cAAO,EACrB,MAAOP,QAAQ,GAAG,IAAAQ,yBAAgB,EAACR,QAAQ,EAAEF,MAAM,CAAC,GAAG,IAAK,EAC5D,CAACE,QAAQ,EAAEF,MAAM,CACnB,CAAC;EAED,MAAMW,OAAO,GAAG,IAAAF,cAAO,EAAC,MAAM;IAC5B,IAAI,CAACD,OAAO,EAAE;MACZ,OAAO,IAAI;IACb;IACA,MAAMI,CAAC,GAAGC,qBAAI,CAACC,IAAI,CAACC,IAAI,CAAC,CAAC;IAC1B,MAAMC,CAAC,GAAGR,OAAO,CAACS,OAAO;IACzBL,CAAC,CAACM,MAAM,CAACF,CAAC,CAAC,CAAC,CAAC,CAACG,CAAC,EAAEH,CAAC,CAAC,CAAC,CAAC,CAACI,CAAC,CAAC;IACxBR,CAAC,CAACS,MAAM,CAACL,CAAC,CAAC,CAAC,CAAC,CAACG,CAAC,EAAEH,CAAC,CAAC,CAAC,CAAC,CAACI,CAAC,CAAC;IACxBR,CAAC,CAACS,MAAM,CAACL,CAAC,CAAC,CAAC,CAAC,CAACG,CAAC,EAAEH,CAAC,CAAC,CAAC,CAAC,CAACI,CAAC,CAAC;IACxBR,CAAC,CAACS,MAAM,CAACL,CAAC,CAAC,CAAC,CAAC,CAACG,CAAC,EAAEH,CAAC,CAAC,CAAC,CAAC,CAACI,CAAC,CAAC;IACxBR,CAAC,CAACU,KAAK,CAAC,CAAC;IACT,OAAOV,CAAC;EACV,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;EAEb,IAAI,CAACN,QAAQ,IAAI,CAACM,OAAO,IAAI,CAACG,OAAO,EAAE;IACrC,OAAO,IAAI;EACb;EAEA,MAAMY,MAAM,GAAG;IACbJ,CAAC,EAAE,CAACX,OAAO,CAACS,OAAO,CAAC,CAAC,CAAC,CAACE,CAAC,GAAGX,OAAO,CAACS,OAAO,CAAC,CAAC,CAAC,CAACE,CAAC,IAAI,CAAC;IACpDC,CAAC,EAAE,CAACZ,OAAO,CAACS,OAAO,CAAC,CAAC,CAAC,CAACG,CAAC,GAAGZ,OAAO,CAACS,OAAO,CAAC,CAAC,CAAC,CAACG,CAAC,IAAI;EACrD,CAAC;EAED,oBACE,IAAA7C,WAAA,CAAAiD,IAAA,EAACtD,gBAAA,CAAAuD,KAAK;IAACrB,OAAO,EAAEA,OAAQ;IAAAsB,QAAA,gBACtB,IAAAnD,WAAA,CAAAoD,GAAA,EAACzD,gBAAA,CAAA4C,IAAI;MACHc,IAAI,EAAEjB,OAAQ;MACdkB,KAAK,EAAElC,eAAgB;MACvBmC,KAAK,EAAC,QAAQ;MACdC,WAAW,EAAE;IAAE,CAChB,CAAC,eAEF,IAAAxD,WAAA,CAAAoD,GAAA,EAACzD,gBAAA,CAAA8D,IAAI;MAACC,EAAE,EAAEV,MAAO;MAACW,EAAE,EAAE1B,OAAO,CAAC2B,MAAO;MAACN,KAAK,EAAElC,eAAgB;MAACoC,WAAW,EAAE;IAAE,CAAE,CAAC,eAChF,IAAAxD,WAAA,CAAAoD,GAAA,EAACzD,gBAAA,CAAAkE,MAAM;MAACC,EAAE,EAAE7B,OAAO,CAAC2B,MAAM,CAAChB,CAAE;MAACmB,EAAE,EAAE9B,OAAO,CAAC2B,MAAM,CAACf,CAAE;MAACzC,CAAC,EAAE4D,sBAAW,GAAG,CAAE;MAACV,KAAK,EAAElC;IAAgB,CAAE,CAAC,EAEjGa,OAAO,CAACS,OAAO,CAACuB,GAAG,CAAC,CAACC,MAAM,EAAE1D,CAAC,kBAC7B,IAAAR,WAAA,CAAAiD,IAAA,EAACzD,MAAA,CAAAmB,OAAK,CAACwD,QAAQ;MAAAhB,QAAA,gBACb,IAAAnD,WAAA,CAAAoD,GAAA,EAACzD,gBAAA,CAAAyE,IAAI;QACHxB,CAAC,EAAEsB,MAAM,CAACtB,CAAC,GAAGoB,sBAAW,GAAG,CAAE;QAC9BnB,CAAC,EAAEqB,MAAM,CAACrB,CAAC,GAAGmB,sBAAW,GAAG,CAAE;QAC9BK,KAAK,EAAEL,sBAAY;QACnBM,MAAM,EAAEN,sBAAY;QACpBV,KAAK,EAAC;MAAS,CAChB,CAAC,eACF,IAAAtD,WAAA,CAAAoD,GAAA,EAACzD,gBAAA,CAAAyE,IAAI;QACHxB,CAAC,EAAEsB,MAAM,CAACtB,CAAC,GAAGoB,sBAAW,GAAG,CAAE;QAC9BnB,CAAC,EAAEqB,MAAM,CAACrB,CAAC,GAAGmB,sBAAW,GAAG,CAAE;QAC9BK,KAAK,EAAEL,sBAAY;QACnBM,MAAM,EAAEN,sBAAY;QACpBV,KAAK,EAAElC,eAAgB;QACvBmC,KAAK,EAAC,QAAQ;QACdC,WAAW,EAAE;MAAE,CAChB,CAAC;IAAA,GAhBiBhD,CAiBL,CACjB,CAAC;EAAA,CACG,CAAC;AAEZ","ignoreList":[]}

package/lib/commonjs/constants.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ROTATE_HANDLE_OFFSET = exports.MAX_HISTORY = exports.MARKER_OPACITY = exports.HIT_SLOP = exports.HANDLE_SIZE = exports.FREEHAND_MIN_DISTANCE = exports.DEFAULT_TEXT_WIDTH = exports.DEFAULT_TEXT_COLOR = exports.DEFAULT_STROKE_WIDTH = exports.DEFAULT_STROKE_COLOR = exports.DEFAULT_PALETTE = exports.DEFAULT_FONT_SIZE = exports.ARROW_HEAD_RATIO = void 0;
+/** Default stroke width (in image pixels) for new shapes. */
+const DEFAULT_STROKE_WIDTH = exports.DEFAULT_STROKE_WIDTH = 8;
+
+/** Default font size (in image pixels) for new text annotations. */
+const DEFAULT_FONT_SIZE = exports.DEFAULT_FONT_SIZE = 48;
+
+/** Default wrap width (in image pixels) for new text boxes. */
+const DEFAULT_TEXT_WIDTH = exports.DEFAULT_TEXT_WIDTH = 400;
+
+/** Semi-transparent opacity for the marker/highlighter tool. */
+const MARKER_OPACITY = exports.MARKER_OPACITY = 0.4;
+
+/** Arrowhead barb length as a multiple of stroke width. */
+const ARROW_HEAD_RATIO = exports.ARROW_HEAD_RATIO = 4;
+
+/** Touch slop (in screen points) added to hit-test radii for easier selection. */
+const HIT_SLOP = exports.HIT_SLOP = 12;
+
+/** On-screen size (points) of selection handles. */
+const HANDLE_SIZE = exports.HANDLE_SIZE = 14;
+
+/** Distance (points) the rotate handle sits above the selection's top edge. */
+const ROTATE_HANDLE_OFFSET = exports.ROTATE_HANDLE_OFFSET = 36;
+
+/** Max entries retained in the undo/redo history. */
+const MAX_HISTORY = exports.MAX_HISTORY = 50;
+
+/** Minimum spacing (image px) between sampled freehand points. */
+const FREEHAND_MIN_DISTANCE = exports.FREEHAND_MIN_DISTANCE = 3;
+const DEFAULT_STROKE_COLOR = exports.DEFAULT_STROKE_COLOR = '#FF3B30';
+const DEFAULT_TEXT_COLOR = exports.DEFAULT_TEXT_COLOR = '#FFFFFF';
+const DEFAULT_PALETTE = exports.DEFAULT_PALETTE = ['#FF3B30',
+// red
+'#FF9500',
+// orange
+'#FFCC00',
+// yellow
+'#34C759',
+// green
+'#007AFF',
+// blue
+'#5856D6',
+// indigo
+'#AF52DE',
+// purple
+'#FFFFFF',
+// white
+'#000000' // black
+];
+//# sourceMappingURL=constants.js.map

package/lib/commonjs/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_STROKE_WIDTH","exports","DEFAULT_FONT_SIZE","DEFAULT_TEXT_WIDTH","MARKER_OPACITY","ARROW_HEAD_RATIO","HIT_SLOP","HANDLE_SIZE","ROTATE_HANDLE_OFFSET","MAX_HISTORY","FREEHAND_MIN_DISTANCE","DEFAULT_STROKE_COLOR","DEFAULT_TEXT_COLOR","DEFAULT_PALETTE"],"sourceRoot":"..\\..\\src","sources":["constants.ts"],"mappings":";;;;;;AAEA;AACO,MAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,CAAC;;AAErC;AACO,MAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,EAAE;;AAEnC;AACO,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAG,GAAG;;AAErC;AACO,MAAMC,cAAc,GAAAH,OAAA,CAAAG,cAAA,GAAG,GAAG;;AAEjC;AACO,MAAMC,gBAAgB,GAAAJ,OAAA,CAAAI,gBAAA,GAAG,CAAC;;AAEjC;AACO,MAAMC,QAAQ,GAAAL,OAAA,CAAAK,QAAA,GAAG,EAAE;;AAE1B;AACO,MAAMC,WAAW,GAAAN,OAAA,CAAAM,WAAA,GAAG,EAAE;;AAE7B;AACO,MAAMC,oBAAoB,GAAAP,OAAA,CAAAO,oBAAA,GAAG,EAAE;;AAEtC;AACO,MAAMC,WAAW,GAAAR,OAAA,CAAAQ,WAAA,GAAG,EAAE;;AAE7B;AACO,MAAMC,qBAAqB,GAAAT,OAAA,CAAAS,qBAAA,GAAG,CAAC;AAE/B,MAAMC,oBAAiC,GAAAV,OAAA,CAAAU,oBAAA,GAAG,SAAS;AACnD,MAAMC,kBAA+B,GAAAX,OAAA,CAAAW,kBAAA,GAAG,SAAS;AAEjD,MAAMC,eAA8B,GAAAZ,OAAA,CAAAY,eAAA,GAAG,CAC5C,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS;AAAE;AACX,SAAS,CAAE;AAAA,CACZ","ignoreList":[]}

package/lib/commonjs/context/EditorContext.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditorProvider = EditorProvider;
+exports.useEditor = useEditor;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeReanimated = require("react-native-reanimated");
+var _constants = require("../constants");
+var _useEditorReducer = require("../state/useEditorReducer");
+var _history = require("../state/history");
+var _math = require("../utils/math");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Live geometry of a shape currently being drawn (UI-thread shared values). */
+
+/** Live transform applied to the selected annotation during move/resize/rotate. */
+
+const EditorContext = /*#__PURE__*/(0, _react.createContext)(null);
+function useEditor() {
+  const ctx = (0, _react.useContext)(EditorContext);
+  if (!ctx) {
+    throw new Error('useEditor must be used within <EditorProvider>');
+  }
+  return ctx;
+}
+function EditorProvider({
+  imageSize,
+  initialStrokeColor = _constants.DEFAULT_STROKE_COLOR,
+  initialTextColor = _constants.DEFAULT_TEXT_COLOR,
+  palette = _constants.DEFAULT_PALETTE,
+  children
+}) {
+  const [state, dispatch] = (0, _useEditorReducer.useEditorReducer)();
+  const [tool, setTool] = (0, _react.useState)('select');
+  const [selectedId, setSelectedId] = (0, _react.useState)(null);
+  const [strokeColor, setStrokeColor] = (0, _react.useState)(initialStrokeColor);
+  const [textColor, setTextColor] = (0, _react.useState)(initialTextColor);
+  const [strokeWidth, setStrokeWidth] = (0, _react.useState)(_constants.DEFAULT_STROKE_WIDTH);
+  const [editingTextId, setEditingTextId] = (0, _react.useState)(null);
+  const [layout, setLayout] = (0, _react.useState)({
+    width: 1,
+    height: 1
+  });
+  const doc = state.present;
+
+  // Draw shared values.
+  const drawActive = (0, _reactNativeReanimated.useSharedValue)(false);
+  const drawStart = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+  const drawCurrent = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+  const drawPoints = (0, _reactNativeReanimated.useSharedValue)([]);
+
+  // Live transform shared values.
+  const liveActive = (0, _reactNativeReanimated.useSharedValue)(false);
+  const liveTx = (0, _reactNativeReanimated.useSharedValue)(0);
+  const liveTy = (0, _reactNativeReanimated.useSharedValue)(0);
+  const liveRotate = (0, _reactNativeReanimated.useSharedValue)(0);
+  const liveScale = (0, _reactNativeReanimated.useSharedValue)(1);
+  const liveOrigin = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+  const matrixSV = (0, _reactNativeReanimated.useSharedValue)((0, _math.identity)());
+  const cropRectSV = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0,
+    width: imageSize.width,
+    height: imageSize.height
+  });
+  const matrix = (0, _react.useMemo)(() => (0, _math.imageToScreenMatrix)(doc.scene, imageSize, layout), [doc.scene, imageSize, layout]);
+
+  // Mirror the JS-thread matrix into the shared value for worklet reads.
+  (0, _react.useEffect)(() => {
+    matrixSV.value = matrix;
+  }, [matrix, matrixSV]);
+  const value = (0, _react.useMemo)(() => ({
+    state,
+    dispatch,
+    doc,
+    annotations: doc.annotations,
+    canUndo: (0, _history.canUndo)(state),
+    canRedo: (0, _history.canRedo)(state),
+    tool,
+    setTool,
+    selectedId,
+    setSelectedId,
+    strokeColor,
+    setStrokeColor,
+    textColor,
+    setTextColor,
+    strokeWidth,
+    setStrokeWidth,
+    palette,
+    editingTextId,
+    setEditingTextId,
+    layout,
+    setLayout,
+    imageSize,
+    matrix,
+    matrixSV,
+    draw: {
+      active: drawActive,
+      start: drawStart,
+      current: drawCurrent,
+      points: drawPoints
+    },
+    live: {
+      active: liveActive,
+      tx: liveTx,
+      ty: liveTy,
+      rotate: liveRotate,
+      scale: liveScale,
+      origin: liveOrigin
+    },
+    cropRectSV
+  }),
+  // Shared values are stable refs; only re-memoize on JS-state changes.
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [state, doc, tool, selectedId, strokeColor, textColor, strokeWidth, palette, editingTextId, layout, imageSize, matrix]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditorContext.Provider, {
+    value: value,
+    children: children
+  });
+}
+//# sourceMappingURL=EditorContext.js.map

package/lib/commonjs/context/EditorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_constants","_useEditorReducer","_history","_math","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EditorContext","createContext","useEditor","ctx","useContext","Error","EditorProvider","imageSize","initialStrokeColor","DEFAULT_STROKE_COLOR","initialTextColor","DEFAULT_TEXT_COLOR","palette","DEFAULT_PALETTE","children","state","dispatch","useEditorReducer","tool","setTool","useState","selectedId","setSelectedId","strokeColor","setStrokeColor","textColor","setTextColor","strokeWidth","setStrokeWidth","DEFAULT_STROKE_WIDTH","editingTextId","setEditingTextId","layout","setLayout","width","height","doc","present","drawActive","useSharedValue","drawStart","x","y","drawCurrent","drawPoints","liveActive","liveTx","liveTy","liveRotate","liveScale","liveOrigin","matrixSV","identity","cropRectSV","matrix","useMemo","imageToScreenMatrix","scene","useEffect","value","annotations","canUndo","canRedo","draw","active","start","current","points","live","tx","ty","rotate","scale","origin","jsx","Provider"],"sourceRoot":"..\\..\\..\\src","sources":["context/EditorContext.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/export/drawScene.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.drawScene = drawScene;
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _selectors = require("../state/selectors");
+var _geometry = require("../annotations/geometry");
+var _color = require("../utils/color");
+const RAD_TO_DEG = 180 / Math.PI;
+
+/**
+ * Imperative draw of the base image + all annotations onto `canvas`, in IMAGE
+ * space. Shared by the off-screen export path. Mirrors the declarative on-screen
+ * renderers (same geometry, same rotation-about-center), so exports match the
+ * preview. The caller sets up the output transform + clip before calling this.
+ */
+function drawScene(canvas, image, annotations) {
+  canvas.drawImage(image, 0, 0);
+  for (const a of (0, _selectors.sortedByZ)(annotations)) {
+    drawAnnotation(canvas, a);
+  }
+}
+function strokePaint(color, width) {
+  const paint = _reactNativeSkia.Skia.Paint();
+  paint.setColor(_reactNativeSkia.Skia.Color(color));
+  paint.setStyle(_reactNativeSkia.PaintStyle.Stroke);
+  paint.setStrokeWidth(width);
+  paint.setAntiAlias(true);
+  paint.setStrokeCap(_reactNativeSkia.StrokeCap.Round);
+  paint.setStrokeJoin(_reactNativeSkia.StrokeJoin.Round);
+  return paint;
+}
+function fillPaint(color) {
+  const paint = _reactNativeSkia.Skia.Paint();
+  paint.setColor(_reactNativeSkia.Skia.Color(color));
+  paint.setStyle(_reactNativeSkia.PaintStyle.Fill);
+  paint.setAntiAlias(true);
+  return paint;
+}
+function drawAnnotation(canvas, a) {
+  const center = (0, _geometry.annotationCenter)(a);
+  canvas.save();
+  if (a.rotation) {
+    canvas.translate(center.x, center.y);
+    canvas.rotate(a.rotation * RAD_TO_DEG, 0, 0);
+    canvas.translate(-center.x, -center.y);
+  }
+  switch (a.type) {
+    case 'circle':
+      {
+        if (a.fill) {
+          canvas.drawCircle(a.center.x, a.center.y, a.radius, fillPaint(a.fill));
+        }
+        canvas.drawCircle(a.center.x, a.center.y, a.radius, strokePaint(a.strokeColor, a.strokeWidth));
+        break;
+      }
+    case 'arrow':
+      {
+        const path = (0, _geometry.buildArrowPath)(a.start, a.end, a.headSize);
+        canvas.drawPath(path, strokePaint(a.strokeColor, a.strokeWidth));
+        path.dispose?.();
+        break;
+      }
+    case 'marker':
+      {
+        const rect = _reactNativeSkia.Skia.XYWHRect(a.rect.x, a.rect.y, a.rect.width, a.rect.height);
+        canvas.drawRect(rect, fillPaint((0, _color.withOpacity)(a.color, a.opacity)));
+        break;
+      }
+    case 'freehand':
+      {
+        const path = (0, _geometry.buildFreehandPath)(a.points);
+        canvas.drawPath(path, strokePaint(a.strokeColor, a.strokeWidth));
+        path.dispose?.();
+        break;
+      }
+    case 'text':
+      {
+        const font = (0, _reactNativeSkia.matchFont)({
+          fontFamily: 'sans-serif',
+          fontSize: a.fontSize,
+          fontStyle: 'normal',
+          fontWeight: 'normal'
+        });
+        const paint = fillPaint(a.color);
+        const lineHeight = a.fontSize * 1.2;
+        a.text.split('\n').forEach((line, i) => {
+          canvas.drawText(line, a.origin.x, a.origin.y + a.fontSize + i * lineHeight, paint, font);
+        });
+        break;
+      }
+  }
+  canvas.restore();
+}
+//# sourceMappingURL=drawScene.js.map

package/lib/commonjs/export/drawScene.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSkia","require","_selectors","_geometry","_color","RAD_TO_DEG","Math","PI","drawScene","canvas","image","annotations","drawImage","a","sortedByZ","drawAnnotation","strokePaint","color","width","paint","Skia","Paint","setColor","Color","setStyle","PaintStyle","Stroke","setStrokeWidth","setAntiAlias","setStrokeCap","StrokeCap","Round","setStrokeJoin","StrokeJoin","fillPaint","Fill","center","annotationCenter","save","rotation","translate","x","y","rotate","type","fill","drawCircle","radius","strokeColor","strokeWidth","path","buildArrowPath","start","end","headSize","drawPath","dispose","rect","XYWHRect","height","drawRect","withOpacity","opacity","buildFreehandPath","points","font","matchFont","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","text","split","forEach","line","i","drawText","origin","restore"],"sourceRoot":"..\\..\\..\\src","sources":["export/drawScene.ts"],"mappings":"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","ignoreList":[]}