1.优化代码，充分利用表单

zhangxichang · zhangxichang · commit ad5b2771af8e · 2025-09-30T17:02:52.000+08:00
2.优化其他代码细节
diff --git a/network/src/network.rs b/network/src/network.rs
@@ -32,12 +32,12 @@ impl Network {
             gossip,
         })
     }
-    pub async fn shutdown(&self) -> Result<()> {
-        Ok(self.router.shutdown().await?)
-    }
     pub fn account(&self) -> Arc<Account> {
         self.user_protocol.account.clone()
     }
+    pub async fn shutdown(&self) -> Result<()> {
+        Ok(self.router.shutdown().await?)
+    }
     pub async fn search_user(&self, user_id: impl AsRef<str>) -> Result<User> {
         self.user_protocol.request_user_info(user_id).await
     }
diff --git a/network/src/wasm/network.rs b/network/src/wasm/network.rs
@@ -45,12 +45,12 @@ impl Network {
     pub async fn new(account: Account) -> Result<Self, JsError> {
         Ok(Self(network::Network::new(account.into()).await.mje()?))
     }
-    pub async fn shutdown(&self) -> Result<(), JsError> {
-        Ok(self.0.shutdown().await.mje()?)
-    }
     pub fn account(&self) -> Account {
         (*self.0.account()).clone().into()
     }
+    pub async fn shutdown(&self) -> Result<(), JsError> {
+        Ok(self.0.shutdown().await.mje()?)
+    }
     pub async fn search_user(&self, user_id: String) -> Result<User, JsError> {
         Ok(self.0.search_user(user_id).await.mje()?.into())
     }
diff --git a/src/lib/database.ts b/src/lib/database.ts
@@ -8,22 +8,32 @@ export class Database {
     }
     static async new() {
         const dexie = new Dexie("database");
-        dexie.version(1).stores({ accounts: "&id,name,key,avatar" });
+        dexie.version(1).stores({
+            accounts: "&id,name,key,avatar"
+        });
         return new Database(await dexie.open());
     }
-    async add<T>(table: string, value: T) {
-        await this.dexie.table<T>(table).add(value);
+    async add(table: string, value: any) {
+        await this.dexie.table(table).add(value);
     }
-    async put<T>(table: string, value: T) {
-        await this.dexie.table<T>(table).put(value);
+    async put(table: string, value: any) {
+        await this.dexie.table(table).put(value);
     }
-    async get<T>(table: string, id: string) {
-        return await this.dexie.table<T>(table).get(id);
+    async get(table: string, id: string) {
+        return await this.dexie.table<Record<string, any>>(table).get(id);
     }
-    async get_all<T>(table: string) {
-        return await this.dexie.table<T>(table).toArray();
+    async get_all(table: string) {
+        return await this.dexie.table<Record<string, any>>(table).toArray();
     }
-    async delete() {
-        await this.dexie.delete({ disableAutoOpen: false });
+    async delete_record(table: string, id: string) {
+        await this.dexie.table(table).delete(id);
+    }
+    async clear_all_table() {
+        for (const table of this.dexie.tables) {
+            await table.clear();
+        }
+    }
+    async query(table: string, where: string, equals: string) {
+        return await this.dexie.table<Record<string, any>>(table).where(where).equals(equals).first();
     }
 }
diff --git a/src/lib/network.ts b/src/lib/network.ts
@@ -9,12 +9,12 @@ export class Network {
     static async new(account: Account) {
         return new Network(await Net.new(account));
     }
-    async shutdown() {
-        await this.net.shutdown();
-    }
     account() {
         return this.net.account();
     }
+    async shutdown() {
+        await this.net.shutdown();
+    }
     async search_user(user_id: string) {
         return await this.net.search_user(user_id);
     }
diff --git a/src/main.ts b/src/main.ts
@@ -1,6 +1,6 @@
-import { render } from "./render";
+import { render } from "./render"
 
 async function main() {
-    render();
+    render()
 }
-await main();
+await main()
diff --git a/src/render.tsx b/src/render.tsx
@@ -1,9 +1,9 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { RouterProvider, createHashHistory, createRouter } from "@tanstack/react-router";
-import { routeTree } from "./routeTree.gen";
+import { StrictMode } from "react"
+import { createRoot } from "react-dom/client"
+import { RouterProvider, createHashHistory, createRouter } from "@tanstack/react-router"
+import { routeTree } from "./routeTree.gen"
 
-const router = createRouter({ routeTree, history: createHashHistory() });
+const router = createRouter({ routeTree, history: createHashHistory() })
 declare module "@tanstack/react-router" {
     interface Register {
         router: typeof router
@@ -13,5 +13,5 @@ declare module "@tanstack/react-router" {
 export function render() {
     createRoot(document.body).render(<StrictMode>
         <RouterProvider router={router} />
-    </StrictMode>);
+    </StrictMode>)
 }
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
@@ -1,20 +1,20 @@
-import "@/style.css";
-import { Toaster } from "@/components/ui/sonner";
-import { createRootRoute, HeadContent, Outlet } from "@tanstack/react-router";
-import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
+import "@/style.css"
+import { Toaster } from "@/components/ui/sonner"
+import { createRootRoute, HeadContent, Outlet } from "@tanstack/react-router"
+import { TanStackRouterDevtools } from "@tanstack/react-router-devtools"
 
 export const Route = createRootRoute({
     component: Component,
     head: () => ({
         meta: [{ title: "星链" }]
     })
-});
+})
 
 function Component() {
     return <>
         <HeadContent />
         <Toaster />
         <Outlet />
         <TanStackRouterDevtools />
-    </>;
+    </>
 }
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
@@ -1,5 +1,5 @@
-import { createFileRoute, Navigate } from "@tanstack/react-router";
+import { createFileRoute, Navigate } from "@tanstack/react-router"
 
 export const Route = createFileRoute("/")({
     component: () => <Navigate to="/window" />,
-});
+})
diff --git a/src/routes/window.tsx b/src/routes/window.tsx
@@ -1,68 +1,64 @@
-import { createFileRoute, Navigate, Outlet } from "@tanstack/react-router";
-import { isTauri } from "@tauri-apps/api/core";
-import { getCurrentWindow } from "@tauri-apps/api/window";
-import { useEffect, useState } from "react";
+import { createFileRoute, Navigate, Outlet } from "@tanstack/react-router"
+import { isTauri } from "@tauri-apps/api/core"
+import { getCurrentWindow } from "@tauri-apps/api/window"
+import { useEffect, useState } from "react"
 
 export const Route = createFileRoute("/window")({
     component: Component,
     pendingComponent: PendingComponent,
-});
+})
 
 function Component() {
-    const [is_maximized, set_is_maximized] = useState(false);
+    const [is_maximized, set_is_maximized] = useState(false)
     useEffect(() => {
         if (isTauri()) {
             //设置窗口标题
-            getCurrentWindow().setTitle(document.title).catch(console.error);
+            getCurrentWindow().setTitle(document.title).catch(console.error)
             //监控网页标题变化
             const mutation_observer = new MutationObserver(async (mutations) => {
                 for (const mutation of mutations) {
                     if (mutation.type === "childList") {
-                        await getCurrentWindow().setTitle(document.title);
+                        await getCurrentWindow().setTitle(document.title)
                     }
                 }
-            });
-            mutation_observer.observe(document.querySelector("title")!, { childList: true });
+            })
+            mutation_observer.observe(document.querySelector("title")!, { childList: true })
             //监控窗口缩放
-            const un_on_resized = getCurrentWindow().onResized(async () => set_is_maximized(await getCurrentWindow().isMaximized()));
+            const un_on_resized = getCurrentWindow().onResized(async () => set_is_maximized(await getCurrentWindow().isMaximized()))
             return () => {
                 mutation_observer.disconnect();
-                (async () => (await un_on_resized)())();
-            };
+                (async () => (await un_on_resized)())()
+            }
         }
-    }, []);
-    return <>
-        <div className="w-screen h-screen flex flex-col">
-            <div data-tauri-drag-region className="h-8 flex justify-end">
-                {isTauri() && <>
-                    <div className="w-8 flex items-center justify-center hover:bg-neutral-200 active:bg-neutral-300 cursor-pointer"
-                        onClick={async () => await getCurrentWindow().minimize()}
-                    >
-                        <div className="icon-[mdi--window-minimize]" />
-                    </div>
-                    <div className="w-8 flex items-center justify-center hover:bg-neutral-200 active:bg-neutral-300 cursor-pointer"
-                        onClick={async () => await getCurrentWindow().toggleMaximize()}
-                    >
-                        {!is_maximized ? <div className="icon-[mdi--window-maximize]" /> : <div className="icon-[mdi--window-restore]" />}
-                    </div>
-                    <div className="w-8 flex items-center justify-center hover:bg-red-600 active:bg-red-500 cursor-pointer"
-                        onClick={async () => await getCurrentWindow().close()}
-                    >
-                        <div className="icon-[mdi--window-close]" />
-                    </div>
-                </>}
-            </div>
-            <Outlet />
-            <Navigate to="/window/login" />
+    }, [])
+    return <div className="w-screen h-screen flex flex-col">
+        <div data-tauri-drag-region className="h-8 flex justify-end">
+            {isTauri() && <>
+                <div className="w-8 flex items-center justify-center hover:bg-neutral-200 active:bg-neutral-300 cursor-pointer"
+                    onClick={async () => await getCurrentWindow().minimize()}
+                >
+                    <div className="icon-[mdi--window-minimize]" />
+                </div>
+                <div className="w-8 flex items-center justify-center hover:bg-neutral-200 active:bg-neutral-300 cursor-pointer"
+                    onClick={async () => await getCurrentWindow().toggleMaximize()}
+                >
+                    {!is_maximized ? <div className="icon-[mdi--window-maximize]" /> : <div className="icon-[mdi--window-restore]" />}
+                </div>
+                <div className="w-8 flex items-center justify-center hover:bg-red-600 active:bg-red-500 cursor-pointer"
+                    onClick={async () => await getCurrentWindow().close()}
+                >
+                    <div className="icon-[mdi--window-close]" />
+                </div>
+            </>}
         </div>
