react-native-image-editor-skia 0.1.0

package/lib/commonjs/types.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IDENTITY_SCENE = void 0;
+/**
+ * Public + internal types for the Skia image editor.
+ *
+ * COORDINATE-SPACE CONTRACT (read this first):
+ * Every annotation's geometry is stored in **image space** — the base image's
+ * full-resolution pixel coordinate system (0..imageWidth, 0..imageHeight).
+ * It is NEVER stored in screen space. A single `imageToScreen` affine matrix
+ * maps image space onto the on-screen canvas; its inverse maps touches back.
+ * Because of this, export can render the exact same numbers off-screen at native
+ * resolution with no rescaling. See `utils/math.ts`.
+ */
+
+/**
+ * Colors are stored as CSS-style strings ("#RRGGBB" / "#RRGGBBAA" / named).
+ * Skia accepts these directly, and they are trivially serializable for history.
+ */
+
+/**
+ * Non-destructive image transforms. Nothing is baked into pixels until export,
+ * so all of these are undoable.
+ */
+
+const IDENTITY_SCENE = exports.IDENTITY_SCENE = {
+  rotation: 0,
+  scale: 1,
+  cropRect: null
+};
+
+/** The serializable editor document — everything undo/redo tracks. */
+
+/**
+ * Callback that persists an encoded image to disk. The library has no
+ * filesystem access of its own, so the consumer supplies this using whatever fs
+ * module they already have (react-native-fs, expo-file-system, etc.). It
+ * receives the destination path and the RAW base64 payload (no data-URI prefix).
+ */
+
+/** Imperative handle exposed via `ref`. */
+
+/** Source image: a base64 string (raw or data-URI) or a file/remote URI. */
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IDENTITY_SCENE","exports","rotation","scale","cropRect"],"sourceRoot":"..\\..\\src","sources":["types.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAyBA;AACA;AACA;AACA;;AAkEA;AACA;AACA;AACA;;AAUO,MAAMA,cAA8B,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAC5CE,QAAQ,EAAE,CAAC;EACXC,KAAK,EAAE,CAAC;EACRC,QAAQ,EAAE;AACZ,CAAC;;AAED;;AAQA;AACA;AACA;AACA;AACA;AACA;;AA4BA;;AAeA","ignoreList":[]}

package/lib/commonjs/utils/color.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withOpacity = withOpacity;
+/**
+ * Apply an opacity (0..1) to a hex color string, returning an 8-digit hex
+ * ("#RRGGBBAA"). Used by the marker/highlighter which draws semi-transparently.
+ * Non-hex inputs (named colors, rgba(...)) are returned unchanged.
+ */
+function withOpacity(color, opacity) {
+  const clamped = Math.max(0, Math.min(1, opacity));
+  const hex = color.trim();
+  if (!hex.startsWith('#')) {
+    return hex;
+  }
+  let r;
+  let g;
+  let b;
+  if (hex.length === 4) {
+    // #RGB
+    r = hex[1] + hex[1];
+    g = hex[2] + hex[2];
+    b = hex[3] + hex[3];
+  } else if (hex.length === 7 || hex.length === 9) {
+    // #RRGGBB or #RRGGBBAA (ignore existing alpha)
+    r = hex.slice(1, 3);
+    g = hex.slice(3, 5);
+    b = hex.slice(5, 7);
+  } else {
+    return hex;
+  }
+  const a = Math.round(clamped * 255).toString(16).padStart(2, '0');
+  return `#${r}${g}${b}${a}`;
+}
+//# sourceMappingURL=color.js.map

