feat: build account dashboard and settings workspace

2026-03-26 23:03:45 +08:00
parent be4bc8a3af
commit 8ee9a696b4
18 changed files with 2468 additions and 54 deletions
--- a/src/store/account.ts
+++ b/src/store/account.ts
@@ -0,0 +1,140 @@
+import { createStore } from "zustand/vanilla";
+import { persist, createJSONStorage } from "zustand/middleware";
+import type { CourseKind, RecordItem, RecordType } from "~/service/wk";
+import type { CourseType } from "~/types/Course";
+import type { userInfoType } from "~/types/Userinfo";
+
+export type AccountAuth = {
+  password: string;
+  token: string;
+};
+
+export type AccountItem = {
+  id: string;
+  username: string;
+  host: string;
+  status: CourseKind;
+  sessionId: string;
+  auth: AccountAuth;
+  user: userInfoType;
+  courses: CourseType[];
+};
+
+type AccountState = {
+  accounts: AccountItem[];
+  selectedAccountId: string;
+  expandedAccountId: string;
+  selectedCourseId: number | null;
+  recordType: RecordType;
+  records: RecordItem[];
+  studyLogsMap: Record<string, string[]>;
+  runningStudyMap: Record<string, boolean>;
+  setSelectedAccountId: (accountId: string) => void;
+  setExpandedAccountId: (accountId: string) => void;
+  setSelectedCourseId: (courseId: number | null) => void;
+  setRecordType: (recordType: RecordType) => void;
+  setRecords: (records: RecordItem[]) => void;
+  setAccountRunningStudy: (accountId: string, value: boolean) => void;
+  appendStudyLog: (accountId: string, message: string) => void;
+  clearStudyLogs: (accountId: string) => void;
+  upsertAccount: (account: AccountItem) => void;
+  removeAccount: (accountId: string) => void;
+};
+
+export const accountStore = createStore<AccountState>()(
+  persist(
+    (set) => ({
+      accounts: [],
+      selectedAccountId: "",
+      expandedAccountId: "",
+      selectedCourseId: null,
+      recordType: "",
+      records: [],
+      studyLogsMap: {},
+      runningStudyMap: {},
+      setSelectedAccountId: (accountId) =>
+        set({ selectedAccountId: accountId }),
+      setExpandedAccountId: (accountId) =>
+        set({ expandedAccountId: accountId }),
+      setSelectedCourseId: (courseId) => set({ selectedCourseId: courseId }),
+      setRecordType: (recordType) => set({ recordType }),
+      setRecords: (records) => set({ records }),
+      setAccountRunningStudy: (accountId, value) =>
+        set((state) => ({
+          runningStudyMap: {
+            ...state.runningStudyMap,
+            [accountId]: value,
+          },
+        })),
+      appendStudyLog: (accountId, message) =>
+        set((state) => ({
+          studyLogsMap: {
+            ...state.studyLogsMap,
+            [accountId]: [...(state.studyLogsMap[accountId] ?? []), message],
+          },
+        })),
+      clearStudyLogs: (accountId) =>
+        set((state) => ({
+          studyLogsMap: {
+            ...state.studyLogsMap,
+            [accountId]: [],
+          },
+        })),
+      upsertAccount: (account) =>
+        set((state) => ({
+          accounts: [
+            account,
+            ...state.accounts.filter((item) => item.id !== account.id),
+          ],
+          selectedAccountId: account.id,
+          expandedAccountId: account.id,
+        })),
+      removeAccount: (accountId) =>
+        set((state) => {
+          const nextAccounts = state.accounts.filter(
+            (item) => item.id !== accountId,
+          );
+          return {
+            accounts: nextAccounts,
+            selectedAccountId:
+              state.selectedAccountId === accountId
+                ? ""
+                : state.selectedAccountId,
+            expandedAccountId:
+              state.expandedAccountId === accountId
+                ? ""
+                : state.expandedAccountId,
+            selectedCourseId:
+              state.selectedAccountId === accountId
+                ? null
+                : state.selectedCourseId,
+            records: state.selectedAccountId === accountId ? [] : state.records,
+            studyLogsMap: Object.fromEntries(
+              Object.entries(state.studyLogsMap).filter(
+                ([key]) => key !== accountId,
+              ),
+            ),
+            runningStudyMap: Object.fromEntries(
+              Object.entries(state.runningStudyMap).filter(
+                ([key]) => key !== accountId,
+              ),
+            ),
+          };
+        }),
+    }),
+    {
+      name: "account-storage",
+      storage: createJSONStorage(() => localStorage),
+      partialize: (state) => ({
+        accounts: state.accounts,
+        selectedAccountId: state.selectedAccountId,
+        expandedAccountId: state.expandedAccountId,
+        selectedCourseId: state.selectedCourseId,
+        recordType: state.recordType,
+        records: state.records,
+        studyLogsMap: state.studyLogsMap,
+        runningStudyMap: state.runningStudyMap,
+      }),
+    },
+  ),
+);