From 98b11f7b9b1916dac4352dc16f1591537f2ae3fd Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Mon, 17 Feb 2025 23:33:35 +0100
Subject: [PATCH] Skeleton: Subscribe to pocketbase realtime events for all
 collections

---
 src/routes/+layout.svelte | 37 +++++++++++++++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 10d1395..b3c6275 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import "../app.css";
-  import type { Snippet } from "svelte";
+  import { onDestroy, onMount, type Snippet } from "svelte";
   import type { LayoutData } from "./$types";
   import { page } from "$app/stores";
   import {
@@ -40,7 +40,7 @@
   import { computePosition, autoUpdate, offset, shift, flip, arrow } from "@floating-ui/dom";
   import { invalidate } from "$app/navigation";
   import { get_error_toast } from "$lib/toast";
-  import { pb } from "$lib/pocketbase";
+  import { pb, subscribe, unsubscribe } from "$lib/pocketbase";
   import { AVATAR_HEIGHT, AVATAR_WIDTH } from "$lib/config";
   import { error } from "@sveltejs/kit";
 
@@ -236,6 +236,39 @@
 
     return handler;
   };
+
+  // Real-time updates without reloading
+  onMount(() =>
+    subscribe([
+      "users",
+      "drivers",
+      "racepicks",
+      "raceresults",
+      "races",
+      "seasonpicks",
+      "substitutions",
+      "teams",
+      "currentpickedusers",
+      "currentrace",
+      "raceresultdesc",
+    ]),
+  );
+
+  onDestroy(() =>
+    unsubscribe([
+      "users",
+      "drivers",
+      "racepicks",
+      "raceresults",
+      "races",
+      "seasonpicks",
+      "substitutions",
+      "teams",
+      "currentpickedusers",
+      "currentrace",
+      "raceresultdesc",
+    ]),
+  );
 </script>
 
 <LoadingIndicator />