feat(👋🏻): add onGestureEvent() (#62)

Author: wcandillon

README.md

@@ -104,7 +104,7 @@ return (
 ### `getLengthAtX(path: ReanimatedPath, x: Node): Node`
 
 Convenience function for bezier curves where there is really only ever one "y" value associated with one "x" value.
-This function works by finding the roots of the cubic bezier curve so it is a somewhat compute-intensive.
+This function works by finding the roots of the cubic bezier curve so it might be too compute-intensive to calculate for each frame.
 
 ## Math
 
@@ -350,6 +350,21 @@ And for an horizontal one.
 <Animated.ScrollView onScroll={onScroll({ x: new Value(0) })} horizontal />
 ```
 
+### `gestureEvent(nativeEvent)`
+
+Returns a reanimated event handler for any Gesture handler event handler.
+
+Example usage for a vertical `PanGestureHandler`.
+
+```js
+const translationX = new Value(0);
+const state = new Value(State.UNDETERMITED);
+const onGestureEvent = gestureEvent({ translationX, state }) 
+return (
+  <PanGestureHandler onHandlerStateChange={onGestureEvent} {...{onGestureEvent}} />
+);
+```
+
 ### decay
 
 Decorates animated value to decay after pan

src/Animations.ts

@@ -17,15 +17,14 @@ const {
 export const snapPoint = (
   value: Animated.Adaptable<number>,
   velocity: Animated.Adaptable<number>,
-  points: number[]
+  points: Animated.Adaptable<number>[]
 ) => {
   const point = add(value, multiply(0.2, velocity));
   const diffPoint = (p: Animated.Adaptable<number>) => abs(sub(point, p));
   const deltas = points.map(p => diffPoint(p));
   const minDelta = min(...deltas);
   return points.reduce(
-    (acc: Animated.Node<any>, p: number) =>
-      cond(eq(diffPoint(p), minDelta), p, acc),
+    (acc, p) => cond(eq(diffPoint(p), minDelta), p, acc),
     new Value()
   );
 };

src/Gesture.ts

@@ -1,5 +1,15 @@
 import Animated from "react-native-reanimated";
-import { State as GestureState } from "react-native-gesture-handler";
+import {
+  State as GestureState,
+  PanGestureHandlerEventExtra,
+  GestureHandlerStateChangeNativeEvent,
+  PinchGestureHandlerEventExtra,
+  RotationGestureHandlerEventExtra,
+  TapGestureHandlerEventExtra,
+  ForceTouchGestureHandlerEventExtra,
+  LongPressGestureHandlerEventExtra,
+  FlingGestureHandlerEventExtra
+} from "react-native-gesture-handler";
 
 import { runDecay, runSpring } from "./AnimationRunners";
 
@@ -164,3 +174,16 @@ export const onScroll = (contentOffset: {
       }
     }
   ]);
+
+type NativeEvent = GestureHandlerStateChangeNativeEvent &
+  (
+    | PanGestureHandlerEventExtra
+    | TapGestureHandlerEventExtra
+    | LongPressGestureHandlerEventExtra
+    | RotationGestureHandlerEventExtra
+    | FlingGestureHandlerEventExtra
+    | PinchGestureHandlerEventExtra
+    | ForceTouchGestureHandlerEventExtra);
+
+export const gestureEvent = (nativeEvent: Partial<NativeEvent>) =>
+  event([{ nativeEvent }]);

yarn.lock

@@ -7164,6 +7164,10 @@ split@^1.0.0:
   dependencies:
     through "2"
 
+sprintf-js@^1.0.3:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.2.tgz#da1765262bf8c0f571749f2ad6c26300207ae673"
+
 sprintf-js@~1.0.2:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
@@ -7596,6 +7600,13 @@ umask@^1.1.0, umask@~1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/umask/-/umask-1.1.0.tgz#f29cebf01df517912bb58ff9c4e50fde8e33320d"
 
+[email protected]:
+  version "3.3.5"
+  resolved "https://registry.yarnpkg.com/underscore.string/-/underscore.string-3.3.5.tgz#fc2ad255b8bd309e239cbc5816fd23a9b7ea4023"
+  dependencies:
+    sprintf-js "^1.0.3"
+    util-deprecate "^1.0.2"
+
 underscore.string@~2.2.0rc:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/underscore.string/-/underscore.string-2.2.1.tgz#d7c0fa2af5d5a1a67f4253daee98132e733f0f19"
@@ -7720,7 +7731,7 @@ user-home@^2.0.0:
   dependencies:
     os-homedir "^1.0.0"
 
-util-deprecate@^1.0.1, util-deprecate@~1.0.1:
+util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"