react-native-image-editor-skia 0.1.0

package/lib/commonjs/gestures/useEditorGestures.js

@@ -0,0 +1,289 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEditorGestures = useEditorGestures;
+var _react = require("react");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _EditorContext = require("../context/EditorContext");
+var _constants = require("../constants");
+var _math = require("../utils/math");
+var _geometry = require("../annotations/geometry");
+var _hitTest = require("./hitTest");
+var _handles = require("./handles");
+var _applyTransform = require("./applyTransform");
+var _createAnnotation = require("./createAnnotation");
+function isDrawTool(tool) {
+  'worklet';
+
+  return tool === 'circle' || tool === 'arrow' || tool === 'marker' || tool === 'freehand';
+}
+
+/**
+ * A single composed Pan gesture over the canvas. It branches on the active tool
+ * and, in select mode, on where the touch began (rotate handle → rotate, corner
+ * handle → resize, body → move, empty → (de)select). All geometry math runs on
+ * the UI thread; only final commits hop to JS via runOnJS.
+ */
+function useEditorGestures() {
+  const editor = (0, _EditorContext.useEditor)();
+  const {
+    tool,
+    selectedId,
+    annotations,
+    matrix,
+    draw,
+    live,
+    strokeColor,
+    strokeWidth,
+    dispatch,
+    setSelectedId,
+    setEditingTextId
+  } = editor;
+  const invMatrix = (0, _react.useMemo)(() => (0, _math.invert)(matrix), [matrix]);
+  const scaleFactor = (0, _react.useMemo)(() => Math.hypot(matrix.a, matrix.b) || 1, [matrix]);
+  const slopImage = _constants.HIT_SLOP / scaleFactor;
+
+  // Per-gesture UI-thread scratch state.
+  const mode = (0, _reactNativeReanimated.useSharedValue)('none');
+  const startImg = (0, _reactNativeReanimated.useSharedValue)({
+    x: 0,
+    y: 0
+  });
+  const startDist = (0, _reactNativeReanimated.useSharedValue)(0);
+  const startAngle = (0, _reactNativeReanimated.useSharedValue)(0);
+  const activeId = (0, _reactNativeReanimated.useSharedValue)(null);
+
+  // ---- JS-thread commit callbacks --------------------------------------
+  const selectId = id => setSelectedId(id);
+  const commitCircle = (center, radius) => dispatch({
+    type: 'ADD_ANNOTATION',
+    annotation: (0, _createAnnotation.makeCircle)(center, radius, {
+      strokeColor,
+      strokeWidth
+    })
+  });
+  const commitArrow = (start, end) => dispatch({
+    type: 'ADD_ANNOTATION',
+    annotation: (0, _createAnnotation.makeArrow)(start, end, {
+      strokeColor,
+      strokeWidth
+    })
+  });
+  const commitMarker = rect => dispatch({
+    type: 'ADD_ANNOTATION',
+    annotation: (0, _createAnnotation.makeMarker)(rect, strokeColor)
+  });
+  const commitFreehand = points => dispatch({
+    type: 'ADD_ANNOTATION',
+    annotation: (0, _createAnnotation.makeFreehand)(points, {
+      strokeColor,
+      strokeWidth
+    })
+  });
+  const placeText = origin => {
+    const annotation = (0, _createAnnotation.makeText)(origin, editor.textColor);
+    dispatch({
+      type: 'ADD_ANNOTATION',
+      annotation
+    });
+    setSelectedId(annotation.id);
+    setEditingTextId(annotation.id);
+  };
+  const commitTransform = (id, vals) => {
+    if (!id) {
+      return;
+    }
+    // Skip no-op transforms (a plain tap) so they don't pollute history.
+    const identity = vals.tx === 0 && vals.ty === 0 && vals.rotate === 0 && vals.scale === 1;
+    if (identity) {
+      return;
+    }
+    const target = annotations.find(a => a.id === id);
+    if (!target) {
+      return;
+    }
+    const updated = (0, _applyTransform.applyTransformToAnnotation)(target, vals);
+    dispatch({
+      type: 'UPDATE_ANNOTATION',
+      id,
+      changes: updated
+    });
+  };
+  const resetLive = () => {
+    live.active.value = false;
+    live.tx.value = 0;
+    live.ty.value = 0;
+    live.rotate.value = 0;
+    live.scale.value = 1;
+  };
+
+  // ---- The gesture ------------------------------------------------------
+  const pan = (0, _react.useMemo)(() => {
+    return _reactNativeGestureHandler.Gesture.Pan().maxPointers(1).onBegin(e => {
+      'worklet';
+
+      if (tool === 'crop') {
+        mode.value = 'none';
+        return;
+      }
+      const screen = {
+        x: e.x,
+        y: e.y
+      };
+      const img = (0, _math.applyToPoint)(invMatrix, screen);
+      startImg.value = img;
+      activeId.value = selectedId;
+      if (isDrawTool(tool)) {
+        mode.value = 'draw';
+        draw.active.value = true;
+        draw.start.value = img;
+        draw.current.value = img;
+        if (tool === 'freehand') {
+          draw.points.value = [img];
+        }
+        return;
+      }
+      if (tool === 'text') {
+        mode.value = 'text';
+        return;
+      }
+
+      // select tool: figure out what was grabbed.
+      const sel = selectedId ? annotations.find(a => a.id === selectedId) : undefined;
+      if (sel) {
+        const h = (0, _handles.selectionHandles)(sel, matrix);
+        const center = (0, _geometry.annotationCenter)(sel);
+        if ((0, _math.distance)(screen, h.rotate) <= _constants.HANDLE_SIZE * 1.5) {
+          mode.value = 'rotate';
+          live.origin.value = center;
+          live.active.value = true;
+          startAngle.value = Math.atan2(img.y - center.y, img.x - center.x);
+          return;
+        }
+        for (let i = 0; i < h.corners.length; i++) {
+          if ((0, _math.distance)(screen, h.corners[i]) <= _constants.HANDLE_SIZE * 1.5) {
+            mode.value = 'resize';
+            live.origin.value = center;
+            live.active.value = true;
+            startDist.value = (0, _math.distance)(center, img);
+            return;
+          }
+        }
+        // Body of the selected annotation → move it.
+        if ((0, _hitTest.hitTest)([sel], img, slopImage) === sel.id) {
+          mode.value = 'move';
+          live.origin.value = center;
+          live.active.value = true;
+          return;
+        }
+      }
+
+      // Otherwise (de)select whatever is under the touch.
+      const hitId = (0, _hitTest.hitTest)(annotations, img, slopImage);
+      (0, _reactNativeReanimated.runOnJS)(selectId)(hitId);
+      activeId.value = hitId;
+      if (hitId) {
+        const target = annotations.find(a => a.id === hitId);
+        mode.value = 'move';
+        live.origin.value = (0, _geometry.annotationCenter)(target);
+        live.active.value = true;
+      } else {
+        mode.value = 'none';
+      }
+    }).onChange(e => {
+      'worklet';
+
+      const screen = {
+        x: e.x,
+        y: e.y
+      };
+      const img = (0, _math.applyToPoint)(invMatrix, screen);
+      switch (mode.value) {
+        case 'draw':
+          if (tool === 'freehand') {
+            const pts = draw.points.value;
+            const last = pts[pts.length - 1];
+            if (!last || (0, _math.distance)(last, img) >= _constants.FREEHAND_MIN_DISTANCE) {
+              draw.points.value = [...pts, img];
+            }
+          } else {
+            draw.current.value = img;
+          }
+          break;
+        case 'move':
+          live.tx.value = img.x - startImg.value.x;
+          live.ty.value = img.y - startImg.value.y;
+          break;
+        case 'resize':
+          live.scale.value = startDist.value > 0 ? (0, _math.distance)(live.origin.value, img) / startDist.value : 1;
+          break;
+        case 'rotate':
+          {
+            const ang = Math.atan2(img.y - live.origin.value.y, img.x - live.origin.value.x);
+            live.rotate.value = ang - startAngle.value;
+            break;
+          }
+        default:
+          break;
+      }
+    }).onEnd(() => {
+      'worklet';
+
+      if (mode.value === 'draw') {
+        draw.active.value = false;
+        const s = draw.start.value;
+        const c = draw.current.value;
+        if (tool === 'circle') {
+          const r = (0, _math.distance)(s, c);
+          if (r > 2) (0, _reactNativeReanimated.runOnJS)(commitCircle)(s, r);
+        } else if (tool === 'arrow') {
+          if ((0, _math.distance)(s, c) > 2) (0, _reactNativeReanimated.runOnJS)(commitArrow)(s, c);
+        } else if (tool === 'marker') {
+          const rect = {
+            x: Math.min(s.x, c.x),
+            y: Math.min(s.y, c.y),
+            width: Math.abs(c.x - s.x),
+            height: Math.abs(c.y - s.y)
+          };
+          if (rect.width > 2 && rect.height > 2) (0, _reactNativeReanimated.runOnJS)(commitMarker)(rect);
+        } else if (tool === 'freehand') {
+          const pts = draw.points.value;
+          if (pts.length > 1) (0, _reactNativeReanimated.runOnJS)(commitFreehand)(pts);
+          draw.points.value = [];
+        }
+        mode.value = 'none';
+        return;
+      }
+      if (mode.value === 'text') {
+        (0, _reactNativeReanimated.runOnJS)(placeText)(startImg.value);
+        mode.value = 'none';
+        return;
+      }
+      if (mode.value === 'move' || mode.value === 'resize' || mode.value === 'rotate') {
+        const vals = {
+          tx: live.tx.value,
+          ty: live.ty.value,
+          rotate: live.rotate.value,
+          scale: live.scale.value,
+          origin: live.origin.value
+        };
+        (0, _reactNativeReanimated.runOnJS)(commitTransform)(activeId.value, vals);
+        (0, _reactNativeReanimated.runOnJS)(resetLive)();
+        mode.value = 'none';
+      }
+    }).onFinalize(() => {
+      'worklet';
+
+      // Safety: ensure draw preview is cleared if the gesture is cancelled.
+      if (draw.active.value && mode.value !== 'draw') {
+        draw.active.value = false;
+      }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [tool, selectedId, annotations, matrix, strokeColor, strokeWidth]);
+  return pan;
+}
+//# sourceMappingURL=useEditorGestures.js.map

package/lib/commonjs/gestures/useEditorGestures.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeGestureHandler","_reactNativeReanimated","_EditorContext","_constants","_math","_geometry","_hitTest","_handles","_applyTransform","_createAnnotation","isDrawTool","tool","useEditorGestures","editor","useEditor","selectedId","annotations","matrix","draw","live","strokeColor","strokeWidth","dispatch","setSelectedId","setEditingTextId","invMatrix","useMemo","invert","scaleFactor","Math","hypot","a","b","slopImage","HIT_SLOP","mode","useSharedValue","startImg","x","y","startDist","startAngle","activeId","selectId","id","commitCircle","center","radius","type","annotation","makeCircle","commitArrow","start","end","makeArrow","commitMarker","rect","makeMarker","commitFreehand","points","makeFreehand","placeText","origin","makeText","textColor","commitTransform","vals","identity","tx","ty","rotate","scale","target","find","updated","applyTransformToAnnotation","changes","resetLive","active","value","pan","Gesture","Pan","maxPointers","onBegin","e","screen","img","applyToPoint","current","sel","undefined","h","selectionHandles","annotationCenter","distance","HANDLE_SIZE","atan2","i","corners","length","hitTest","hitId","runOnJS","onChange","pts","last","FREEHAND_MIN_DISTANCE","ang","onEnd","s","c","r","min","width","abs","height","onFinalize"],"sourceRoot":"..\\..\\..\\src","sources":["gestures/useEditorGestures.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/image/disposeRegistry.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisposeRegistry = void 0;
+exports.safeDispose = safeDispose;
+/**
+ * Tracks Skia native objects (SkImage / SkData / SkSurface / SkParagraph …) so
+ * they can be released deterministically. Skia objects are JSI HostObjects; the
+ * Hermes GC under-counts their native footprint and may never collect them, so
+ * we must call `.dispose()` explicitly. This registry is a safety net: register
+ * anything created imperatively, and `flush()` on unmount to guarantee cleanup.
+ */
+
+class DisposeRegistry {
+  items = new Set();
+
+  /** Track an object and return it for convenient chaining. */
+  add(item) {
+    this.items.add(item);
+    return item;
+  }
+
+  /** Stop tracking without disposing (e.g. ownership handed elsewhere). */
+  forget(item) {
+    this.items.delete(item);
+  }
+
+  /** Dispose a single tracked object now. */
+  release(item) {
+    if (!item) {
+      return;
+    }
+    this.items.delete(item);
+    safeDispose(item);
+  }
+
+  /** Dispose everything still tracked. Call on unmount. */
+  flush() {
+    for (const item of this.items) {
+      safeDispose(item);
+    }
+    this.items.clear();
+  }
+  get size() {
+    return this.items.size;
+  }
+}
+
+/** Dispose without throwing if the object was already released. */
+exports.DisposeRegistry = DisposeRegistry;
+function safeDispose(item) {
+  if (!item) {
+    return;
+  }
+  try {
+    item.dispose();
+  } catch {
+    // Already disposed or not a real disposable — ignore.
+  }
+}
+//# sourceMappingURL=disposeRegistry.js.map

package/lib/commonjs/image/disposeRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DisposeRegistry","items","Set","add","item","forget","delete","release","safeDispose","flush","clear","size","exports","dispose"],"sourceRoot":"..\\..\\..\\src","sources":["image/disposeRegistry.ts"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMA,eAAe,CAAC;EACnBC,KAAK,GAAG,IAAIC,GAAG,CAAa,CAAC;;EAErC;EACAC,GAAGA,CAAuBC,IAAO,EAAK;IACpC,IAAI,CAACH,KAAK,CAACE,GAAG,CAACC,IAAI,CAAC;IACpB,OAAOA,IAAI;EACb;;EAEA;EACAC,MAAMA,CAACD,IAAgB,EAAQ;IAC7B,IAAI,CAACH,KAAK,CAACK,MAAM,CAACF,IAAI,CAAC;EACzB;;EAEA;EACAG,OAAOA,CAACH,IAAmC,EAAQ;IACjD,IAAI,CAACA,IAAI,EAAE;MACT;IACF;IACA,IAAI,CAACH,KAAK,CAACK,MAAM,CAACF,IAAI,CAAC;IACvBI,WAAW,CAACJ,IAAI,CAAC;EACnB;;EAEA;EACAK,KAAKA,CAAA,EAAS;IACZ,KAAK,MAAML,IAAI,IAAI,IAAI,CAACH,KAAK,EAAE;MAC7BO,WAAW,CAACJ,IAAI,CAAC;IACnB;IACA,IAAI,CAACH,KAAK,CAACS,KAAK,CAAC,CAAC;EACpB;EAEA,IAAIC,IAAIA,CAAA,EAAW;IACjB,OAAO,IAAI,CAACV,KAAK,CAACU,IAAI;EACxB;AACF;;AAEA;AAAAC,OAAA,CAAAZ,eAAA,GAAAA,eAAA;AACO,SAASQ,WAAWA,CAACJ,IAAmC,EAAQ;EACrE,IAAI,CAACA,IAAI,EAAE;IACT;EACF;EACA,IAAI;IACFA,IAAI,CAACS,OAAO,CAAC,CAAC;EAChB,CAAC,CAAC,MAAM;IACN;EAAA;AAEJ","ignoreList":[]}

package/lib/commonjs/image/useLoadedImage.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLoadedImage = useLoadedImage;
+var _react = require("react");
+var _reactNativeSkia = require("@shopify/react-native-skia");
+var _disposeRegistry = require("./disposeRegistry");
+function stripDataUri(base64) {
+  const comma = base64.indexOf(',');
+  if (base64.startsWith('data:') && comma !== -1) {
+    return base64.slice(comma + 1);
+  }
+  return base64;
+}
+
+/**
+ * Decode an {@link ImageSource} into an `SkImage`, managing native memory.
+ *
+ * Memory rules enforced here:
+ *  - The encoded `SkData` is disposed immediately after `MakeImageFromEncoded`;
+ *    the decoded `SkImage` owns its pixels, so retaining the encoded bytes would
+ *    roughly double memory usage.
+ *  - When `source` changes (or the component unmounts) the previous `SkImage` is
+ *    disposed before the next one is created.
+ *  - The input base64 string is consumed inside the effect and never copied into
+ *    state, so a large payload is not retained by this hook.
+ */
+function useLoadedImage(source) {
+  const [state, setState] = (0, _react.useState)({
+    image: null,
+    width: 0,
+    height: 0,
+    loading: true,
+    error: null
+  });
+
+  // Serialize the source so the effect re-runs only on a real change, without
+  // holding the (possibly huge) base64 string in a memoized ref.
+  const sourceKey = 'base64' in source ? `b64:${source.base64.length}:${source.base64.slice(-64)}` : `uri:${source.uri}`;
+  const currentImage = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    let cancelled = false;
+    const commit = image => {
+      if (cancelled) {
+        // A newer load superseded us — drop this result.
+        (0, _disposeRegistry.safeDispose)(image);
+        return;
+      }
+      // Dispose the previous image before swapping in the new one.
+      if (currentImage.current && currentImage.current !== image) {
+        (0, _disposeRegistry.safeDispose)(currentImage.current);
+      }
+      currentImage.current = image;
+      setState({
+        image,
+        width: image.width(),
+        height: image.height(),
+        loading: false,
+        error: null
+      });
+    };
+    const fail = error => {
+      if (cancelled) {
+        return;
+      }
+      setState(prev => ({
+        ...prev,
+        loading: false,
+        error
+      }));
+    };
+    setState(prev => ({
+      ...prev,
+      loading: true,
+      error: null
+    }));
+    try {
+      if ('base64' in source) {
+        const data = _reactNativeSkia.Skia.Data.fromBase64(stripDataUri(source.base64));
+        const image = _reactNativeSkia.Skia.Image.MakeImageFromEncoded(data);
+        (0, _disposeRegistry.safeDispose)(data); // decoded pixels are owned by `image` now
+        if (!image) {
+          throw new Error('Failed to decode image from base64.');
+        }
+        commit(image);
+      } else {
+        // fromURI is async (may fetch a remote/local file).
+        _reactNativeSkia.Skia.Data.fromURI(source.uri).then(data => {
+          if (cancelled) {
+            (0, _disposeRegistry.safeDispose)(data);
+            return;
+          }
+          const image = _reactNativeSkia.Skia.Image.MakeImageFromEncoded(data);
+          (0, _disposeRegistry.safeDispose)(data);
+          if (!image) {
+            throw new Error(`Failed to decode image from URI: ${source.uri}`);
+          }
+          commit(image);
+        }).catch(e => fail(e instanceof Error ? e : new Error(String(e))));
+      }
+    } catch (e) {
+      fail(e instanceof Error ? e : new Error(String(e)));
+    }
+    return () => {
+      cancelled = true;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [sourceKey]);
+
+  // Final safety net: dispose the last image when the hook unmounts.
+  (0, _react.useEffect)(() => {
+    return () => {
+      (0, _disposeRegistry.safeDispose)(currentImage.current);
+      currentImage.current = null;
+    };
+  }, []);
+  return state;
+}
+//# sourceMappingURL=useLoadedImage.js.map

package/lib/commonjs/image/useLoadedImage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeSkia","_disposeRegistry","stripDataUri","base64","comma","indexOf","startsWith","slice","useLoadedImage","source","state","setState","useState","image","width","height","loading","error","sourceKey","length","uri","currentImage","useRef","useEffect","cancelled","commit","safeDispose","current","fail","prev","data","Skia","Data","fromBase64","Image","MakeImageFromEncoded","Error","fromURI","then","catch","e","String"],"sourceRoot":"..\\..\\..\\src","sources":["image/useLoadedImage.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEFAULT_PALETTE", {
+  enumerable: true,
+  get: function () {
+    return _constants.DEFAULT_PALETTE;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_STROKE_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _constants.DEFAULT_STROKE_COLOR;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_TEXT_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _constants.DEFAULT_TEXT_COLOR;
+  }
+});
+Object.defineProperty(exports, "EditorProvider", {
+  enumerable: true,
+  get: function () {
+    return _EditorContext.EditorProvider;
+  }
+});
+Object.defineProperty(exports, "ImageEditor", {
+  enumerable: true,
+  get: function () {
+    return _ImageEditor.ImageEditor;
+  }
+});
+Object.defineProperty(exports, "exportImage", {
+  enumerable: true,
+  get: function () {
+    return _exportImage.exportImage;
+  }
+});
+Object.defineProperty(exports, "useEditor", {
+  enumerable: true,
+  get: function () {
+    return _EditorContext.useEditor;
+  }
+});
+var _ImageEditor = require("./ImageEditor");
+var _EditorContext = require("./context/EditorContext");
+var _exportImage = require("./export/exportImage");
+var _constants = require("./constants");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ImageEditor","require","_EditorContext","_exportImage","_constants"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAwBA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/package.json

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

