feat: 🎸 Added dependencies handling for event hook

Author: prc5

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@better-typed/react-window-hooks",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "author": "prc5",
   "license": "MIT",
   "description": "React window hooks",
@@ -89,7 +89,6 @@
     "useWillUnmount"
   ],
   "dependencies": {
-    "@better-typed/react-lifecycle-hooks": "^1.0.5",
-    "mobile-detect": "^1.4.5"
+    "@better-typed/react-lifecycle-hooks": "^1.0.5"
   }
 }

src/hooks/index.ts

@@ -1,3 +1,2 @@
-export * from "./use-window-device.hook";
 export * from "./use-window-event.hook";
 export * from "./use-window-size.hook";

src/hooks/use-window-device.hook.ts

@@ -7,27 +7,37 @@ type EventHandler<T extends Event = Event> = (e: T) => void;
 
 type WindowEventHook = {
   <K extends keyof WindowEventMap>(
-    eventName: K,
+    value: K | [K, AddEventListenerOptions],
     handler: EventHandler<WindowEventMap[K]>,
-    options?: boolean | (AddEventListenerOptions & { disable?: boolean }),
+    dependencies?: any[],
   ): void;
 };
 
-export const useWindowEvent: WindowEventHook = (eventName, handler, options) => {
+const unpackValue = <K extends keyof WindowEventMap>(
+  value: K | [K, AddEventListenerOptions],
+): [K, AddEventListenerOptions] => {
+  if (typeof value === "string") {
+    return [value, {}];
+  }
+  return value;
+};
+
+export const useWindowEvent: WindowEventHook = (value, handler, dependencies = []) => {
   const didUnmount = useRef(false);
   useWillUnmount(() => (didUnmount.current = true));
 
-  const isClient = getIsClient();
-
   useDidUpdate(
     () => {
-      const { disable = false, ...windowOptions } = typeof options === "object" ? options : {};
-      if (!isClient || disable) return;
+      const isClient = getIsClient();
+      if (!isClient) return;
+
+      const [name, options] = unpackValue(value);
+      const windowOptions = typeof options === "object" ? options : {};
 
-      window.addEventListener(eventName, handler, windowOptions);
-      return () => window.removeEventListener(eventName, handler, windowOptions);
+      window.addEventListener(name, handler, windowOptions);
+      return () => window.removeEventListener(name, handler, windowOptions);
     },
-    [eventName, options],
+    [JSON.stringify(value), ...dependencies],
     true,
   );
 };