gitea +

frontend/components/analytics/PostHogPageView.tsx

@@ -0,0 +1,34 @@
+'use client'
+
+import { usePathname, useSearchParams } from "next/navigation"
+import { useEffect, Suspense } from "react"
+import { usePostHog } from 'posthog-js/react'
+
+function PostHogPageViewContent() {
+    const pathname = usePathname()
+    const searchParams = useSearchParams()
+    const posthog = usePostHog()
+
+    useEffect(() => {
+        // Track pageview
+        if (pathname && posthog) {
+            let url = window.origin + pathname
+            if (searchParams.toString()) {
+                url = url + `?${searchParams.toString()}`
+            }
+            posthog.capture('$pageview', {
+                '$current_url': url,
+            })
+        }
+    }, [pathname, searchParams, posthog])
+
+    return null
+}
+
+export default function PostHogPageView() {
+    return (
+        <Suspense fallback={null}>
+            <PostHogPageViewContent />
+        </Suspense>
+    )
+}