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

package/harmony/gesture_handler/BuildProfile.ets

@@ -0,0 +1,5 @@
+export default class BuildProfile { 
+	static readonly HAR_VERSION = '2.12.9';
+	static readonly BUILD_MODE_NAME = 'debug';
+	static readonly DEBUG = true;
+}

package/harmony/gesture_handler/build-profile.json5

@@ -1,8 +1,19 @@
 {
-  "apiType": "stageMode",
+  "apiType": 'stageMode',
+//  "buildOption": {
+//    "externalNativeOptions": {
+//      "path": "./src/main/cpp/CMakeLists.txt",
+//      "arguments": "",
+//      "cppFlags": "",
+//    },
+//  },
   "targets": [
     {
-      "name": "default"
+      "name": "default",
+      "runtimeOS": "HarmonyOS"
+    },
+    {
+      "name": "ohosTest",
     }
   ]
 }

package/harmony/gesture_handler/hvigorfile.ts

@@ -1,2 +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';
+export { harTasks } from '@ohos/hvigor-ohos-plugin';

package/harmony/gesture_handler/index.ets

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

package/harmony/gesture_handler/oh-package-lock.json5

@@ -0,0 +1,17 @@
+{
+  "meta": {
+    "stableOrder": false
+  },
+  "lockfileVersion": 3,
+  "ATTENTION": "THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.",
+  "specifiers": {
+    "@rnoh/react-native-openharmony@../rnoh": "@rnoh/react-native-openharmony@../rnoh"
+  },
+  "packages": {
+    "@rnoh/react-native-openharmony@../rnoh": {
+      "name": "@rnoh/react-native-openharmony",
+      "resolved": "../rnoh",
+      "registryType": "local"
+    }
+  }
+}

package/harmony/gesture_handler/oh-package.json5

@@ -1,13 +1,12 @@
 {
-  "license": "",
-  "author": "",
-  "name": "rnoh-gesture-handler",
-  "description": "",
-  "main": "index.ets",
-  "version": "2.12.6",
-  "devDependencies": {
+  license: '',
+  devDependencies: {},
+  author: '',
+  name: '@react-native-oh-tpl/react-native-gesture-handler',
+  description: '',
+  main: 'index.ets',
+  version: '2.12.9',
+  dependencies: {
+    "@rnoh/react-native-openharmony": 'file:../rnoh',
   },
-  "dependencies": {
-    "rnoh": "file:../rnoh"
-  }
-}
+}

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

@@ -1,7 +1,14 @@
+#pragma once
 #include "GestureHandlerPackage.h"
-#include "RNGestureHandlerRootViewComponentDescriptor.h"
-#include "RNGestureHandlerButtonComponentDescriptor.h"
+#include "RNOH/RNInstanceCAPI.h"
+#include "RNGestureHandlerButtonComponentInstance.h"
+#include "RNGestureHandlerRootViewComponentInstance.h"
+#include "RNOH/ArkTSTurboModule.h"
 #include "RNGestureHandlerModule.h"
+#include "RNGestureHandlerButtonComponentDescriptor.h"
+#include "RNGestureHandlerRootViewComponentDescriptor.h"
+#include "RNGestureHandlerButtonJSIBinder.h"
+#include "RNGestureHandlerRootViewJSIBinder.h"
 
 using namespace rnoh;
 using namespace facebook;
@@ -16,19 +23,81 @@ public:
     };
 };
 
+class RNGHEventEmitRequestHandler : public EventEmitRequestHandler {
+    void handleEvent(EventEmitRequestHandler::Context const &ctx) override {
+        auto eventEmitter = ctx.shadowViewRegistry->getEventEmitter<facebook::react::ViewEventEmitter>(ctx.tag);
+        if (eventEmitter == nullptr) {
+            return;
+        }
+        if (ctx.eventName == "onGestureHandlerEvent") {
+            eventEmitter->dispatchEvent(ctx.eventName, ArkJS(ctx.env).getDynamic(ctx.payload));
+        }
+    }
+};
+
+class RNOHCorePackageComponentInstanceFactoryDelegate : public ComponentInstanceFactoryDelegate {
+public:
+    using ComponentInstanceFactoryDelegate::ComponentInstanceFactoryDelegate;
+
+    ComponentInstance::Shared create(ComponentInstance::Context ctx) override {
+        if (ctx.componentName == "RNGestureHandlerButton") {
+            return std::make_shared<RNGestureHandlerButtonComponentInstance>(ctx);
+        } else if (ctx.componentName == "RNGestureHandlerRootView") {
+            return std::make_shared<RNGestureHandlerRootViewComponentInstance>(ctx);
+        }
+        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>(),
+        react::concreteComponentDescriptorProvider<react::RNGestureHandlerRootViewComponentDescriptor>(),
+        react::concreteComponentDescriptorProvider<react::RNGestureHandlerButtonComponentDescriptor>(),
     };
 }
 
