Add presence tracking

src/routes/+layout.ts

@@ -7,9 +7,12 @@ import { setToast } from '$lib/stores/toasts';
 import { get } from 'svelte/store';
 import { TOAST_TYPE } from '../custom';
 import { updateExpectedStamps } from '../stamps';
+import { supabase } from '../supabase-client';
 
 export const load = (async () => {
+	setupPresence();
 	await startupTasks();
+
 	return {};
 }) satisfies LayoutLoad;
 
@@ -25,3 +28,20 @@ async function startupTasks() {
 	}
 	setToast({ message: 'Updated stamp data', type: TOAST_TYPE.SUCCESS });
 }
+
+function setupPresence() {
+	const globalRoom = supabase.channel('room:global');
+
+	globalRoom
+		.on('presence', { event: 'sync' }, () => {
+			const newState = globalRoom.presenceState();
+			console.log('sync', newState);
+		})
+		.on('presence', { event: 'join' }, ({ key, newPresences }) => {
+			console.log('join', key, newPresences);
+		})
+		.on('presence', { event: 'leave' }, ({ key, leftPresences }) => {
+			console.log('leave', key, leftPresences);
+		})
+		.subscribe();
+}