add posthog

.env.example

@@ -2,10 +2,12 @@ REACT_APP_READ_TOKEN=XXXXXXXX-XXXX-XXXXX
 REACT_APP_DEFAULT_FID=391262;
 REACT_APP_NEYNAR_CLIENT_ID=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
 REACT_APP_PINATA_GATEWAY=https://gateway.pinata.cloud
+REACT_APP_PUBLIC_POSTHOG_HOST=https://us.i.posthog.com
+REACT_APP_PUBLIC_POSTHOG_KEY=xxx_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 NEYNAR_API_KEY=XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
 PINATA_JWT=averylongjwttoken
 FARQUEST_API_KEY=XXXXX-XXXXX-XXXXX-XXXXX-XXXXX
 FCAN_TOKEN=private-bearer-token
 DECENTBOOKMARKS_TOKEN=private-basic-auth-token
 AIRSTACK_API_KEY=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-BOT_OR_NOT_API=https://sample.api.bot-or-not.xyz/api/botornot/data
+BOT_OR_NOT_API=https://sample.api.bot-or-not.xyz/api/botornot/data

package.json

@@ -30,6 +30,7 @@
     "i18next": "^20.4.0",
     "idb-keyval": "^6.2.1",
     "lucide-react": "^0.394.0",
+    "posthog-js": "^1.142.1",
     "react": "^18.3.1",
     "react-country-flag": "^3.0.2",
     "react-dom": "^18.3.1",

src/App.tsx

@@ -1,4 +1,5 @@
 import { ConfigProvider } from 'antd';
+import { posthog } from 'posthog-js';
 import { HelmetProvider } from 'react-helmet-async';
 
 import { NeynarContextProvider, Theme } from '@neynar/react';
@@ -65,10 +66,14 @@ const App: React.FC = () => {
           defaultTheme: Theme.Light,
           eventsCallbacks: {
             onAuthSuccess: () => {
-              return;
+              posthog.capture('user logged in', {
+                method: 'siwn',
+              });
             },
             onSignout() {
-              return;
+              posthog.capture('user logged out', {
+                method: 'siwn',
+              });
             },
           },
         }}

src/index.tsx

@@ -1,17 +1,23 @@
 import { store } from '@app/store/store';
+import { PostHogProvider } from 'posthog-js/react';
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { Provider } from 'react-redux';
 import App from './App';
 import './i18n';
 
+const posthogApiKey = import.meta.env.REACT_APP_PUBLIC_POSTHOG_KEY;
+const posthogApiHost = import.meta.env.REACT_APP_PUBLIC_POSTHOG_HOST;
+
 const container = document.getElementById('root') as HTMLElement;
 const root = createRoot(container);
 
 root.render(
   <React.StrictMode>
-    <Provider store={store}>
-      <App />
-    </Provider>
+    <PostHogProvider apiKey={posthogApiKey} options={{ api_host: posthogApiHost }}>
+      <Provider store={store}>
+        <App />
+      </Provider>
+    </PostHogProvider>
   </React.StrictMode>,
 );

yarn.lock

@@ -5864,6 +5864,7 @@ __metadata:
     lint-staged: ^11.0.0
     lucide-react: ^0.394.0
     npm: ^10.8.1
+    posthog-js: ^1.142.1
     prettier: ^3.3.1
     radash: ^12.1.0
     react: ^18.3.1
@@ -7857,6 +7858,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fflate@npm:^0.4.8":
+  version: 0.4.8
+  resolution: "fflate@npm:0.4.8"
+  checksum: 29d8cbe44d5e7f53e7f5a160ac7f9cc025480c7b3bfd85c5f898cbe20dfa2dad4732daa534982664bf30b35896a90af44ea33ede5d94c5ffd1b8b0c0a0a56ca2
+  languageName: node
+  linkType: hard
+
 "figures@npm:^3.0.0":
   version: 3.2.0
   resolution: "figures@npm:3.2.0"
@@ -11280,6 +11288,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"posthog-js@npm:^1.142.1":
+  version: 1.142.1
+  resolution: "posthog-js@npm:1.142.1"
+  dependencies:
+    fflate: ^0.4.8
+    preact: ^10.19.3
+    web-vitals: ^4.0.1
+  checksum: cb7e3f508572282563ac72b1d9ed9e3002465c4fe20b520f09faec78db2ceb268a88260e347343f43b48dfdfafc2e0150780a57102a4f8d540d71fbadfca6693
+  languageName: node
+  linkType: hard
+
+"preact@npm:^10.19.3":
+  version: 10.22.1
+  resolution: "preact@npm:10.22.1"
+  checksum: 8762645766b1c057eaf9a58ff904b6659ffa7a7d33eb94dc2b96ff1ba08743855c3ade913dfbe9e8da994777aa9f4f5e9f23d39886340f23eaebcd98f5e107e5
+  languageName: node
+  linkType: hard
+
 "prelude-ls@npm:^1.2.1":
   version: 1.2.1
   resolution: "prelude-ls@npm:1.2.1"
@@ -14502,6 +14528,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"web-vitals@npm:^4.0.1":
+  version: 4.2.1
+  resolution: "web-vitals@npm:4.2.1"
+  checksum: 556989af90814c6a88eaeea57f778414b26e39d8857173a03e240f62e9cf732090acc97fba38f34f760bde086fef5ee90969920ff1ab3a185518176723589cb8
+  languageName: node
+  linkType: hard
+
 "webidl-conversions@npm:^3.0.0":
   version: 3.0.1
   resolution: "webidl-conversions@npm:3.0.1"