+ComponentJSIBinderByString GestureHandlerPackage::createComponentJSIBinderByName() {
+    return {
+        {"RNGestureHandlerButton", std::make_shared<RNGestureHandlerButtonJSIBinder>()},
+        {"RNGestureHandlerRootView", std::make_shared<RNGestureHandlerRootViewJSIBinder>()},
+    };
+};
+
 EventEmitRequestHandlers GestureHandlerPackage::createEventEmitRequestHandlers() {
     return {
-        std::make_shared<react::RNGestureHandlerRootViewEventEmitRequestHandler>(),
+        std::make_shared<RNGHEventEmitRequestHandler>(),
+    };
+}
+
+ComponentInstanceFactoryDelegate::Shared GestureHandlerPackage::createComponentInstanceFactoryDelegate() {
+    return std::make_shared<RNOHCorePackageComponentInstanceFactoryDelegate>();
+}
+
+class ScrollLockerArkTSMessageHandler : public ArkTSMessageHandler {
+public:
+    void handleArkTSMessage(const Context &ctx) override {
+        if (ctx.messageName == "RNGH::SET_NATIVE_RESPONDERS_BLOCK") {
+            auto targetComponentInstanceTag = ctx.messagePayload["targetTag"].asDouble();
+            auto shouldBlock = ctx.messagePayload["shouldBlock"].asBool();
+            auto rnInstance = ctx.rnInstance.lock();
+            if (rnInstance != nullptr) {
+                auto rnInstanceCAPI = std::dynamic_pointer_cast<RNInstanceCAPI>(rnInstance);
+                if (rnInstanceCAPI != nullptr) {
+                    auto tmpComponentInstance = rnInstanceCAPI->findComponentInstanceByTag(targetComponentInstanceTag);
+                    while (tmpComponentInstance != nullptr) {
+                        tmpComponentInstance->setNativeResponderBlocked(shouldBlock, "RNGH");
+                        tmpComponentInstance = tmpComponentInstance->getParent().lock();
+                    }
+                }
+            }
+        }
     };
-}
+};
+
+std::vector<ArkTSMessageHandler::Shared> GestureHandlerPackage::createArkTSMessageHandlers() {
+    return {std::make_shared<ScrollLockerArkTSMessageHandler>()};
+}

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

@@ -1,15 +1,21 @@
+#pragma once
 #include "RNOH/Package.h"
 
 namespace rnoh {
+    class GestureHandlerPackage : public Package {
+    public:
+        GestureHandlerPackage(Package::Context ctx) : Package(ctx) {}
 
-class GestureHandlerPackage : public Package {
-  public:
-    GestureHandlerPackage(Package::Context ctx) : Package(ctx) {}
+        std::unique_ptr<TurboModuleFactoryDelegate> createTurboModuleFactoryDelegate() override;
 
-    std::vector<facebook::react::ComponentDescriptorProvider> createComponentDescriptorProviders() override;
+        std::vector<facebook::react::ComponentDescriptorProvider> createComponentDescriptorProviders() override;
 
-    EventEmitRequestHandlers createEventEmitRequestHandlers() override;
+        ComponentJSIBinderByString createComponentJSIBinderByName() override;
 
-    std::unique_ptr<TurboModuleFactoryDelegate> createTurboModuleFactoryDelegate() override;
-};
-} // namespace rnoh
+        EventEmitRequestHandlers createEventEmitRequestHandlers();
+
+        ComponentInstanceFactoryDelegate::Shared createComponentInstanceFactoryDelegate();
+
+        std::vector<ArkTSMessageHandler::Shared> createArkTSMessageHandlers() override;
+    };
+} // namespace rnoh

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

@@ -1,41 +1,17 @@
+
 #pragma once
 
+// This file was generated.
+
 #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;
