react-native-image-editor-skia 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["getAnnotationById","annotations","id","undefined","find","a","sortedByZ","sort","b","z"],"sourceRoot":"..\\..\\..\\src","sources":["state/selectors.ts"],"mappings":";;;;;;;AAEO,SAASA,iBAAiBA,CAC/BC,WAAyB,EACzBC,EAAiB,EACO;EACxB,IAAI,CAACA,EAAE,EAAE;IACP,OAAOC,SAAS;EAClB;EACA,OAAOF,WAAW,CAACG,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACH,EAAE,KAAKA,EAAE,CAAC;AAC7C;;AAEA;AACO,SAASI,SAASA,CAACL,WAAyB,EAAgB;EACjE,OAAO,CAAC,GAAGA,WAAW,CAAC,CAACM,IAAI,CAAC,CAACF,CAAC,EAAEG,CAAC,KAAKH,CAAC,CAACI,CAAC,GAAGD,CAAC,CAACC,CAAC,CAAC;AACnD","ignoreList":[]}

package/lib/commonjs/state/useEditorReducer.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEditorReducer = useEditorReducer;
+var _react = require("react");
+var _types = require("../types");
+var _history = require("./history");
+const EMPTY_DOCUMENT = {
+  annotations: [],
+  scene: _types.IDENTITY_SCENE
+};
+function nextZ(annotations) {
+  return annotations.reduce((max, a) => Math.max(max, a.z), 0) + 1;
+}
+function reducer(state, action) {
+  const doc = state.present;
+  switch (action.type) {
+    case 'ADD_ANNOTATION':
+      {
+        const annotation = {
+          ...action.annotation,
+          z: nextZ(doc.annotations)
+        };
+        return (0, _history.commit)(state, {
+          ...doc,
+          annotations: [...doc.annotations, annotation]
+        });
+      }
+    case 'UPDATE_ANNOTATION':
+      {
+        const annotations = doc.annotations.map(a => a.id === action.id ? {
+          ...a,
+          ...action.changes
+        } : a);
+        const next = {
+          ...doc,
+          annotations
+        };
+        return action.transient ? (0, _history.replacePresent)(state, next) : (0, _history.commit)(state, next);
+      }
+    case 'DELETE_ANNOTATION':
+      {
+        return (0, _history.commit)(state, {
+          ...doc,
+          annotations: doc.annotations.filter(a => a.id !== action.id)
+        });
+      }
+    case 'SET_SCENE':
+      {
+        const next = {
+          ...doc,
+          scene: {
+            ...doc.scene,
+            ...action.changes
+          }
+        };
+        return action.transient ? (0, _history.replacePresent)(state, next) : (0, _history.commit)(state, next);
+      }
+    case 'REPLACE':
+      {
+        return (0, _history.commit)(state, action.document);
+      }
+    case 'RESET':
+      {
+        return (0, _history.commit)(state, EMPTY_DOCUMENT);
+      }
+    case 'UNDO':
+      return (0, _history.undo)(state);
+    case 'REDO':
+      return (0, _history.redo)(state);
+    default:
+      return state;
+  }
+}
+function useEditorReducer(initial) {
+  return (0, _react.useReducer)(reducer, (0, _history.initHistory)({
+    ...EMPTY_DOCUMENT,
+    ...initial
+  }));
+}
+//# sourceMappingURL=useEditorReducer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_types","_history","EMPTY_DOCUMENT","annotations","scene","IDENTITY_SCENE","nextZ","reduce","max","a","Math","z","reducer","state","action","doc","present","type","annotation","commit","map","id","changes","next","transient","replacePresent","filter","document","undoHistory","redoHistory","useEditorReducer","initial","useReducer","initHistory"],"sourceRoot":"..\\..\\..\\src","sources":["state/useEditorReducer.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAgCA,MAAMG,cAA8B,GAAG;EACrCC,WAAW,EAAE,EAAE;EACfC,KAAK,EAAEC;AACT,CAAC;AAED,SAASC,KAAKA,CAACH,WAAyB,EAAU;EAChD,OAAOA,WAAW,CAACI,MAAM,CAAC,CAACC,GAAG,EAAEC,CAAC,KAAKC,IAAI,CAACF,GAAG,CAACA,GAAG,EAAEC,CAAC,CAACE,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC;AAClE;AAEA,SAASC,OAAOA,CAACC,KAAkB,EAAEC,MAAoB,EAAe;EACtE,MAAMC,GAAG,GAAGF,KAAK,CAACG,OAAO;EACzB,QAAQF,MAAM,CAACG,IAAI;IACjB,KAAK,gBAAgB;MAAE;QACrB,MAAMC,UAAU,GAAG;UAAE,GAAGJ,MAAM,CAACI,UAAU;UAAEP,CAAC,EAAEL,KAAK,CAACS,GAAG,CAACZ,WAAW;QAAE,CAAC;QACtE,OAAO,IAAAgB,eAAM,EAACN,KAAK,EAAE;UACnB,GAAGE,GAAG;UACNZ,WAAW,EAAE,CAAC,GAAGY,GAAG,CAACZ,WAAW,EAAEe,UAAU;QAC9C,CAAC,CAAC;MACJ;IACA,KAAK,mBAAmB;MAAE;QACxB,MAAMf,WAAW,GAAGY,GAAG,CAACZ,WAAW,CAACiB,GAAG,CAAEX,CAAC,IACxCA,CAAC,CAACY,EAAE,KAAKP,MAAM,CAACO,EAAE,GAAI;UAAE,GAAGZ,CAAC;UAAE,GAAGK,MAAM,CAACQ;QAAQ,CAAC,GAAkBb,CACrE,CAAC;QACD,MAAMc,IAAI,GAAG;UAAE,GAAGR,GAAG;UAAEZ;QAAY,CAAC;QACpC,OAAOW,MAAM,CAACU,SAAS,GAAG,IAAAC,uBAAc,EAACZ,KAAK,EAAEU,IAAI,CAAC,GAAG,IAAAJ,eAAM,EAACN,KAAK,EAAEU,IAAI,CAAC;MAC7E;IACA,KAAK,mBAAmB;MAAE;QACxB,OAAO,IAAAJ,eAAM,EAACN,KAAK,EAAE;UACnB,GAAGE,GAAG;UACNZ,WAAW,EAAEY,GAAG,CAACZ,WAAW,CAACuB,MAAM,CAAEjB,CAAC,IAAKA,CAAC,CAACY,EAAE,KAAKP,MAAM,CAACO,EAAE;QAC/D,CAAC,CAAC;MACJ;IACA,KAAK,WAAW;MAAE;QAChB,MAAME,IAAI,GAAG;UAAE,GAAGR,GAAG;UAAEX,KAAK,EAAE;YAAE,GAAGW,GAAG,CAACX,KAAK;YAAE,GAAGU,MAAM,CAACQ;UAAQ;QAAE,CAAC;QACnE,OAAOR,MAAM,CAACU,SAAS,GAAG,IAAAC,uBAAc,EAACZ,KAAK,EAAEU,IAAI,CAAC,GAAG,IAAAJ,eAAM,EAACN,KAAK,EAAEU,IAAI,CAAC;MAC7E;IACA,KAAK,SAAS;MAAE;QACd,OAAO,IAAAJ,eAAM,EAACN,KAAK,EAAEC,MAAM,CAACa,QAAQ,CAAC;MACvC;IACA,KAAK,OAAO;MAAE;QACZ,OAAO,IAAAR,eAAM,EAACN,KAAK,EAAEX,cAAc,CAAC;MACtC;IACA,KAAK,MAAM;MACT,OAAO,IAAA0B,aAAW,EAACf,KAAK,CAAC;IAC3B,KAAK,MAAM;MACT,OAAO,IAAAgB,aAAW,EAAChB,KAAK,CAAC;IAC3B;MACE,OAAOA,KAAK;EAChB;AACF;AAEO,SAASiB,gBAAgBA,CAACC,OAAiC,EAAE;EAClE,OAAO,IAAAC,iBAAU,EACfpB,OAAO,EACP,IAAAqB,oBAAW,EAAiB;IAAE,GAAG/B,cAAc;IAAE,GAAG6B;EAAQ,CAAC,CAC/D,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/toolbar/ColorPicker.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColorPicker = ColorPicker;
+var _reactNative = require("react-native");
+var _EditorContext = require("../context/EditorContext");
+var _selectors = require("../state/selectors");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Horizontal swatch strip. Picking a color sets the "current" color used for new
+ * shapes and, if an annotation is selected, recolors it (the right field per
+ * type). While editing text, it also updates the live text color.
+ */
+function ColorPicker() {
+  const {
+    palette,
+    strokeColor,
+    setStrokeColor,
+    setTextColor,
+    selectedId,
+    editingTextId,
+    annotations,
+    dispatch
+  } = (0, _EditorContext.useEditor)();
+  const onPick = color => {
+    setStrokeColor(color);
+    setTextColor(color);
+    const target = (0, _selectors.getAnnotationById)(annotations, editingTextId ?? selectedId);
+    if (target) {
+      if (target.type === 'text' || target.type === 'marker') {
+        dispatch({
+          type: 'UPDATE_ANNOTATION',
+          id: target.id,
+          changes: {
+            color
+          }
+        });
+      } else {
+        dispatch({
+          type: 'UPDATE_ANNOTATION',
+          id: target.id,
+          changes: {
+            strokeColor: color
+          }
+        });
+      }
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    contentContainerStyle: styles.row,
+    children: palette.map(color => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: () => onPick(color),
+      hitSlop: 4,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.swatch, {
+          backgroundColor: color
+        }, color === strokeColor && styles.selected]
+      })
+    }, color))
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    alignItems: 'center',
+    paddingHorizontal: 8,
+    gap: 8
+  },
+  swatch: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    borderWidth: 2,
+    borderColor: 'rgba(255,255,255,0.5)'
+  },
+  selected: {
+    borderColor: '#FFFFFF',
+    borderWidth: 3
+  }
+});
+//# sourceMappingURL=ColorPicker.js.map

