@archireport/react-native-svg-draw 1.3.0 → 2.0.0

package/README.md

@@ -10,7 +10,7 @@ React Native drawing component based on SVG with editable annotations
 - Compatible with `Expo`
 - Built with `react-native-reanimated` v2
 - Save result with `react-native-view-shot`
-- Customisable
+- Fully customisable
 
 ## Installation
 
@@ -30,19 +30,16 @@ expo install @archireport/react-native-svg-draw react-native-reanimated react-na
 
 ```
 
-
 ---
+
 **⚠️ extra steps are required**
 
 _React Native Gesture Handler_ needs extra steps to finalize its installation, please follow their [installation instructions](https://docs.swmansion.com/react-native-gesture-handler/docs/#installation).
 
 _React Native Reanimated_ needs extra steps to finalize its installation, please follow their [installation instructions](https://docs.swmansion.com/react-native-reanimated/docs/installation/).
 
-
-
 ---
 
-
 ## Usage
 
 ### Bare react native app
@@ -52,8 +49,9 @@ import { DrawWithOptions } from 'react-native-svg-draw';
 import LinearGradient from 'react-native-linear-gradient';
 
 // ...
-
-<DrawWithOptions linearGradient={LinearGradient} />;
+<DrawProvider>
+  <DrawWithOptions linearGradient={LinearGradient} />
+</DrawProvider>;
 ```
 
 ### Expo
@@ -63,10 +61,70 @@ import { DrawWithOptions } from 'react-native-svg-draw';
 import { LinearGradient } from 'expo-linear-gradient';
 
 // ...