@@ -47,7 +23,7 @@ class RNGestureHandlerButtonProps : public ViewProps {
 using RNGestureHandlerButtonShadowNode = ConcreteViewShadowNode<
     RNGestureHandlerButtonComponentName,
     RNGestureHandlerButtonProps,
-    RNGestureHandlerButtonEventEmitter>;
+    ViewEventEmitter>;
 
 class RNGestureHandlerButtonComponentDescriptor final
     : public ConcreteComponentDescriptor<RNGestureHandlerButtonShadowNode> {

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

@@ -0,0 +1,27 @@
+#pragma once
+#import "RNOH/CppComponentInstance.h"
+#import "RNOH/arkui/StackNode.h"
+#import "RNGestureHandlerButtonComponentDescriptor.h"
+
+namespace rnoh {
+    class RNGestureHandlerButtonComponentInstance
+        : public CppComponentInstance<facebook::react::RNGestureHandlerButtonShadowNode> {
+    private:
+        StackNode m_stackNode;
+
+    public:
+        RNGestureHandlerButtonComponentInstance(Context context) : CppComponentInstance(std::move(context)) {};
+
+        StackNode &getLocalRootArkUINode() override { return m_stackNode; };
+
+        void onChildInserted(ComponentInstance::Shared const &childComponentInstance, std::size_t index) override {
+            CppComponentInstance::onChildInserted(childComponentInstance, index);
+            m_stackNode.insertChild(childComponentInstance->getLocalRootArkUINode(), index);
+        };
+
+        void onChildRemoved(ComponentInstance::Shared const &childComponentInstance) override {
+            CppComponentInstance::onChildRemoved(childComponentInstance);
+            m_stackNode.removeChild(childComponentInstance->getLocalRootArkUINode());
+        };
+    };
+} // namespace rnoh

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

@@ -0,0 +1,32 @@
+#pragma once
+
+// This file was generated.
+
+#include "RNOHCorePackage/ComponentBinders/ViewComponentJSIBinder.h"
+
+namespace rnoh {
+class RNGestureHandlerButtonJSIBinder : public ViewComponentJSIBinder {
+  protected:
+    facebook::jsi::Object createNativeProps(facebook::jsi::Runtime &rt) override {
+        auto object = ViewComponentJSIBinder::createNativeProps(rt);
+        object.setProperty(rt, "exclusive", true);
+        object.setProperty(rt, "foreground", true);
+        object.setProperty(rt, "borderless", true);
+        object.setProperty(rt, "enabled", true);
+        object.setProperty(rt, "rippleColor", true);
+        object.setProperty(rt, "rippleRadius", true);
+        object.setProperty(rt, "touchSoundDisabled", true);
+        return object;
+    }
+
+    facebook::jsi::Object createBubblingEventTypes(facebook::jsi::Runtime &rt) override {
+        facebook::jsi::Object events(rt);
+        return events;
+    }
+
+    facebook::jsi::Object createDirectEventTypes(facebook::jsi::Runtime &rt) override {
+        facebook::jsi::Object events(rt);
+        return events;
+    }
+};
+} // namespace rnoh

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

@@ -1,17 +1,22 @@
+
 #include "RNGestureHandlerModule.h"
-#include "RNOH/ArkTSTurboModule.h"
 
-using namespace rnoh;
+// This file was generated.
+
+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)};
+RNGestureHandlerModule::RNGestureHandlerModule(const ArkTSTurboModule::Context ctx, const std::string name) : 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),
+    };
 }
+
+} // namespace rnoh

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

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

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