package/lib/commonjs/utils/color.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["withOpacity","color","opacity","clamped","Math","max","min","hex","trim","startsWith","r","g","b","length","slice","a","round","toString","padStart"],"sourceRoot":"..\\..\\..\\src","sources":["utils/color.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASA,WAAWA,CAACC,KAAkB,EAAEC,OAAe,EAAe;EAC5E,MAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEJ,OAAO,CAAC,CAAC;EACjD,MAAMK,GAAG,GAAGN,KAAK,CAACO,IAAI,CAAC,CAAC;EACxB,IAAI,CAACD,GAAG,CAACE,UAAU,CAAC,GAAG,CAAC,EAAE;IACxB,OAAOF,GAAG;EACZ;EACA,IAAIG,CAAS;EACb,IAAIC,CAAS;EACb,IAAIC,CAAS;EACb,IAAIL,GAAG,CAACM,MAAM,KAAK,CAAC,EAAE;IACpB;IACAH,CAAC,GAAGH,GAAG,CAAC,CAAC,CAAC,GAAIA,GAAG,CAAC,CAAC,CAAE;IACrBI,CAAC,GAAGJ,GAAG,CAAC,CAAC,CAAC,GAAIA,GAAG,CAAC,CAAC,CAAE;IACrBK,CAAC,GAAGL,GAAG,CAAC,CAAC,CAAC,GAAIA,GAAG,CAAC,CAAC,CAAE;EACvB,CAAC,MAAM,IAAIA,GAAG,CAACM,MAAM,KAAK,CAAC,IAAIN,GAAG,CAACM,MAAM,KAAK,CAAC,EAAE;IAC/C;IACAH,CAAC,GAAGH,GAAG,CAACO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACnBH,CAAC,GAAGJ,GAAG,CAACO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACnBF,CAAC,GAAGL,GAAG,CAACO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;EACrB,CAAC,MAAM;IACL,OAAOP,GAAG;EACZ;EACA,MAAMQ,CAAC,GAAGX,IAAI,CAACY,KAAK,CAACb,OAAO,GAAG,GAAG,CAAC,CAChCc,QAAQ,CAAC,EAAE,CAAC,CACZC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACnB,OAAO,IAAIR,CAAC,GAAGC,CAAC,GAAGC,CAAC,GAAGG,CAAC,EAAE;AAC5B","ignoreList":[]}

package/lib/commonjs/utils/id.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genId = genId;
+let counter = 0;
+
+/** Small unique id generator (JS thread only — avoids a nanoid dependency). */
+function genId(prefix = 'a') {
+  counter += 1;
+  return `${prefix}_${Date.now().toString(36)}_${counter.toString(36)}`;
+}
+//# sourceMappingURL=id.js.map

package/lib/commonjs/utils/id.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["counter","genId","prefix","Date","now","toString"],"sourceRoot":"..\\..\\..\\src","sources":["utils/id.ts"],"mappings":";;;;;;AAAA,IAAIA,OAAO,GAAG,CAAC;;AAEf;AACO,SAASC,KAAKA,CAACC,MAAM,GAAG,GAAG,EAAU;EAC1CF,OAAO,IAAI,CAAC;EACZ,OAAO,GAAGE,MAAM,IAAIC,IAAI,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,IAAIL,OAAO,CAACK,QAAQ,CAAC,EAAE,CAAC,EAAE;AACvE","ignoreList":[]}

package/lib/commonjs/utils/math.js

