moved implementation of web handler

Author: akwasniewski

packages/react-native-gesture-handler/src/v3/HostGestureDetector.web.tsx

@@ -1,3 +1,63 @@
-import GestureHandlerDetector from '../web/GestureHandlerDetector';
-const HostGestureDetector = GestureHandlerDetector;
+import { useEffect, useRef } from 'react';
+import {
+  GestureHandlerStateChangeEvent,
+  GestureHandlerTouchEvent,
+  GestureHandlerEvent,
+} from '../web/interfaces';
+import { View } from 'react-native';
+import RNGestureHandlerModuleWeb from '../RNGestureHandlerModule.web';
+import { ActionType } from '../ActionType';
+export interface GestureHandlerDetectorProps {
+  onGestureHandlerEvent?: (e: GestureHandlerEvent) => void;
+  onGestureHandlerAnimatedEvent?: (e: GestureHandlerEvent) => void;
+  onGestureHandlerStateChange?: (e: GestureHandlerStateChangeEvent) => void;
+  onGestureHandlerTouchEvent?: (e: GestureHandlerTouchEvent) => void;
+
+  handlerTags: number[];
+  dispatchesAnimatedEvents: boolean;
+  moduleId: number;
+  children?: React.ReactNode;
+}
+
+const HostGestureDetector = (props: GestureHandlerDetectorProps) => {
+  const {
+    onGestureHandlerEvent,
+    onGestureHandlerAnimatedEvent,
+    onGestureHandlerStateChange,
+    onGestureHandlerTouchEvent,
+    handlerTags,
+    dispatchesAnimatedEvents,
+    moduleId,
+    children,
+  } = props;
+
+  const viewRef = useRef(null);
+  const propsRef = useRef<GestureHandlerDetectorProps>(props);
+
+  useEffect(() => {
+    attachHandlers();
+  }, [
+    onGestureHandlerEvent,
+    onGestureHandlerAnimatedEvent,
+    onGestureHandlerStateChange,
+    onGestureHandlerTouchEvent,
+    handlerTags,
+    dispatchesAnimatedEvents,
+    moduleId,
+  ]);
+
+  const attachHandlers = (): void => {
+    handlerTags.forEach((tag) => {
+      RNGestureHandlerModuleWeb.attachGestureHandler(
+        tag,
+        viewRef.current,
+        ActionType.NATIVE_DETECTOR,
+        propsRef
+      );
+    });
+  };
+
+  return <View ref={viewRef}>{children}</View>;
+};
+
 export default HostGestureDetector;