package/lib/commonjs/state/history.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.canRedo = canRedo;
+exports.canUndo = canUndo;
+exports.commit = commit;
+exports.initHistory = initHistory;
+exports.redo = redo;
+exports.replacePresent = replacePresent;
+exports.undo = undo;
+var _constants = require("../constants");
+/**
+ * Generic, pure undo/redo history over an immutable document `T`.
+ * Snapshots are cheap here because the document is plain JSON (annotations +
+ * scene transform) — it never contains image bytes.
+ */
+
+function initHistory(present) {
+  return {
+    past: [],
+    present,
+    future: []
+  };
+}
+
+/** Replace the present, pushing the old present onto the undo stack. */
+function commit(history, next) {
+  if (next === history.present) {
+    return history;
+  }
+  const past = [...history.past, history.present];
+  // Cap the depth to bound memory.
+  if (past.length > _constants.MAX_HISTORY) {
+    past.shift();
+  }
+  return {
+    past,
+    present: next,
+    future: []
+  };
+}
+
+/**
+ * Replace the present WITHOUT creating a history entry — used for live edits
+ * (e.g. typing in a text box) that should collapse into the eventual commit.
+ */
+function replacePresent(history, next) {
+  return {
+    ...history,
+    present: next
+  };
+}
+function undo(history) {
+  if (history.past.length === 0) {
+    return history;
+  }
+  const previous = history.past[history.past.length - 1];
+  const past = history.past.slice(0, -1);
+  return {
+    past,
+    present: previous,
+    future: [history.present, ...history.future]
+  };
+}
+function redo(history) {
+  if (history.future.length === 0) {
+    return history;
+  }
+  const next = history.future[0];
+  const future = history.future.slice(1);
+  return {
+    past: [...history.past, history.present],
+    present: next,
+    future
+  };
+}
+function canUndo(history) {
+  return history.past.length > 0;
+}
+function canRedo(history) {
+  return history.future.length > 0;
+}
+//# sourceMappingURL=history.js.map

