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

package/README.md

@@ -244,3 +244,4 @@ npm run test:coverage # Run with coverage report
 ## 📄 License
 
 MIT © [zeey4d](https://github.com/zeey4d)
+# react-native-gesture-engine

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,13 +1,30 @@
 'use strict';
 
+var reactNativeGestureHandler = require('react-native-gesture-handler');
+var expoSensors = require('expo-sensors');
+var reactNative = require('react-native');
+var Haptics = require('expo-haptics');
 var react = require('react');
 
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Haptics__namespace = /*#__PURE__*/_interopNamespace(Haptics);
 
 // src/core/EventBus.ts
 var EventBus = class {
@@ -120,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;
@@ -223,22 +239,80 @@ var TouchInputProvider = class {
     };
     this.eventBus.emit("input:raw" /* InputRaw */, event);
   }
-};
-
-// src/input/SensorInputProvider.ts
-var Accelerometer;
-var Gyroscope;
-function loadSensorModules() {
-  try {
-    const sensors = __require("expo-sensors");
-    Accelerometer = sensors.Accelerometer;
-    Gyroscope = sensors.Gyroscope;
-  } catch {
-    console.warn(
-      "[GestureEngine] expo-sensors not found. SensorInputProvider will not function."
+  /**
+   * 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) {
     this.eventBus = eventBus;
@@ -246,7 +320,6 @@ var SensorInputProvider = class {
     this.accelSubscription = null;
     this.gyroSubscription = null;
     this.updateIntervalMs = Math.max(16, updateIntervalMs);
-    loadSensorModules();
   }
   get isActive() {
     return this._isActive;
@@ -254,13 +327,13 @@ var SensorInputProvider = class {
   start() {
     if (this._isActive) return;
     this._isActive = true;
-    if (!Accelerometer || !Gyroscope) {
+    if (!expoSensors.Accelerometer || !expoSensors.Gyroscope) {
       console.warn("[GestureEngine] Sensors unavailable. Skipping sensor subscriptions.");
       return;
     }
-    Accelerometer.setUpdateInterval(this.updateIntervalMs);
-    Gyroscope.setUpdateInterval(this.updateIntervalMs);
-    this.accelSubscription = Accelerometer.addListener(
+    expoSensors.Accelerometer.setUpdateInterval(this.updateIntervalMs);
+    expoSensors.Gyroscope.setUpdateInterval(this.updateIntervalMs);
+    this.accelSubscription = expoSensors.Accelerometer.addListener(
       (data) => {
         if (!this._isActive) return;
         const sensorData = {
@@ -278,7 +351,7 @@ var SensorInputProvider = class {
         this.eventBus.emit("input:raw" /* InputRaw */, event);
       }
     );
