Add posthog (#188)

- [x] needs new secrets configured before ready to merge

Author: vcarl

.env.example

@@ -13,3 +13,6 @@ DIGITALOCEAN_TOKEN=
 ## Error reporting
 SENTRY_INGEST=
 SENTRY_RELEASES=
+
+VITE_PUBLIC_POSTHOG_KEY=phc_…
+VITE_PUBLIC_POSTHOG_HOST=https://us.i.posthog.com

.github/workflows/node.js.yml

@@ -143,6 +143,8 @@ jobs:
             --from-literal=DISCORD_TEST_GUILD=${{ secrets.DISCORD_TEST_GUILD }} \
             --from-literal=SENTRY_INGEST=${{ secrets.SENTRY_INGEST }} \
             --from-literal=SENTRY_RELEASES=${{ secrets.SENTRY_RELEASES }} \
+            --from-literal=VITE_PUBLIC_POSTHOG_KEY=${{ secrets.VITE_PUBLIC_POSTHOG_KEY }} \
+            --from-literal=VITE_PUBLIC_POSTHOG_HOST=${{ secrets.VITE_PUBLIC_POSTHOG_HOST }} \
             --from-literal=DATABASE_URL=${{ secrets.DATABASE_URL }}
           kubectl apply -k .
 

app/entry.client.tsx

@@ -1,4 +1,18 @@
 import { HydratedRouter } from "react-router/dom";
 import { hydrateRoot } from "react-dom/client";
+import { PostHogProvider } from "posthog-js/react";
 
-hydrateRoot(document, <HydratedRouter />);
+const options = {
+  api_host: import.meta.env.VITE_PUBLIC_POSTHOG_HOST,
+  defaults: "2025-05-24" as const,
+};
+
+hydrateRoot(
+  document,
+  <PostHogProvider
+    apiKey={import.meta.env.VITE_PUBLIC_POSTHOG_KEY}
+    options={options}
+  >
+    <HydratedRouter />
+  </PostHogProvider>,
+);

cluster/deployment.yaml

@@ -73,6 +73,18 @@ spec:
                   name: modbot-env
                   key: SENTRY_RELEASES
 
+            - name: VITE_PUBLIC_POSTHOG_KEY
+              valueFrom:
+                secretKeyRef:
+                  name: modbot-env
+                  key: VITE_PUBLIC_POSTHOG_KEY
+
+            - name: VITE_PUBLIC_POSTHOG_HOST
+              valueFrom:
+                secretKeyRef:
+                  name: modbot-env
+                  key: VITE_PUBLIC_POSTHOG_HOST
+
             - name: DATABASE_URL
               valueFrom:
                 secretKeyRef:

package-lock.json

@@ -57,6 +57,7 @@
     "node-cron": "^3.0.0",
     "node-fetch": "^3.3.2",
     "pino-http": "^10.4.0",
+    "posthog-js": "^1.280.1",
     "pretty-bytes": "^5.6.0",
     "query-string": "^9.2.2",
     "reacord": "^0.6.0",