package/lib/commonjs/state/history.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_constants","require","initHistory","present","past","future","commit","history","next","length","MAX_HISTORY","shift","replacePresent","undo","previous","slice","redo","canUndo","canRedo"],"sourceRoot":"..\\..\\..\\src","sources":["state/history.ts"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;;AAOO,SAASC,WAAWA,CAAIC,OAAU,EAAc;EACrD,OAAO;IAAEC,IAAI,EAAE,EAAE;IAAED,OAAO;IAAEE,MAAM,EAAE;EAAG,CAAC;AAC1C;;AAEA;AACO,SAASC,MAAMA,CAAIC,OAAmB,EAAEC,IAAO,EAAc;EAClE,IAAIA,IAAI,KAAKD,OAAO,CAACJ,OAAO,EAAE;IAC5B,OAAOI,OAAO;EAChB;EACA,MAAMH,IAAI,GAAG,CAAC,GAAGG,OAAO,CAACH,IAAI,EAAEG,OAAO,CAACJ,OAAO,CAAC;EAC/C;EACA,IAAIC,IAAI,CAACK,MAAM,GAAGC,sBAAW,EAAE;IAC7BN,IAAI,CAACO,KAAK,CAAC,CAAC;EACd;EACA,OAAO;IAAEP,IAAI;IAAED,OAAO,EAAEK,IAAI;IAAEH,MAAM,EAAE;EAAG,CAAC;AAC5C;;AAEA;AACA;AACA;AACA;AACO,SAASO,cAAcA,CAAIL,OAAmB,EAAEC,IAAO,EAAc;EAC1E,OAAO;IAAE,GAAGD,OAAO;IAAEJ,OAAO,EAAEK;EAAK,CAAC;AACtC;AAEO,SAASK,IAAIA,CAAIN,OAAmB,EAAc;EACvD,IAAIA,OAAO,CAACH,IAAI,CAACK,MAAM,KAAK,CAAC,EAAE;IAC7B,OAAOF,OAAO;EAChB;EACA,MAAMO,QAAQ,GAAGP,OAAO,CAACH,IAAI,CAACG,OAAO,CAACH,IAAI,CAACK,MAAM,GAAG,CAAC,CAAE;EACvD,MAAML,IAAI,GAAGG,OAAO,CAACH,IAAI,CAACW,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EACtC,OAAO;IACLX,IAAI;IACJD,OAAO,EAAEW,QAAQ;IACjBT,MAAM,EAAE,CAACE,OAAO,CAACJ,OAAO,EAAE,GAAGI,OAAO,CAACF,MAAM;EAC7C,CAAC;AACH;AAEO,SAASW,IAAIA,CAAIT,OAAmB,EAAc;EACvD,IAAIA,OAAO,CAACF,MAAM,CAACI,MAAM,KAAK,CAAC,EAAE;IAC/B,OAAOF,OAAO;EAChB;EACA,MAAMC,IAAI,GAAGD,OAAO,CAACF,MAAM,CAAC,CAAC,CAAE;EAC/B,MAAMA,MAAM,GAAGE,OAAO,CAACF,MAAM,CAACU,KAAK,CAAC,CAAC,CAAC;EACtC,OAAO;IACLX,IAAI,EAAE,CAAC,GAAGG,OAAO,CAACH,IAAI,EAAEG,OAAO,CAACJ,OAAO,CAAC;IACxCA,OAAO,EAAEK,IAAI;IACbH;EACF,CAAC;AACH;AAEO,SAASY,OAAOA,CAAIV,OAAmB,EAAW;EACvD,OAAOA,OAAO,CAACH,IAAI,CAACK,MAAM,GAAG,CAAC;AAChC;AAEO,SAASS,OAAOA,CAAIX,OAAmB,EAAW;EACvD,OAAOA,OAAO,CAACF,MAAM,CAACI,MAAM,GAAG,CAAC;AAClC","ignoreList":[]}

package/lib/commonjs/state/selectors.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAnnotationById = getAnnotationById;
+exports.sortedByZ = sortedByZ;
+function getAnnotationById(annotations, id) {
+  if (!id) {
+    return undefined;
+  }
+  return annotations.find(a => a.id === id);
+}
+
+/** Annotations in paint order (ascending z). */
+function sortedByZ(annotations) {
+  return [...annotations].sort((a, b) => a.z - b.z);
+}
+//# sourceMappingURL=selectors.js.map