+<DrawProvider>
+  <DrawWithOptions linearGradient={LinearGradient} />
+</DrawProvider>;
+```
+
+---
+
+## How it works
+
+The draw provider manage the context of the svg draw core.
+You have 2 options
+
+### Use DrawWithOptions provided by the lib
+
+Fast and easy way to use the lib.
+Example :
 
-<DrawWithOptions linearGradient={LinearGradient} />;
+```js
+<DrawProvider>
+  <DrawWithOptions
+    linearGradient={LinearGradient}
+    image={require('./pexels-sebastian-palomino-2847766.jpg')}
+    close={() => true}
+    takeSnapshot={(snap) => {
+      snap.then((uri) => console.log('snapShot uri:', uri));
+    }}
+  />
+</DrawProvider>
 ```
 
+### Use your own "DrawWithOptions" component
+
+You can create your own "DrawWithOptions" component and customize the ui.
+You have to use the hook call "useDrawHook" inside your component to interact with the context. This hook expose a lot of functions and objects that can be used to interact with the drawcore.
+
+```js
+  const {
+    drawState,
+    dispatchDrawStates,
+    itemIsSelected,
+    cancelLastAction,
+    deleteSelectedItem,
+    ...
+  } = useDrawHook();
+```
+
+#### useDrawHook
+
+| Name                  | Type                   | Description                                                                                               |
+| --------------------- | ---------------------- | --------------------------------------------------------------------------------------------------------- |
+| `strokeWidth`         | shared value(number)   | Object from react-native-reanimated, get and set value => strokeWidth.value                               |
+| `color`               | shared value(hslColor) | Object from react-native-reanimated, get and set value => color.value                                     |
+| `onColorStrokeChange` | function               | Function use when changing color or strokeWidth is done to memorize action for undo                       |
+| `drawState`           | object                 | Get the selected `drawingMode` : 'singleHead','doubleHead','rectangle','ellipse','text','pen', `cancelEnabled`  is true when last action can be canceled,  `doneItems` contains all previous draw items and `screenStates` helps to go back in time (cancel pops last state)            |
+| `dispatchDrawStates`  | function               | Can be used to update `drawingMode`            |
+| `itemIsSelected`      | shared value(boolean)  | Object from react-native-reanimated Indicate if an item is selected, to get value => itemIsSelected.value |
+| `cancelLastAction`    | function               | Call this function when user press your undo button                                                       |
+| `takeSnapshot`        | function               | This async function will return the uri of your drawing                                                   |
+| `deleteSelectedItem`  | function               | Call this function when you want to delete the selected item                                              |
+
+### Recommendation
+
+Copy the drawWithOptions component, sliders component and adjust styles to match your theme
+
 ## Components
 
 ### DrawWithOptions
@@ -76,34 +134,22 @@ Component with header and footer, based on DrawCore
 #### Properties
 
 | Name             | Type            | Description                                                                              |
-| ---------------- |-----------------|------------------------------------------------------------------------------------------|
+| ---------------- | --------------- | ---------------------------------------------------------------------------------------- |
 | `close`          | function        | (optional) called when cross is pressed                                                  |
-| `takeSnapshot`   | function        | called when send button (at the bottom) is pressed                                       |
+| `takeSnapshot`   | function        | (optional) called when send button (at the top right) is pressed                         |
 | `linearGradient` | React Component | implementation used for linear gradient (differs between expo and bare react native app) |
 | `image`          | image           | (optional) background picture                                                            |
 
 ### DrawCore
 
-Component which can be used to customize header and footer
+Component where the user can draw
 
 #### Properties
 
-| Name                | Type            | Description                                                                              |
-|---------------------| --------------- | ---------------------------------------------------------------------------------------- |
-| `drawingMode`       | enum            | used shape for drawing                                                                   |
-| `onSelectionChange` | function        | called when a shape is selected                                                          |
-| `linearGradient`    | React Component | implementation used for linear gradient (differs between expo and bare react native app) |
-| `image`             | image           | (optional) background picture                                                            |
-| `backgroundColor`   | string          | (optional) background color of the draw zone                                             |
-
-#### Ref attributes
-
-Using ref on `<DrawCore/>` you can access to the following attributes
-
-| Name                 | Type     | Description                                                      |
-| -------------------- | -------- | ---------------------------------------------------------------- |
-| `deleteSelectedItem` | function | delete selected item                                             |
-| `takeSnapshot`       | function | take a snapshot of the result (base on `react-native-view-shot`) |
+| Name              | Type   | Description                                  |
+| ----------------- | ------ | -------------------------------------------- |
+| `image`           | image  | (optional) background picture                |
+| `backgroundColor` | string | (optional) background color of the draw zone |
 
 ## Contributing
 

package/lib/commonjs/components/DrawCore/CurrentAnimatedItem.js

@@ -5,28 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = CurrentAnimatedItem;
 exports.pointsToPath = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
 var _reactNativeSvg = require("react-native-svg");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Path);
-
 const AnimatedEllipse = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Ellipse);
-
 const AnimatedRectangle = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Rect);
+const AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Line);
 
-const AnimatedLine = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Line); // properties of a line
-
-
+// properties of a line
 const line = (pointA, pointB) => {
   'worklet';
 
@@ -36,18 +26,19 @@ const line = (pointA, pointB) => {
     length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),
     angle: Math.atan2(lengthY, lengthX)
   };
-}; // position of a control point
-
+};
 
+// position of a control point
 const controlPoint = (current, previous, next, reverse) => {
-  'worklet'; // When 'current' is the first or last point of the array, 'previous' or 'next' don't exist --> replace with 'current'
+  'worklet';
 
+  // When 'current' is the first or last point of the array, 'previous' or 'next' don't exist --> replace with 'current'
   const p = previous || current;
   const n = next || current;
-  const smoothing = 0.2; // Properties of the opposed-line
-
-  const o = line(p, n); // If is end-control-point, add PI to the angle to go backward
-
+  const smoothing = 0.2;
+  // Properties of the opposed-line
+  const o = line(p, n);
+  // If is end-control-point, add PI to the angle to go backward
   const angle = o.angle + (reverse ? Math.PI : 0);
   const length = o.length * smoothing;
   const x = current.x + Math.cos(angle) * length;
@@ -56,67 +47,65 @@ const controlPoint = (current, previous, next, reverse) => {
     x: x,
     y: y
   };
-}; // create the bezier curve command
-
+};
 
+// create the bezier curve command
 const bezierCommand = (point, i, a) => {
   'worklet';
 
-  const endPoint = controlPoint(point, a[i - 1], a[i + 1], true);
-
-  if (i === 1) {
-    const startPoint = controlPoint(a[i - 1], a[i - 2], point, true);
-    return `C ${startPoint.x},${startPoint.y} ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;
-  } else {
-    return `S ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;
+  const previousPoint = a[i - 1];
+  const nextPoint = a[i + 1];
+  if (previousPoint && nextPoint) {
+    const endPoint = controlPoint(point, previousPoint, nextPoint, true);
+    if (i === 1) {
+      const pointBefore = a[i - 2];
+      if (pointBefore) {
+        const startPoint = controlPoint(previousPoint, pointBefore, point, true);
+        return `C ${startPoint.x},${startPoint.y} ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;
+      }
+    } else {
+      return `S ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;
+    }
   }
+  return '';
 };
-
 const pointsToPath = points => {
   'worklet';
 
   return points.length > 0 ? points.reduce((acc, point, i, a) => i === 0 ? `M ${point.x},${point.y}` : `${acc} ${bezierCommand(point, i, a)}`, '') : '';
 };
-
 exports.pointsToPath = pointsToPath;
-
 function hue2rgb(p, q, t) {
   'worklet';
 
   if (t < 0) {
     t += 1;
   }
-
   if (t > 1) {
     t -= 1;
   }
-
   if (t < 1 / 6) {
     return p + (q - p) * 6 * t;
   }
-
   if (t < 1 / 2) {
     return q;
   }
-
   if (t < 2 / 3) {
     return p + (q - p) * (2 / 3 - t) * 6;
   }
-
   return p;
-} // see https://github.com/software-mansion/react-native-reanimated/issues/1909
-
+}
 
+// see https://github.com/software-mansion/react-native-reanimated/issues/1909
 function hslToRgb(col) {
   'worklet';
 
   const hslRegExp = new RegExp(/hsl\(([\d.]+),\s*(\d+)%,\s*([\d.]+)%\)/);
   const res = hslRegExp.exec(col);
-  const h = res ? parseFloat(res[1]) / 360 : 0;
-  const s = res ? parseFloat(res[2]) / 100 : 0;
-  const l = res ? parseFloat(res[3]) / 100 : 0;
+  const h = res ? parseFloat(res[1] ?? '0') / 360 : 0;
+  const s = res ? parseFloat(res[2] ?? '0') / 100 : 0;
+  const l = res ? parseFloat(res[3] ?? '0') / 100 : 0;
   var r, g, b;
-
   if (s === 0) {
     r = g = b = l; // achromatic
   } else {
@@ -126,17 +115,28 @@ function hslToRgb(col) {
     g = hue2rgb(p, q, h);
     b = hue2rgb(p, q, h - 1 / 3);
   }
-
   return `rgb(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(b * 255)})`;
 }
-
+const propAdapter = (0, _reactNativeReanimated.createAnimatedPropAdapter)(props => {
+  if (Object.keys(props).includes('fill') && (typeof props.fill === 'string' || typeof props.fill === 'number')) {
+    props.fill = {
+      type: 0,
+      payload: (0, _reactNativeReanimated.processColor)(props.fill)
+    };
+  }
+  if (Object.keys(props).includes('stroke') && (typeof props.stroke === 'string' || typeof props.stroke === 'number')) {
+    props.stroke = {
+      type: 0,
+      payload: (0, _reactNativeReanimated.processColor)(props.stroke)
+    };
+  }
+}, ['fill', 'stroke']);
 function CurrentAnimatedItem(_ref) {
   let {
     currentItem
   } = _ref;
   const ellipseAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     var _currentItem$value, _currentItem$value2, _currentItem$value3, _currentItem$value4;
-
     const coordinates = ((_currentItem$value = currentItem.value) === null || _currentItem$value === void 0 ? void 0 : _currentItem$value.type) === 'ellipse' ? currentItem.value.data : {
       cx: -10,
       cy: -10,
@@ -148,15 +148,15 @@ function CurrentAnimatedItem(_ref) {
       cy: coordinates.cy,
       rx: coordinates.rx,
       ry: coordinates.ry,
+      fill: 'transparent',
       stroke: hslToRgb(((_currentItem$value2 = currentItem.value) === null || _currentItem$value2 === void 0 ? void 0 : _currentItem$value2.color) || 'hsl(0, 0%, 0%)'),
       opacity: ((_currentItem$value3 = currentItem.value) === null || _currentItem$value3 === void 0 ? void 0 : _currentItem$value3.type) === 'ellipse' ? 1 : 0,
       strokeWidth: ((_currentItem$value4 = currentItem.value) === null || _currentItem$value4 === void 0 ? void 0 : _currentItem$value4.type) === 'ellipse' ? currentItem.value.strokeWidth : 0,
       marker: 'url(#selection)'
     };
-  }, [currentItem.value]);
+  }, null, propAdapter);
   const singleHeadAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     var _currentItem$value5, _currentItem$value6, _currentItem$value7, _currentItem$value8;
-
     const coordinates = ((_currentItem$value5 = currentItem.value) === null || _currentItem$value5 === void 0 ? void 0 : _currentItem$value5.type) === 'singleHead' ? currentItem.value.data : {
       x1: -10,
       y1: -10,
@@ -168,15 +168,15 @@ function CurrentAnimatedItem(_ref) {
       y1: coordinates.y1,
       x2: coordinates.x2,
       y2: coordinates.y2,
+      fill: 'transparent',
       stroke: hslToRgb(((_currentItem$value6 = currentItem.value) === null || _currentItem$value6 === void 0 ? void 0 : _currentItem$value6.color) || 'hsl(0, 0%, 0%)'),
       opacity: ((_currentItem$value7 = currentItem.value) === null || _currentItem$value7 === void 0 ? void 0 : _currentItem$value7.type) === 'singleHead' ? 1 : 0,
       strokeWidth: ((_currentItem$value8 = currentItem.value) === null || _currentItem$value8 === void 0 ? void 0 : _currentItem$value8.type) === 'singleHead' ? currentItem.value.strokeWidth : 0,
       markerEnd: 'arrowhead'
     };
-  }, [currentItem.value]);
+  }, null, propAdapter);
   const doubleHeadAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     var _currentItem$value9, _currentItem$value10, _currentItem$value11, _currentItem$value12;
-
     const coordinates = ((_currentItem$value9 = currentItem.value) === null || _currentItem$value9 === void 0 ? void 0 : _currentItem$value9.type) === 'doubleHead' ? currentItem.value.data : {
       x1: -10,
       y1: -10,
@@ -188,16 +188,16 @@ function CurrentAnimatedItem(_ref) {
       y1: coordinates.y1,
       x2: coordinates.x2,
       y2: coordinates.y2,
+      fill: 'transparent',
       stroke: hslToRgb(((_currentItem$value10 = currentItem.value) === null || _currentItem$value10 === void 0 ? void 0 : _currentItem$value10.color) || 'hsl(0, 0%, 0%)'),
       opacity: ((_currentItem$value11 = currentItem.value) === null || _currentItem$value11 === void 0 ? void 0 : _currentItem$value11.type) === 'doubleHead' ? 1 : 0,
       strokeWidth: ((_currentItem$value12 = currentItem.value) === null || _currentItem$value12 === void 0 ? void 0 : _currentItem$value12.type) === 'doubleHead' ? currentItem.value.strokeWidth : 0,
       markerStart: 'side',
       markerEnd: 'side'
     };
-  }, [currentItem.value]);
+  }, null, propAdapter);
   const rectangleAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     var _currentItem$value13, _currentItem$value14, _currentItem$value15, _currentItem$value16;
-
     const coordinates = ((_currentItem$value13 = currentItem.value) === null || _currentItem$value13 === void 0 ? void 0 : _currentItem$value13.type) === 'rectangle' ? currentItem.value.data : {
       x: -10,
       y: -10,
@@ -209,15 +209,15 @@ function CurrentAnimatedItem(_ref) {
       y: coordinates.y,
       width: coordinates.width,
       height: coordinates.height,
+      fill: 'transparent',
       stroke: hslToRgb(((_currentItem$value14 = currentItem.value) === null || _currentItem$value14 === void 0 ? void 0 : _currentItem$value14.color) || 'hsl(0, 0%, 0%)'),
       opacity: ((_currentItem$value15 = currentItem.value) === null || _currentItem$value15 === void 0 ? void 0 : _currentItem$value15.type) === 'rectangle' ? 1 : 0,
       strokeWidth: ((_currentItem$value16 = currentItem.value) === null || _currentItem$value16 === void 0 ? void 0 : _currentItem$value16.type) === 'rectangle' ? currentItem.value.strokeWidth : 0,
       marker: 'url(#selection)'
     };
-  }, [currentItem.value]);
+  }, null, propAdapter);
   const penAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     var _currentItem$value17, _currentItem$value18, _currentItem$value19, _currentItem$value20;
-
     const d = pointsToPath(((_currentItem$value17 = currentItem.value) === null || _currentItem$value17 === void 0 ? void 0 : _currentItem$value17.type) === 'pen' ? currentItem.value.data : [{
       x: -10,
       y: -10
@@ -227,10 +227,11 @@ function CurrentAnimatedItem(_ref) {
       strokeWidth: ((_currentItem$value18 = currentItem.value) === null || _currentItem$value18 === void 0 ? void 0 : _currentItem$value18.type) === 'pen' ? currentItem.value.strokeWidth : 0,
       stroke: hslToRgb(((_currentItem$value19 = currentItem.value) === null || _currentItem$value19 === void 0 ? void 0 : _currentItem$value19.color) || 'hsl(0, 0%, 0%)'),
       opacity: ((_currentItem$value20 = currentItem.value) === null || _currentItem$value20 === void 0 ? void 0 : _currentItem$value20.type) === 'pen' ? 1 : 0,
+      fill: 'transparent',
       markerStart: 'selection',
       markerEnd: 'selection'
     };
-  }, [currentItem.value]);
+  }, null, propAdapter);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(AnimatedEllipse, {
     animatedProps: ellipseAnimatedProps
   }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.G, {

package/lib/commonjs/components/DrawCore/CurrentAnimatedItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["AnimatedPath","Animated","createAnimatedComponent","Path","AnimatedEllipse","Ellipse","AnimatedRectangle","Rect","AnimatedLine","Line","line","pointA","pointB","lengthX","x","lengthY","y","length","Math","sqrt","pow","angle","atan2","controlPoint","current","previous","next","reverse","p","n","smoothing","o","PI","cos","sin","bezierCommand","point","i","a","endPoint","startPoint","pointsToPath","points","reduce","acc","hue2rgb","q","t","hslToRgb","col","hslRegExp","RegExp","res","exec","h","parseFloat","s","l","r","g","b","round","CurrentAnimatedItem","currentItem","ellipseAnimatedProps","useAnimatedProps","coordinates","value","type","data","cx","cy","rx","ry","stroke","color","opacity","strokeWidth","marker","singleHeadAnimatedProps","x1","y1","x2","y2","markerEnd","doubleHeadAnimatedProps","markerStart","rectangleAnimatedProps","width","height","penAnimatedProps","d"],"sources":["CurrentAnimatedItem.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, { useAnimatedProps } from 'react-native-reanimated';\nimport { Path, Ellipse, Rect, Line, G } from 'react-native-svg';\nimport type { DrawItem, hslColor, Point } from '../../types';\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nconst AnimatedEllipse = Animated.createAnimatedComponent(Ellipse);\n\nconst AnimatedRectangle = Animated.createAnimatedComponent(Rect);\n\nconst AnimatedLine = Animated.createAnimatedComponent(Line);\n\n// properties of a line\nconst line = (pointA: Point, pointB: Point) => {\n  'worklet';\n  const lengthX = pointB.x - pointA.x;\n  const lengthY = pointB.y - pointA.y;\n  return {\n    length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),\n    angle: Math.atan2(lengthY, lengthX),\n  };\n};\n\n// position of a control point\nconst controlPoint = (\n  current: Point,\n  previous: Point,\n  next: Point,\n  reverse: boolean\n): Point => {\n  'worklet';\n  // When 'current' is the first or last point of the array, 'previous' or 'next' don't exist --> replace with 'current'\n  const p = previous || current;\n  const n = next || current;\n  const smoothing = 0.2;\n  // Properties of the opposed-line\n  const o = line(p, n);\n  // If is end-control-point, add PI to the angle to go backward\n  const angle = o.angle + (reverse ? Math.PI : 0);\n  const length = o.length * smoothing;\n\n  const x = current.x + Math.cos(angle) * length;\n  const y = current.y + Math.sin(angle) * length;\n\n  return { x: x, y: y };\n};\n\n// create the bezier curve command\nconst bezierCommand = (point: Point, i: number, a: Point[]) => {\n  'worklet';\n  const endPoint: Point = controlPoint(point, a[i - 1], a[i + 1], true);\n  if (i === 1) {\n    const startPoint: Point = controlPoint(a[i - 1], a[i - 2], point, true);\n    return `C ${startPoint.x},${startPoint.y} ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;\n  } else {\n    return `S ${endPoint.x},${endPoint.y} ${point.x},${point.y}`;\n  }\n};\n\nexport const pointsToPath = (points: Point[]) => {\n  'worklet';\n  return points.length > 0\n    ? points.reduce(\n        (acc, point, i, a) =>\n          i === 0\n            ? `M ${point.x},${point.y}`\n            : `${acc} ${bezierCommand(point, i, a)}`,\n        ''\n      )\n    : '';\n};\n\nfunction hue2rgb(p: number, q: number, t: number) {\n  'worklet';\n  if (t < 0) {\n    t += 1;\n  }\n  if (t > 1) {\n    t -= 1;\n  }\n  if (t < 1 / 6) {\n    return p + (q - p) * 6 * t;\n  }\n  if (t < 1 / 2) {\n    return q;\n  }\n  if (t < 2 / 3) {\n    return p + (q - p) * (2 / 3 - t) * 6;\n  }\n  return p;\n}\n\n// see https://github.com/software-mansion/react-native-reanimated/issues/1909\nfunction hslToRgb(col: hslColor) {\n  'worklet';\n  const hslRegExp = new RegExp(/hsl\\(([\\d.]+),\\s*(\\d+)%,\\s*([\\d.]+)%\\)/);\n  const res = hslRegExp.exec(col);\n\n  const h = res ? parseFloat(res[1]) / 360 : 0;\n  const s = res ? parseFloat(res[2]) / 100 : 0;\n  const l = res ? parseFloat(res[3]) / 100 : 0;\n\n  var r, g, b;\n\n  if (s === 0) {\n    r = g = b = l; // achromatic\n  } else {\n    var q = l < 0.5 ? l * (1 + s) : l + s - l * s;\n    var p = 2 * l - q;\n    r = hue2rgb(p, q, h + 1 / 3);\n    g = hue2rgb(p, q, h);\n    b = hue2rgb(p, q, h - 1 / 3);\n  }\n\n  return `rgb(${Math.round(r * 255)}, ${Math.round(g * 255)}, ${Math.round(\n    b * 255\n  )})`;\n}\n\nexport default function CurrentAnimatedItem({\n  currentItem,\n}: {\n  currentItem: Animated.SharedValue<DrawItem | null>;\n}) {\n  const ellipseAnimatedProps = useAnimatedProps(() => {\n    const coordinates =\n      currentItem.value?.type === 'ellipse'\n        ? currentItem.value.data\n        : { cx: -10, cy: -10, rx: 0, ry: 0 };\n\n    return {\n      cx: coordinates.cx,\n      cy: coordinates.cy,\n      rx: coordinates.rx,\n      ry: coordinates.ry,\n      stroke: hslToRgb(currentItem.value?.color || 'hsl(0, 0%, 0%)'),\n      opacity: currentItem.value?.type === 'ellipse' ? 1 : 0,\n      strokeWidth:\n        currentItem.value?.type === 'ellipse'\n          ? currentItem.value.strokeWidth\n          : 0,\n      marker: 'url(#selection)',\n    };\n  }, [currentItem.value]);\n\n  const singleHeadAnimatedProps = useAnimatedProps(() => {\n    const coordinates =\n      currentItem.value?.type === 'singleHead'\n        ? currentItem.value.data\n        : { x1: -10, y1: -10, x2: -10, y2: -10 };\n    return {\n      x1: coordinates.x1,\n      y1: coordinates.y1,\n      x2: coordinates.x2,\n      y2: coordinates.y2,\n      stroke: hslToRgb(currentItem.value?.color || 'hsl(0, 0%, 0%)'),\n      opacity: currentItem.value?.type === 'singleHead' ? 1 : 0,\n      strokeWidth:\n        currentItem.value?.type === 'singleHead'\n          ? currentItem.value.strokeWidth\n          : 0,\n      markerEnd: 'arrowhead',\n    };\n  }, [currentItem.value]);\n\n  const doubleHeadAnimatedProps = useAnimatedProps(() => {\n    const coordinates =\n      currentItem.value?.type === 'doubleHead'\n        ? currentItem.value.data\n        : { x1: -10, y1: -10, x2: -10, y2: -10 };\n\n    return {\n      x1: coordinates.x1,\n      y1: coordinates.y1,\n      x2: coordinates.x2,\n      y2: coordinates.y2,\n      stroke: hslToRgb(currentItem.value?.color || 'hsl(0, 0%, 0%)'),\n      opacity: currentItem.value?.type === 'doubleHead' ? 1 : 0,\n      strokeWidth:\n        currentItem.value?.type === 'doubleHead'\n          ? currentItem.value.strokeWidth\n          : 0,\n      markerStart: 'side',\n      markerEnd: 'side',\n    };\n  }, [currentItem.value]);\n\n  const rectangleAnimatedProps = useAnimatedProps(() => {\n    const coordinates =\n      currentItem.value?.type === 'rectangle'\n        ? currentItem.value.data\n        : { x: -10, y: -10, width: 0, height: 0 };\n    return {\n      x: coordinates.x,\n      y: coordinates.y,\n      width: coordinates.width,\n      height: coordinates.height,\n      stroke: hslToRgb(currentItem.value?.color || 'hsl(0, 0%, 0%)'),\n      opacity: currentItem.value?.type === 'rectangle' ? 1 : 0,\n      strokeWidth:\n        currentItem.value?.type === 'rectangle'\n          ? currentItem.value.strokeWidth\n          : 0,\n\n      marker: 'url(#selection)',\n    };\n  }, [currentItem.value]);\n\n  const penAnimatedProps = useAnimatedProps(() => {\n    const d = pointsToPath(\n      currentItem.value?.type === 'pen'\n        ? currentItem.value.data\n        : [{ x: -10, y: -10 }]\n    );\n    return {\n      d: d,\n      strokeWidth:\n        currentItem.value?.type === 'pen' ? currentItem.value.strokeWidth : 0,\n      stroke: hslToRgb(currentItem.value?.color || 'hsl(0, 0%, 0%)'),\n      opacity: currentItem.value?.type === 'pen' ? 1 : 0,\n      markerStart: 'selection',\n      markerEnd: 'selection',\n    };\n  }, [currentItem.value]);\n\n  return (\n    <>\n      <AnimatedEllipse animatedProps={ellipseAnimatedProps} />\n      <G markerStart=\"url(#selection)\" markerEnd=\"url(#selection)\">\n        <AnimatedLine animatedProps={singleHeadAnimatedProps} />\n      </G>\n      <G markerStart=\"url(#selection)\" markerEnd=\"url(#selection)\">\n        <AnimatedLine animatedProps={doubleHeadAnimatedProps} />\n      </G>\n      <AnimatedRectangle animatedProps={rectangleAnimatedProps} />\n      <AnimatedPath animatedProps={penAnimatedProps} />\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,YAAY,GAAGC,8BAAA,CAASC,uBAAT,CAAiCC,oBAAjC,CAArB;;AAEA,MAAMC,eAAe,GAAGH,8BAAA,CAASC,uBAAT,CAAiCG,uBAAjC,CAAxB;;AAEA,MAAMC,iBAAiB,GAAGL,8BAAA,CAASC,uBAAT,CAAiCK,oBAAjC,CAA1B;;AAEA,MAAMC,YAAY,GAAGP,8BAAA,CAASC,uBAAT,CAAiCO,oBAAjC,CAArB,C,CAEA;;;AACA,MAAMC,IAAI,GAAG,CAACC,MAAD,EAAgBC,MAAhB,KAAkC;EAC7C;;EACA,MAAMC,OAAO,GAAGD,MAAM,CAACE,CAAP,GAAWH,MAAM,CAACG,CAAlC;EACA,MAAMC,OAAO,GAAGH,MAAM,CAACI,CAAP,GAAWL,MAAM,CAACK,CAAlC;EACA,OAAO;IACLC,MAAM,EAAEC,IAAI,CAACC,IAAL,CAAUD,IAAI,CAACE,GAAL,CAASP,OAAT,EAAkB,CAAlB,IAAuBK,IAAI,CAACE,GAAL,CAASL,OAAT,EAAkB,CAAlB,CAAjC,CADH;IAELM,KAAK,EAAEH,IAAI,CAACI,KAAL,CAAWP,OAAX,EAAoBF,OAApB;EAFF,CAAP;AAID,CARD,C,CAUA;;;AACA,MAAMU,YAAY,GAAG,CACnBC,OADmB,EAEnBC,QAFmB,EAGnBC,IAHmB,EAInBC,OAJmB,KAKT;EACV,UADU,CAEV;;EACA,MAAMC,CAAC,GAAGH,QAAQ,IAAID,OAAtB;EACA,MAAMK,CAAC,GAAGH,IAAI,IAAIF,OAAlB;EACA,MAAMM,SAAS,GAAG,GAAlB,CALU,CAMV;;EACA,MAAMC,CAAC,GAAGrB,IAAI,CAACkB,CAAD,EAAIC,CAAJ,CAAd,CAPU,CAQV;;EACA,MAAMR,KAAK,GAAGU,CAAC,CAACV,KAAF,IAAWM,OAAO,GAAGT,IAAI,CAACc,EAAR,GAAa,CAA/B,CAAd;EACA,MAAMf,MAAM,GAAGc,CAAC,CAACd,MAAF,GAAWa,SAA1B;EAEA,MAAMhB,CAAC,GAAGU,OAAO,CAACV,CAAR,GAAYI,IAAI,CAACe,GAAL,CAASZ,KAAT,IAAkBJ,MAAxC;EACA,MAAMD,CAAC,GAAGQ,OAAO,CAACR,CAAR,GAAYE,IAAI,CAACgB,GAAL,CAASb,KAAT,IAAkBJ,MAAxC;EAEA,OAAO;IAAEH,CAAC,EAAEA,CAAL;IAAQE,CAAC,EAAEA;EAAX,CAAP;AACD,CArBD,C,CAuBA;;;AACA,MAAMmB,aAAa,GAAG,CAACC,KAAD,EAAeC,CAAf,EAA0BC,CAA1B,KAAyC;EAC7D;;EACA,MAAMC,QAAe,GAAGhB,YAAY,CAACa,KAAD,EAAQE,CAAC,CAACD,CAAC,GAAG,CAAL,CAAT,EAAkBC,CAAC,CAACD,CAAC,GAAG,CAAL,CAAnB,EAA4B,IAA5B,CAApC;;EACA,IAAIA,CAAC,KAAK,CAAV,EAAa;IACX,MAAMG,UAAiB,GAAGjB,YAAY,CAACe,CAAC,CAACD,CAAC,GAAG,CAAL,CAAF,EAAWC,CAAC,CAACD,CAAC,GAAG,CAAL,CAAZ,EAAqBD,KAArB,EAA4B,IAA5B,CAAtC;IACA,OAAQ,KAAII,UAAU,CAAC1B,CAAE,IAAG0B,UAAU,CAACxB,CAAE,IAAGuB,QAAQ,CAACzB,CAAE,IAAGyB,QAAQ,CAACvB,CAAE,IAAGoB,KAAK,CAACtB,CAAE,IAAGsB,KAAK,CAACpB,CAAE,EAA3F;EACD,CAHD,MAGO;IACL,OAAQ,KAAIuB,QAAQ,CAACzB,CAAE,IAAGyB,QAAQ,CAACvB,CAAE,IAAGoB,KAAK,CAACtB,CAAE,IAAGsB,KAAK,CAACpB,CAAE,EAA3D;EACD;AACF,CATD;;AAWO,MAAMyB,YAAY,GAAIC,MAAD,IAAqB;EAC/C;;EACA,OAAOA,MAAM,CAACzB,MAAP,GAAgB,CAAhB,GACHyB,MAAM,CAACC,MAAP,CACE,CAACC,GAAD,EAAMR,KAAN,EAAaC,CAAb,EAAgBC,CAAhB,KACED,CAAC,KAAK,CAAN,GACK,KAAID,KAAK,CAACtB,CAAE,IAAGsB,KAAK,CAACpB,CAAE,EAD5B,GAEK,GAAE4B,GAAI,IAAGT,aAAa,CAACC,KAAD,EAAQC,CAAR,EAAWC,CAAX,CAAc,EAJ7C,EAKE,EALF,CADG,GAQH,EARJ;AASD,CAXM;;;;AAaP,SAASO,OAAT,CAAiBjB,CAAjB,EAA4BkB,CAA5B,EAAuCC,CAAvC,EAAkD;EAChD;;EACA,IAAIA,CAAC,GAAG,CAAR,EAAW;IACTA,CAAC,IAAI,CAAL;EACD;;EACD,IAAIA,CAAC,GAAG,CAAR,EAAW;IACTA,CAAC,IAAI,CAAL;EACD;;EACD,IAAIA,CAAC,GAAG,IAAI,CAAZ,EAAe;IACb,OAAOnB,CAAC,GAAG,CAACkB,CAAC,GAAGlB,CAAL,IAAU,CAAV,GAAcmB,CAAzB;EACD;;EACD,IAAIA,CAAC,GAAG,IAAI,CAAZ,EAAe;IACb,OAAOD,CAAP;EACD;;EACD,IAAIC,CAAC,GAAG,IAAI,CAAZ,EAAe;IACb,OAAOnB,CAAC,GAAG,CAACkB,CAAC,GAAGlB,CAAL,KAAW,IAAI,CAAJ,GAAQmB,CAAnB,IAAwB,CAAnC;EACD;;EACD,OAAOnB,CAAP;AACD,C,CAED;;;AACA,SAASoB,QAAT,CAAkBC,GAAlB,EAAiC;EAC/B;;EACA,MAAMC,SAAS,GAAG,IAAIC,MAAJ,CAAW,wCAAX,CAAlB;EACA,MAAMC,GAAG,GAAGF,SAAS,CAACG,IAAV,CAAeJ,GAAf,CAAZ;EAEA,MAAMK,CAAC,GAAGF,GAAG,GAAGG,UAAU,CAACH,GAAG,CAAC,CAAD,CAAJ,CAAV,GAAqB,GAAxB,GAA8B,CAA3C;EACA,MAAMI,CAAC,GAAGJ,GAAG,GAAGG,UAAU,CAACH,GAAG,CAAC,CAAD,CAAJ,CAAV,GAAqB,GAAxB,GAA8B,CAA3C;EACA,MAAMK,CAAC,GAAGL,GAAG,GAAGG,UAAU,CAACH,GAAG,CAAC,CAAD,CAAJ,CAAV,GAAqB,GAAxB,GAA8B,CAA3C;EAEA,IAAIM,CAAJ,EAAOC,CAAP,EAAUC,CAAV;;EAEA,IAAIJ,CAAC,KAAK,CAAV,EAAa;IACXE,CAAC,GAAGC,CAAC,GAAGC,CAAC,GAAGH,CAAZ,CADW,CACI;EAChB,CAFD,MAEO;IACL,IAAIX,CAAC,GAAGW,CAAC,GAAG,GAAJ,GAAUA,CAAC,IAAI,IAAID,CAAR,CAAX,GAAwBC,CAAC,GAAGD,CAAJ,GAAQC,CAAC,GAAGD,CAA5C;IACA,IAAI5B,CAAC,GAAG,IAAI6B,CAAJ,GAAQX,CAAhB;IACAY,CAAC,GAAGb,OAAO,CAACjB,CAAD,EAAIkB,CAAJ,EAAOQ,CAAC,GAAG,IAAI,CAAf,CAAX;IACAK,CAAC,GAAGd,OAAO,CAACjB,CAAD,EAAIkB,CAAJ,EAAOQ,CAAP,CAAX;IACAM,CAAC,GAAGf,OAAO,CAACjB,CAAD,EAAIkB,CAAJ,EAAOQ,CAAC,GAAG,IAAI,CAAf,CAAX;EACD;;EAED,OAAQ,OAAMpC,IAAI,CAAC2C,KAAL,CAAWH,CAAC,GAAG,GAAf,CAAoB,KAAIxC,IAAI,CAAC2C,KAAL,CAAWF,CAAC,GAAG,GAAf,CAAoB,KAAIzC,IAAI,CAAC2C,KAAL,CAC5DD,CAAC,GAAG,GADwD,CAE5D,GAFF;AAGD;;AAEc,SAASE,mBAAT,OAIZ;EAAA,IAJyC;IAC1CC;EAD0C,CAIzC;EACD,MAAMC,oBAAoB,GAAG,IAAAC,uCAAA,EAAiB,MAAM;IAAA;;IAClD,MAAMC,WAAW,GACf,uBAAAH,WAAW,CAACI,KAAZ,0EAAmBC,IAAnB,MAA4B,SAA5B,GACIL,WAAW,CAACI,KAAZ,CAAkBE,IADtB,GAEI;MAAEC,EAAE,EAAE,CAAC,EAAP;MAAWC,EAAE,EAAE,CAAC,EAAhB;MAAoBC,EAAE,EAAE,CAAxB;MAA2BC,EAAE,EAAE;IAA/B,CAHN;IAKA,OAAO;MACLH,EAAE,EAAEJ,WAAW,CAACI,EADX;MAELC,EAAE,EAAEL,WAAW,CAACK,EAFX;MAGLC,EAAE,EAAEN,WAAW,CAACM,EAHX;MAILC,EAAE,EAAEP,WAAW,CAACO,EAJX;MAKLC,MAAM,EAAE1B,QAAQ,CAAC,wBAAAe,WAAW,CAACI,KAAZ,4EAAmBQ,KAAnB,KAA4B,gBAA7B,CALX;MAMLC,OAAO,EAAE,wBAAAb,WAAW,CAACI,KAAZ,4EAAmBC,IAAnB,MAA4B,SAA5B,GAAwC,CAAxC,GAA4C,CANhD;MAOLS,WAAW,EACT,wBAAAd,WAAW,CAACI,KAAZ,4EAAmBC,IAAnB,MAA4B,SAA5B,GACIL,WAAW,CAACI,KAAZ,CAAkBU,WADtB,GAEI,CAVD;MAWLC,MAAM,EAAE;IAXH,CAAP;EAaD,CAnB4B,EAmB1B,CAACf,WAAW,CAACI,KAAb,CAnB0B,CAA7B;EAqBA,MAAMY,uBAAuB,GAAG,IAAAd,uCAAA,EAAiB,MAAM;IAAA;;IACrD,MAAMC,WAAW,GACf,wBAAAH,WAAW,CAACI,KAAZ,4EAAmBC,IAAnB,MAA4B,YAA5B,GACIL,WAAW,CAACI,KAAZ,CAAkBE,IADtB,GAEI;MAAEW,EAAE,EAAE,CAAC,EAAP;MAAWC,EAAE,EAAE,CAAC,EAAhB;MAAoBC,EAAE,EAAE,CAAC,EAAzB;MAA6BC,EAAE,EAAE,CAAC;IAAlC,CAHN;IAIA,OAAO;MACLH,EAAE,EAAEd,WAAW,CAACc,EADX;MAELC,EAAE,EAAEf,WAAW,CAACe,EAFX;MAGLC,EAAE,EAAEhB,WAAW,CAACgB,EAHX;MAILC,EAAE,EAAEjB,WAAW,CAACiB,EAJX;MAKLT,MAAM,EAAE1B,QAAQ,CAAC,wBAAAe,WAAW,CAACI,KAAZ,4EAAmBQ,KAAnB,KAA4B,gBAA7B,CALX;MAMLC,OAAO,EAAE,wBAAAb,WAAW,CAACI,KAAZ,4EAAmBC,IAAnB,MAA4B,YAA5B,GAA2C,CAA3C,GAA+C,CANnD;MAOLS,WAAW,EACT,wBAAAd,WAAW,CAACI,KAAZ,4EAAmBC,IAAnB,MAA4B,YAA5B,GACIL,WAAW,CAACI,KAAZ,CAAkBU,WADtB,GAEI,CAVD;MAWLO,SAAS,EAAE;IAXN,CAAP;EAaD,CAlB+B,EAkB7B,CAACrB,WAAW,CAACI,KAAb,CAlB6B,CAAhC;EAoBA,MAAMkB,uBAAuB,GAAG,IAAApB,uCAAA,EAAiB,MAAM;IAAA;;IACrD,MAAMC,WAAW,GACf,wBAAAH,WAAW,CAACI,KAAZ,4EAAmBC,IAAnB,MAA4B,YAA5B,GACIL,WAAW,CAACI,KAAZ,CAAkBE,IADtB,GAEI;MAAEW,EAAE,EAAE,CAAC,EAAP;MAAWC,EAAE,EAAE,CAAC,EAAhB;MAAoBC,EAAE,EAAE,CAAC,EAAzB;MAA6BC,EAAE,EAAE,CAAC;IAAlC,CAHN;IAKA,OAAO;MACLH,EAAE,EAAEd,WAAW,CAACc,EADX;MAELC,EAAE,EAAEf,WAAW,CAACe,EAFX;MAGLC,EAAE,EAAEhB,WAAW,CAACgB,EAHX;MAILC,EAAE,EAAEjB,WAAW,CAACiB,EAJX;MAKLT,MAAM,EAAE1B,QAAQ,CAAC,yBAAAe,WAAW,CAACI,KAAZ,8EAAmBQ,KAAnB,KAA4B,gBAA7B,CALX;MAMLC,OAAO,EAAE,yBAAAb,WAAW,CAACI,KAAZ,8EAAmBC,IAAnB,MAA4B,YAA5B,GAA2C,CAA3C,GAA+C,CANnD;MAOLS,WAAW,EACT,yBAAAd,WAAW,CAACI,KAAZ,8EAAmBC,IAAnB,MAA4B,YAA5B,GACIL,WAAW,CAACI,KAAZ,CAAkBU,WADtB,GAEI,CAVD;MAWLS,WAAW,EAAE,MAXR;MAYLF,SAAS,EAAE;IAZN,CAAP;EAcD,CApB+B,EAoB7B,CAACrB,WAAW,CAACI,KAAb,CApB6B,CAAhC;EAsBA,MAAMoB,sBAAsB,GAAG,IAAAtB,uCAAA,EAAiB,MAAM;IAAA;;IACpD,MAAMC,WAAW,GACf,yBAAAH,WAAW,CAACI,KAAZ,8EAAmBC,IAAnB,MAA4B,WAA5B,GACIL,WAAW,CAACI,KAAZ,CAAkBE,IADtB,GAEI;MAAEvD,CAAC,EAAE,CAAC,EAAN;MAAUE,CAAC,EAAE,CAAC,EAAd;MAAkBwE,KAAK,EAAE,CAAzB;MAA4BC,MAAM,EAAE;IAApC,CAHN;IAIA,OAAO;MACL3E,CAAC,EAAEoD,WAAW,CAACpD,CADV;MAELE,CAAC,EAAEkD,WAAW,CAAClD,CAFV;MAGLwE,KAAK,EAAEtB,WAAW,CAACsB,KAHd;MAILC,MAAM,EAAEvB,WAAW,CAACuB,MAJf;MAKLf,MAAM,EAAE1B,QAAQ,CAAC,yBAAAe,WAAW,CAACI,KAAZ,8EAAmBQ,KAAnB,KAA4B,gBAA7B,CALX;MAMLC,OAAO,EAAE,yBAAAb,WAAW,CAACI,KAAZ,8EAAmBC,IAAnB,MAA4B,WAA5B,GAA0C,CAA1C,GAA8C,CANlD;MAOLS,WAAW,EACT,yBAAAd,WAAW,CAACI,KAAZ,8EAAmBC,IAAnB,MAA4B,WAA5B,GACIL,WAAW,CAACI,KAAZ,CAAkBU,WADtB,GAEI,CAVD;MAYLC,MAAM,EAAE;IAZH,CAAP;EAcD,CAnB8B,EAmB5B,CAACf,WAAW,CAACI,KAAb,CAnB4B,CAA/B;EAqBA,MAAMuB,gBAAgB,GAAG,IAAAzB,uCAAA,EAAiB,MAAM;IAAA;;IAC9C,MAAM0B,CAAC,GAAGlD,YAAY,CACpB,yBAAAsB,WAAW,CAACI,KAAZ,8EAAmBC,IAAnB,MAA4B,KAA5B,GACIL,WAAW,CAACI,KAAZ,CAAkBE,IADtB,GAEI,CAAC;MAAEvD,CAAC,EAAE,CAAC,EAAN;MAAUE,CAAC,EAAE,CAAC;IAAd,CAAD,CAHgB,CAAtB;IAKA,OAAO;MACL2E,CAAC,EAAEA,CADE;MAELd,WAAW,EACT,yBAAAd,WAAW,CAACI,KAAZ,8EAAmBC,IAAnB,MAA4B,KAA5B,GAAoCL,WAAW,CAACI,KAAZ,CAAkBU,WAAtD,GAAoE,CAHjE;MAILH,MAAM,EAAE1B,QAAQ,CAAC,yBAAAe,WAAW,CAACI,KAAZ,8EAAmBQ,KAAnB,KAA4B,gBAA7B,CAJX;MAKLC,OAAO,EAAE,yBAAAb,WAAW,CAACI,KAAZ,8EAAmBC,IAAnB,MAA4B,KAA5B,GAAoC,CAApC,GAAwC,CAL5C;MAMLkB,WAAW,EAAE,WANR;MAOLF,SAAS,EAAE;IAPN,CAAP;EASD,CAfwB,EAetB,CAACrB,WAAW,CAACI,KAAb,CAfsB,CAAzB;EAiBA,oBACE,yEACE,6BAAC,eAAD;IAAiB,aAAa,EAAEH;EAAhC,EADF,eAEE,6BAAC,iBAAD;IAAG,WAAW,EAAC,iBAAf;IAAiC,SAAS,EAAC;EAA3C,gBACE,6BAAC,YAAD;IAAc,aAAa,EAAEe;EAA7B,EADF,CAFF,eAKE,6BAAC,iBAAD;IAAG,WAAW,EAAC,iBAAf;IAAiC,SAAS,EAAC;EAA3C,gBACE,6BAAC,YAAD;IAAc,aAAa,EAAEM;EAA7B,EADF,CALF,eAQE,6BAAC,iBAAD;IAAmB,aAAa,EAAEE;EAAlC,EARF,eASE,6BAAC,YAAD;IAAc,aAAa,EAAEG;EAA7B,EATF,CADF;AAaD"}
+{"version":3,"names":["AnimatedPath","Animated","createAnimatedComponent","Path","AnimatedEllipse","Ellipse","AnimatedRectangle","Rect","AnimatedLine","Line","line","pointA","pointB","lengthX","x","lengthY","y","length","Math","sqrt","pow","angle","atan2","controlPoint","current","previous","next","reverse","p","n","smoothing","o","PI","cos","sin","bezierCommand","point","i","a","previousPoint","nextPoint","endPoint","pointBefore","startPoint","pointsToPath","points","reduce","acc","hue2rgb","q","t","hslToRgb","col","hslRegExp","RegExp","res","exec","h","parseFloat","s","l","r","g","b","round","propAdapter","createAnimatedPropAdapter","props","Object","keys","includes","fill","type","payload","processColor","stroke","CurrentAnimatedItem","currentItem","ellipseAnimatedProps","useAnimatedProps","coordinates","value","data","cx","cy","rx","ry","color","opacity","strokeWidth","marker","singleHeadAnimatedProps","x1","y1","x2","y2","markerEnd","doubleHeadAnimatedProps","markerStart","rectangleAnimatedProps","width","height","penAnimatedProps","d"],"sourceRoot":"../../../../src","sources":["components/DrawCore/CurrentAnimatedItem.tsx"],"mappings":"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"}

