From feec5c8ee385495d44e9c86a147ac7f0fc9bc4bb Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Sat, 21 Dec 2024 12:26:18 +0100
Subject: [PATCH] chore: add posthog to course-app

---
 apps/course-app/package.json              |  1 +
 apps/course-app/src/routes/+layout.svelte | 17 +++++++++++++----
 pnpm-lock.yaml                            |  7 +++++--
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/apps/course-app/package.json b/apps/course-app/package.json
index cd68979e..87a60976 100644
--- a/apps/course-app/package.json
+++ b/apps/course-app/package.json
@@ -40,6 +40,7 @@
 		"@tailwindcss/forms": "^0.5.9",
 		"@tailwindcss/typography": "^0.5.15",
 		"lucide-svelte": "^0.468.0",
+		"posthog-js": "^1.180.1",
 		"svelte-inview": "^4.0.4",
 		"svelte-motion": "^0.12.2",
 		"svelte-radix": "^2.0.1"
diff --git a/apps/course-app/src/routes/+layout.svelte b/apps/course-app/src/routes/+layout.svelte
index 1b0be2c8..b8b231a7 100644
--- a/apps/course-app/src/routes/+layout.svelte
+++ b/apps/course-app/src/routes/+layout.svelte
@@ -1,10 +1,19 @@
 <script lang="ts">
-	import { Toaster } from '$lib/components/ui/sonner';
-	import { Navigation } from '$lib/components/navigation';
+  import { Toaster } from '$lib/components/ui/sonner';
+  import { Navigation } from '$lib/components/navigation';
+  import posthog from 'posthog-js';
 
-	import '../app.css';
+  import '../app.css';
+  import { onMount } from 'svelte';
 
-	let { children } = $props();
+  let { children } = $props();
+
+  onMount(() => {
+    posthog.init('phc_5eTGKfeGcwOjhS05omKVvnSP1OBS6w2y5JsOVTYhb0J', {
+      api_host: 'https://eu.i.posthog.com',
+      person_profiles: 'identified_only' // or 'always' to create profiles for anonymous users as well
+    });
+  });
 </script>
 
 <Toaster />
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4ea8f877..06d356f3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -186,6 +186,9 @@ importers:
       lucide-svelte:
         specifier: ^0.468.0
         version: 0.468.0(svelte@5.10.1)
+      posthog-js:
+        specifier: ^1.180.1
+        version: 1.180.1
       svelte-inview:
         specifier: ^4.0.4
         version: 4.0.4(svelte@5.10.1)
@@ -6118,7 +6121,7 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^2.0.0
     dependencies:
-      '@sveltejs/kit': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.2.12)(vite@5.0.3)
+      '@sveltejs/kit': 2.0.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.4.11)
       import-meta-resolve: 4.1.0
     dev: true
 
@@ -6127,7 +6130,7 @@ packages:
     peerDependencies:
       '@sveltejs/kit': ^2.0.0
     dependencies:
-      '@sveltejs/kit': 2.10.1(@sveltejs/vite-plugin-svelte@4.0.0)(svelte@5.10.1)(vite@5.4.11)
+      '@sveltejs/kit': 2.10.1(@sveltejs/vite-plugin-svelte@5.0.0)(svelte@5.10.1)(vite@6.0.0)
       import-meta-resolve: 4.1.0
     dev: true