refactored chat handling into chat view component

src/modules/chats.js

@@ -3,15 +3,11 @@ import { reactive } from 'vue'
 
 import chatService from '../services/chat_service/chat_service.js'
 import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
-import {
-  parseChat,
-  parseChatMessage,
-} from '../services/entity_normalizer/entity_normalizer.service.js'
 import { promiseInterval } from '../services/promise_interval/promise_interval.js'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
 
-import { chats, deleteChatMessage, readChat } from 'src/api/chats.js'
+import { chats, deleteChatMessage } from 'src/api/chats.js'
 
 const emptyChatList = () => ({
   data: [],
@@ -21,8 +17,6 @@ const emptyChatList = () => ({
 const defaultState = {
   chatList: emptyChatList(),
   chatListFetcher: null,
-  openedChats: reactive({}),
-  openedChatMessageServices: reactive({}),
   fetcher: undefined,
   currentChatId: null,
   lastReadMessageId: null,
@@ -43,11 +37,6 @@ const unreadChatCount = (state) => {
 const chatsModule = {
   state: { ...defaultState },
   getters: {
-    currentChat: (state) => state.openedChats[state.currentChatId],
-    currentChatMessageService: (state) =>
-      state.openedChatMessageServices[state.currentChatId],
-    findOpenedChatByRecipientId: (state) => (recipientId) =>
-      find(state.openedChats, (c) => c.account.id === recipientId),
     sortedChatList,
     unreadChatCount,
   },
@@ -65,8 +54,8 @@ const chatsModule = {
     fetchChats({ dispatch, rootState }) {
       return chats({
         credentials: useOAuthStore().token,
-      }).then(({ chatList }) => {
-        dispatch('addNewChats', { chats: chatList })
+      }).then(({ data }) => {
+        dispatch('addNewChats', { chats: data })
         return chats
       })
     },
@@ -86,45 +75,15 @@ const chatsModule = {
         newChatMessageSideEffects,
       })
     },
-    updateChat({ commit }, { chat }) {
-      commit('updateChat', { chat })
-    },
 
     // Opened Chats
-    startFetchingCurrentChat({ dispatch }, { fetcher }) {
-      dispatch('setCurrentChatFetcher', { fetcher })
-    },
-    setCurrentChatFetcher({ commit }, { fetcher }) {
-      commit('setCurrentChatFetcher', { fetcher })
-    },
     addOpenedChat({ commit, dispatch }, { chat }) {
-      commit('addOpenedChat', { dispatch, chat: parseChat(chat) })
+      commit('addOpenedChat', { dispatch, chat })
       dispatch('addNewUsers', [chat.account])
     },
     addChatMessages({ commit }, value) {
       commit('addChatMessages', { commit, ...value })
     },
-    resetChatNewMessageCount({ commit }, value) {
-      commit('resetChatNewMessageCount', value)
-    },
-    clearCurrentChat({ commit }) {
-      commit('setCurrentChatId', { chatId: undefined })
-      commit('setCurrentChatFetcher', { fetcher: undefined })
-    },
-    readChat({ rootState, commit, dispatch }, { id, lastReadId }) {
-      const isNewMessage = rootState.chats.lastReadMessageId !== lastReadId
-
-      dispatch('resetChatNewMessageCount')
-      commit('readChat', { id, lastReadId })
-
-      if (isNewMessage) {
-        readChat({
-          id,
-          lastReadId,
-          credentials: useOAuthStore().token,
-        })
-      }
-    },
     deleteChatMessage({ rootState, commit }, value) {
       deleteChatMessage({
         ...value,
@@ -133,7 +92,6 @@ const chatsModule = {
       commit('deleteChatMessage', { commit, ...value })
     },
     resetChats({ commit, dispatch }) {
-      dispatch('clearCurrentChat')
       commit('resetChats', { commit })
     },
     clearOpenedChats({ commit }) {
@@ -142,9 +100,6 @@ const chatsModule = {
     handleMessageError({ commit }, value) {
       commit('handleMessageError', { commit, ...value })
     },
-    cullOlderMessages({ commit }, chatId) {
-      commit('cullOlderMessages', chatId)
-    },
   },
   mutations: {
     setChatListFetcher(state, { fetcher }) {
@@ -154,21 +109,6 @@ const chatsModule = {
       }
       state.chatListFetcher = fetcher && fetcher()
     },
-    setCurrentChatFetcher(state, { fetcher }) {
-      const prevFetcher = state.fetcher
-      if (prevFetcher) {
-        prevFetcher.stop()
-      }
-      state.fetcher = fetcher && fetcher()
-    },
-    addOpenedChat(state, { chat }) {
-      state.currentChatId = chat.id
-      state.openedChats[chat.id] = chat
-
-      if (!state.openedChatMessageServices[chat.id]) {
-        state.openedChatMessageServices[chat.id] = chatService.empty(chat.id)
-      }
-    },
     setCurrentChatId(state, { chatId }) {
       state.currentChatId = chatId
     },
@@ -217,60 +157,16 @@ const chatsModule = {
       state.chatList = emptyChatList()
       state.currentChatId = null
       commit('setChatListFetcher', { fetcher: undefined })
-      for (const chatId in state.openedChats) {
-        chatService.clear(state.openedChatMessageServices[chatId])
-        delete state.openedChats[chatId]
-        delete state.openedChatMessageServices[chatId]
-      }
     },
     setChatsLoading(state, { value }) {
       state.chats.loading = value
     },
-    addChatMessages(state, { chatId, messages, updateMaxId }) {
-      const chatMessageService = state.openedChatMessageServices[chatId]
-      if (chatMessageService) {
-        chatService.add(chatMessageService, {
-          messages: messages.map(parseChatMessage),
-          updateMaxId,
-        })
-      }
-    },
-    deleteChatMessage(state, { chatId, messageId }) {
-      const chatMessageService = state.openedChatMessageServices[chatId]
-      if (chatMessageService) {
-        chatService.deleteMessage(chatMessageService, messageId)
-      }
-    },
-    resetChatNewMessageCount(state) {
-      const chatMessageService =
-        state.openedChatMessageServices[state.currentChatId]
-      chatService.resetNewMessageCount(chatMessageService)
-    },
-    // Used when a connection loss occurs
-    clearOpenedChats(state) {
-      const currentChatId = state.currentChatId
-      for (const chatId in state.openedChats) {
-        if (currentChatId !== chatId) {
-          chatService.clear(state.openedChatMessageServices[chatId])
-          delete state.openedChats[chatId]
-          delete state.openedChatMessageServices[chatId]
-        }
-      }
-    },
     readChat(state, { id, lastReadId }) {
-      state.lastReadMessageId = lastReadId
       const chat = getChatById(state, id)
       if (chat) {
         chat.unread = 0
       }
     },
-    handleMessageError(state, { chatId, fakeId, isRetry }) {
-      const chatMessageService = state.openedChatMessageServices[chatId]
-      chatService.handleMessageError(chatMessageService, fakeId, isRetry)
-    },
-    cullOlderMessages(state, chatId) {
-      chatService.cullOlderMessages(state.openedChatMessageServices[chatId])
-    },
   },
 }