@@ -0,0 +1,72 @@
+// #pragma once
+//
+// // This file was generated.
+//
+// #include "RNOH/Package.h"
+// #include "RNOH/ArkTSTurboModule.h"
+// #include "RNGestureHandlerModule.h"
+// #include "RNGestureHandlerButtonComponentDescriptor.h"
+// #include "RNGestureHandlerRootViewComponentDescriptor.h"
+// #include "RNGestureHandlerButtonJSIBinder.h"
+// #include "RNGestureHandlerRootViewJSIBinder.h"
+//
+// namespace rnoh {
+//
+// class RNOHGeneratedPackageTurboModuleFactoryDelegate : 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;
+//     };
+// };
+//
+// class GeneratedEventEmitRequestHandler : public EventEmitRequestHandler {
+//   public:
+//     void handleEvent(Context const &ctx) override {
+//         auto eventEmitter = ctx.shadowViewRegistry->getEventEmitter<facebook::react::EventEmitter>(ctx.tag);
+//         if (eventEmitter == nullptr) {
+//             return;
+//         }
+//
+//         std::vector<std::string> supportedEventNames = {
+//             "directEvent",
+//             "bubblingEvent",
+//         };
+//         if (std::find(supportedEventNames.begin(), supportedEventNames.end(), ctx.eventName) != supportedEventNames.end()) {
+//             eventEmitter->dispatchEvent(ctx.eventName, ArkJS(ctx.env).getDynamic(ctx.payload));
+//         }    
+//     }
+// };
+//
+// class RNOHGeneratedPackage : public Package {
+//   public:
+//     RNOHGeneratedPackage(Package::Context ctx) : Package(ctx){};
+//
+//     std::unique_ptr<TurboModuleFactoryDelegate> createTurboModuleFactoryDelegate() override {
+//         return std::make_unique<RNOHGeneratedPackageTurboModuleFactoryDelegate>();
+//     }
+//
+//     std::vector<facebook::react::ComponentDescriptorProvider> createComponentDescriptorProviders() override {
+//         return {
+//             facebook::react::concreteComponentDescriptorProvider<facebook::react::RNGestureHandlerButtonComponentDescriptor>(),
+//             facebook::react::concreteComponentDescriptorProvider<facebook::react::RNGestureHandlerRootViewComponentDescriptor>(),
+//         };
+//     }
+//
+//     ComponentJSIBinderByString createComponentJSIBinderByName() override {
+//         return {
+//             {"RNGestureHandlerButton", std::make_shared<RNGestureHandlerButtonJSIBinder>()},
+//             {"RNGestureHandlerRootView", std::make_shared<RNGestureHandlerRootViewJSIBinder>()},
+//         };
+//     };
+//
+//     EventEmitRequestHandlers createEventEmitRequestHandlers() override {
+//         return {
+//             std::make_shared<GeneratedEventEmitRequestHandler>(),
+//         };
+//     }
+// };
+//
+// } // namespace rnoh

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

@@ -1,41 +1,17 @@
+
 #pragma once
 
+// This file was generated.
+
 #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;