-    </>;
+        <Outlet />
+        <Navigate to="/window/login" />
+    </div>
 }
 
 function PendingComponent() {
-    return <>
-        <div className="w-screen h-screen flex items-center justify-center gap-1">
-            <div className="select-none font-bold">正在加载窗口</div>
-            <div className="icon-[line-md--loading-loop] w-6 h-6" />
-        </div>
-    </>;
+    return <div className="w-screen h-screen flex items-center justify-center gap-1">
+        <div className="select-none font-bold">正在加载窗口</div>
+        <div className="icon-[line-md--loading-loop] w-6 h-6" />
+    </div>
 }
diff --git a/src/routes/window/chat.tsx b/src/routes/window/chat.tsx
diff --git a/src/routes/window/login.tsx b/src/routes/window/login.tsx
diff --git a/vite.config.ts b/vite.config.ts

Original file line number	Diff line number	Diff line change
`@@ -32,12 +32,12 @@ impl Network {`
`32`	`32`	`gossip,`
`33`	`33`	`})`
`34`	`34`	`}`
`35`		`- pub async fn shutdown(&self) -> Result<()> {`
`36`		`- Ok(self.router.shutdown().await?)`
`37`		`- }`
`38`	`35`	`pub fn account(&self) -> Arc<Account> {`
`39`	`36`	`self.user_protocol.account.clone()`
`40`	`37`	`}`
	`38`	`+ pub async fn shutdown(&self) -> Result<()> {`
	`39`	`+ Ok(self.router.shutdown().await?)`
	`40`	`+ }`
