feat: 最近对话

client/ui/main/RecentsList.tsx

@@ -3,18 +3,19 @@ import RecentChat from "../../api/client_data/RecentChat.ts"
 import useEventListener from "../useEventListener.ts"
 import RecentsListItem from "./RecentsListItem.tsx"
 import React from "react"
+import useAsyncEffect from "../useAsyncEffect.ts"
+import Client from "../../api/Client.ts"
+import { checkApiSuccessOrSncakbar } from "../snackbar.ts";
+import data from "../../Data.ts";
+import EventBus from "../../EventBus.ts";
 
 interface Args extends React.HTMLAttributes<HTMLElement> {
-    recentsList: RecentChat[]
-    setRecentsList: React.Dispatch<React.SetStateAction<RecentChat[]>>
     display: boolean
     currentChatId: string
     openChatFragment: (id: string) => void
 }
 
 export default function RecentsList({
-    recentsList,
-    setRecentsList,
     currentChatId,
     display,
     openChatFragment,
@@ -22,11 +23,26 @@ export default function RecentsList({
 }: Args) {
     const searchRef = React.useRef<HTMLElement>(null)
     const [searchText, setSearchText] = React.useState('')
+    const [recentsList, setRecentsList] = React.useState<RecentChat[]>([])
 
     useEventListener(searchRef, 'input', (e) => {
         setSearchText((e.target as unknown as TextField).value)
     })
 
+    useAsyncEffect(async () => {
+        async function updateRecents() {
+            const re = await Client.invoke("User.getMyRecentChats", {
+                token: data.access_token,
+            })
+            if (re.code != 200)
+                return checkApiSuccessOrSncakbar(re, "获取最近對話列表失败")
+    
+            setRecentsList(re.data!.recent_chats as RecentChat[])
+        }
+        updateRecents()
+        EventBus.on('RecentsList.updateRecents', () => updateRecents())
+    })
+
     return <mdui-list style={{
         overflowY: 'auto',
         paddingRight: '10px',
@@ -44,7 +60,7 @@ export default function RecentsList({
                 searchText == '' ||
                 chat.title.includes(searchText) ||
                 chat.id.includes(searchText) ||
-                chat.content?.includes(searchText)
+                chat.content.includes(searchText)
             ).map((v) =>
                 <RecentsListItem
                     active={currentChatId == v.id}

server/api/UserApi.ts

@@ -207,20 +207,22 @@ export default class UserApi extends BaseApi {
 
             const user = User.findById(token.author) as User
             const recentChats = user.getRecentChats()
+            const recentChatsList = []
+            for (const [chatId, content] of recentChats) {
+                const chat = Chat.findById(chatId)
+                recentChatsList.push({
+                    content,
+                    id: chatId,
+                    title: chat?.getTitle(user) || "未知",
+                    avatar: chat?.getAvatarFileHash(user) ? "uploaded_files/" + chat?.getAvatarFileHash(user) : undefined
+                })
+            }
 
             return {
                 msg: "成功",
                 code: 200,
                 data: {
-                    recent_chats: recentChats.forEach((content: string, chatId: string) => {
-                        const chat = Chat.findById(chatId)
-                        return {
-                            content,
-                            id: chatId,
-                            title: chat?.getTitle(user) || "未知",
-                            avatar: chat?.getAvatarFileHash(user) ? "uploaded_files/" + chat?.getAvatarFileHash(user) : undefined
-                        }
-                    })
+                    recent_chats: recentChatsList.reverse(),
                 }
             }
         })

server/data/User.ts

@@ -132,9 +132,9 @@ export default class User {
         map.set(chatId, content)
         this.setAttr("recent_chats", JSON.stringify(map, MapJson.replacer))
     }
-    getRecentChats() {
+    getRecentChats(): Map<string, string> {
         try {
-            return JSON.parse(this.bean.recent_chats, MapJson.reviver) as Map<string, string>
+            return JSON.parse(this.bean.recent_chats, MapJson.reviver)
         } catch (e) {
             console.log(chalk.yellow(`警告: 最近对话列表解析失敗: ${(e as Error).message}`))
             return new Map()