react-native-skia-gesture 0.4.0 → 0.4.5-beta.1

package/README.md

@@ -11,12 +11,10 @@ Therefore direct interactions with individual Skia components can only be achiev
 
 This package, simply provides a set of APIs to be able to interact directly with individual components.
 
-
 <a href="https://github.com/enzomanuelmangano/react-native-skia-gesture"> 
   <img src="https://raw.githubusercontent.com/enzomanuelmangano/react-native-skia-gesture/main/.assets/demo.gif" title="react-native-skia-gesture">
 </a>
 
-
 ## Installation
 
 **You need to have already installed [@shopify/react-native-skia (>= 0.1.221)](https://shopify.github.io/react-native-skia/docs/getting-started/installation)**
@@ -40,13 +38,9 @@ yarn add react-native-skia-gesture
 ## Usage
 
 ```jsx
-import {
-  useSharedValue,
-} from 'react-native-reanimated';
+import { useSharedValue } from 'react-native-reanimated';
 
-import Touchable, {
-  useGestureHandler,
-} from 'react-native-skia-gesture';
+import Touchable, { useGestureHandler } from 'react-native-skia-gesture';
 
 export default function App() {
   const cx = useSharedValue(100);
@@ -60,7 +54,7 @@ export default function App() {
       context.value = {
         x: cx.value,
         y: cy.value,
-      }
+      };
     },
     onActive: ({ translationX, translationY }) => {
       'worklet';

package/lib/commonjs/canvas/canvas.js

@@ -9,88 +9,31 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _reactNativeReanimated = require("react-native-reanimated");
 var _context = require("./context");
+var _refManager = require("./ref-manager");
+var _useTouchableGestures = require("../hooks/use-touchable-gestures");
 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 Canvas = _ref => {
   let {
     children,
     panGesture = _reactNativeGestureHandler.Gesture.Pan(),
-    timeoutBeforeCollectingRefs = 100,
+    tapGesture = _reactNativeGestureHandler.Gesture.Tap(),
     ...props
   } = _ref;
-  // Instead of value, provide a subscribe method and reload the refs
-  const touchableRefs = (0, _react.useMemo)(() => {
-    return {
-      value: {}
-    };
-  }, []);
-  const activeKey = (0, _reactNativeReanimated.useSharedValue)([]);
-
-  // This must be improved, it's a hack to wait for the refs to be loaded
-  const [loadedRefs, prepareLoadedRefs] = (0, _react.useState)({});
-  const ref = (0, _react.useRef)();
-  (0, _react.useEffect)(() => {
-    ref.current = setTimeout(() => {
-      prepareLoadedRefs(touchableRefs.value);
-    }, timeoutBeforeCollectingRefs);
-    return () => {
-      clearTimeout(ref.current);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [timeoutBeforeCollectingRefs]);
-  const mainGesture = panGesture.onBegin(event => {
-    'worklet';
-
-    const keys = Object.keys(loadedRefs);
-    for (let i = 0; i < keys.length; i++) {
-      const key = keys[i];
-      const touchableItem = loadedRefs[key];
-      const isPointInPath = touchableItem === null || touchableItem === void 0 ? void 0 : touchableItem.isPointInPath(event);
-      if (isPointInPath && touchableItem !== null && touchableItem !== void 0 && touchableItem.onStart) {
-        var _touchableItem$onStar;
-        activeKey.value = [`${key}__${event.handlerTag}`];
-        (_touchableItem$onStar = touchableItem.onStart) === null || _touchableItem$onStar === void 0 ? void 0 : _touchableItem$onStar.call(touchableItem, event);
-      }
-    }
-  }).onUpdate(event => {
-    'worklet';
-
-    var _activatedKey$split, _touchableItem$onActi;
-    const activatedKey = activeKey.value.find(key => key.includes(event.handlerTag.toString()));
-    if (!activatedKey) {
-      return;
-    }
-    const indexedKey = (_activatedKey$split = activatedKey.split('__')) === null || _activatedKey$split === void 0 ? void 0 : _activatedKey$split[0];
-    if (!indexedKey) {
-      return;
-    }
-    const touchableItem = loadedRefs[indexedKey];
-    return touchableItem === null || touchableItem === void 0 ? void 0 : (_touchableItem$onActi = touchableItem.onActive) === null || _touchableItem$onActi === void 0 ? void 0 : _touchableItem$onActi.call(touchableItem, event);
-  }).onFinalize(event => {
-    'worklet';
-
-    var _activatedKey$split2, _touchableItem$onEnd;
-    const activatedKey = activeKey.value.find(key => key.includes(event.handlerTag.toString()));
-    if (!activatedKey) {
-      return;
-    }
-    const indexedKey = (_activatedKey$split2 = activatedKey.split('__')) === null || _activatedKey$split2 === void 0 ? void 0 : _activatedKey$split2[0];
-    if (!indexedKey) {
-      return;
-    }
-    const touchableItem = loadedRefs[indexedKey];
-    activeKey.value = activeKey.value.filter(key => !key.includes(event.handlerTag.toString()));
-    return touchableItem === null || touchableItem === void 0 ? void 0 : (_touchableItem$onEnd = touchableItem.onEnd) === null || _touchableItem$onEnd === void 0 ? void 0 : _touchableItem$onEnd.call(touchableItem, event);
-  });
-  (0, _react.useEffect)(() => {
-    return () => {
-      touchableRefs.value = {};
-    };
-  }, [touchableRefs]);
+  const touchableRefs = (0, _reactNativeReanimated.useSharedValue)({});
+  const refManager = (0, _react.useMemo)(() => new _refManager.TouchableRefManager(touchableRefs), [touchableRefs]);
+  const gestureProps = (0, _react.useMemo)(() => ({
+    touchableRefs,
+    panGesture,
+    tapGesture
+  }), [touchableRefs, panGesture, tapGesture]);
+  const {
+    gesture
+  } = (0, _useTouchableGestures.useTouchableGestures)(gestureProps);
   return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
-    gesture: mainGesture
+    gesture: gesture
   }, /*#__PURE__*/_react.default.createElement(_reactNativeSkia.Canvas, props, /*#__PURE__*/_react.default.createElement(_context.TouchHandlerContext.Provider, {
-    value: touchableRefs
+    value: refManager
   }, children)));
 };
 exports.Canvas = Canvas;

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

@@ -1 +1 @@
-{"version":3,"names":["Canvas","children","panGesture","Gesture","Pan","timeoutBeforeCollectingRefs","props","touchableRefs","useMemo","value","activeKey","useSharedValue","loadedRefs","prepareLoadedRefs","useState","ref","useRef","useEffect","current","setTimeout","clearTimeout","mainGesture","onBegin","event","keys","Object","i","length","key","touchableItem","isPointInPath","onStart","handlerTag","onUpdate","activatedKey","find","includes","toString","indexedKey","split","onActive","onFinalize","filter","onEnd"],"sourceRoot":"../../src","sources":["canvas.tsx"],"mappings":"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"}
+{"version":3,"names":["Canvas","children","panGesture","Gesture","Pan","tapGesture","Tap","props","touchableRefs","useSharedValue","refManager","useMemo","TouchableRefManager","gestureProps","gesture","useTouchableGestures"],"sourceRoot":"../../src","sources":["canvas.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAMA;AAEA;AACA;AACA;AAAuE;AAAA;AASvE,MAAMA,MAAsC,GAAG,QAKzC;EAAA,IAL0C;IAC9CC,QAAQ;IACRC,UAAU,GAAGC,kCAAO,CAACC,GAAG,EAAE;IAC1BC,UAAU,GAAGF,kCAAO,CAACG,GAAG,EAAE;IAC1B,GAAGC;EACL,CAAC;EACC,MAAMC,aAAa,GAAG,IAAAC,qCAAc,EAA+B,CAAC,CAAC,CAAC;EACtE,MAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB,MAAM,IAAIC,+BAAmB,CAACJ,aAAa,CAAC,EAC5C,CAACA,aAAa,CAAC,CAChB;EAED,MAAMK,YAAY,GAAG,IAAAF,cAAO,EAC1B,OAAO;IACLH,aAAa;IACbN,UAAU;IACVG;EACF,CAAC,CAAC,EACF,CAACG,aAAa,EAAEN,UAAU,EAAEG,UAAU,CAAC,CACxC;EAED,MAAM;IAAES;EAAQ,CAAC,GAAG,IAAAC,0CAAoB,EAACF,YAAY,CAAC;EAEtD,oBACE,6BAAC,0CAAe;IAAC,OAAO,EAAEC;EAAQ,gBAChC,6BAAC,uBAAU,EAAKP,KAAK,eACnB,6BAAC,4BAAmB,CAAC,QAAQ;IAAC,KAAK,EAAEG;EAAW,GAC7CT,QAAQ,CACoB,CACpB,CACG;AAEtB,CAAC;AAAC"}

package/lib/commonjs/canvas/context.js

@@ -7,12 +7,14 @@ exports.useTouchHandlerContext = exports.TouchHandlerContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 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 TouchHandlerContext = /*#__PURE__*/_react.default.createContext({
-  value: {}
-});
+const TouchHandlerContext = /*#__PURE__*/_react.default.createContext(null);
 exports.TouchHandlerContext = TouchHandlerContext;
 const useTouchHandlerContext = () => {
-  return (0, _react.useContext)(TouchHandlerContext);
+  const context = (0, _react.useContext)(TouchHandlerContext);
+  if (!context) {
+    throw new Error('useTouchHandlerContext must be used within TouchHandlerContext.Provider');
+  }
+  return context;
 };
 exports.useTouchHandlerContext = useTouchHandlerContext;
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["TouchHandlerContext","React","createContext","value","useTouchHandlerContext","useContext"],"sourceRoot":"../../src","sources":["context.tsx"],"mappings":";;;;;;AAAA;AAA0C;AAAA;AA2B1C,MAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAA8B;EAC3EC,KAAK,EAAE,CAAC;AACV,CAAC,CAAC;AAAC;AAEH,MAAMC,sBAAsB,GAAG,MAAM;EACnC,OAAO,IAAAC,iBAAU,EAACL,mBAAmB,CAAC;AACxC,CAAC;AAAC"}
+{"version":3,"names":["TouchHandlerContext","React","createContext","useTouchHandlerContext","context","useContext","Error"],"sourceRoot":"../../src","sources":["context.tsx"],"mappings":";;;;;;AAAA;AAA0C;AAAA;AAG1C,MAAMA,mBAAmB,gBAAGC,cAAK,CAACC,aAAa,CAC7C,IAAI,CACL;AAAC;AAEF,MAAMC,sBAAsB,GAAG,MAAM;EACnC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACL,mBAAmB,CAAC;EAC/C,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,yEAAyE,CAC1E;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAAC"}

package/lib/commonjs/canvas/ref-manager.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TouchableRefManager = void 0;
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+class TouchableRefManager {
+  constructor(sharedRefs) {
+    _defineProperty(this, "refs", new Map());
+    _defineProperty(this, "sharedRefs", void 0);
+    this.sharedRefs = sharedRefs;
+  }
+  register(id, ref) {
+    this.refs.set(id, ref);
+    this.updateSharedRefs();
+  }
+  unregister(id) {
+    this.refs.delete(id);
+    this.updateSharedRefs();
+  }
+  updateSharedRefs() {
+    'worklet';
+
+    const refsObject = {};
+    this.refs.forEach((value, key) => {
+      refsObject[key] = value;
+    });
+    this.sharedRefs.value = refsObject;
+  }
+}
+exports.TouchableRefManager = TouchableRefManager;
+//# sourceMappingURL=ref-manager.js.map

package/lib/commonjs/canvas/ref-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableRefManager","constructor","sharedRefs","Map","register","id","ref","refs","set","updateSharedRefs","unregister","delete","refsObject","forEach","value","key"],"sourceRoot":"../../src","sources":["ref-manager.ts"],"mappings":";;;;;;;;;AAuBO,MAAMA,mBAAmB,CAAC;EAI/BC,WAAW,CAACC,UAAqD,EAAE;IAAA,8BAHpD,IAAIC,GAAG,EAAwB;IAAA;IAI5C,IAAI,CAACD,UAAU,GAAGA,UAAU;EAC9B;EAEAE,QAAQ,CAACC,EAAU,EAAEC,GAAiB,EAAE;IACtC,IAAI,CAACC,IAAI,CAACC,GAAG,CAACH,EAAE,EAAEC,GAAG,CAAC;IACtB,IAAI,CAACG,gBAAgB,EAAE;EACzB;EAEAC,UAAU,CAACL,EAAU,EAAE;IACrB,IAAI,CAACE,IAAI,CAACI,MAAM,CAACN,EAAE,CAAC;IACpB,IAAI,CAACI,gBAAgB,EAAE;EACzB;EAEQA,gBAAgB,GAAG;IACzB,SAAS;;IACT,MAAMG,UAAwC,GAAG,CAAC,CAAC;IACnD,IAAI,CAACL,IAAI,CAACM,OAAO,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;MAChCH,UAAU,CAACG,GAAG,CAAC,GAAGD,KAAK;IACzB,CAAC,CAAC;IACF,IAAI,CAACZ,UAAU,CAACY,KAAK,GAAGF,UAAU;EACpC;AACF;AAAC"}

package/lib/commonjs/hoc/with-touchable-handler.js

@@ -33,11 +33,12 @@ const withTouchableHandler = (Component, componentName) => {
       onStart: onStartProp,
       onActive: onActiveProp,
       onEnd: onEndProp,
+      onTap: onTapProp,
       touchablePath,
       ...props
     } = _ref;
     const id = (0, _react.useId)();
-    const ref = (0, _context.useTouchHandlerContext)();
+    const refManager = (0, _context.useTouchHandlerContext)();
     const onStart = (0, _react.useCallback)(event => {
       'worklet';
 
@@ -53,6 +54,11 @@ const withTouchableHandler = (Component, componentName) => {
 
       return onEndProp === null || onEndProp === void 0 ? void 0 : onEndProp(event);
     }, [onEndProp]);
+    const onTap = (0, _react.useCallback)(event => {
+      'worklet';
+
+      return onTapProp === null || onTapProp === void 0 ? void 0 : onTapProp(event);
+    }, [onTapProp]);
     const isPointInPath = (0, _react.useCallback)(point => {
       'worklet';
 
@@ -67,23 +73,18 @@ const withTouchableHandler = (Component, componentName) => {
       return path.contains(point.x, point.y);
     }, [props, touchablePath]);
     (0, _react.useEffect)(() => {
-      ref.value = {
-        [`id:${id}`]: {
-          isPointInPath,
-          onStart,
-          onActive,
-          onEnd
-        },
-        ...ref.value
+      const refData = {
+        isPointInPath,
+        onStart,
+        onActive,
+        onEnd,
+        onTap
       };
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [id, isPointInPath, onActive, onEnd, onStart]);
-    (0, _react.useEffect)(() => {
+      refManager.register(`id:${id}`, refData);
       return () => {
-        var _ref$value;
-        (_ref$value = ref.value) === null || _ref$value === void 0 ? true : delete _ref$value[`id:${id}`];
+        refManager.unregister(`id:${id}`);
       };
-    }, [id, props, ref, touchablePath]);
+    }, [id, refManager, isPointInPath, onStart, onActive, onEnd, onTap]);
     return Component(props);
   };
 };

package/lib/commonjs/hoc/with-touchable-handler.js.map

@@ -1 +1 @@
-{"version":3,"names":["getSkiaPath","key","props","unwrappedProps","unwrapAnimatedValueObject","getCirclePath","getRectPath","getRoundedRectPath","path","withTouchableHandler","Component","componentName","onStart","onStartProp","onActive","onActiveProp","onEnd","onEndProp","touchablePath","id","useId","ref","useTouchHandlerContext","useCallback","event","isPointInPath","point","unwrapAnimatedValue","contains","x","y","Error","useEffect","value"],"sourceRoot":"../../src","sources":["with-touchable-handler.tsx"],"mappings":"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"}
+{"version":3,"names":["getSkiaPath","key","props","unwrappedProps","unwrapAnimatedValueObject","getCirclePath","getRectPath","getRoundedRectPath","path","withTouchableHandler","Component","componentName","onStart","onStartProp","onActive","onActiveProp","onEnd","onEndProp","onTap","onTapProp","touchablePath","id","useId","refManager","useTouchHandlerContext","useCallback","event","isPointInPath","point","unwrapAnimatedValue","contains","x","y","Error","useEffect","refData","register","unregister"],"sourceRoot":"../../src","sources":["with-touchable-handler.tsx"],"mappings":"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"}

package/lib/commonjs/hooks/use-gesture-handler.js

@@ -9,7 +9,8 @@ const useGestureHandler = gestureHandlers => {
   const {
     onStart,
     onActive,
-    onEnd
+    onEnd,
+    onTap
   } = gestureHandlers;
   const handleStart = (0, _react.useCallback)(touchInfo => {
     'worklet';
@@ -29,10 +30,17 @@ const useGestureHandler = gestureHandlers => {
     if (!onEnd) return;
     return onEnd(extendedTouchInfo);
   }, [onEnd]);
+  const handleTap = (0, _react.useCallback)(touchInfo => {
+    'worklet';
+
+    if (!onTap) return;
+    return onTap(touchInfo);
+  }, [onTap]);
   return {
     onStart: handleStart,
     onActive: handleActive,
-    onEnd: handleEnd
+    onEnd: handleEnd,
+    onTap: handleTap
   };
 };
 exports.useGestureHandler = useGestureHandler;

package/lib/commonjs/hooks/use-gesture-handler.js.map

@@ -1 +1 @@
-{"version":3,"names":["useGestureHandler","gestureHandlers","onStart","onActive","onEnd","handleStart","useCallback","touchInfo","handleActive","extendedTouchInfo","handleEnd"],"sourceRoot":"../../src","sources":["use-gesture-handler.ts"],"mappings":";;;;;;AAAA;AAoBA,MAAMA,iBAAiB,GAAIC,eAAwC,IAAK;EACtE,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,eAAe;EAEpD,MAAMI,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,SAAiE,IAAK;IACrE,SAAS;;IACT,IAAI,CAACL,OAAO,EAAE;IACd,OAAOA,OAAO,CAACK,SAAS,CAAC;EAC3B,CAAC,EACD,CAACL,OAAO,CAAC,CACV;EAED,MAAMM,YAAY,GAAG,IAAAF,kBAAW,EAC7BG,iBAAoE,IAAK;IACxE,SAAS;;IACT,IAAI,CAACN,QAAQ,EAAE;IACf,OAAOA,QAAQ,CAACM,iBAAiB,CAAC;EACpC,CAAC,EACD,CAACN,QAAQ,CAAC,CACX;EAED,MAAMO,SAAS,GAAG,IAAAJ,kBAAW,EAEzBG,iBAAyE,IACtE;IACH,SAAS;;IACT,IAAI,CAACL,KAAK,EAAE;IACZ,OAAOA,KAAK,CAACK,iBAAiB,CAAC;EACjC,CAAC,EACD,CAACL,KAAK,CAAC,CACR;EAED,OAAO;IACLF,OAAO,EAAEG,WAAW;IACpBF,QAAQ,EAAEK,YAAY;IACtBJ,KAAK,EAAEM;EACT,CAAC;AACH,CAAC;AAAC"}
+{"version":3,"names":["useGestureHandler","gestureHandlers","onStart","onActive","onEnd","onTap","handleStart","useCallback","touchInfo","handleActive","extendedTouchInfo","handleEnd","handleTap"],"sourceRoot":"../../src","sources":["use-gesture-handler.ts"],"mappings":";;;;;;AAAA;AAsBA,MAAMA,iBAAiB,GAAIC,eAAwC,IAAK;EACtE,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGJ,eAAe;EAE3D,MAAMK,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,SAAiE,IAAK;IACrE,SAAS;;IACT,IAAI,CAACN,OAAO,EAAE;IACd,OAAOA,OAAO,CAACM,SAAS,CAAC;EAC3B,CAAC,EACD,CAACN,OAAO,CAAC,CACV;EAED,MAAMO,YAAY,GAAG,IAAAF,kBAAW,EAC7BG,iBAAoE,IAAK;IACxE,SAAS;;IACT,IAAI,CAACP,QAAQ,EAAE;IACf,OAAOA,QAAQ,CAACO,iBAAiB,CAAC;EACpC,CAAC,EACD,CAACP,QAAQ,CAAC,CACX;EAED,MAAMQ,SAAS,GAAG,IAAAJ,kBAAW,EAEzBG,iBAAyE,IACtE;IACH,SAAS;;IACT,IAAI,CAACN,KAAK,EAAE;IACZ,OAAOA,KAAK,CAACM,iBAAiB,CAAC;EACjC,CAAC,EACD,CAACN,KAAK,CAAC,CACR;EAED,MAAMQ,SAAS,GAAG,IAAAL,kBAAW,EAC1BC,SAA4B,IAAK;IAChC,SAAS;;IACT,IAAI,CAACH,KAAK,EAAE;IACZ,OAAOA,KAAK,CAACG,SAAS,CAAC;EACzB,CAAC,EACD,CAACH,KAAK,CAAC,CACR;EAED,OAAO;IACLH,OAAO,EAAEI,WAAW;IACpBH,QAAQ,EAAEM,YAAY;IACtBL,KAAK,EAAEO,SAAS;IAChBN,KAAK,EAAEO;EACT,CAAC;AACH,CAAC;AAAC"}

package/lib/commonjs/hooks/use-touchable-gestures.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTouchableGestures = void 0;
+var _react = require("react");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
+const useTouchableGestures = _ref => {
+  let {
+    touchableRefs,
+    panGesture = _reactNativeGestureHandler.Gesture.Pan(),
+    tapGesture = _reactNativeGestureHandler.Gesture.Tap()
+  } = _ref;
+  const activeKey = (0, _reactNativeReanimated.useSharedValue)([]);
+
+  // Helper function to find the first matching touchable item
+  const findTouchableItem = (0, _react.useCallback)((point, handlerCallback) => {
+    'worklet';
+
+    const refs = touchableRefs.value;
+    const keys = Object.keys(refs);
+    for (let i = 0; i < keys.length; i++) {
+      const key = keys[i];
+      if (!key) continue;
+      const touchableItem = refs[key];
+      if (!touchableItem) continue;
+      const isPointInPath = touchableItem.isPointInPath(point);
+      if (isPointInPath && touchableItem[handlerCallback]) {
+        return {
+          key,
+          touchableItem
+        };
+      }
+    }
+    return null;
+  }, [touchableRefs]);
+
+  // Helper function to get active touchable item by handler tag
+  const getActiveTouchableItem = (0, _react.useCallback)(handlerTag => {
+    'worklet';
+
+    var _activatedKey$split;
+    const activatedKey = activeKey.value.find(key => key.includes(handlerTag.toString()));
+    if (!activatedKey) return null;
+    const indexedKey = (_activatedKey$split = activatedKey.split('__')) === null || _activatedKey$split === void 0 ? void 0 : _activatedKey$split[0];
+    if (!indexedKey) return null;
+    const touchableItem = touchableRefs.value[indexedKey];
+    if (!touchableItem) return null;
+    return {
+      key: indexedKey,
+      touchableItem
+    };
+  }, [activeKey, touchableRefs]);
+  const mainPanGesture = (0, _react.useMemo)(() => panGesture.onBegin(event => {
+    'worklet';
+
+    const result = findTouchableItem(event, 'onStart');
+    if (result) {
+      var _result$touchableItem, _result$touchableItem2;
+      activeKey.value = [`${result.key}__${event.handlerTag}`];
+      (_result$touchableItem = (_result$touchableItem2 = result.touchableItem).onStart) === null || _result$touchableItem === void 0 ? void 0 : _result$touchableItem.call(_result$touchableItem2, event);
+    }
+  }).onUpdate(event => {
+    'worklet';
+
+    const result = getActiveTouchableItem(event.handlerTag);
+    if (result) {
+      var _result$touchableItem3, _result$touchableItem4;
+      (_result$touchableItem3 = (_result$touchableItem4 = result.touchableItem).onActive) === null || _result$touchableItem3 === void 0 ? void 0 : _result$touchableItem3.call(_result$touchableItem4, event);
+    }
+  }).onFinalize(event => {
+    'worklet';
+
+    const result = getActiveTouchableItem(event.handlerTag);
+    if (result) {
+      var _result$touchableItem5, _result$touchableItem6;
+      activeKey.value = activeKey.value.filter(key => !key.includes(event.handlerTag.toString()));
+      (_result$touchableItem5 = (_result$touchableItem6 = result.touchableItem).onEnd) === null || _result$touchableItem5 === void 0 ? void 0 : _result$touchableItem5.call(_result$touchableItem6, event);
+    }
+  }), [panGesture, findTouchableItem, getActiveTouchableItem, activeKey]);
+  const mainTapGesture = (0, _react.useMemo)(() => tapGesture.onTouchesUp(event => {
+    'worklet';
+
+    // TODO: consider handling multiple touches
+    var _event$allTouches$, _event$allTouches$2;
+    const point = {
+      x: ((_event$allTouches$ = event.allTouches[0]) === null || _event$allTouches$ === void 0 ? void 0 : _event$allTouches$.x) || 0,
+      y: ((_event$allTouches$2 = event.allTouches[0]) === null || _event$allTouches$2 === void 0 ? void 0 : _event$allTouches$2.y) || 0
+    };
+    const result = findTouchableItem(point, 'onTap');
+    if (result) {
+      var _result$touchableItem7, _result$touchableItem8;
+      (_result$touchableItem7 = (_result$touchableItem8 = result.touchableItem).onTap) === null || _result$touchableItem7 === void 0 ? void 0 : _result$touchableItem7.call(_result$touchableItem8, event);
+    }
+  }), [tapGesture, findTouchableItem]);
+  const gesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Simultaneous(mainPanGesture, mainTapGesture), [mainPanGesture, mainTapGesture]);
+  return {
+    gesture,
+    findTouchableItem,
+    getActiveTouchableItem
+  };
+};
+exports.useTouchableGestures = useTouchableGestures;
+//# sourceMappingURL=use-touchable-gestures.js.map

package/lib/commonjs/hooks/use-touchable-gestures.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTouchableGestures","touchableRefs","panGesture","Gesture","Pan","tapGesture","Tap","activeKey","useSharedValue","findTouchableItem","useCallback","point","handlerCallback","refs","value","keys","Object","i","length","key","touchableItem","isPointInPath","getActiveTouchableItem","handlerTag","activatedKey","find","includes","toString","indexedKey","split","mainPanGesture","useMemo","onBegin","event","result","onStart","onUpdate","onActive","onFinalize","filter","onEnd","mainTapGesture","onTouchesUp","x","allTouches","y","onTap","gesture","Simultaneous"],"sourceRoot":"../../src","sources":["use-touchable-gestures.ts"],"mappings":"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"}

package/lib/commonjs/index.js

@@ -30,6 +30,18 @@ Object.keys(_useGestureHandler).forEach(function (key) {
     }
   });
 });
+var _useTouchableGestures = require("./hooks/use-touchable-gestures");
+Object.keys(_useTouchableGestures).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useTouchableGestures[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useTouchableGestures[key];
+    }
+  });
+});
 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; }
 var _default = Touchable;

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Touchable"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAA4C;AAAA;AAAA,eAE7BA,SAAS;AAAA"}
+{"version":3,"names":["Touchable"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAA+C;AAAA;AAAA,eAEhCA,SAAS;AAAA"}

package/lib/module/canvas/canvas.js

@@ -1,88 +1,31 @@
 import { Canvas as SkiaCanvas } from '@shopify/react-native-skia';
-import React, { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useMemo } from 'react';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { useSharedValue } from 'react-native-reanimated';
 import { TouchHandlerContext } from './context';
+import { TouchableRefManager } from './ref-manager';
+import { useTouchableGestures } from '../hooks/use-touchable-gestures';
 const Canvas = _ref => {
   let {
     children,
     panGesture = Gesture.Pan(),
-    timeoutBeforeCollectingRefs = 100,
+    tapGesture = Gesture.Tap(),
     ...props
   } = _ref;
-  // Instead of value, provide a subscribe method and reload the refs
-  const touchableRefs = useMemo(() => {
-    return {
-      value: {}
-    };
-  }, []);
-  const activeKey = useSharedValue([]);
-
-  // This must be improved, it's a hack to wait for the refs to be loaded
-  const [loadedRefs, prepareLoadedRefs] = useState({});
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = setTimeout(() => {
-      prepareLoadedRefs(touchableRefs.value);
-    }, timeoutBeforeCollectingRefs);
-    return () => {
-      clearTimeout(ref.current);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [timeoutBeforeCollectingRefs]);
-  const mainGesture = panGesture.onBegin(event => {
-    'worklet';
-
-    const keys = Object.keys(loadedRefs);
-    for (let i = 0; i < keys.length; i++) {
-      const key = keys[i];
-      const touchableItem = loadedRefs[key];
-      const isPointInPath = touchableItem === null || touchableItem === void 0 ? void 0 : touchableItem.isPointInPath(event);
-      if (isPointInPath && touchableItem !== null && touchableItem !== void 0 && touchableItem.onStart) {
-        var _touchableItem$onStar;
-        activeKey.value = [`${key}__${event.handlerTag}`];
-        (_touchableItem$onStar = touchableItem.onStart) === null || _touchableItem$onStar === void 0 ? void 0 : _touchableItem$onStar.call(touchableItem, event);
-      }
-    }
-  }).onUpdate(event => {
-    'worklet';
-
-    var _activatedKey$split, _touchableItem$onActi;
-    const activatedKey = activeKey.value.find(key => key.includes(event.handlerTag.toString()));
-    if (!activatedKey) {
-      return;
-    }
-    const indexedKey = (_activatedKey$split = activatedKey.split('__')) === null || _activatedKey$split === void 0 ? void 0 : _activatedKey$split[0];
-    if (!indexedKey) {
-      return;
-    }
-    const touchableItem = loadedRefs[indexedKey];
-    return touchableItem === null || touchableItem === void 0 ? void 0 : (_touchableItem$onActi = touchableItem.onActive) === null || _touchableItem$onActi === void 0 ? void 0 : _touchableItem$onActi.call(touchableItem, event);
-  }).onFinalize(event => {
-    'worklet';
-
-    var _activatedKey$split2, _touchableItem$onEnd;
-    const activatedKey = activeKey.value.find(key => key.includes(event.handlerTag.toString()));
-    if (!activatedKey) {
-      return;
-    }
-    const indexedKey = (_activatedKey$split2 = activatedKey.split('__')) === null || _activatedKey$split2 === void 0 ? void 0 : _activatedKey$split2[0];
-    if (!indexedKey) {
-      return;
-    }
-    const touchableItem = loadedRefs[indexedKey];
-    activeKey.value = activeKey.value.filter(key => !key.includes(event.handlerTag.toString()));
-    return touchableItem === null || touchableItem === void 0 ? void 0 : (_touchableItem$onEnd = touchableItem.onEnd) === null || _touchableItem$onEnd === void 0 ? void 0 : _touchableItem$onEnd.call(touchableItem, event);
-  });
-  useEffect(() => {
-    return () => {
-      touchableRefs.value = {};
-    };
-  }, [touchableRefs]);
+  const touchableRefs = useSharedValue({});
+  const refManager = useMemo(() => new TouchableRefManager(touchableRefs), [touchableRefs]);
+  const gestureProps = useMemo(() => ({
+    touchableRefs,
+    panGesture,
+    tapGesture
+  }), [touchableRefs, panGesture, tapGesture]);
+  const {
+    gesture
+  } = useTouchableGestures(gestureProps);
   return /*#__PURE__*/React.createElement(GestureDetector, {
-    gesture: mainGesture
+    gesture: gesture
   }, /*#__PURE__*/React.createElement(SkiaCanvas, props, /*#__PURE__*/React.createElement(TouchHandlerContext.Provider, {
-    value: touchableRefs
+    value: refManager
   }, children)));
 };
 export { Canvas };

package/lib/module/canvas/canvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["Canvas","SkiaCanvas","React","useEffect","useMemo","useRef","useState","Gesture","GestureDetector","useSharedValue","TouchHandlerContext","children","panGesture","Pan","timeoutBeforeCollectingRefs","props","touchableRefs","value","activeKey","loadedRefs","prepareLoadedRefs","ref","current","setTimeout","clearTimeout","mainGesture","onBegin","event","keys","Object","i","length","key","touchableItem","isPointInPath","onStart","handlerTag","onUpdate","activatedKey","find","includes","toString","indexedKey","split","onActive","onFinalize","filter","onEnd"],"sourceRoot":"../../src","sources":["canvas.tsx"],"mappings":"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"}
+{"version":3,"names":["Canvas","SkiaCanvas","React","useMemo","Gesture","GestureDetector","useSharedValue","TouchHandlerContext","TouchableRefManager","useTouchableGestures","children","panGesture","Pan","tapGesture","Tap","props","touchableRefs","refManager","gestureProps","gesture"],"sourceRoot":"../../src","sources":["canvas.tsx"],"mappings":"AAAA,SAASA,MAAM,IAAIC,UAAU,QAAQ,4BAA4B;AACjE,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,OAAO,EACPC,eAAe,QAGV,8BAA8B;AACrC,SAASC,cAAc,QAAQ,yBAAyB;AAExD,SAASC,mBAAmB,QAAQ,WAAW;AAC/C,SAASC,mBAAmB,QAA2B,eAAe;AACtE,SAASC,oBAAoB,QAAQ,iCAAiC;AAStE,MAAMT,MAAsC,GAAG,QAKzC;EAAA,IAL0C;IAC9CU,QAAQ;IACRC,UAAU,GAAGP,OAAO,CAACQ,GAAG,EAAE;IAC1BC,UAAU,GAAGT,OAAO,CAACU,GAAG,EAAE;IAC1B,GAAGC;EACL,CAAC;EACC,MAAMC,aAAa,GAAGV,cAAc,CAA+B,CAAC,CAAC,CAAC;EACtE,MAAMW,UAAU,GAAGd,OAAO,CACxB,MAAM,IAAIK,mBAAmB,CAACQ,aAAa,CAAC,EAC5C,CAACA,aAAa,CAAC,CAChB;EAED,MAAME,YAAY,GAAGf,OAAO,CAC1B,OAAO;IACLa,aAAa;IACbL,UAAU;IACVE;EACF,CAAC,CAAC,EACF,CAACG,aAAa,EAAEL,UAAU,EAAEE,UAAU,CAAC,CACxC;EAED,MAAM;IAAEM;EAAQ,CAAC,GAAGV,oBAAoB,CAACS,YAAY,CAAC;EAEtD,oBACE,oBAAC,eAAe;IAAC,OAAO,EAAEC;EAAQ,gBAChC,oBAAC,UAAU,EAAKJ,KAAK,eACnB,oBAAC,mBAAmB,CAAC,QAAQ;IAAC,KAAK,EAAEE;EAAW,GAC7CP,QAAQ,CACoB,CACpB,CACG;AAEtB,CAAC;AAED,SAASV,MAAM"}

package/lib/module/canvas/context.js

@@ -1,9 +1,11 @@
 import React, { useContext } from 'react';
-const TouchHandlerContext = /*#__PURE__*/React.createContext({
-  value: {}
-});
+const TouchHandlerContext = /*#__PURE__*/React.createContext(null);
 const useTouchHandlerContext = () => {
-  return useContext(TouchHandlerContext);
+  const context = useContext(TouchHandlerContext);
+  if (!context) {
+    throw new Error('useTouchHandlerContext must be used within TouchHandlerContext.Provider');
+  }
+  return context;
 };
 export { TouchHandlerContext, useTouchHandlerContext };
 //# sourceMappingURL=context.js.map

package/lib/module/canvas/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","TouchHandlerContext","createContext","value","useTouchHandlerContext"],"sourceRoot":"../../src","sources":["context.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AA2BzC,MAAMC,mBAAmB,gBAAGF,KAAK,CAACG,aAAa,CAA8B;EAC3EC,KAAK,EAAE,CAAC;AACV,CAAC,CAAC;AAEF,MAAMC,sBAAsB,GAAG,MAAM;EACnC,OAAOJ,UAAU,CAACC,mBAAmB,CAAC;AACxC,CAAC;AAED,SAASA,mBAAmB,EAAEG,sBAAsB"}
+{"version":3,"names":["React","useContext","TouchHandlerContext","createContext","useTouchHandlerContext","context","Error"],"sourceRoot":"../../src","sources":["context.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAGzC,MAAMC,mBAAmB,gBAAGF,KAAK,CAACG,aAAa,CAC7C,IAAI,CACL;AAED,MAAMC,sBAAsB,GAAG,MAAM;EACnC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,mBAAmB,CAAC;EAC/C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,yEAAyE,CAC1E;EACH;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,SAASH,mBAAmB,EAAEE,sBAAsB"}