feat(analytics): add posthog

Author: WarningImHack3r

package.json

@@ -43,6 +43,7 @@
 		"globals": "^16.0.0",
 		"mode-watcher": "^0.5.1",
 		"octokit": "^4.1.2",
+		"posthog-js": "^1.235.4",
 		"prettier": "^3.5.3",
 		"prettier-plugin-svelte": "^3.3.3",
 		"prettier-plugin-tailwindcss": "^0.6.11",
@@ -67,6 +68,7 @@
 	"pnpm": {
 		"onlyBuiltDependencies": [
 			"@vercel/speed-insights",
+			"core-js",
 			"esbuild"
 		]
 	},

pnpm-lock.yaml

@@ -0,0 +1,6 @@
+import posthog from "posthog-js";
+
+export function handleError({ error, status }) {
+	if (status === 404) return;
+	posthog.captureException(error);
+}

src/hooks.client.ts

@@ -1,3 +1,5 @@
+import { browser } from "$app/environment";
+import posthog from "posthog-js";
 import { injectSpeedInsights } from "@vercel/speed-insights/sveltekit";
 import type { MetaTagsProps } from "svelte-meta-tags";
 
@@ -6,6 +8,14 @@ injectSpeedInsights();
 const siteName = "Svelte Changelog";
 
 export function load({ url, data }) {
+	if (browser) {
+		posthog.init("phc_mikNRIemcxWqXq0a4Pj9WPIWpbl815sf8VoMLJlFNYT", {
+			api_host: `${url.origin}/ingest`,
+			ui_host: "https://eu.posthog.com",
+			person_profiles: "always"
+		});
+	}
+
 	return {
 		...data,
 		siteName,

src/routes/+layout.ts

@@ -6,7 +6,10 @@ const config = {
 	preprocess: [vitePreprocess({})],
 
 	kit: {
-		adapter: adapter()
+		adapter: adapter(),
+		paths: {
+			relative: false
+		}
 	}
 };
 

svelte.config.js

@@ -0,0 +1,12 @@
+{
+	"rewrites": [
+		{
+			"source": "/ingest/static/:path(.*)",
+			"destination": "https://eu-assets.i.posthog.com/static/:path*"
+		},
+		{
+			"source": "/ingest/:path(.*)",
+			"destination": "https://eu.i.posthog.com/:path*"
+		}
+	]
+}