fix(settings): create window twice not work (#51)

Author: ycjcl868

src/main/main.ts

@@ -100,7 +100,9 @@ const initializeApp = async () => {
 
   logger.info('createMainWindow');
   const mainWindow = createMainWindow();
-  const settingsWindow = createSettingsWindow();
+  const settingsWindow = createSettingsWindow({
+    showInBackground: true,
+  });
 
   // Remove this if your app does not use auto updates
   // eslint-disable-next-line

src/main/store/types.ts

@@ -52,7 +52,8 @@ export type AppState = {
 
 export enum VlmProvider {
   // Ollama = 'ollama',
-  Huggingface = 'huggingface',
+  Huggingface = 'Hugging Face',
+  vLLM = 'vLLM',
 }
 
 export type LocalStore = {

src/main/window/index.ts

@@ -78,11 +78,13 @@ export function createMainWindow() {
 export function createSettingsWindow(
   config: {
     childPath?: string;
+    showInBackground?: boolean;
   } = {
     childPath: '',
+    showInBackground: false,
   },
 ) {
-  const { childPath = '' } = config;
+  const { childPath = '', showInBackground = false } = config;
   if (settingsWindow) {
     settingsWindow.show();
     return settingsWindow;
@@ -108,8 +110,8 @@ export function createSettingsWindow(
     height,
     resizable: false,
     movable: true,
-    alwaysOnTop: false,
-    showInBackground: true,
+    alwaysOnTop: true,
+    showInBackground,
   });
 
   settingsWindow.on('closed', () => {

src/renderer/src/pages/settings/index.tsx

@@ -54,9 +54,15 @@ const Settings = () => {
       title: 'Settings saved successfully',
       position: 'top',
       status: 'success',
-      duration: 2000,
+      duration: 1500,
       isClosable: true,
       variant: 'ui-tars-success',
+      onCloseComplete: () => {
+        dispatch({
+          type: 'CLOSE_SETTINGS_WINDOW',
+          payload: null,
+        });
+      },
     });
   };
 
@@ -90,7 +96,7 @@ const Settings = () => {
             <VStack spacing={8} align="stretch">
               {settings ? (
                 <Formik initialValues={settings} onSubmit={handleSubmit}>
-                  {({ values = {} }) => (
+                  {({ values = {}, setFieldValue }) => (
                     <Form>
                       <VStack spacing={4} align="stretch">
                         <FormControl>
@@ -129,6 +135,33 @@ const Settings = () => {
                               borderColor: 'gray.400',
                               boxShadow: 'none',
                             }}
+                            onChange={(e) => {
+                              const newValue = e.target.value;
+                              setFieldValue('vlmProvider', newValue);
+
+                              if (!settings.vlmBaseUrl) {
+                                setFieldValue('vlmProvider', newValue);
+                                if (newValue === VlmProvider.vLLM) {
+                                  setFieldValue(
+                                    'vlmBaseUrl',
+                                    'http://localhost:8000/v1',
+                                  );
+                                  setFieldValue('vlmModelName', 'ui-tars');
+                                } else if (
+                                  newValue === VlmProvider.Huggingface
+                                ) {
+                                  setFieldValue(
+                                    'vlmBaseUrl',
+                                    'https://<your_service>.us-east-1.aws.endpoints.huggingface.cloud/v1',
+                                  );
+                                  setFieldValue('vlmApiKey', 'your_api_key');
+                                  setFieldValue(
+                                    'vlmModelName',
+                                    'your_model_name',
+                                  );
+                                }
+                              }
+                            }}
                           >
                             {Object.values(VlmProvider).map((item) => (
                               <option key={item} value={item}>