fix: hmr update in messenger store

Signed-off-by: Alexander Trost <[email protected]>

app/store/calendar.ts

@@ -1,5 +1,9 @@
 import { format } from 'date-fns';
+import Dexie, { type Table } from 'dexie';
+import 'dexie-observable';
+import 'dexie-syncable';
 import { defineStore } from 'pinia';
+import '~/utils/dexie.ts';
 import type { Calendar, CalendarEntry } from '~~/gen/ts/resources/calendar/calendar';
 import { RsvpResponses } from '~~/gen/ts/resources/calendar/calendar';
 import { NotificationCategory, NotificationType } from '~~/gen/ts/resources/notifications/notifications';
@@ -39,8 +43,6 @@ export interface CalendarState {
     eventReminders: Map<string, number>;
 }
 
-// TODO use dexie to persist some state locally
-
 export const useCalendarStore = defineStore('calendar', {
     state: () =>
         ({
@@ -69,6 +71,9 @@ export const useCalendarStore = defineStore('calendar', {
 
                 const now = new Date();
                 response.entries.forEach((entry) => {
+                    calendarDB.entries.add(entry);
+                    calendarDB.entries.delete(entry);
+
                     const startTime = toDate(entry.startTime);
                     const time = startTime.getTime() - now.getTime();
 
@@ -357,6 +362,22 @@ export const useCalendarStore = defineStore('calendar', {
     },
 });
 
+class CalendarDexie extends Dexie {
+    calendars!: Table<Calendar>;
+    entries!: Table<CalendarEntry>;
+
+    constructor() {
+        super('calendar');
+        this.version(1).stores({
+            calendars: 'id',
+            entries: 'id, calendarId',
+            rsvps: 'entry_id, user_id',
+        });
+    }
+}
+
+export const calendarDB = new CalendarDexie();
+
 if (import.meta.hot) {
     import.meta.hot.accept(acceptHMRUpdate(useCalendarStore, import.meta.hot));
 }

app/store/messenger.ts

@@ -222,10 +222,6 @@ export const useMessengerStore = defineStore('messenger', {
     },
 });
 
-if (import.meta.hot) {
-    import.meta.hot.accept(acceptHMRUpdate(useMessengerStore, import.meta.hot));
-}
-
 class MessengerDexie extends Dexie {
     threads!: Table<Thread>;
     messages!: Table<Message>;
@@ -240,3 +236,7 @@ class MessengerDexie extends Dexie {
 }
 
 export const messengerDB = new MessengerDexie();
+
+if (import.meta.hot) {
+    import.meta.hot.accept(acceptHMRUpdate(useMessengerStore, import.meta.hot));
+}

package.json

@@ -37,6 +37,8 @@
         "consola": "3.2.3",
         "date-fns": "4.1.0",
         "dexie": "4.0.8",
+        "dexie-observable": "4.0.1-beta.13",
+        "dexie-syncable": "4.0.1-beta.13",
         "emoji-blast": "0.10.1",
         "google-protobuf": "3.21.4",
         "grpc-web": "1.5.0",