@zeey4d/react-native-gesture-engine 1.0.1 → 1.0.2

package/dist/index.d.mts

@@ -1,3 +1,5 @@
+import { ComposedGesture } from 'react-native-gesture-handler';
+
 /** Classification of input sources feeding into the pipeline */
 declare enum InputType {
     Touch = "touch",
@@ -422,6 +424,11 @@ declare class EventBus implements IEventBus {
 declare class TouchInputProvider implements IInputProvider {
     private eventBus;
     private _isActive;
+    /**
+     * Extracted composed RNGH Gesture.
+     * Consumers should wrap their app/screen in <GestureDetector gesture={gesture}>
+     */
+    readonly gesture: ComposedGesture;
     constructor(eventBus: IEventBus);
     get isActive(): boolean;
     start(): void;
@@ -469,6 +476,10 @@ declare class TouchInputProvider implements IInputProvider {
     }): void;
     /** Emit a normalized InputEvent onto the EventBus */
     private emitInput;
+    /**
+     * Build the composed gesture.
+     */
+    private buildGesture;
 }
 
 /**
@@ -1331,6 +1342,11 @@ interface UseGestureEngineResult {
     engine: GestureEngine | null;
     /** Whether the engine is initialized and running */
     isReady: boolean;
+    /**
+     * RNGH Composed Gesture.
+     * Pass this to `<GestureDetector gesture={gestures}>` to enable touch inputs.
+     */
+    gestures?: ComposedGesture;
 }
 /**
  * React hook that creates, configures, and manages a GestureEngine lifecycle.

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import { ComposedGesture } from 'react-native-gesture-handler';
+
 /** Classification of input sources feeding into the pipeline */
 declare enum InputType {
     Touch = "touch",
@@ -422,6 +424,11 @@ declare class EventBus implements IEventBus {
 declare class TouchInputProvider implements IInputProvider {
     private eventBus;
     private _isActive;
+    /**
+     * Extracted composed RNGH Gesture.
+     * Consumers should wrap their app/screen in <GestureDetector gesture={gesture}>
+     */
+    readonly gesture: ComposedGesture;
     constructor(eventBus: IEventBus);
     get isActive(): boolean;
     start(): void;
@@ -469,6 +476,10 @@ declare class TouchInputProvider implements IInputProvider {
     }): void;
     /** Emit a normalized InputEvent onto the EventBus */
     private emitInput;
+    /**
+     * Build the composed gesture.
+     */
+    private buildGesture;
 }
 
 /**
@@ -1331,6 +1342,11 @@ interface UseGestureEngineResult {
     engine: GestureEngine | null;
     /** Whether the engine is initialized and running */
     isReady: boolean;
+    /**
+     * RNGH Composed Gesture.
+     * Pass this to `<GestureDetector gesture={gestures}>` to enable touch inputs.
+     */
+    gestures?: ComposedGesture;
 }
 /**
  * React hook that creates, configures, and manages a GestureEngine lifecycle.

package/dist/index.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var reactNativeGestureHandler = require('react-native-gesture-handler');
 var expoSensors = require('expo-sensors');
 var reactNative = require('react-native');
 var Haptics = require('expo-haptics');
@@ -136,12 +137,11 @@ var EventChannel = /* @__PURE__ */ ((EventChannel2) => {
 function generateId() {
   return `${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
 }
-
-// src/input/TouchInputProvider.ts
 var TouchInputProvider = class {
   constructor(eventBus) {
     this.eventBus = eventBus;
     this._isActive = false;
+    this.gesture = this.buildGesture();
   }
   get isActive() {
     return this._isActive;
@@ -239,6 +239,79 @@ var TouchInputProvider = class {
     };
     this.eventBus.emit("input:raw" /* InputRaw */, event);
   }
+  /**
+   * Build the composed gesture.
+   */
+  buildGesture() {
+    const panGesture = reactNativeGestureHandler.Gesture.Pan().onUpdate((e) => {
+      this.onPan({
+        x: e.x,
+        y: e.y,
+        translationX: e.translationX,
+        translationY: e.translationY,
+        velocityX: e.velocityX,
+        velocityY: e.velocityY,
+        numberOfPointers: e.numberOfPointers
+      });
+    }).onEnd((e) => {
+      this.onPan({
+        x: e.x,
+        y: e.y,
+        translationX: e.translationX,
+        translationY: e.translationY,
+        velocityX: e.velocityX,
+        velocityY: e.velocityY,
+        numberOfPointers: e.numberOfPointers
+      });
+    });
+    const tapGesture = reactNativeGestureHandler.Gesture.Tap().onEnd((e) => {
+      this.onTap({
+        x: e.x,
+        y: e.y,
+        numberOfPointers: e.numberOfPointers
+      });
+    });
+    const pinchGesture = reactNativeGestureHandler.Gesture.Pinch().onUpdate((e) => {
+      this.onPinch({
+        scale: e.scale,
+        focalX: e.focalX,
+        focalY: e.focalY,
+        velocity: e.velocity,
+        numberOfPointers: e.numberOfPointers
+      });
+    }).onEnd((e) => {
+      this.onPinch({
+        scale: e.scale,
+        focalX: e.focalX,
+        focalY: e.focalY,
+        velocity: e.velocity,
+        numberOfPointers: e.numberOfPointers
+      });
+    });
+    const rotationGesture = reactNativeGestureHandler.Gesture.Rotation().onUpdate((e) => {
+      this.onRotation({
+        rotation: e.rotation,
+        anchorX: e.anchorX,
+        anchorY: e.anchorY,
+        velocity: e.velocity,
+        numberOfPointers: e.numberOfPointers
+      });
+    }).onEnd((e) => {
+      this.onRotation({
+        rotation: e.rotation,
+        anchorX: e.anchorX,
+        anchorY: e.anchorY,
+        velocity: e.velocity,
+        numberOfPointers: e.numberOfPointers
+      });
+    });
+    return reactNativeGestureHandler.Gesture.Simultaneous(
+      panGesture,
+      tapGesture,
+      pinchGesture,
+      rotationGesture
+    );
+  }
 };
 var SensorInputProvider = class {
   constructor(eventBus, updateIntervalMs = 100) {
@@ -2263,7 +2336,8 @@ function useGestureEngine(config = {}) {
   }, []);
   return {
     engine: engineRef.current,
-    isReady
+    isReady,
+    gestures: engineRef.current?.touchInput.gesture
   };
 }
 function useShakeGesture(config) {