@@ -47,7 +23,7 @@ class RNGestureHandlerRootViewProps : public ViewProps {
 using RNGestureHandlerRootViewShadowNode = ConcreteViewShadowNode<
     RNGestureHandlerRootViewComponentName,
     RNGestureHandlerRootViewProps,
-    RNGestureHandlerRootViewEventEmitter>;
+    ViewEventEmitter>;
 
 class RNGestureHandlerRootViewComponentDescriptor final
     : public ConcreteComponentDescriptor<RNGestureHandlerRootViewShadowNode> {

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

@@ -0,0 +1,78 @@
+#pragma once
+#import "RNOH/CppComponentInstance.h"
+#import "RNOH/arkui/StackNode.h"
+#import "RNOH/arkui/ArkUINodeRegistry.h"
+#import "RNOH/arkui/NativeNodeApi.h"
+#import "RNGestureHandlerRootViewComponentDescriptor.h"
+
+namespace rnoh {
+    class RNGestureHandlerRootViewComponentInstance
+        : public CppComponentInstance<facebook::react::RNGestureHandlerRootViewShadowNode>,
+          public TouchEventHandler {
+    private:
+        StackNode m_stackNode;
+
+    public:
+        RNGestureHandlerRootViewComponentInstance(Context context) : CppComponentInstance(std::move(context)) {
+            ArkUINodeRegistry::getInstance().registerTouchHandler(&m_stackNode, this);
+            NativeNodeApi::getInstance()->registerNodeEvent(m_stackNode.getArkUINodeHandle(), NODE_TOUCH_EVENT, 0);
+            m_deps->arkTSChannel->postMessage("RNGH::ROOT_CREATED", m_tag);
+        };
+    
+        ~RNGestureHandlerRootViewComponentInstance() {
+            ArkUINodeRegistry::getInstance().unregisterTouchHandler(&m_stackNode);
+            NativeNodeApi::getInstance()->unregisterNodeEvent(m_stackNode.getArkUINodeHandle(), NODE_TOUCH_EVENT);
+        }
+
+        StackNode &getLocalRootArkUINode() override { return m_stackNode; };
+
+        void onTouchEvent(ArkUI_NodeTouchEvent e) override {
+            folly::dynamic payload = folly::dynamic::object;
+            payload["action"] = static_cast<int>(e.action);
+            payload["actionTouch"] = this->convertNodeTouchPointToDynamic(e.actionTouch);
+            folly::dynamic touchPoints = folly::dynamic::array();
+            touchPoints.push_back(this->convertNodeTouchPointToDynamic(e.actionTouch));
+            payload["touchPoints"] = touchPoints;
+            payload["sourceType"] = static_cast<int>(e.sourceType);
+            payload["timestamp"] = e.timeStamp;
+            payload["rootTag"] = m_tag;
+            m_deps->arkTSChannel->postMessage("RNGH::TOUCH_EVENT", payload);
+        }
+    private: 
+        folly::dynamic convertNodeTouchPointToDynamic(ArkUI_NodeTouchPoint actionTouch) {
+            folly::dynamic result = folly::dynamic::object;
+            result["contactAreaHeight"] = actionTouch.contactAreaHeight;
+            result["contactAreaWidth"] = actionTouch.contactAreaWidth;
+            result["id"] = actionTouch.id;
+            result["nodeX"] = actionTouch.nodeX;
+            result["nodeY"] = actionTouch.nodeY;
+            result["pressedTime"] = actionTouch.pressedTime;
+            result["pressure"] = actionTouch.pressure;
+            result["rawX"] = actionTouch.rawX;
+            result["rawY"] = actionTouch.rawY;
+            result["screenX"] = actionTouch.screenX;
+            result["screenY"] = actionTouch.screenY;
+            result["tiltX"] = actionTouch.tiltX;
+            result["tiltY"] = actionTouch.tiltY;
+            result["toolHeight"] = actionTouch.toolHeight;
+            result["toolWidth"] = actionTouch.toolWidth;
+            result["toolX"] = actionTouch.toolX;
+            result["toolY"] = actionTouch.toolY;
+            result["toolType"] = static_cast<int>(actionTouch.toolType);
+            result["windowX"] = actionTouch.windowX;
+            result["windowY"] = actionTouch.windowY;
+            return result;
+        }
+
+    protected:
+        void onChildInserted(ComponentInstance::Shared const &childComponentInstance, std::size_t index) override {
+            CppComponentInstance::onChildInserted(childComponentInstance, index);
+            m_stackNode.insertChild(childComponentInstance->getLocalRootArkUINode(), index);
+        };
+
+        void onChildRemoved(ComponentInstance::Shared const &childComponentInstance) override {
+            CppComponentInstance::onChildRemoved(childComponentInstance);
+            m_stackNode.removeChild(childComponentInstance->getLocalRootArkUINode());
+        };
+    };
+} // namespace rnoh

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

@@ -0,0 +1,25 @@
+#pragma once
+
+// This file was generated.
+
+#include "RNOHCorePackage/ComponentBinders/ViewComponentJSIBinder.h"
+
+namespace rnoh {
+class RNGestureHandlerRootViewJSIBinder : public ViewComponentJSIBinder {
+  protected:
+    facebook::jsi::Object createNativeProps(facebook::jsi::Runtime &rt) override {
+        auto object = ViewComponentJSIBinder::createNativeProps(rt);
+        return object;
+    }
+
+    facebook::jsi::Object createBubblingEventTypes(facebook::jsi::Runtime &rt) override {
+        facebook::jsi::Object events(rt);
+        return events;
+    }
+
+    facebook::jsi::Object createDirectEventTypes(facebook::jsi::Runtime &rt) override {
+        facebook::jsi::Object events(rt);
+        return events;
+    }
+};
+} // namespace rnoh

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

@@ -1,4 +1,4 @@
-import { RNInstance } from "rnoh/ts"
+import { RNInstance } from "@rnoh/react-native-openharmony/ts"
 import { GestureStateChangeEvent, GestureUpdateEvent, GestureTouchEvent } from "./OutgoingEvent"
 import { RNGHLogger } from './RNGHLogger'
 
@@ -31,6 +31,21 @@ export class AnimatedEventDispatcher implements EventDispatcher {
     this.rnInstance.emitDeviceEvent("onGestureHandlerStateChange", event)
   }
 
+  public onGestureHandlerEvent(event: GestureStateChangeEvent | GestureUpdateEvent | GestureTouchEvent) {
+    this.logger.info(`onGestureHandlerEvent`)
+    this.rnInstance.emitComponentEvent(this.viewTag, "onGestureHandlerEvent", event)
+  }
+}
+
+export class ReanimatedEventDispatcher implements EventDispatcher {
+  constructor(private rnInstance: RNInstance, private logger: RNGHLogger, private viewTag: number) {
+  }
+
+  public onGestureHandlerStateChange(event: GestureStateChangeEvent) {
+    this.logger.info(`onGestureHandlerStateChange`)
+    this.rnInstance.emitComponentEvent(this.viewTag, "onGestureHandlerStateChange", event)
+  }
+
   public onGestureHandlerEvent(event: GestureStateChangeEvent | GestureUpdateEvent | GestureTouchEvent) {
     this.logger.info(`onGestureHandlerEvent`)
     this.rnInstance.emitComponentEvent(this.viewTag, "onGestureHandlerEvent", event)