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

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/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,11 @@
+{
+  "license": "",
+  "author": "",
+  "name": "rnoh-gesture-handler",
+  "description": "",
+  "main": "",
+  "version": "2.12.6",
+  "devDependencies": {
+    "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,4 +1,4 @@
-export default class CircularBuffer<T> {
+export class CircularBuffer<T> {
   private bufferSize: number;
   private buffer: T[];
   private index: number;

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)
+  }
+}