@@ -0,0 +1,277 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.applyToPoint = applyToPoint;
+exports.boundsOfPoints = boundsOfPoints;
+exports.clampSizeToMax = clampSizeToMax;
+exports.distance = distance;
+exports.distanceToSegment = distanceToSegment;
+exports.fitScale = fitScale;
+exports.identity = identity;
+exports.imageToScreenMatrix = imageToScreenMatrix;
+exports.invert = invert;
+exports.multiply = multiply;
+exports.rectCenter = rectCenter;
+exports.rotatePoint = rotatePoint;
+exports.rotation = rotation;
+exports.scaling = scaling;
+exports.sceneTransforms2d = sceneTransforms2d;
+exports.translation = translation;
+/**
+ * Pure 2D affine-matrix math. Every function is marked `worklet` so it can run
+ * on the UI thread inside gesture handlers as well as on the JS thread.
+ *
+ * A matrix `Mat` maps a point p to p' via:
+ *   x' = a*x + c*y + e
+ *   y' = b*x + d*y + f
+ * (the canonical CSS/canvas affine convention).
+ */
+
+function identity() {
+  'worklet';
+
+  return {
+    a: 1,
+    b: 0,
+    c: 0,
+    d: 1,
+    e: 0,
+    f: 0
+  };
+}
+
+/** Returns m1 ∘ m2 (applies m2 first, then m1). */
+function multiply(m1, m2) {
+  'worklet';
+
+  return {
+    a: m1.a * m2.a + m1.c * m2.b,
+    b: m1.b * m2.a + m1.d * m2.b,
+    c: m1.a * m2.c + m1.c * m2.d,
+    d: m1.b * m2.c + m1.d * m2.d,
+    e: m1.a * m2.e + m1.c * m2.f + m1.e,
+    f: m1.b * m2.e + m1.d * m2.f + m1.f
+  };
+}
+function translation(tx, ty) {
+  'worklet';
+
+  return {
+    a: 1,
+    b: 0,
+    c: 0,
+    d: 1,
+    e: tx,
+    f: ty
+  };
+}
+function scaling(sx, sy) {
+  'worklet';
+
+  return {
+    a: sx,
+    b: 0,
+    c: 0,
+    d: sy,
+    e: 0,
+    f: 0
+  };
+}
+function rotation(theta) {
+  'worklet';
+
+  const cos = Math.cos(theta);
+  const sin = Math.sin(theta);
+  return {
+    a: cos,
+    b: sin,
+    c: -sin,
+    d: cos,
+    e: 0,
+    f: 0
+  };
+}
+function invert(m) {
+  'worklet';
+
+  const det = m.a * m.d - m.b * m.c;
+  if (det === 0) {
+    return identity();
+  }
+  const inv = 1 / det;
+  return {
+    a: m.d * inv,
+    b: -m.b * inv,
+    c: -m.c * inv,
+    d: m.a * inv,
+    e: (m.c * m.f - m.d * m.e) * inv,
+    f: (m.b * m.e - m.a * m.f) * inv
+  };
+}
+function applyToPoint(m, p) {
+  'worklet';
+
+  return {
+    x: m.a * p.x + m.c * p.y + m.e,
+    y: m.b * p.x + m.d * p.y + m.f
+  };
+}
+
+/** Rotate point `p` by `theta` radians about `center`. */
+function rotatePoint(p, center, theta) {
+  'worklet';
+
+  const cos = Math.cos(theta);
+  const sin = Math.sin(theta);
+  const dx = p.x - center.x;
+  const dy = p.y - center.y;
+  return {
+    x: center.x + dx * cos - dy * sin,
+    y: center.y + dx * sin + dy * cos
+  };
+}
+/**
+ * The base fit scale used to "contain" the image inside the on-screen layout,
+ * before any user scene scale is applied.
+ */
+function fitScale(image, layout) {
+  'worklet';
+
+  if (image.width <= 0 || image.height <= 0) {
+    return 1;
+  }
+  return Math.min(layout.width / image.width, layout.height / image.height);
+}
+
+/**
+ * Compose the image→screen matrix:
+ *   M = T(center) · R(rotation) · S(fit·userScale) · T(-imageCenter)
+ *
+ * The on-screen Skia `<Group>` uses `sceneTransforms2d` (below), built from the
+ * SAME parameters, so the preview and this matrix stay in lock-step. Gestures
+ * use `invert(M)` to map screen touches back into image space.
+ */
+function imageToScreenMatrix(scene, image, layout) {
+  'worklet';
+
+  const s = fitScale(image, layout) * scene.scale;
+  const cx = layout.width / 2;
+  const cy = layout.height / 2;
+  let m = translation(cx, cy);
+  m = multiply(m, rotation(scene.rotation));
+  m = multiply(m, scaling(s, s));
+  m = multiply(m, translation(-image.width / 2, -image.height / 2));
+  return m;
+}
+
+/**
+ * Skia `Transforms2d` array for the on-screen scene `<Group>`. Applied in order,
+ * this reproduces `imageToScreenMatrix` exactly.
+ */
+function sceneTransforms2d(scene, image, layout) {
+  'worklet';
+
+  const s = fitScale(image, layout) * scene.scale;
+  return [{
+    translateX: layout.width / 2
+  }, {
+    translateY: layout.height / 2
+  }, {
+    rotate: scene.rotation
+  }, {
+    scaleX: s
+  }, {
+    scaleY: s
+  }, {
+    translateX: -image.width / 2
+  }, {
+    translateY: -image.height / 2
+  }];
+}
+function clampSizeToMax(width, height, maxSize) {
+  'worklet';
+
+  if (!maxSize || maxSize <= 0) {
+    return {
+      width,
+      height
+    };
+  }
+  const longest = Math.max(width, height);
+  if (longest <= maxSize) {
+    return {
+      width,
+      height
+    };
+  }
+  const k = maxSize / longest;
+  return {
+    width: Math.round(width * k),
+    height: Math.round(height * k)
+  };
+}
+
+/** Axis-aligned bounding box of a set of points. */
+function boundsOfPoints(points) {
+  'worklet';
+
+  if (points.length === 0) {
+    return {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    };
+  }
+  let minX = points[0].x;
+  let minY = points[0].y;
+  let maxX = points[0].x;
+  let maxY = points[0].y;
+  for (let i = 1; i < points.length; i++) {
+    const p = points[i];
+    if (p.x < minX) minX = p.x;
+    if (p.y < minY) minY = p.y;
+    if (p.x > maxX) maxX = p.x;
+    if (p.y > maxY) maxY = p.y;
+  }
+  return {
+    x: minX,
+    y: minY,
+    width: maxX - minX,
+    height: maxY - minY
+  };
+}
+function rectCenter(r) {
+  'worklet';
+
+  return {
+    x: r.x + r.width / 2,
+    y: r.y + r.height / 2
+  };
+}
+function distance(a, b) {
+  'worklet';
+
+  return Math.hypot(a.x - b.x, a.y - b.y);
+}
+
+/** Shortest distance from point `p` to segment `a`→`b`. */
+function distanceToSegment(p, a, b) {
+  'worklet';
+
+  const dx = b.x - a.x;
+  const dy = b.y - a.y;
+  const lenSq = dx * dx + dy * dy;
+  if (lenSq === 0) {
+    return distance(p, a);
+  }
+  let t = ((p.x - a.x) * dx + (p.y - a.y) * dy) / lenSq;
+  t = Math.max(0, Math.min(1, t));
+  return distance(p, {
+    x: a.x + t * dx,
+    y: a.y + t * dy
+  });
+}
+//# sourceMappingURL=math.js.map

