fix: web component login state (#857)

* fix: web component login state

* docs: update notes

* build: build error

Author: RainyNight9

docs/content.en/docs/release-notes/_index.md

@@ -22,6 +22,7 @@ Information about release notes of Coco App is provided here.
 ### 🐛 Bug fix
 
 - fix: fix issue with update check failure #833
+- fix: web component login state #857
 
 ### ✈️ Improvements
 

src/components/Assistant/Chat.tsx

@@ -390,7 +390,7 @@ const ChatAI = memo(
               assistantIDs={assistantIDs}
             />
 
-            {isCurrentLogin ? (
+            {isCurrentLogin || !isTauri ? (
               <>
                 <ChatContent
                   activeChat={activeChat}

src/components/SearchChat/index.tsx

@@ -21,7 +21,6 @@ import { isLinux, isWin } from "@/utils/platform";
 import { appReducer, initialAppState } from "@/reducers/appReducer";
 import { useWindowEvents } from "@/hooks/useWindowEvents";
 import { useAppStore } from "@/stores/appStore";
-import { useAuthStore } from "@/stores/authStore";
 import platformAdapter from "@/utils/platformAdapter";
 import { useStartupStore } from "@/stores/startupStore";
 import { useThemeStore } from "@/stores/themeStore";
@@ -108,10 +107,6 @@ function SearchChat({
 
   useWindowEvents();
 
-  const initializeListeners_auth = useAuthStore((state) => {
-    return state.initializeListeners;
-  });
-
   const setTheme = useThemeStore((state) => state.setTheme);
   const setIsDark = useThemeStore((state) => state.setIsDark);
 
@@ -128,7 +123,6 @@ function SearchChat({
 
   useEffect(() => {
     const init = async () => {
-      await initializeListeners_auth();
       if (isTauri) {
         await platformAdapter.commands("get_app_search_source");
       }

src/components/Settings/GeneralSettings.tsx

@@ -167,8 +167,6 @@ export default function GeneralSettings() {
   };
 
   // const clearAllCache = useCallback(() => {
-  //   setAuth(undefined, endpoint);
-  //   setUserInfo({}, endpoint);
 
   //   useConnectStore.persist.clearStorage();
 

src/locales/en/translation.json

@@ -407,8 +407,8 @@
       "error": "Request error. Please try again later.",
       "logo_alt": "Login Logo",
       "welcome": "Welcome to Coco AI",
-      "connect_tip": "To start a conversation, please connect to the service and log in to your account.",
-      "connect": "Connect"
+      "connect_tip": "To start a conversation, please log in to your account.",
+      "connect": "Login"
     },
     "input": {
       "stopMessage": "Stop message",

src/locales/zh/translation.json

@@ -407,8 +407,8 @@
       "error": "请求错误，请稍后再试。",
       "logo_alt": "登录图标",
       "welcome": "欢迎使用 Coco AI",
-      "connect_tip": "要开始对话，请连接服务并登录您的账户。",
-      "connect": "连接"
+      "connect_tip": "要开始对话，请登录您的账户。",
+      "connect": "登录"
     },
     "input": {
       "stopMessage": "停止生成",

src/stores/authStore.ts

@@ -1,11 +1,5 @@
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
-import { produce } from "immer";
-
-import platformAdapter from "@/utils/platformAdapter";
-
-const AUTH_CHANGE_EVENT = "auth-changed";
-const USERINFO_CHANGE_EVENT = "userInfo-changed";
 
 export type Plan = {
   upgraded: boolean;
@@ -19,93 +13,23 @@ export type AuthProp = {
   plan?: Plan | null;
 };
 
-type AuthMapProp = {
-  [key: string]: AuthProp;
-};
-
-type userInfoMapProp = {
-  [key: string]: any;
-};
-
 export type IAuthStore = {
-  [x: string]: any;
-  auth: AuthMapProp | undefined;
-  userInfo: userInfoMapProp;
-  setAuth: (auth: AuthProp | undefined, key: string) => void;
-  resetAuth: (key: string) => void;
   isCurrentLogin: boolean;
   setIsCurrentLogin: (isCurrentLogin: boolean) => void;
-  initializeListeners: () => Promise<() => void>;
 };
 
 export const useAuthStore = create<IAuthStore>()(
   persist(
     (set) => ({
-      auth: undefined,
-      userInfo: {},
-      setAuth: async (auth, key) => {
-        set(
-          produce((draft) => {
-            draft.auth[key] = auth;
-          })
-        );
-
-        await platformAdapter.emitEvent(AUTH_CHANGE_EVENT, {
-          auth: {
-            [key]: auth,
-          },
-        });
-      },
-      resetAuth: async (key: string) => {
-        set(
-          produce((draft) => {
-            draft.auth[key] = undefined;
-          })
-        );
-
-        await platformAdapter.emitEvent(AUTH_CHANGE_EVENT, {
-          auth: {
-            [key]: undefined,
-          },
-        });
-      },
-      setUserInfo: async (userInfo: any, key: string) => {
-        set(
-          produce((draft) => {
-            draft.userInfo[key] = userInfo;
-          })
-        );
-
-        await platformAdapter.emitEvent(USERINFO_CHANGE_EVENT, {
-          userInfo: {
-            [key]: userInfo,
-          },
-        });
-      },
       isCurrentLogin: true,
       setIsCurrentLogin: (isCurrentLogin: boolean) => {
         set({ isCurrentLogin });
       },
-      initializeListeners: async () => {
-        await platformAdapter.listenEvent(AUTH_CHANGE_EVENT, (event: any) => {
-          const { auth } = event.payload;
-          set({ auth });
-        });
-
-        return platformAdapter.listenEvent(
-          USERINFO_CHANGE_EVENT,
-          (event: any) => {
-            const { userInfo } = event.payload;
-            set({ userInfo });
-          }
-        );
-      },
     }),
     {
       name: "auth-store",
       partialize: (state) => ({
-        auth: state.auth,
-        userInfo: state.userInfo,
+        isCurrentLogin: state.isCurrentLogin,
       }),
     }
   )

src/types/platform.ts

@@ -17,12 +17,6 @@ export interface EventPayloads {
   "showTooltip-changed": {
     showTooltip: boolean;
   };
-  "auth-changed": {
-    auth: Record<string, unknown>;
-  };
-  "userInfo-changed": {
-    userInfo: Record<string, unknown>;
-  };
   open_settings: string | "";
   tab_index: string | "";
   login_or_logout: unknown;