feat(client): store chats by userid instead of session id

Author: RainbowBird

packages/client/src/stores/useAccount.ts

@@ -5,6 +5,7 @@ import { computed, ref, watch } from 'vue'
 import { toast } from 'vue-sonner'
 
 import { useBridgeStore } from '../composables/useBridge'
+import { useChatStore } from './useChat'
 import { useMessageStore } from './useMessage'
 
 export const useAccountStore = defineStore('account', () => {
@@ -40,6 +41,8 @@ export const useAccountStore = defineStore('account', () => {
 
     if (session?.isReady || !session?.session) {
       logger.verbose('No need to login', { session })
+
+      useChatStore().fetchChats()
       return
     }
 

packages/client/src/stores/useChat.ts

@@ -14,28 +14,32 @@ export const useChatStore = defineStore('chat', () => {
 
   const chats = computed({
     get: () => {
-      const sessionId = bridgeStore.activeSessionId
-      if (!sessionId)
+      const userId = bridgeStore.activeSession?.me?.id
+      if (!userId)
         return []
-      return allChats.value[sessionId] ?? []
+      return allChats.value[userId] ?? []
     },
     set: (v) => {
-      const sessionId = bridgeStore.activeSessionId
-      if (!sessionId)
+      const userId = bridgeStore.activeSession?.me?.id
+      if (!userId)
         return
 
       allChats.value = {
         ...allChats.value,
-        [sessionId]: v,
+        [userId]: v,
       }
     },
   })
 
-  const getChat = (id: string) => {
+  function getChat(id: string) {
     return chats.value.find(chat => chat.id === Number(id))
   }
 
-  const init = () => {
+  function fetchChats() {
+    bridgeStore.sendEvent('dialog:fetch')
+  }
+
+  function init() {
     useLogger('ChatStore').log('Init dialogs')
 
     if (chats.value.length === 0) {
@@ -53,6 +57,7 @@ export const useChatStore = defineStore('chat', () => {
   return {
     init,
     getChat,
+    fetchChats,
     chats,
   }
 })