feat: setup posthog for metrics (might or might not be useful)

package-lock.json

@@ -9,7 +9,8 @@
             "version": "0.0.1",
             "dependencies": {
                 "@supabase/ssr": "^0.6.1",
-                "@supabase/supabase-js": "^2.49.8"
+                "@supabase/supabase-js": "^2.49.8",
+                "posthog-js": "^1.250.1"
             },
             "devDependencies": {
                 "@eslint/compat": "^1.2.5",
@@ -2451,6 +2452,17 @@
                 "node": ">= 0.6"
             }
         },
+        "node_modules/core-js": {
+            "version": "3.43.0",
+            "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.43.0.tgz",
+            "integrity": "sha512-N6wEbTTZSYOY2rYAn85CuvWWkCK6QweMn7/4Nr3w+gDBeBhk/x4EJeY6FPo4QzDoJZxVTv8U7CMvgWk6pOHHqA==",
+            "hasInstallScript": true,
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/core-js"
+            }
+        },
         "node_modules/cross-spawn": {
             "version": "7.0.6",
             "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -3030,6 +3042,12 @@
                 "node": "^12.20 || >= 14.13"
             }
         },
+        "node_modules/fflate": {
+            "version": "0.4.8",
+            "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.4.8.tgz",
+            "integrity": "sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==",
+            "license": "MIT"
+        },
         "node_modules/file-entry-cache": {
             "version": "8.0.0",
             "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -4090,6 +4108,40 @@
                 "node": ">=4"
             }
         },
+        "node_modules/posthog-js": {
+            "version": "1.250.1",
+            "resolved": "https://registry.npmjs.org/posthog-js/-/posthog-js-1.250.1.tgz",
+            "integrity": "sha512-Dl9BQjPa5FFVUauLSX/8HP6naRfU605GQYq+oAHFqwyv20NQDCHT0uRtFT1x2EYrY0kIQdd0d/rOY6Tg4wgqEg==",
+            "license": "SEE LICENSE IN LICENSE",
+            "dependencies": {
+                "core-js": "^3.38.1",
+                "fflate": "^0.4.8",
+                "preact": "^10.19.3",
+                "web-vitals": "^4.2.4"
+            },
+            "peerDependencies": {
+                "@rrweb/types": "2.0.0-alpha.17",
+                "rrweb-snapshot": "2.0.0-alpha.17"
+            },
+            "peerDependenciesMeta": {
+                "@rrweb/types": {
+                    "optional": true
+                },
+                "rrweb-snapshot": {
+                    "optional": true
+                }
+            }
+        },
+        "node_modules/preact": {
+            "version": "10.26.8",
+            "resolved": "https://registry.npmjs.org/preact/-/preact-10.26.8.tgz",
+            "integrity": "sha512-1nMfdFjucm5hKvq0IClqZwK4FJkGXhRrQstOQ3P4vp8HxKrJEMFcY6RdBRVTdfQS/UlnX6gfbPuTvaqx/bDoeQ==",
+            "license": "MIT",
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/preact"
+            }
+        },
         "node_modules/prelude-ls": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -5117,6 +5169,12 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/web-vitals": {
+            "version": "4.2.4",
+            "resolved": "https://registry.npmjs.org/web-vitals/-/web-vitals-4.2.4.tgz",
+            "integrity": "sha512-r4DIlprAGwJ7YM11VZp4R884m0Vmgr6EAKe3P+kO0PPj3Unqyvv59rczf6UiGcb9Z8QxZVcqKNwv/g0WNdWwsw==",
+            "license": "Apache-2.0"
+        },
         "node_modules/webidl-conversions": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",

package.json

@@ -43,6 +43,7 @@
     },
     "dependencies": {
         "@supabase/ssr": "^0.6.1",
-        "@supabase/supabase-js": "^2.49.8"
+        "@supabase/supabase-js": "^2.49.8",
+        "posthog-js": "^1.250.1"
     }
 }

src/routes/+layout.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
+    import posthog from "posthog-js";
     import logoUrl from "$lib/assets/logo.svg";
+    import { onMount } from "svelte";
 
     const { children } = $props();
+
+    onMount(() => {
+        posthog.init("phc_hTnel2Q8GKo0TgIBnFWBueJW1ATmCG9tJOtETnQTUdY", {
+            api_host: "https://eu.i.posthog.com",
+            person_profiles: "always"
+        });
+    });
 </script>
 
 <svelte:head>