package/lib/commonjs/toolbar/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_EditorContext","_selectors","_jsxRuntime","ColorPicker","palette","strokeColor","setStrokeColor","setTextColor","selectedId","editingTextId","annotations","dispatch","useEditor","onPick","color","target","getAnnotationById","type","id","changes","jsx","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","styles","row","children","map","Pressable","onPress","hitSlop","View","style","swatch","backgroundColor","selected","StyleSheet","create","alignItems","paddingHorizontal","gap","width","height","borderRadius","borderWidth","borderColor"],"sourceRoot":"..\\..\\..\\src","sources":["toolbar/ColorPicker.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAuD,IAAAG,WAAA,GAAAH,OAAA;AAGvD;AACA;AACA;AACA;AACA;AACO,SAASI,WAAWA,CAAA,EAAG;EAC5B,MAAM;IACJC,OAAO;IACPC,WAAW;IACXC,cAAc;IACdC,YAAY;IACZC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC;EACF,CAAC,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAEf,MAAMC,MAAM,GAAIC,KAAkB,IAAK;IACrCR,cAAc,CAACQ,KAAK,CAAC;IACrBP,YAAY,CAACO,KAAK,CAAC;IACnB,MAAMC,MAAM,GAAG,IAAAC,4BAAiB,EAACN,WAAW,EAAED,aAAa,IAAID,UAAU,CAAC;IAC1E,IAAIO,MAAM,EAAE;MACV,IAAIA,MAAM,CAACE,IAAI,KAAK,MAAM,IAAIF,MAAM,CAACE,IAAI,KAAK,QAAQ,EAAE;QACtDN,QAAQ,CAAC;UAAEM,IAAI,EAAE,mBAAmB;UAAEC,EAAE,EAAEH,MAAM,CAACG,EAAE;UAAEC,OAAO,EAAE;YAAEL;UAAM;QAAE,CAAC,CAAC;MAC5E,CAAC,MAAM;QACLH,QAAQ,CAAC;UACPM,IAAI,EAAE,mBAAmB;UACzBC,EAAE,EAAEH,MAAM,CAACG,EAAE;UACbC,OAAO,EAAE;YAAEd,WAAW,EAAES;UAAM;QAChC,CAAC,CAAC;MACJ;IACF;EACF,CAAC;EAED,oBACE,IAAAZ,WAAA,CAAAkB,GAAA,EAACtB,YAAA,CAAAuB,UAAU;IACTC,UAAU;IACVC,8BAA8B,EAAE,KAAM;IACtCC,qBAAqB,EAAEC,MAAM,CAACC,GAAI;IAAAC,QAAA,EAEjCvB,OAAO,CAACwB,GAAG,CAAEd,KAAK,iBACjB,IAAAZ,WAAA,CAAAkB,GAAA,EAACtB,YAAA,CAAA+B,SAAS;MAAaC,OAAO,EAAEA,CAAA,KAAMjB,MAAM,CAACC,KAAK,CAAE;MAACiB,OAAO,EAAE,CAAE;MAAAJ,QAAA,eAC9D,IAAAzB,WAAA,CAAAkB,GAAA,EAACtB,YAAA,CAAAkC,IAAI;QACHC,KAAK,EAAE,CACLR,MAAM,CAACS,MAAM,EACb;UAAEC,eAAe,EAAErB;QAAM,CAAC,EAC1BA,KAAK,KAAKT,WAAW,IAAIoB,MAAM,CAACW,QAAQ;MACxC,CACH;IAAC,GAPYtB,KAQL,CACZ;EAAC,CACQ,CAAC;AAEjB;AAEA,MAAMW,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,GAAG,EAAE;IAAEa,UAAU,EAAE,QAAQ;IAAEC,iBAAiB,EAAE,CAAC;IAAEC,GAAG,EAAE;EAAE,CAAC;EAC3DP,MAAM,EAAE;IACNQ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDV,QAAQ,EAAE;IAAEU,WAAW,EAAE,SAAS;IAAED,WAAW,EAAE;EAAE;AACrD,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/toolbar/CropControls.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CropControls = CropControls;
+var _reactNative = require("react-native");
+var _EditorContext = require("../context/EditorContext");
+var _ToolButton = require("./ToolButton");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Apply / reset / cancel controls shown while the crop tool is active. */
+function CropControls() {
+  const {
+    cropRectSV,
+    dispatch,
+    setTool,
+    imageSize
+  } = (0, _EditorContext.useEditor)();
+  const apply = () => {
+    const r = cropRectSV.value;
+    // Ignore a degenerate crop.
+    const isFull = r.x <= 0 && r.y <= 0 && r.width >= imageSize.width && r.height >= imageSize.height;
+    dispatch({
+      type: 'SET_SCENE',
+      changes: {
+        cropRect: isFull ? null : {
+          ...r
+        }
+      }
+    });
+    setTool('select');
+  };
+  const reset = () => {
+    dispatch({
+      type: 'SET_SCENE',
+      changes: {
+        cropRect: null
+      }
+    });
+    setTool('select');
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.row,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolButton.ToolButton, {
+      label: "\u2715 Cancel",
+      onPress: () => setTool('select')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolButton.ToolButton, {
+      label: "\u21BA Reset",
+      onPress: reset
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolButton.ToolButton, {
+      label: "\u2713 Apply",
+      active: true,
+      onPress: apply
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingVertical: 6
+  }
+});
+//# sourceMappingURL=CropControls.js.map

package/lib/commonjs/toolbar/CropControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_EditorContext","_ToolButton","_jsxRuntime","CropControls","cropRectSV","dispatch","setTool","imageSize","useEditor","apply","r","value","isFull","x","y","width","height","type","changes","cropRect","reset","jsxs","View","style","styles","row","children","jsx","ToolButton","label","onPress","active","StyleSheet","create","flexDirection","justifyContent","alignItems","paddingVertical"],"sourceRoot":"..\\..\\..\\src","sources":["toolbar/CropControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAA0C,IAAAG,WAAA,GAAAH,OAAA;AAE1C;AACO,SAASI,YAAYA,CAAA,EAAG;EAC7B,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAEhE,MAAMC,KAAK,GAAGA,CAAA,KAAM;IAClB,MAAMC,CAAC,GAAGN,UAAU,CAACO,KAAK;IAC1B;IACA,MAAMC,MAAM,GACVF,CAAC,CAACG,CAAC,IAAI,CAAC,IACRH,CAAC,CAACI,CAAC,IAAI,CAAC,IACRJ,CAAC,CAACK,KAAK,IAAIR,SAAS,CAACQ,KAAK,IAC1BL,CAAC,CAACM,MAAM,IAAIT,SAAS,CAACS,MAAM;IAC9BX,QAAQ,CAAC;MACPY,IAAI,EAAE,WAAW;MACjBC,OAAO,EAAE;QAAEC,QAAQ,EAAEP,MAAM,GAAG,IAAI,GAAG;UAAE,GAAGF;QAAE;MAAE;IAChD,CAAC,CAAC;IACFJ,OAAO,CAAC,QAAQ,CAAC;EACnB,CAAC;EAED,MAAMc,KAAK,GAAGA,CAAA,KAAM;IAClBf,QAAQ,CAAC;MAAEY,IAAI,EAAE,WAAW;MAAEC,OAAO,EAAE;QAAEC,QAAQ,EAAE;MAAK;IAAE,CAAC,CAAC;IAC5Db,OAAO,CAAC,QAAQ,CAAC;EACnB,CAAC;EAED,oBACE,IAAAJ,WAAA,CAAAmB,IAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,GAAI;IAAAC,QAAA,gBACtB,IAAAxB,WAAA,CAAAyB,GAAA,EAAC1B,WAAA,CAAA2B,UAAU;MAACC,KAAK,EAAC,eAAU;MAACC,OAAO,EAAEA,CAAA,KAAMxB,OAAO,CAAC,QAAQ;IAAE,CAAE,CAAC,eACjE,IAAAJ,WAAA,CAAAyB,GAAA,EAAC1B,WAAA,CAAA2B,UAAU;MAACC,KAAK,EAAC,cAAS;MAACC,OAAO,EAAEV;IAAM,CAAE,CAAC,eAC9C,IAAAlB,WAAA,CAAAyB,GAAA,EAAC1B,WAAA,CAAA2B,UAAU;MAACC,KAAK,EAAC,cAAS;MAACE,MAAM;MAACD,OAAO,EAAErB;IAAM,CAAE,CAAC;EAAA,CACjD,CAAC;AAEX;AAEA,MAAMe,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,GAAG,EAAE;IACHS,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/toolbar/RotationSlider.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RotationSlider = RotationSlider;
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
+var _EditorContext = require("../context/EditorContext");
+var _jsxRuntime = require("react/jsx-runtime");
+const SENSITIVITY = 0.006; // radians per pixel dragged
+
+/**
+ * Drag left/right anywhere on the bar to rotate the whole image to ANY angle.
+ * Updates are transient during the drag (no history spam) and committed on
+ * release. Double-nothing here is fine — the scene re-renders, but rotation is
+ * an occasional interaction.
+ */
+function RotationSlider() {
+  const {
+    doc,
+    dispatch
+  } = (0, _EditorContext.useEditor)();
+  const startRotation = (0, _reactNativeReanimated.useSharedValue)(0);
+  const rotationDeg = Math.round(doc.scene.rotation * 180 / Math.PI);
+  const setScene = (rotation, transient) => dispatch({
+    type: 'SET_SCENE',
+    changes: {
+      rotation
+    },
+    transient
+  });
+  const pan = _reactNativeGestureHandler.Gesture.Pan().onBegin(() => {
+    'worklet';
+
+    startRotation.value = doc.scene.rotation;
+  }).onChange(e => {
+    'worklet';
+
+    (0, _reactNativeReanimated.runOnJS)(setScene)(startRotation.value + e.translationX * SENSITIVITY, true);
+  }).onEnd(e => {
+    'worklet';
+
+    (0, _reactNativeReanimated.runOnJS)(setScene)(startRotation.value + e.translationX * SENSITIVITY, false);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: pan,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.bar,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: styles.label,
+        children: ["\u27F2 Rotate  ", rotationDeg, "\xB0  \u27F3"]
+      })
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  bar: {
+    height: 36,
+    borderRadius: 8,
+    backgroundColor: 'rgba(255,255,255,0.12)',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginHorizontal: 8
+  },
+  label: {
+    color: '#FFFFFF',
+    fontSize: 14,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=RotationSlider.js.map

package/lib/commonjs/toolbar/RotationSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeGestureHandler","_reactNativeReanimated","_EditorContext","_jsxRuntime","SENSITIVITY","RotationSlider","doc","dispatch","useEditor","startRotation","useSharedValue","rotationDeg","Math","round","scene","rotation","PI","setScene","transient","type","changes","pan","Gesture","Pan","onBegin","value","onChange","e","runOnJS","translationX","onEnd","jsx","GestureDetector","gesture","children","View","style","styles","bar","jsxs","Text","label","StyleSheet","create","height","borderRadius","backgroundColor","alignItems","justifyContent","marginHorizontal","color","fontSize","fontWeight"],"sourceRoot":"..\\..\\..\\src","sources":["toolbar/RotationSlider.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAAqD,IAAAI,WAAA,GAAAJ,OAAA;AAErD,MAAMK,WAAW,GAAG,KAAK,CAAC,CAAC;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAAA,EAAG;EAC/B,MAAM;IAAEC,GAAG;IAAEC;EAAS,CAAC,GAAG,IAAAC,wBAAS,EAAC,CAAC;EACrC,MAAMC,aAAa,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACvC,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAAEP,GAAG,CAACQ,KAAK,CAACC,QAAQ,GAAG,GAAG,GAAIH,IAAI,CAACI,EAAE,CAAC;EAEpE,MAAMC,QAAQ,GAAGA,CAACF,QAAgB,EAAEG,SAAkB,KACpDX,QAAQ,CAAC;IAAEY,IAAI,EAAE,WAAW;IAAEC,OAAO,EAAE;MAAEL;IAAS,CAAC;IAAEG;EAAU,CAAC,CAAC;EAEnE,MAAMG,GAAG,GAAGC,kCAAO,CAACC,GAAG,CAAC,CAAC,CACtBC,OAAO,CAAC,MAAM;IACb,SAAS;;IACTf,aAAa,CAACgB,KAAK,GAAGnB,GAAG,CAACQ,KAAK,CAACC,QAAQ;EAC1C,CAAC,CAAC,CACDW,QAAQ,CAAEC,CAAC,IAAK;IACf,SAAS;;IACT,IAAAC,8BAAO,EAACX,QAAQ,CAAC,CAACR,aAAa,CAACgB,KAAK,GAAGE,CAAC,CAACE,YAAY,GAAGzB,WAAW,EAAE,IAAI,CAAC;EAC7E,CAAC,CAAC,CACD0B,KAAK,CAAEH,CAAC,IAAK;IACZ,SAAS;;IACT,IAAAC,8BAAO,EAACX,QAAQ,CAAC,CAACR,aAAa,CAACgB,KAAK,GAAGE,CAAC,CAACE,YAAY,GAAGzB,WAAW,EAAE,KAAK,CAAC;EAC9E,CAAC,CAAC;EAEJ,oBACE,IAAAD,WAAA,CAAA4B,GAAA,EAAC/B,0BAAA,CAAAgC,eAAe;IAACC,OAAO,EAAEZ,GAAI;IAAAa,QAAA,eAC5B,IAAA/B,WAAA,CAAA4B,GAAA,EAACjC,YAAA,CAAAqC,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,GAAI;MAAAJ,QAAA,eACtB,IAAA/B,WAAA,CAAAoC,IAAA,EAACzC,YAAA,CAAA0C,IAAI;QAACJ,KAAK,EAAEC,MAAM,CAACI,KAAM;QAAAP,QAAA,GAAC,iBAAU,EAACvB,WAAW,EAAC,cAAI;MAAA,CAAM;IAAC,CACzD;EAAC,CACQ,CAAC;AAEtB;AAEA,MAAM0B,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,GAAG,EAAE;IACHM,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,wBAAwB;IACzCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,gBAAgB,EAAE;EACpB,CAAC;EACDR,KAAK,EAAE;IAAES,KAAK,EAAE,SAAS;IAAEC,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAM;AAC7D,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/toolbar/TextInputOverlay.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextInputOverlay = TextInputOverlay;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _EditorContext = require("../context/EditorContext");
+var _selectors = require("../state/selectors");
+var _math = require("../utils/math");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Native TextInput overlaid on the text annotation being edited. Skia can't
+ * accept keyboard input, so we edit here and mirror the string back into the
+ * annotation (transient updates while typing; a committed update on blur). The
+ * Skia text for this annotation is hidden while editing (see AnnotationLayer).
+ * Positioning ignores rotation for simplicity.
+ */
+function TextInputOverlay() {
+  const {
+    editingTextId,
+    setEditingTextId,
+    annotations,
+    dispatch,
+    matrix,
+    setSelectedId
+  } = (0, _EditorContext.useEditor)();
+  const target = (0, _selectors.getAnnotationById)(annotations, editingTextId);
+  const isText = target?.type === 'text' ? target : null;
+  const inputRef = (0, _react.useRef)(null);
+  const [value, setValue] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    if (isText) {
+      setValue(isText.text);
+      const t = setTimeout(() => inputRef.current?.focus(), 50);
+      return () => clearTimeout(t);
+    }
+    return undefined;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [editingTextId]);
+  if (!isText) {
+    return null;
+  }
+  const scaleFactor = Math.hypot(matrix.a, matrix.b) || 1;
+  const screen = (0, _math.applyToPoint)(matrix, isText.origin);
+  const fontSize = isText.fontSize * scaleFactor;
+  const width = isText.width * scaleFactor;
+  const onChange = text => {
+    setValue(text);
+    dispatch({
+      type: 'UPDATE_ANNOTATION',
+      id: isText.id,
+      changes: {
+        text
+      },
+      transient: true
+    });
+  };
+  const onDone = () => {
+    const trimmed = value.trim();
+    if (trimmed.length === 0) {
+      dispatch({
+        type: 'DELETE_ANNOTATION',
+        id: isText.id
+      });
+      setSelectedId(null);
+    } else {
+      // Promote the accumulated transient edits into a single history entry.
+      dispatch({
+        type: 'UPDATE_ANNOTATION',
+        id: isText.id,
+        changes: {
+          text: value
+        }
+      });
+    }
+    setEditingTextId(null);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+    ref: inputRef,
+    value: value,
+    onChangeText: onChange,
+    onBlur: onDone,
+    onSubmitEditing: onDone,
+    multiline: true,
+    blurOnSubmit: true,
+    style: [styles.input, {
+      left: screen.x,
+      top: screen.y,
+      width: Math.max(width, 80),
+      fontSize,
+      color: isText.color,
+      lineHeight: fontSize * 1.2
+    }],
+    placeholder: "Text",
+    placeholderTextColor: "rgba(255,255,255,0.5)"
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  input: {
+    position: 'absolute',
+    padding: 0,
+    margin: 0,
+    textAlignVertical: 'top'
+  }
+});
+//# sourceMappingURL=TextInputOverlay.js.map

package/lib/commonjs/toolbar/TextInputOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_EditorContext","_selectors","_math","_jsxRuntime","TextInputOverlay","editingTextId","setEditingTextId","annotations","dispatch","matrix","setSelectedId","useEditor","target","getAnnotationById","isText","type","inputRef","useRef","value","setValue","useState","useEffect","text","t","setTimeout","current","focus","clearTimeout","undefined","scaleFactor","Math","hypot","a","b","screen","applyToPoint","origin","fontSize","width","onChange","id","changes","transient","onDone","trimmed","trim","length","jsx","TextInput","ref","onChangeText","onBlur","onSubmitEditing","multiline","blurOnSubmit","style","styles","input","left","x","top","y","max","color","lineHeight","placeholder","placeholderTextColor","StyleSheet","create","position","padding","margin","textAlignVertical"],"sourceRoot":"..\\..\\..\\src","sources":["toolbar/TextInputOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/toolbar/ToolButton.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolButton = ToolButton;
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function ToolButton({
+  label,
+  active,
+  disabled,
+  onPress
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    style: ({
+      pressed
+    }) => [styles.button, active && styles.active, disabled && styles.disabled, pressed && styles.pressed],
+    hitSlop: 6,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.label, active && styles.activeLabel],
+      children: label
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    minWidth: 44,
+    height: 44,
+    paddingHorizontal: 8,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 10,
+    marginHorizontal: 2
+  },
+  active: {
+    backgroundColor: '#1E90FF'
+  },
+  disabled: {
+    opacity: 0.35
+  },
+  pressed: {
+    opacity: 0.6
+  },
+  label: {
+    color: '#FFFFFF',
+    fontSize: 18
+  },
+  activeLabel: {
+    color: '#FFFFFF',
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=ToolButton.js.map

package/lib/commonjs/toolbar/ToolButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_jsxRuntime","ToolButton","label","active","disabled","onPress","jsx","Pressable","style","pressed","styles","button","hitSlop","children","Text","activeLabel","StyleSheet","create","minWidth","height","paddingHorizontal","alignItems","justifyContent","borderRadius","marginHorizontal","backgroundColor","opacity","color","fontSize","fontWeight"],"sourceRoot":"..\\..\\..\\src","sources":["toolbar/ToolButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA2D,IAAAC,WAAA,GAAAD,OAAA;AAEpD,SAASE,UAAUA,CAAC;EACzBC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC;AAMF,CAAC,EAAE;EACD,oBACE,IAAAL,WAAA,CAAAM,GAAA,EAACR,YAAA,CAAAS,SAAS;IACRF,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA,QAAS;IACnBI,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBC,MAAM,CAACC,MAAM,EACbR,MAAM,IAAIO,MAAM,CAACP,MAAM,EACvBC,QAAQ,IAAIM,MAAM,CAACN,QAAQ,EAC3BK,OAAO,IAAIC,MAAM,CAACD,OAAO,CACzB;IACFG,OAAO,EAAE,CAAE;IAAAC,QAAA,eAEX,IAAAb,WAAA,CAAAM,GAAA,EAACR,YAAA,CAAAgB,IAAI;MAACN,KAAK,EAAE,CAACE,MAAM,CAACR,KAAK,EAAEC,MAAM,IAAIO,MAAM,CAACK,WAAW,CAAE;MAAAF,QAAA,EAAEX;IAAK,CAAO;EAAC,CAChE,CAAC;AAEhB;AAEA,MAAMQ,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,MAAM,EAAE;IACNO,QAAQ,EAAE,EAAE;IACZC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE,CAAC;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE;EACpB,CAAC;EACDrB,MAAM,EAAE;IAAEsB,eAAe,EAAE;EAAU,CAAC;EACtCrB,QAAQ,EAAE;IAAEsB,OAAO,EAAE;EAAK,CAAC;EAC3BjB,OAAO,EAAE;IAAEiB,OAAO,EAAE;EAAI,CAAC;EACzBxB,KAAK,EAAE;IAAEyB,KAAK,EAAE,SAAS;IAAEC,QAAQ,EAAE;EAAG,CAAC;EACzCb,WAAW,EAAE;IAAEY,KAAK,EAAE,SAAS;IAAEE,UAAU,EAAE;EAAM;AACrD,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/toolbar/Toolbar.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toolbar = Toolbar;
+var _reactNative = require("react-native");
+var _EditorContext = require("../context/EditorContext");
+var _ToolButton = require("./ToolButton");
+var _ColorPicker = require("./ColorPicker");
+var _CropControls = require("./CropControls");
+var _RotationSlider = require("./RotationSlider");
+var _jsxRuntime = require("react/jsx-runtime");
+const TOOLS = [{
+  tool: 'select',
+  label: '⇱'
+}, {
+  tool: 'circle',
+  label: '◯'
+}, {
+  tool: 'arrow',
+  label: '↗'
+}, {
+  tool: 'marker',
+  label: '▬'
+}, {
+  tool: 'freehand',
+  label: '✎'
+}, {
+  tool: 'text',
+  label: 'T'
+}, {
+  tool: 'crop',
+  label: '⛶'
+}];
+function Toolbar({
+  onDone
+}) {
+  const {
+    tool,
+    setTool,
+    selectedId,
+    setSelectedId,
+    canUndo,
+    canRedo,
+    dispatch,
+    doc
+  } = (0, _EditorContext.useEditor)();
+  const cropping = tool === 'crop';
+  const deleteSelected = () => {
+    if (selectedId) {
+      dispatch({
+        type: 'DELETE_ANNOTATION',
+        id: selectedId
+      });
+      setSelectedId(null);
+    }
+  };
+  const bumpScale = delta => {
+    const next = Math.max(0.1, Math.min(4, doc.scene.scale + delta));
+    dispatch({
+      type: 'SET_SCENE',
+      changes: {
+        scale: next
+      }
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: cropping ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RotationSlider.RotationSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CropControls.CropControls, {})]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.topRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolButton.ToolButton, {
+          label: "\u21B6",
+          disabled: !canUndo,
+          onPress: () => dispatch({
+            type: 'UNDO'
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolButton.ToolButton, {
+          label: "\u21B7",
+          disabled: !canRedo,
+          onPress: () => dispatch({
+            type: 'REDO'
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolButton.ToolButton, {
+          label: "\u2212",
+          onPress: () => bumpScale(-0.1)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolButton.ToolButton, {
+          label: "+",
+          onPress: () => bumpScale(0.1)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolButton.ToolButton, {
+          label: "\uD83D\uDDD1",
+          disabled: !selectedId,
+          onPress: deleteSelected
+        }), onDone ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolButton.ToolButton, {
+          label: "Done",
+          active: true,
+          onPress: onDone
+        }) : null]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RotationSlider.RotationSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColorPicker.ColorPicker, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.toolRow,
+        children: TOOLS.map(t => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolButton.ToolButton, {
+          label: t.label,
+          active: tool === t.tool,
+          onPress: () => {
+            setTool(t.tool);
+            if (t.tool !== 'select') {
+              setSelectedId(null);
+            }
+          }
+        }, t.tool))
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    backgroundColor: '#1C1C1E',
+    paddingVertical: 8,
+    gap: 8
+  },
+  topRow: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexWrap: 'wrap'
+  },
+  toolRow: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexWrap: 'wrap'
+  }
+});
+//# sourceMappingURL=Toolbar.js.map

package/lib/commonjs/toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_EditorContext","_ToolButton","_ColorPicker","_CropControls","_RotationSlider","_jsxRuntime","TOOLS","tool","label","Toolbar","onDone","setTool","selectedId","setSelectedId","canUndo","canRedo","dispatch","doc","useEditor","cropping","deleteSelected","type","id","bumpScale","delta","next","Math","max","min","scene","scale","changes","jsx","View","style","styles","container","children","jsxs","Fragment","RotationSlider","CropControls","topRow","ToolButton","disabled","onPress","active","ColorPicker","toolRow","map","t","StyleSheet","create","backgroundColor","paddingVertical","gap","flexDirection","justifyContent","alignItems","flexWrap"],"sourceRoot":"..\\..\\..\\src","sources":["toolbar/Toolbar.tsx"],"mappings":"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","ignoreList":[]}