`41`	`41`	`pub async fn search_user(&self, user_id: impl AsRef<str>) -> Result<User> {`
`42`	`42`	`self.user_protocol.request_user_info(user_id).await`
`43`	`43`	`}`
Original file line number	Diff line number	Diff line change
`@@ -45,12 +45,12 @@ impl Network {`
`45`	`45`	`pub async fn new(account: Account) -> Result<Self, JsError> {`
`46`	`46`	`Ok(Self(network::Network::new(account.into()).await.mje()?))`
`47`	`47`	`}`
`48`		`- pub async fn shutdown(&self) -> Result<(), JsError> {`
`49`		`- Ok(self.0.shutdown().await.mje()?)`
`50`		`- }`
`51`	`48`	`pub fn account(&self) -> Account {`
`52`	`49`	`(*self.0.account()).clone().into()`
`53`	`50`	`}`
	`51`	`+ pub async fn shutdown(&self) -> Result<(), JsError> {`
	`52`	`+ Ok(self.0.shutdown().await.mje()?)`
	`53`	`+ }`
`54`	`54`	`pub async fn search_user(&self, user_id: String) -> Result<User, JsError> {`
`55`	`55`	`Ok(self.0.search_user(user_id).await.mje()?.into())`
`56`	`56`	`}`
Original file line number	Diff line number	Diff line change
`@@ -8,22 +8,32 @@ export class Database {`
`8`	`8`	`}`
`9`	`9`	`static async new() {`
`10`	`10`	`const dexie = new Dexie("database");`
`11`		`- dexie.version(1).stores({ accounts: "&id,name,key,avatar" });`
	`11`	`+ dexie.version(1).stores({`
	`12`	`+ accounts: "&id,name,key,avatar"`
	`13`	`+ });`