package/lib/commonjs/utils/math.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["identity","a","b","c","d","e","f","multiply","m1","m2","translation","tx","ty","scaling","sx","sy","rotation","theta","cos","Math","sin","invert","m","det","inv","applyToPoint","p","x","y","rotatePoint","center","dx","dy","fitScale","image","layout","width","height","min","imageToScreenMatrix","scene","s","scale","cx","cy","sceneTransforms2d","translateX","translateY","rotate","scaleX","scaleY","clampSizeToMax","maxSize","longest","max","k","round","boundsOfPoints","points","length","minX","minY","maxX","maxY","i","rectCenter","r","distance","hypot","distanceToSegment","lenSq","t"],"sourceRoot":"..\\..\\..\\src","sources":["utils/math.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ImageEditor.js

@@ -0,0 +1,138 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useImperativeHandle } from 'react';
+import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { EditorProvider, useEditor } from './context/EditorContext';
+import { useLoadedImage } from './image/useLoadedImage';
+import { EditorCanvas } from './canvas/EditorCanvas';
+import { TextInputOverlay } from './toolbar/TextInputOverlay';
+import { Toolbar } from './toolbar/Toolbar';
+import { exportImage } from './export/exportImage';
+
+/**
+ * Interactive Skia image editor. Loads a base64/URI image, lets the user draw
+ * circles/arrows/markers/freehand/text, crop, free-rotate and resize, then
+ * exports full-resolution base64 (via ref `export()` or the built-in Done
+ * button + `onExport`).
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ImageEditor = /*#__PURE__*/forwardRef(function ImageEditor(props, ref) {
+  const {
+    source,
+    onError,
+    style
+  } = props;
+  const {
+    image,
+    width,
+    height,
+    loading,
+    error
+  } = useLoadedImage(source);
+  useEffect(() => {
+    if (error) {
+      onError?.(error);
+    }
+  }, [error, onError]);
+  if (error) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.center, style],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.errorText,
+        children: "Failed to load image"
+      })
+    });
+  }
+  if (loading || !image) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.center, style],
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: "#FFFFFF"
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(GestureHandlerRootView, {
+    style: [styles.root, style],
+    children: /*#__PURE__*/_jsx(EditorProvider, {
+      imageSize: {
+        width,
+        height
+      },
+      initialStrokeColor: props.initialStrokeColor,
+      initialTextColor: props.initialTextColor,
+      palette: props.palette,
+      children: /*#__PURE__*/_jsx(EditorBody, {
+        ref: ref,
+        image: image,
+        ...props
+      })
+    })
+  });
+});
+const EditorBody = /*#__PURE__*/forwardRef(function EditorBody({
+  image,
+  onExport,
+  exportOptions,
+  hideToolbar
+}, ref) {
+  const editor = useEditor();
+  const runExport = useCallback(options => exportImage({
+    image,
+    annotations: editor.doc.annotations,
+    scene: editor.doc.scene,
+    imageWidth: editor.imageSize.width,
+    imageHeight: editor.imageSize.height,
+    options: options ?? exportOptions
+  }), [image, editor.doc, editor.imageSize, exportOptions]);
+  useImperativeHandle(ref, () => ({
+    export: runExport,
+    undo: () => editor.dispatch({
+      type: 'UNDO'
+    }),
+    redo: () => editor.dispatch({
+      type: 'REDO'
+    }),
+    canUndo: () => editor.canUndo,
+    canRedo: () => editor.canRedo,
+    reset: () => editor.dispatch({
+      type: 'RESET'
+    })
+  }), [runExport, editor]);
+  const onDone = useCallback(async () => {
+    const base64 = await runExport();
+    onExport?.(base64);
+  }, [runExport, onExport]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.canvasWrap,
+      children: [/*#__PURE__*/_jsx(EditorCanvas, {
+        image: image
+      }), /*#__PURE__*/_jsx(TextInputOverlay, {})]
+    }), hideToolbar ? null : /*#__PURE__*/_jsx(Toolbar, {
+      onDone: onExport ? onDone : undefined
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: '#000000'
+  },
+  canvasWrap: {
+    flex: 1,
+    position: 'relative'
+  },
+  center: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#000000'
+  },
+  errorText: {
+    color: '#FF6B6B',
+    fontSize: 16
+  }
+});
+//# sourceMappingURL=ImageEditor.js.map

