Merge pull request #59 from battlesquid/chore/posthog

feat: add posthog

Author: battlesquid

packages/app/.env

@@ -0,0 +1,2 @@
+PUBLIC_POSTHOG_KEY=phc_ysadTKHzxDRpwRbkhlwAFjiotT3DOiyAq8riZUK0Q56
+PUBLIC_POSTHOG_HOST=https://us.i.posthog.com

packages/app/package.json

@@ -22,19 +22,20 @@
 		"@urql/exchange-auth": "^2.2.0",
 		"animejs": "^4.1.3",
 		"gql.tada": "^1.8.10",
+		"lz-string": "^1.5.0",
 		"manifold-3d": "^3.2.1",
 		"opentype.js": "^1.3.4",
 		"points-on-path": "^0.2.1",
+		"posthog-js": "^1.261.7",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
 		"suspend-react": "^0.1.3",
 		"three": "^0.169.0",
 		"three-3mf-exporter": "^0.0.4",
 		"three-stdlib": "^2.35.2",
 		"urql": "^4.2.1",
-		"zustand": "^5.0.5",
 		"zod": "^4.1.5",
-		"lz-string": "^1.5.0"
+		"zustand": "^5.0.5"
 	},
 	"devDependencies": {
 		"@octokit/graphql-schema": "^15.25.0",

packages/app/src/env.d.ts

@@ -4,6 +4,8 @@ interface ImportMetaEnv {
 	readonly PUBLIC_APP_NAME: string;
 	readonly PUBLIC_WORKER_URL: string;
 	readonly PUBLIC_WORKER_ENTERPRISE_URL: string;
+	readonly PUBLIC_POSTHOG_KEY: string;
+	readonly PUBLIC_POSTHOG_HOST: string;
 }
 
 interface ImportMeta {

packages/app/src/index.tsx

@@ -8,6 +8,7 @@ import { shadcnCssVariableResolver } from "./theme/css_variable_resolver";
 import { shadcnTheme } from "./theme/theme";
 import "./theme/style.css";
 import { createRouter, RouterProvider } from "@tanstack/react-router";
+import { PostHogProvider } from "posthog-js/react";
 import { routeTree } from "./routeTree.gen";
 
 const router = createRouter({ routeTree });
@@ -22,15 +23,24 @@ if (rootEl) {
 	const root = ReactDOM.createRoot(rootEl);
 	root.render(
 		<React.StrictMode>
-			<MantineProvider
-				theme={shadcnTheme}
-				cssVariablesResolver={shadcnCssVariableResolver}
-				forceColorScheme="dark"
+			<PostHogProvider
+				apiKey={import.meta.env.PUBLIC_POSTHOG_KEY}
+				options={{
+					name: import.meta.env.PUBLIC_APP_NAME,
+					api_host: import.meta.env.PUBLIC_POSTHOG_HOST,
+					defaults: "2025-05-24",
+				}}
 			>
-				<Provider value={client}>
-					<RouterProvider router={router} />
-				</Provider>
-			</MantineProvider>
+				<MantineProvider
+					theme={shadcnTheme}
+					cssVariablesResolver={shadcnCssVariableResolver}
+					forceColorScheme="dark"
+				>
+					<Provider value={client}>
+						<RouterProvider router={router} />
+					</Provider>
+				</MantineProvider>
+			</PostHogProvider>
 		</React.StrictMode>,
 	);
 }