`12`	`14`	`return new Database(await dexie.open());`
`13`	`15`	`}`
`14`		`- async add<T>(table: string, value: T) {`
`15`		`- await this.dexie.table<T>(table).add(value);`
	`16`	`+ async add(table: string, value: any) {`
	`17`	`+ await this.dexie.table(table).add(value);`
`16`	`18`	`}`
`17`		`- async put<T>(table: string, value: T) {`
`18`		`- await this.dexie.table<T>(table).put(value);`
	`19`	`+ async put(table: string, value: any) {`
	`20`	`+ await this.dexie.table(table).put(value);`
`19`	`21`	`}`
`20`		`- async get<T>(table: string, id: string) {`
`21`		`- return await this.dexie.table<T>(table).get(id);`
	`22`	`+ async get(table: string, id: string) {`
	`23`	`+ return await this.dexie.table<Record<string, any>>(table).get(id);`
`22`	`24`	`}`
`23`		`- async get_all<T>(table: string) {`
`24`		`- return await this.dexie.table<T>(table).toArray();`
	`25`	`+ async get_all(table: string) {`
	`26`	`+ return await this.dexie.table<Record<string, any>>(table).toArray();`
`25`	`27`	`}`
`26`		`- async delete() {`
`27`		`- await this.dexie.delete({ disableAutoOpen: false });`
	`28`	`+ async delete_record(table: string, id: string) {`
	`29`	`+ await this.dexie.table(table).delete(id);`
	`30`	`+ }`
	`31`	`+ async clear_all_table() {`
	`32`	`+ for (const table of this.dexie.tables) {`
	`33`	`+ await table.clear();`
	`34`	`+ }`
	`35`	`+ }`
	`36`	`+ async query(table: string, where: string, equals: string) {`
	`37`	`+ return await this.dexie.table<Record<string, any>>(table).where(where).equals(equals).first();`
`28`	`38`	`}`
`29`	`39`	`}`
Original file line number	Diff line number	Diff line change
`@@ -9,12 +9,12 @@ export class Network {`
`9`	`9`	`static async new(account: Account) {`
`10`	`10`	`return new Network(await Net.new(account));`
`11`	`11`	`}`
`12`		`- async shutdown() {`
`13`		`- await this.net.shutdown();`
`14`		`- }`
`15`	`12`	`account() {`
`16`	`13`	`return this.net.account();`
`17`	`14`	`}`
	`15`	`+ async shutdown() {`
	`16`	`+ await this.net.shutdown();`
	`17`	`+ }`
`18`	`18`	`async search_user(user_id: string) {`
`19`	`19`	`return await this.net.search_user(user_id);`
`20`	`20`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`		`-import { render } from "./render";`
	`1`	`+import { render } from "./render"`
`2`	`2`
`3`	`3`	`async function main() {`
`4`		`- render();`
	`4`	`+ render()`
`5`	`5`	`}`
`6`		`-await main();`
	`6`	`+await main()`