package/lib/module/ImageEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useImperativeHandle","ActivityIndicator","StyleSheet","Text","View","GestureHandlerRootView","EditorProvider","useEditor","useLoadedImage","EditorCanvas","TextInputOverlay","Toolbar","exportImage","jsx","_jsx","jsxs","_jsxs","ImageEditor","props","ref","source","onError","style","image","width","height","loading","error","styles","center","children","errorText","color","root","imageSize","initialStrokeColor","initialTextColor","palette","EditorBody","onExport","exportOptions","hideToolbar","editor","runExport","options","annotations","doc","scene","imageWidth","imageHeight","export","undo","dispatch","type","redo","canUndo","canRedo","reset","onDone","base64","canvasWrap","undefined","create","flex","backgroundColor","position","alignItems","justifyContent","fontSize"],"sourceRoot":"..\\..\\src","sources":["ImageEditor.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/annotations/AnnotationView.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { CircleAnnotationView } from './CircleAnnotation';
+import { ArrowAnnotationView } from './ArrowAnnotation';
+import { MarkerAnnotationView } from './MarkerAnnotation';
+import { FreehandAnnotationView } from './FreehandAnnotation';
+import { TextAnnotationView } from './TextAnnotation';
+
+/** Render any annotation by dispatching on its discriminant. */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function AnnotationView({
+  a
+}) {
+  switch (a.type) {
+    case 'circle':
+      return /*#__PURE__*/_jsx(CircleAnnotationView, {
+        a: a
+      });
+    case 'arrow':
+      return /*#__PURE__*/_jsx(ArrowAnnotationView, {
+        a: a
+      });
+    case 'marker':
+      return /*#__PURE__*/_jsx(MarkerAnnotationView, {
+        a: a
+      });
+    case 'freehand':
+      return /*#__PURE__*/_jsx(FreehandAnnotationView, {
+        a: a
+      });
+    case 'text':
+      return /*#__PURE__*/_jsx(TextAnnotationView, {
+        a: a
+      });
+    default:
+      return null;
+  }
+}
+//# sourceMappingURL=AnnotationView.js.map

