Initial commit

assets/js/hooks/Mapper/useMapperHandlers.ts

@@ -0,0 +1,42 @@
+import { RefObject, useCallback } from 'react';
+
+import { MapHandlers } from '@/hooks/Mapper/types/mapHandlers.ts';
+import { getQueryVariable } from './utils';
+
+export const useMapperHandlers = (handlerRefs: RefObject<MapHandlers>[], hooksRef: RefObject<any>) => {
+  const handleCommand = useCallback(
+    async ({ type, data }) => {
+      if (!hooksRef.current) {
+        return;
+      }
+
+      return await hooksRef.current.pushEventAsync(type, data);
+    },
+    [hooksRef.current],
+  );
+
+  const handleMapEvent = useCallback(({ type, body }) => {
+    if (getQueryVariable('debug') === 'true') {
+      console.log(type, body);
+    }
+
+    handlerRefs.forEach(ref => {
+      if (!ref.current) {
+        return;
+      }
+
+      ref.current?.command(type, body);
+    });
+  }, []);
+
+  const handleMapEvents = useCallback(
+    events => {
+      events.forEach(event => {
+        handleMapEvent(event);
+      });
+    },
+    [handleMapEvent],
+  );
+
+  return { handleCommand, handleMapEvent, handleMapEvents };
+};