disable posthog on localhost

e2b-dev · Aug 28, 2024 · 596a658 · 596a658
1 parent 75a55be
commit 596a658
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 18 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,6 +1,6 @@
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
-import { CSPostHogProvider } from './providers'
+import { PostHogProvider } from './providers'
 import './globals.css'
 
 const inter = Inter({ subsets: ['latin'] })
@@ -17,11 +17,11 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <CSPostHogProvider>
+      <PostHogProvider>
         <body className={inter.className}>
           {children}
         </body>
-      </CSPostHogProvider>
+      </PostHogProvider>
     </html>
   )
 }
diff --git a/app/providers.js b/app/providers.js
diff --git a/app/providers.tsx b/app/providers.tsx
@@ -0,0 +1,21 @@
+// app/providers.js
+'use client'
+import posthog from 'posthog-js'
+import { PostHogProvider as PostHogProviderJS } from 'posthog-js/react'
+
+if (typeof window !== 'undefined' && process.env.NEXT_PUBLIC_ENABLE_POSTHOG) {
+  posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY ?? '', {
+    api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST,
+    person_profiles: 'identified_only'
+  })
+}
+
+export function PostHogProvider({ children }: { children: React.ReactNode }) {
+  return process.env.NEXT_PUBLIC_ENABLE_POSTHOG ? (
+    <PostHogProviderJS client={posthog}>
+      {children}
+    </PostHogProviderJS>
+  ) : (
+    children
+  )
+}