package/lib/module/annotations/AnnotationView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CircleAnnotationView","ArrowAnnotationView","MarkerAnnotationView","FreehandAnnotationView","TextAnnotationView","jsx","_jsx","AnnotationView","a","type"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/AnnotationView.tsx"],"mappings":";;AACA,SAASA,oBAAoB,QAAQ,oBAAoB;AACzD,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,oBAAoB,QAAQ,oBAAoB;AACzD,SAASC,sBAAsB,QAAQ,sBAAsB;AAC7D,SAASC,kBAAkB,QAAQ,kBAAkB;;AAErD;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,OAAO,SAASC,cAAcA,CAAC;EAAEC;AAAqB,CAAC,EAAE;EACvD,QAAQA,CAAC,CAACC,IAAI;IACZ,KAAK,QAAQ;MACX,oBAAOH,IAAA,CAACN,oBAAoB;QAACQ,CAAC,EAAEA;MAAE,CAAE,CAAC;IACvC,KAAK,OAAO;MACV,oBAAOF,IAAA,CAACL,mBAAmB;QAACO,CAAC,EAAEA;MAAE,CAAE,CAAC;IACtC,KAAK,QAAQ;MACX,oBAAOF,IAAA,CAACJ,oBAAoB;QAACM,CAAC,EAAEA;MAAE,CAAE,CAAC;IACvC,KAAK,UAAU;MACb,oBAAOF,IAAA,CAACH,sBAAsB;QAACK,CAAC,EAAEA;MAAE,CAAE,CAAC;IACzC,KAAK,MAAM;MACT,oBAAOF,IAAA,CAACF,kBAAkB;QAACI,CAAC,EAAEA;MAAE,CAAE,CAAC;IACrC;MACE,OAAO,IAAI;EACf;AACF","ignoreList":[]}

package/lib/module/annotations/ArrowAnnotation.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { useMemo } from 'react';
+import { Path } from '@shopify/react-native-skia';
+import { buildArrowPath } from './geometry';
+import { annotationCenter } from './geometry';
+import { RotatedGroup } from './RotatedGroup';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ArrowAnnotationView({
+  a
+}) {
+  const path = useMemo(() => buildArrowPath(a.start, a.end, a.headSize), [a.start, a.end, a.headSize]);
+  return /*#__PURE__*/_jsx(RotatedGroup, {
+    center: annotationCenter(a),
+    rotation: a.rotation,
+    children: /*#__PURE__*/_jsx(Path, {
+      path: path,
+      color: a.strokeColor,
+      style: "stroke",
+      strokeWidth: a.strokeWidth,
+      strokeCap: "round",
+      strokeJoin: "round"
+    })
+  });
+}
+//# sourceMappingURL=ArrowAnnotation.js.map

