chore: add analytics

Author: ThomasRooney

web/package.json

@@ -20,6 +20,7 @@
     "jotai-location": "^0.5.5",
     "lucide-react": "^0.469.0",
     "monaco-editor": "0.48.0",
+    "posthog-js": "^1.205.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "tailwind-merge": "^2.6.0",

web/pnpm-lock.yaml

@@ -2,6 +2,14 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
 import "./index.css";
+import posthog from "posthog-js";
+
+if (process.env.PUBLIC_POSTHOG_API_KEY) {
+  posthog.init(process.env.PUBLIC_POSTHOG_API_KEY, {
+    api_host: "https://us.i.posthog.com",
+    person_profiles: "identified_only",
+  });
+}
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>

web/src/main.tsx

@@ -11,6 +11,7 @@ export default defineConfig({
     global: {},
     // importing moonshine error'd without this.
     "process.env.VSCODE_TEXTMATE_DEBUG": "false",
+    "process.env.PUBLIC_POSTHOG_API_KEY": process.env.PUBLIC_POSTHOG_API_KEY,
   },
   resolve: {
     alias: {