package/lib/commonjs/components/DrawCore/CurrentAnimatedText.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CurrentAnimatedText;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const styles = _reactNative.StyleSheet.create({
   textBackground: {
     marginHorizontal: 10,
@@ -44,15 +38,13 @@ const styles = _reactNative.StyleSheet.create({
     borderColor: 'white'
   }
 });
+
 /**
  * There is an issue on re-render for ForeignObject (see https://github.com/react-native-svg/react-native-svg/issues/1357)
  * So we cannot embed this component directly in the Svg
  */
-
-
 function CurrentAnimatedText(_ref) {
   var _currentItem$value, _currentItem$value4;
-
   let {
     currentItem,
     onHeightChange
@@ -60,20 +52,17 @@ function CurrentAnimatedText(_ref) {
   const [text, setText] = (0, _react.useState)(((_currentItem$value = currentItem.value) === null || _currentItem$value === void 0 ? void 0 : _currentItem$value.type) === 'text' ? currentItem.value.text || '' : '');
   (0, _reactNativeReanimated.useDerivedValue)(() => {
     var _currentItem$value2;
-
     (0, _reactNativeReanimated.runOnJS)(setText)(((_currentItem$value2 = currentItem.value) === null || _currentItem$value2 === void 0 ? void 0 : _currentItem$value2.type) === 'text' ? currentItem.value.text || '' : '');
   }, [currentItem.value]);
   const textAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    var _currentItem$value$st, _currentItem$value3;
-
+    var _currentItem$value3;
     return {
-      fontSize: 16 + ((_currentItem$value$st = (_currentItem$value3 = currentItem.value) === null || _currentItem$value3 === void 0 ? void 0 : _currentItem$value3.strokeWidth) !== null && _currentItem$value$st !== void 0 ? _currentItem$value$st : 0),
+      fontSize: 16 + (((_currentItem$value3 = currentItem.value) === null || _currentItem$value3 === void 0 ? void 0 : _currentItem$value3.strokeWidth) ?? 0),
       color: 'white'
     };
   }, [(_currentItem$value4 = currentItem.value) === null || _currentItem$value4 === void 0 ? void 0 : _currentItem$value4.strokeWidth]);
   const containerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     var _currentItem$value5, _currentItem$value6, _currentItem$value7, _currentItem$value8, _currentItem$value9;
-
     return {
       opacity: ((_currentItem$value5 = currentItem.value) === null || _currentItem$value5 === void 0 ? void 0 : _currentItem$value5.type) === 'text' ? 1 : 0,
       height: ((_currentItem$value6 = currentItem.value) === null || _currentItem$value6 === void 0 ? void 0 : _currentItem$value6.type) === 'text' ? 'auto' : -10,

package/lib/commonjs/components/DrawCore/CurrentAnimatedText.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","textBackground","marginHorizontal","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","markerContainerLeft","position","left","height","justifyContent","markerContainerRight","right","marker","width","borderWidth","borderColor","CurrentAnimatedText","currentItem","onHeightChange","text","setText","useState","value","type","useDerivedValue","runOnJS","textAnimatedStyle","useAnimatedStyle","fontSize","strokeWidth","color","containerStyle","opacity","data","parseFloat","top","transform","translateX","x","translateY","y","event","nativeEvent","layout"],"sources":["CurrentAnimatedText.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport Animated, {\n  runOnJS,\n  useAnimatedStyle,\n  useDerivedValue,\n} from 'react-native-reanimated';\nimport type { DrawItem } from '../../types';\n\nconst styles = StyleSheet.create({\n  textBackground: {\n    marginHorizontal: 10,\n    backgroundColor: 'rgba(0, 0, 0, 0.6)',\n    borderRadius: 10,\n    paddingVertical: 13,\n    paddingHorizontal: 18,\n  },\n  markerContainerLeft: {\n    position: 'absolute',\n    left: 5,\n    height: '100%',\n    justifyContent: 'center',\n  },\n  markerContainerRight: {\n    position: 'absolute',\n    right: 5,\n    height: '100%',\n    justifyContent: 'center',\n  },\n  marker: {\n    width: 10,\n    height: 10,\n    borderRadius: 10,\n    backgroundColor: '#3a6cff',\n    borderWidth: 1,\n    borderColor: 'white',\n  },\n});\n\n/**\n * There is an issue on re-render for ForeignObject (see https://github.com/react-native-svg/react-native-svg/issues/1357)\n * So we cannot embed this component directly in the Svg\n */\nexport default function CurrentAnimatedText({\n  currentItem,\n  onHeightChange,\n}: {\n  currentItem: Animated.SharedValue<DrawItem | null>;\n  onHeightChange: (height: number) => void;\n}) {\n  const [text, setText] = useState(\n    currentItem.value?.type === 'text' ? currentItem.value.text || '' : ''\n  );\n\n  useDerivedValue(() => {\n    runOnJS(setText)(\n      currentItem.value?.type === 'text' ? currentItem.value.text || '' : ''\n    );\n  }, [currentItem.value]);\n\n  const textAnimatedStyle = useAnimatedStyle(() => {\n    return {\n      fontSize: 16 + (currentItem.value?.strokeWidth ?? 0),\n      color: 'white',\n    };\n  }, [currentItem.value?.strokeWidth]);\n\n  const containerStyle = useAnimatedStyle(() => {\n    return {\n      opacity: currentItem.value?.type === 'text' ? 1 : 0,\n      height: currentItem.value?.type === 'text' ? 'auto' : -10,\n      width:\n        (currentItem.value?.type === 'text' &&\n          (typeof currentItem.value.data.width === 'string'\n            ? parseFloat(currentItem.value.data.width)\n            : currentItem.value.data.width)) ||\n        0,\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      transform: [\n        {\n          translateX:\n            (currentItem.value?.type === 'text' &&\n              (typeof currentItem.value.data.x === 'string'\n                ? parseFloat(currentItem.value.data.x)\n                : currentItem.value.data.x)) ||\n            0,\n        },\n        {\n          translateY:\n            (currentItem.value?.type === 'text' &&\n              (typeof currentItem.value.data.y === 'string'\n                ? parseFloat(currentItem.value.data.y)\n                : currentItem.value.data.y)) ||\n            0,\n        },\n      ],\n    };\n  }, [currentItem.value]);\n\n  return (\n    <Animated.View style={containerStyle}>\n      <View\n        style={styles.textBackground}\n        onLayout={(event) => {\n          onHeightChange(event.nativeEvent.layout.height);\n        }}\n      >\n        <Animated.Text style={textAnimatedStyle}>{text}</Animated.Text>\n      </View>\n      <View style={styles.markerContainerLeft}>\n        <View style={styles.marker} />\n      </View>\n      <View style={styles.markerContainerRight}>\n        <View style={styles.marker} />\n      </View>\n    </Animated.View>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"names":["styles","StyleSheet","create","textBackground","marginHorizontal","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","markerContainerLeft","position","left","height","justifyContent","markerContainerRight","right","marker","width","borderWidth","borderColor","CurrentAnimatedText","currentItem","onHeightChange","text","setText","useState","value","type","useDerivedValue","runOnJS","textAnimatedStyle","useAnimatedStyle","fontSize","strokeWidth","color","containerStyle","opacity","data","parseFloat","top","transform","translateX","x","translateY","y","event","nativeEvent","layout"],"sourceRoot":"../../../../src","sources":["components/DrawCore/CurrentAnimatedText.tsx"],"mappings":"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"}

package/lib/commonjs/components/DrawCore/DrawContext.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DrawContext = void 0;
+var _react = require("react");
+const DrawContext = /*#__PURE__*/(0, _react.createContext)({
+  drawState: {
+    doneItems: [],
+    screenStates: [[]],
+    drawingMode: 'ellipse',
+    cancelEnabled: false
+  },
+  dispatchDrawStates: () => true
+});
+exports.DrawContext = DrawContext;
+//# sourceMappingURL=DrawContext.js.map

package/lib/commonjs/components/DrawCore/DrawContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DrawContext","createContext","drawState","doneItems","screenStates","drawingMode","cancelEnabled","dispatchDrawStates"],"sourceRoot":"../../../../src","sources":["components/DrawCore/DrawContext.tsx"],"mappings":";;;;;;AACA;AAIO,MAAMA,WAAW,gBAAG,IAAAC,oBAAa,EAQrC;EACDC,SAAS,EAAE;IACTC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,CAAC,EAAE,CAAC;IAClBC,WAAW,EAAE,SAAS;IACtBC,aAAa,EAAE;EACjB,CAAC;EACDC,kBAAkB,EAAE,MAAM;AAC5B,CAAC,CAAC;AAAC"}