package/lib/module/annotations/ArrowAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","Path","buildArrowPath","annotationCenter","RotatedGroup","jsx","_jsx","ArrowAnnotationView","a","path","start","end","headSize","center","rotation","children","color","strokeColor","style","strokeWidth","strokeCap","strokeJoin"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/ArrowAnnotation.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,IAAI,QAAQ,4BAA4B;AAGjD,SAASC,cAAc,QAAQ,YAAY;AAC3C,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,OAAO,SAASC,mBAAmBA,CAAC;EAAEC;AAA8B,CAAC,EAAE;EACrE,MAAMC,IAAI,GAAGT,OAAO,CAClB,MAAME,cAAc,CAACM,CAAC,CAACE,KAAK,EAAEF,CAAC,CAACG,GAAG,EAAEH,CAAC,CAACI,QAAQ,CAAC,EAChD,CAACJ,CAAC,CAACE,KAAK,EAAEF,CAAC,CAACG,GAAG,EAAEH,CAAC,CAACI,QAAQ,CAC7B,CAAC;EACD,oBACEN,IAAA,CAACF,YAAY;IAACS,MAAM,EAAEV,gBAAgB,CAACK,CAAC,CAAE;IAACM,QAAQ,EAAEN,CAAC,CAACM,QAAS;IAAAC,QAAA,eAC9DT,IAAA,CAACL,IAAI;MACHQ,IAAI,EAAEA,IAAK;MACXO,KAAK,EAAER,CAAC,CAACS,WAAY;MACrBC,KAAK,EAAC,QAAQ;MACdC,WAAW,EAAEX,CAAC,CAACW,WAAY;MAC3BC,SAAS,EAAC,OAAO;MACjBC,UAAU,EAAC;IAAO,CACnB;EAAC,CACU,CAAC;AAEnB","ignoreList":[]}

package/lib/module/annotations/CircleAnnotation.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { Circle } from '@shopify/react-native-skia';
+import { RotatedGroup } from './RotatedGroup';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function CircleAnnotationView({
+  a
+}) {
+  return /*#__PURE__*/_jsxs(RotatedGroup, {
+    center: a.center,
+    rotation: a.rotation,
+    children: [a.fill ? /*#__PURE__*/_jsx(Circle, {
+      cx: a.center.x,
+      cy: a.center.y,
+      r: a.radius,
+      color: a.fill
+    }) : null, /*#__PURE__*/_jsx(Circle, {
+      cx: a.center.x,
+      cy: a.center.y,
+      r: a.radius,
+      color: a.strokeColor,
+      style: "stroke",
+      strokeWidth: a.strokeWidth
+    })]
+  });
+}
+//# sourceMappingURL=CircleAnnotation.js.map

package/lib/module/annotations/CircleAnnotation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Circle","RotatedGroup","jsx","_jsx","jsxs","_jsxs","CircleAnnotationView","a","center","rotation","children","fill","cx","x","cy","y","r","radius","color","strokeColor","style","strokeWidth"],"sourceRoot":"..\\..\\..\\src","sources":["annotations/CircleAnnotation.tsx"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,4BAA4B;AAGnD,SAASC,YAAY,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,OAAO,SAASC,oBAAoBA,CAAC;EAAEC;AAA+B,CAAC,EAAE;EACvE,oBACEF,KAAA,CAACJ,YAAY;IAACO,MAAM,EAAED,CAAC,CAACC,MAAO;IAACC,QAAQ,EAAEF,CAAC,CAACE,QAAS;IAAAC,QAAA,GAClDH,CAAC,CAACI,IAAI,gBACLR,IAAA,CAACH,MAAM;MAACY,EAAE,EAAEL,CAAC,CAACC,MAAM,CAACK,CAAE;MAACC,EAAE,EAAEP,CAAC,CAACC,MAAM,CAACO,CAAE;MAACC,CAAC,EAAET,CAAC,CAACU,MAAO;MAACC,KAAK,EAAEX,CAAC,CAACI;IAAK,CAAE,CAAC,GACpE,IAAI,eACRR,IAAA,CAACH,MAAM;MACLY,EAAE,EAAEL,CAAC,CAACC,MAAM,CAACK,CAAE;MACfC,EAAE,EAAEP,CAAC,CAACC,MAAM,CAACO,CAAE;MACfC,CAAC,EAAET,CAAC,CAACU,MAAO;MACZC,KAAK,EAAEX,CAAC,CAACY,WAAY;MACrBC,KAAK,EAAC,QAAQ;MACdC,WAAW,EAAEd,CAAC,CAACc;IAAY,CAC5B,CAAC;EAAA,CACU,CAAC;AAEnB","ignoreList":[]}