-    this.gyroSubscription = Gyroscope.addListener(
+    this.gyroSubscription = expoSensors.Gyroscope.addListener(
       (data) => {
         if (!this._isActive) return;
         const sensorData = {
@@ -309,23 +382,12 @@ var SensorInputProvider = class {
     }
   }
 };
-
-// src/input/HardwareInputProvider.ts
-var DeviceEventEmitter;
-function loadEmitter() {
-  try {
-    const rn = __require("react-native");
-    DeviceEventEmitter = rn.DeviceEventEmitter;
-  } catch {
-  }
-}
 var HardwareInputProvider = class {
   constructor(eventBus, eventName = "onHardwareKey") {
     this.eventBus = eventBus;
     this._isActive = false;
     this.subscription = null;
     this.eventName = eventName;
-    loadEmitter();
   }
   get isActive() {
     return this._isActive;
@@ -333,10 +395,10 @@ var HardwareInputProvider = class {
   start() {
     if (this._isActive) return;
     this._isActive = true;
-    if (!DeviceEventEmitter) {
+    if (!reactNative.DeviceEventEmitter) {
       return;
     }
-    this.subscription = DeviceEventEmitter.addListener(
+    this.subscription = reactNative.DeviceEventEmitter.addListener(
       this.eventName,
       (data) => {
         if (!this._isActive) return;
@@ -1946,30 +2008,14 @@ var CustomAction = class {
     this.callback(event);
   }
 };
-
-// src/feedback/HapticFeedback.ts
-var Haptics;
-var Vibration;
-function loadModules() {
-  try {
-    Haptics = __require("expo-haptics");
-  } catch {
-  }
-  try {
-    const rn = __require("react-native");
-    Vibration = rn.Vibration;
-  } catch {
-  }
-}
 var HapticFeedback = class {
   constructor(enabled = true) {
     this._isSupported = false;
     this.useVibrationFallback = false;
     this.enabled = enabled;
-    loadModules();
-    if (Haptics) {
+    if (Haptics__namespace) {
       this._isSupported = true;
-    } else if (Vibration) {
+    } else if (reactNative.Vibration) {
       this._isSupported = true;
       this.useVibrationFallback = true;
     }
@@ -1983,18 +2029,18 @@ var HapticFeedback = class {
       return;
     }
     if (this.useVibrationFallback) {
-      Vibration?.vibrate(50);
+      reactNative.Vibration?.vibrate(50);
       return;
     }
     const gestureName = event.name;
     if (gestureName.startsWith("sequence:") || gestureName === "shake") {
-      Haptics?.notificationAsync?.(Haptics.NotificationFeedbackType?.Success);
+      Haptics__namespace?.notificationAsync?.(Haptics__namespace.NotificationFeedbackType?.Success);
     } else if (gestureName === "tap" || gestureName === "double-tap") {
-      Haptics?.impactAsync?.(Haptics.ImpactFeedbackStyle?.Light);
+      Haptics__namespace?.impactAsync?.(Haptics__namespace.ImpactFeedbackStyle?.Light);
     } else if (gestureName.startsWith("edge-swipe") || gestureName.startsWith("corner")) {
-      Haptics?.impactAsync?.(Haptics.ImpactFeedbackStyle?.Medium);
+      Haptics__namespace?.impactAsync?.(Haptics__namespace.ImpactFeedbackStyle?.Medium);
     } else {
-      Haptics?.selectionAsync?.();
+      Haptics__namespace?.selectionAsync?.();
     }
   }
   setEnabled(enabled) {
@@ -2022,22 +2068,11 @@ var VisualFeedback = class {
     this.callback = callback;
   }
 };
-
-// src/feedback/AccessibilityFeedback.ts
-var AccessibilityInfo;
-function loadAccessibility() {
-  try {
-    const rn = __require("react-native");
-    AccessibilityInfo = rn.AccessibilityInfo;
-  } catch {
-  }
-}
 var AccessibilityFeedback = class {
   constructor() {
     this._isSupported = false;
     this.announcementBuilder = null;
-    loadAccessibility();
-    this._isSupported = !!AccessibilityInfo?.announceForAccessibility;
+    this._isSupported = !!reactNative.AccessibilityInfo?.announceForAccessibility;
   }
   get isSupported() {
     return this._isSupported;
@@ -2046,7 +2081,7 @@ var AccessibilityFeedback = class {
     if (!this._isSupported) return;
     if (event.state !== "ended" /* Ended */) return;
     const announcement = this.announcementBuilder ? this.announcementBuilder(event) : this.defaultAnnouncement(event);
-    AccessibilityInfo.announceForAccessibility(announcement);
+    reactNative.AccessibilityInfo.announceForAccessibility(announcement);
   }
   /**
    * Set a custom function to build announcement strings.
@@ -2301,7 +2336,8 @@ function useGestureEngine(config = {}) {
   }, []);
   return {
     engine: engineRef.current,
-    isReady
+    isReady,
+    gestures: engineRef.current?.touchInput.gesture
   };
 }
 function useShakeGesture(config) {