apiKey migration

package.json

@@ -1,7 +1,7 @@
 {
   "name": "koala-client",
   "private": true,
-  "version": "2.0.8",
+  "version": "2.1.0",
   "type": "module",
   "homepage": "./",
   "main": "electron/index.cjs",

src/App.tsx

@@ -22,6 +22,10 @@ function App() {
   const setHideSideMenu = useStore((state) => state.setHideSideMenu);
   const hideSideMenu = useStore((state) => state.hideSideMenu);
   const bottomMessageRef = useStore((state) => state.bottomMessageRef);
+  const setApiAuth = useStore((state) => state.setApiAuth);
+  const apiAuth = useStore((state) => state.apiAuth);
+  const apiKey = useStore((state) => state.apiKey);
+  const setApiKey = useStore((state) => state.setApiKey);
 
   const initialiseNewChat = useInitialiseNewChat();
   const addChat = useAddChat();
@@ -30,6 +34,13 @@ function App() {
   const copyCodeBlock = useCopyCodeBlock();
   const { handleSubmit } = useSubmit();
 
+  if (apiKey && !apiAuth[0].apiKey) {
+    const old = apiAuth;
+    old[0].apiKey = apiKey;
+    setApiAuth(old);
+    setApiKey('');
+  }
+
   const handleGenerate = () => {
     if (useStore.getState().generating) return;
     const updatedChats: ChatInterface[] = JSON.parse(

src/hooks/useSubmit.ts

@@ -104,9 +104,7 @@ const useSubmit = () => {
       if (!apiKey || apiKey.length === 0) {
         // official endpoint
         if (apiEndpoint === officialAPIEndpoint) {
-          const error = new Error(t('noApiKeyWarning') as string);
-          setError(error.message);
-          throw error;
+          throw new Error(t('noApiKeyWarning') as string);
         }
 
         // other endpoints
@@ -232,7 +230,6 @@ const useSubmit = () => {
       }
     } catch (e: unknown) {
       setError((e as Error).message);
-      throw e;
     }
     setGenerating(false);
   };

src/store/auth-slice.ts

@@ -4,6 +4,7 @@ import { ModelDefinition } from '@type/chat';
 import { StoreSlice } from './store';
 
 export interface AuthSlice {
+  apiKey?: string;
   firstVisit: boolean;
   apiAuth: EndpointAuth[];
   modelDefs: ModelDefinition[];
@@ -44,12 +45,6 @@ export const createAuthSlice: StoreSlice<AuthSlice> = (set) => ({
       apiKey: apiKey,
     }));
   },
-  setApiEndpoint: (apiEndpoint: string) => {
-    set((prev: AuthSlice) => ({
-      ...prev,
-      apiEndpoint: apiEndpoint,
-    }));
-  },
   setFirstVisit: (firstVisit: boolean) => {
     set((prev: AuthSlice) => ({
       ...prev,