wip (#135)

web/lib/providers/deep-link-provider.tsx

@@ -0,0 +1,35 @@
+"use client"
+
+import React, { useEffect, ReactNode } from "react"
+
+interface DeepLinkProviderProps {
+	children: ReactNode
+}
+
+export function DeepLinkProvider({ children }: DeepLinkProviderProps) {
+	useEffect(() => {
+		const eventHandlers: { [key: string]: (event: Event) => void } = {
+			click: (event: Event) => {
+				const e = event as MouseEvent
+				console.log("Click event:", { x: e.clientX, y: e.clientY })
+			},
+			keydown: (event: Event) => {
+				const e = event as KeyboardEvent
+				console.log("Keydown event:", { key: e.key, code: e.code })
+			}
+		}
+
+		// just a react thing
+		Object.entries(eventHandlers).forEach(([eventType, handler]) => {
+			window.addEventListener(eventType, handler)
+		})
+
+		return () => {
+			Object.entries(eventHandlers).forEach(([eventType, handler]) => {
+				window.removeEventListener(eventType, handler)
+			})
+		}
+	}, [])
+
+	return <>{children}</>
+}