@react-native-oh-tpl/react-native-gesture-handler 2.12.1-0.0.1 → 2.12.6-2

package/README.md

@@ -1,62 +1 @@
-<img src="https://user-images.githubusercontent.com/16062886/117444014-2d1ffd80-af39-11eb-9bbb-33c320599d93.png" width="100%" alt="React Native Gesture Handler by Software Mansion">
-
-### Declarative API exposing platform native touch and gesture system to React Native.
-
-React Native Gesture Handler provides native-driven gesture management APIs for building best possible touch-based experiences in React Native.
-
-With this library gestures are no longer controlled by the JS responder system, but instead are recognized and tracked in the UI thread.
-It makes touch interactions and gesture tracking not only smooth, but also dependable and deterministic.
-
-## Installation
-
-Check [getting started](https://docs.swmansion.com/react-native-gesture-handler/docs/#installation) section of our docs for the detailed installation instructions.
-
-## Fabric
-
-To learn how to use `react-native-gesture-handler` with Fabric architecture, head over to [Fabric README](README-Fabric.md). Instructions on how to run Fabric Example within this repo can be found in the [FabricExample README](FabricExample/README.md).
-
-## Documentation
-
-Check out our dedicated documentation page for info about this library, API reference and more: [https://docs.swmansion.com/react-native-gesture-handler/docs/](https://docs.swmansion.com/react-native-gesture-handler/docs/)
-
-## Examples
-
-If you want to play with the API but don't feel like trying it on a real app, you can run the example project. Clone the repo, go to the `example` folder and run:
-
-```bash
-yarn install
-```
-
-If you are running on ios, run `pod install` in the ios folder
-
-Run `yarn start` to start the metro bundler
-
-Run `yarn android` or `yarn ios` (depending on which platform you want to run the example app on).
-
-You will need to have an Android or iOS device or emulator connected as well as `react-native-cli` package installed globally.
-
-## React Native Support
-
-| version | react-native version |
-| ------- | -------------------- |
-| 2.14.0+ | 0.67.0+              |
-| 2.10.0+ | 0.64.0+              |
-| 2.0.0+  | 0.63.0+              |
-| 1.4.0+  | 0.60.0+              |
-| 1.1.0+  | 0.57.2+              |
-| <1.1.0  | 0.50.0+              |
-
-It may be possible to use newer versions of react-native-gesture-handler on React Native with version <= 0.59 by reverse Jetifying.
-Read more on that here <https://github.com/mikehardy/jetifier#to-reverse-jetify--convert-node_modules-dependencies-to-support-libraries>
-
-## License
-
-Gesture handler library is licensed under [The MIT License](LICENSE).
-
-## Credits
-
-This project has been build and is maintained thanks to the support from [Shopify](https://shopify.com), [Expo.io](https://expo.io) and [Software Mansion](https://swmansion.com)
-
-[![shopify](https://avatars1.githubusercontent.com/u/8085?v=3&s=100 'Shopify.com')](https://shopify.com)
-[![expo](https://avatars2.githubusercontent.com/u/12504344?v=3&s=100 'Expo.io')](https://expo.io)
-[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-reanimated-github 'Software Mansion')](https://swmansion.com)
+# react-native-harmony-gesture-handler

package/{LICENSE → harmony/gesture_handler/LICENSE}

@@ -1,21 +1,21 @@
-The MIT License (MIT)
-
-Copyright (c) 2016 Software Mansion <swmansion.com>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2019 react-native-community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/harmony/gesture_handler/OAT.xml

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration>
+	<oatconfig>
+	<licensefile>LICENSE</licensefile>
+		<filefilterlist>
+			<filefilter name="copyrightPolicyFilter" desc="Filters for compatibility，license header policies">
+				<filteritem type="filename" name="hvigorfile.ts" desc="hvigor构建脚本，DevEco Studio自动生成，不需要添加版权头"/>
+				<filteritem type="filename" name="*.json5" desc="hvigor工程配置文件，DevEco Studio自动生成，不需要添加版权头"/>
+				<filteritem type="filename" name="*.proto" desc="资源文件，不需要添加版权头"/>
+				<filteritem type="filename" name="*.json" desc="资源文件，不需要添加版权头"/>
+				<filteritem type="filename" name="*.test.ts" desc="测试文件，不需要添加版权头"/>
+				<filteritem type="filename" name="index.ets" desc="入口文件，不需要添加版权头"/>
+				<filteritem type="filename" name="ts.ts" desc="出口文件，不需要添加版权头"/>
+				<filteritem type="filepath" name="hvigorw" desc="工程模板，不修改版权头，以防有修改版权风险"/>
+				<filteritem type="filepath" name="hvigorw.bat" desc="工程模板，不修改版权头，以防有修改版权风险"/>
+				<filteritem type="filepath" name="hvigor/hvigor-wrapper.js" desc="工程模板，不修改版权头，以防有修改版权风险"/>
+                <filteritem type="filename" name="LICENSE" desc="工程文件，不修改版权头"/>
+			</filefilter>
+			<filefilter name="defaultPolicyFilter" desc="Filters for compatibility，license header policies">
+				<filteritem type="filename" name="hvigorfile.ts" desc="hvigor构建脚本，DevEco Studio自动生成，不需要添加许可证头"/>
+				<filteritem type="filename" name="*.json5" desc="hvigor工程配置文件，DevEco Studio自动生成，不需要添加许可证头"/>
+				<filteritem type="filename" name="LICENSE" desc="原三方库证书文件无需更改，因此添加过滤"/>
+				<filteritem type="filename" name="*.proto" desc="资源文件，不需要添加许可证头"/>
+				<filteritem type="filename" name="*.json" desc="资源文件，不需要添加许可证头"/>
+				<filteritem type="filename" name="*.test.ts" desc="测试文件，不需要添加版权头"/>
+				<filteritem type="filename" name="index.ets" desc="入口文件，不需要添加版权头"/>
+				<filteritem type="filename" name="ts.ts" desc="出口文件，不需要添加版权头"/>
+				<filteritem type="filepath" name="hvigorw" desc="工程模板，不修改版权头，以防有修改版权风险"/>
+				<filteritem type="filepath" name="hvigorw.bat" desc="工程模板，不修改版权头，以防有修改版权风险"/>
+				<filteritem type="filepath" name="hvigor/hvigor-wrapper.js" desc="工程模板，不修改版权头，以防有修改版权风险"/>
+			</filefilter>
+			<filefilter name="binaryFileTypePolicyFilter" desc="Filters for resources files policies">
+				<filteritem type="filename" name="icon.png" desc="应用图标"/>
+				<filteritem type="filename" name="app_icon.png" desc="应用图标"/>
+				<filteritem type="filename" name="warn.png" desc="页面展示图标"/>
+			</filefilter>
+		</filefilterlist>
+        <policylist>
+            <policy name="projectPolicy" desc="">
+                <policyitem type="license" name="MIT" path=".*" desc="license under the MIT"/>
+            </policy>
+        </policylist>
+	</oatconfig>
+</configuration>

package/harmony/gesture_handler/README.OpenSource

@@ -0,0 +1,11 @@
+[
+    {
+        "Name": "react-native-gesture-handler",
+        "License": "MIT License",
+        "License File":"https://github.com/software-mansion/react-native-gesture-handler/blob/main/LICENSE",
+        "Version Number": "2.12.6-0.0.1",
+        "Owner" : ""
+        "Upstream URL": "https://github.com/software-mansion/react-native-gesture-handler",
+        "Description": "React Native Gesture Handler provides native-driven gesture management APIs for building best possible touch-based experiences in React Native."
+    }
+]

package/harmony/gesture_handler/README.md

@@ -0,0 +1 @@
+# react-native-harmony-gesture-handler

package/harmony/gesture_handler/build-profile.json5

@@ -0,0 +1,8 @@
+{
+  "apiType": "stageMode",
+  "targets": [
+    {
+      "name": "default"
+    }
+  ]
+}

package/harmony/gesture_handler/hvigorfile.ts

@@ -0,0 +1,2 @@
+// Script for compiling build behavior. It is built in the build plug-in and cannot be modified currently.
+export { harTasks } from '@ohos/hvigor-ohos-plugin';

package/harmony/gesture_handler/index.ets

@@ -0,0 +1,3 @@
+export * from "./ts"
+export * from "./src/main/ets/RNGestureHandlerRootView"
+export * from "./src/main/ets/RNGestureHandlerButton"

package/harmony/gesture_handler/oh-package.json5

@@ -0,0 +1,13 @@
+{
+  "license": "",
+  "author": "",
+  "name": "rnoh-gesture-handler",
+  "description": "",
+  "main": "index.ets",
+  "version": "2.12.6",
+  "devDependencies": {
+  },
+  "dependencies": {
+    "rnoh": "file:../rnoh"
+  }
+}

package/harmony/gesture_handler/src/main/cpp/CMakeLists.txt

@@ -0,0 +1,8 @@
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE on)
+
+file(GLOB rnoh_gesture_handler_SRC CONFIGURE_DEPENDS *.cpp)
+add_library(rnoh_gesture_handler SHARED ${rnoh_gesture_handler_SRC})
+target_include_directories(rnoh_gesture_handler PUBLIC ${CMAKE_CURRENT_SOURCE_DIR})
+target_link_libraries(rnoh_gesture_handler PUBLIC rnoh)
+

package/harmony/gesture_handler/src/main/cpp/GestureHandlerPackage.cpp

@@ -0,0 +1,34 @@
+#include "GestureHandlerPackage.h"
+#include "RNGestureHandlerRootViewComponentDescriptor.h"
+#include "RNGestureHandlerButtonComponentDescriptor.h"
+#include "RNGestureHandlerModule.h"
+
+using namespace rnoh;
+using namespace facebook;
+
+class GestureHandlerTurboModuleFactoryDelegate : public TurboModuleFactoryDelegate {
+public:
+    SharedTurboModule createTurboModule(Context ctx, const std::string &name) const override {
+        if (name == "RNGestureHandlerModule") {
+            return std::make_shared<RNGestureHandlerModule>(ctx, name);
+        }
+        return nullptr;
+    };
+};
+
+std::unique_ptr<TurboModuleFactoryDelegate> GestureHandlerPackage::createTurboModuleFactoryDelegate() {
+    return std::make_unique<GestureHandlerTurboModuleFactoryDelegate>();
+}
+
+std::vector<react::ComponentDescriptorProvider> GestureHandlerPackage::createComponentDescriptorProviders() {
+    return {
+      react::concreteComponentDescriptorProvider<react::RNGestureHandlerRootViewComponentDescriptor>(),
+      react::concreteComponentDescriptorProvider<react::RNGestureHandlerButtonComponentDescriptor>(),
+    };
+}
+
+EventEmitRequestHandlers GestureHandlerPackage::createEventEmitRequestHandlers() {
+    return {
+        std::make_shared<react::RNGestureHandlerRootViewEventEmitRequestHandler>(),
+    };
+}

package/harmony/gesture_handler/src/main/cpp/GestureHandlerPackage.h

@@ -0,0 +1,15 @@
+#include "RNOH/Package.h"
+
+namespace rnoh {
+
+class GestureHandlerPackage : public Package {
+  public:
+    GestureHandlerPackage(Package::Context ctx) : Package(ctx) {}
+
+    std::vector<facebook::react::ComponentDescriptorProvider> createComponentDescriptorProviders() override;
+
+    EventEmitRequestHandlers createEventEmitRequestHandlers() override;
+
+    std::unique_ptr<TurboModuleFactoryDelegate> createTurboModuleFactoryDelegate() override;
+};
+} // namespace rnoh

package/harmony/gesture_handler/src/main/cpp/RNGestureHandlerButtonComponentDescriptor.h

@@ -0,0 +1,60 @@
+#pragma once
+
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <react/renderer/components/view/ViewShadowNode.h>
+#include "RNOH/ArkJS.h"
+#include "RNOH/EventEmitRequestHandler.h"
+
+namespace facebook {
+namespace react {
+
+extern const char RNGestureHandlerButtonComponentName[] = "RNGestureHandlerButton";
+
+class RNGestureHandlerButtonEventEmitter : public ViewEventEmitter {
+    using ViewEventEmitter::ViewEventEmitter;
+
+  public:
+    void emit(std::string type, const folly::dynamic &payload) const {
+        this->dispatchEvent(type, payload);
+    }
+};
+
+class RNGestureHandlerButtonEventEmitRequestHandler : public rnoh::EventEmitRequestHandler {
+    void handleEvent(rnoh::EventEmitRequestHandler::Context const &ctx) override {
+        std::string prefix = "RNGestureHandlerButton";
+        size_t prefixPos = ctx.eventName.find(prefix);
+        if (prefixPos != std::string::npos) {
+            ArkJS arkJs(ctx.env);
+            auto eventEmitter = ctx.shadowViewRegistry->getEventEmitter<RNGestureHandlerButtonEventEmitter>(ctx.tag);
+            if (eventEmitter != nullptr) {
+                auto payload = arkJs.getDynamic(ctx.payload);
+                std::string eventName = ctx.eventName.substr(prefixPos + prefix.length());
+                eventEmitter->emit(eventName, payload);
+            }
+        }
+    }
+};
+
+class RNGestureHandlerButtonProps : public ViewProps {
+  public:
+    RNGestureHandlerButtonProps() = default;
+
+    RNGestureHandlerButtonProps(const PropsParserContext &context, const RNGestureHandlerButtonProps &sourceProps, const RawProps &rawProps)
+        : ViewProps(context, sourceProps, rawProps) {}
+};
+
+using RNGestureHandlerButtonShadowNode = ConcreteViewShadowNode<
+    RNGestureHandlerButtonComponentName,
+    RNGestureHandlerButtonProps,
+    RNGestureHandlerButtonEventEmitter>;
+
+class RNGestureHandlerButtonComponentDescriptor final
+    : public ConcreteComponentDescriptor<RNGestureHandlerButtonShadowNode> {
+  public:
+    RNGestureHandlerButtonComponentDescriptor(ComponentDescriptorParameters const &parameters)
+        : ConcreteComponentDescriptor(parameters) {}
+};
+
+} // namespace react
+} // namespace facebook

package/harmony/gesture_handler/src/main/cpp/RNGestureHandlerModule.cpp

@@ -0,0 +1,17 @@
+#include "RNGestureHandlerModule.h"
+#include "RNOH/ArkTSTurboModule.h"
+
+using namespace rnoh;
+using namespace facebook;
+
+rnoh::RNGestureHandlerModule::RNGestureHandlerModule(const ArkTSTurboModule::Context ctx, const std::string name)
+    : rnoh::ArkTSTurboModule(ctx, name) {
+    methodMap_ = {ARK_METHOD_METADATA(handleSetJSResponder, 2),
+                  ARK_METHOD_METADATA(handleClearJSResponder, 0),
+                  ARK_METHOD_METADATA(createGestureHandler, 3),
+                  ARK_METHOD_METADATA(attachGestureHandler, 3),
+                  ARK_METHOD_METADATA(updateGestureHandler, 2),
+                  ARK_METHOD_METADATA(dropGestureHandler, 1),
+                  ARK_METHOD_METADATA(install, 0),
+                  ARK_METHOD_METADATA(flushOperations, 0)};
+}

package/harmony/gesture_handler/src/main/cpp/RNGestureHandlerModule.h

@@ -0,0 +1,12 @@
+#pragma once
+
+#include "RNOH/ArkTSTurboModule.h"
+
+namespace rnoh {
+
+class JSI_EXPORT RNGestureHandlerModule : public ArkTSTurboModule {
+public:
+    RNGestureHandlerModule(const ArkTSTurboModule::Context ctx, const std::string name);
+};
+
+} // namespace rnoh

package/harmony/gesture_handler/src/main/cpp/RNGestureHandlerRootViewComponentDescriptor.h

@@ -0,0 +1,60 @@
+#pragma once
+
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+#include <react/renderer/components/view/ViewShadowNode.h>
+#include "RNOH/ArkJS.h"
+#include "RNOH/EventEmitRequestHandler.h"
+
+namespace facebook {
+namespace react {
+
+extern const char RNGestureHandlerRootViewComponentName[] = "RNGestureHandlerRootView";
+
+class RNGestureHandlerRootViewEventEmitter : public ViewEventEmitter {
+    using ViewEventEmitter::ViewEventEmitter;
+
+  public:
+    void emit(std::string type, const folly::dynamic &payload) const {
+        this->dispatchEvent(type, payload);
+    }
+};
+
+class RNGestureHandlerRootViewEventEmitRequestHandler : public rnoh::EventEmitRequestHandler {
+    void handleEvent(rnoh::EventEmitRequestHandler::Context const &ctx) override {
+        std::string prefix = "RNGestureHandlerRootView";
+        size_t prefixPos = ctx.eventName.find(prefix);
+        if (prefixPos != std::string::npos) {
+            ArkJS arkJs(ctx.env);
+            auto eventEmitter = ctx.shadowViewRegistry->getEventEmitter<RNGestureHandlerRootViewEventEmitter>(ctx.tag);
+            if (eventEmitter != nullptr) {
+                auto payload = arkJs.getDynamic(ctx.payload);
+                std::string eventName = ctx.eventName.substr(prefixPos + prefix.length());
+                eventEmitter->emit(eventName, payload);
+            }
+        }
+    }
+};
+
+class RNGestureHandlerRootViewProps : public ViewProps {
+  public:
+    RNGestureHandlerRootViewProps() = default;
+
+    RNGestureHandlerRootViewProps(const PropsParserContext &context, const RNGestureHandlerRootViewProps &sourceProps, const RawProps &rawProps)
+        : ViewProps(context, sourceProps, rawProps) {}
+};
+
+using RNGestureHandlerRootViewShadowNode = ConcreteViewShadowNode<
+    RNGestureHandlerRootViewComponentName,
+    RNGestureHandlerRootViewProps,
+    RNGestureHandlerRootViewEventEmitter>;
+
+class RNGestureHandlerRootViewComponentDescriptor final
+    : public ConcreteComponentDescriptor<RNGestureHandlerRootViewShadowNode> {
+  public:
+    RNGestureHandlerRootViewComponentDescriptor(ComponentDescriptorParameters const &parameters)
+        : ConcreteComponentDescriptor(parameters) {}
+};
+
+} // namespace react
+} // namespace facebook

package/{src/web/tools → harmony/gesture_handler/src/main/ets}/CircularBuffer.ts

@@ -1,42 +1,42 @@
-export default class CircularBuffer<T> {
-  private bufferSize: number;
-  private buffer: T[];
-  private index: number;
-  private actualSize: number;
-
-  constructor(size: number) {
-    this.bufferSize = size;
-    this.buffer = new Array<T>(size);
-    this.index = 0;
-    this.actualSize = 0;
-  }
-
-  public get size(): number {
-    return this.actualSize;
-  }
-
-  public push(element: T): void {
-    this.buffer[this.index] = element;
-    this.index = (this.index + 1) % this.bufferSize;
-    this.actualSize = Math.min(this.actualSize + 1, this.bufferSize);
-  }
-
-  public get(at: number): T {
-    if (this.actualSize === this.bufferSize) {
-      let index = (this.index + at) % this.bufferSize;
-      if (index < 0) {
-        index += this.bufferSize;
-      }
-
-      return this.buffer[index];
-    } else {
-      return this.buffer[at];
-    }
-  }
-
-  public clear(): void {
-    this.buffer = new Array<T>(this.bufferSize);
-    this.index = 0;
-    this.actualSize = 0;
-  }
-}
+export class CircularBuffer<T> {
+  private bufferSize: number;
+  private buffer: T[];
+  private index: number;
+  private actualSize: number;
+
+  constructor(size: number) {
+    this.bufferSize = size;
+    this.buffer = new Array<T>(size);
+    this.index = 0;
+    this.actualSize = 0;
+  }
+
+  public get size(): number {
+    return this.actualSize;
+  }
+
+  public push(element: T): void {
+    this.buffer[this.index] = element;
+    this.index = (this.index + 1) % this.bufferSize;
+    this.actualSize = Math.min(this.actualSize + 1, this.bufferSize);
+  }
+
+  public get(at: number): T {
+    if (this.actualSize === this.bufferSize) {
+      let index = (this.index + at) % this.bufferSize;
+      if (index < 0) {
+        index += this.bufferSize;
+      }
+
+      return this.buffer[index];
+    } else {
+      return this.buffer[at];
+    }
+  }
+
+  public clear(): void {
+    this.buffer = new Array<T>(this.bufferSize);
+    this.index = 0;
+    this.actualSize = 0;
+  }
+}

package/harmony/gesture_handler/src/main/ets/Event.ts

@@ -0,0 +1,68 @@
+export interface HitSlop {
+  left?: number;
+  right?: number;
+  top?: number;
+  bottom?: number;
+  horizontal?: number;
+  vertical?: number;
+  width?: number;
+  height?: number;
+}
+
+export const Directions = {
+  RIGHT: 1,
+  LEFT: 2,
+  UP: 4,
+  DOWN: 8,
+} as const;
+
+export enum PointerType {
+  NONE = 'none',
+  MOUSE = 'mouse',
+  TOUCH = 'touch',
+  PEN = 'pen',
+}
+
+export enum EventType {
+  DOWN,
+  ADDITIONAL_POINTER_DOWN,
+  UP,
+  ADDITIONAL_POINTER_UP,
+  MOVE,
+  ENTER,
+  OUT,
+  CANCEL,
+}
+
+export type Touch = {id: number, x: number, y: number, absoluteX: number, absoluteY: number}
+
+export enum TouchEventType {
+  UNDETERMINED = 0,
+  DOWN = 1,
+  MOVE = 2,
+  UP = 3,
+  CANCELLED = 4,
+}
+
+export interface AdaptedEvent {
+  x: number;
+  y: number;
+  offsetX: number;
+  offsetY: number;
+  pointerId: number;
+  eventType: EventType;
+  pointerType: PointerType;
+  buttons: number;
+  time: number;
+  allTouches?: Touch[];
+  changedTouches?: Touch[];
+  touchEventType?: TouchEventType;
+}
+
+export interface TrackerElement {
+  lastX: number;
+  lastY: number;
+  timeStamp: number;
+  velocityX: number;
+  velocityY: number;
+}

package/harmony/gesture_handler/src/main/ets/EventDispatcher.ts

@@ -0,0 +1,38 @@
+import { RNInstance } from "rnoh/ts"
+import { GestureStateChangeEvent, GestureUpdateEvent, GestureTouchEvent } from "./OutgoingEvent"
+import { RNGHLogger } from './RNGHLogger'
+
+export interface EventDispatcher {
+  onGestureHandlerStateChange(event: GestureStateChangeEvent): void
+  onGestureHandlerEvent(event: GestureStateChangeEvent | GestureUpdateEvent | GestureTouchEvent): void
+}
+
+export class JSEventDispatcher implements EventDispatcher {
+  constructor(private rnInstance: RNInstance, private logger: RNGHLogger) {
+  }
+
+  public onGestureHandlerStateChange(event: GestureStateChangeEvent) {
+    this.logger.info(`onGestureHandlerStateChange`)
+    this.rnInstance.emitDeviceEvent("onGestureHandlerStateChange", event)
+  }
+
+  public onGestureHandlerEvent(event: GestureStateChangeEvent | GestureUpdateEvent | GestureTouchEvent) {
+    this.logger.info(`onGestureHandlerEvent`)
+    this.rnInstance.emitDeviceEvent("onGestureHandlerEvent", event)
+  }
+}
+
+export class AnimatedEventDispatcher implements EventDispatcher {
+  constructor(private rnInstance: RNInstance, private logger: RNGHLogger, private viewTag: number) {
+  }
+
+  public onGestureHandlerStateChange(event: GestureStateChangeEvent) {
+    this.logger.info(`onGestureHandlerStateChange`)
+    this.rnInstance.emitDeviceEvent("onGestureHandlerStateChange", event)
+  }
+
+  public onGestureHandlerEvent(event: GestureStateChangeEvent | GestureUpdateEvent | GestureTouchEvent) {
+    this.logger.info(`onGestureHandlerEvent`)
+    this.rnInstance.emitComponentEvent(this.viewTag, "onGestureHandlerEvent", event)
+  }
+}