feat(engine): 添加字幕窗口宽度记忆功能并优化字幕引擎关闭逻辑

- 添加 captionWindowWidth 属性，用于保存字幕窗口宽度
- 修改 CaptionEngine 中的 stop 和 kill 方法，优化字幕引擎关闭逻辑
- 更新 README，添加预备模型列表

src/main/CaptionWindow.ts

@@ -3,6 +3,7 @@ import path from 'path'
 import { is } from '@electron-toolkit/utils'
 import icon from '../../build/icon.png?asset'
 import { controlWindow } from './ControlWindow'
+import { allConfig } from './utils/AllConfig'
 
 class CaptionWindow {
   window: BrowserWindow | undefined;
@@ -10,7 +11,7 @@ class CaptionWindow {
   public createWindow(): void {
     this.window = new BrowserWindow({
       icon: icon,
-      width: 900,
+      width: allConfig.captionWindowWidth,
       height: 100,
       minWidth: 480,
       show: false,
@@ -30,6 +31,12 @@ class CaptionWindow {
       this.window?.show()
     })
 
+    this.window.on('close', () => {
+      if(this.window) {
+        allConfig.captionWindowWidth = this.window?.getBounds().width;
+      }
+    })
+
     this.window.on('closed', () => {
       this.window = undefined
     })

src/main/index.ts

@@ -25,7 +25,7 @@ app.whenReady().then(() => {
 })
 
 app.on('will-quit', async () => {
-  captionEngine.stop()
+  captionEngine.kill()
   allConfig.writeConfig()
 });
 

src/main/utils/AllConfig.ts

@@ -44,11 +44,14 @@ const defaultControls: Controls = {
 
 
 class AllConfig {
+  captionWindowWidth: number = 900;
+
   uiLanguage: UILanguage = 'zh';
   leftBarWidth: number = 8;
   uiTheme: UITheme = 'system';
   styles: Styles = {...defaultStyles};
   controls: Controls = {...defaultControls};
+  
   lastLogIndex: number = -1;
   captionLog: CaptionItem[] = [];
 
@@ -58,6 +61,7 @@ class AllConfig {
     const configPath = path.join(app.getPath('userData'), 'config.json')
     if(fs.existsSync(configPath)){
       const config = JSON.parse(fs.readFileSync(configPath, 'utf-8'))
+      if(config.captionWindowWidth) this.captionWindowWidth = config.captionWindowWidth
       if(config.uiLanguage) this.uiLanguage = config.uiLanguage
       if(config.uiTheme) this.uiTheme = config.uiTheme
       if(config.leftBarWidth) this.leftBarWidth = config.leftBarWidth
@@ -69,6 +73,7 @@ class AllConfig {
 
   public writeConfig() {
     const config = {
+      captionWindowWidth: this.captionWindowWidth,
       uiLanguage: this.uiLanguage,
       uiTheme: this.uiTheme,
       leftBarWidth: this.leftBarWidth,

src/main/utils/CaptionEngine.ts

@@ -15,6 +15,7 @@ export class CaptionEngine {
   client: net.Socket | undefined
   port: number = 8080
   status: 'running' | 'starting' | 'stopping' | 'stopped' = 'stopped'
+  timerID: NodeJS.Timeout | undefined
 
   private getApp(): boolean {
     if (allConfig.controls.customized) {
@@ -160,6 +161,7 @@ export class CaptionEngine {
         controlWindow.window.webContents.send('control.engine.stopped')
       }
       this.status = 'stopped'
+      clearInterval(this.timerID)
       Log.info(`Engine exited with code ${code}`)
     });
   }
@@ -176,9 +178,15 @@ export class CaptionEngine {
     }
     this.status = 'stopping'
     Log.info('Caption engine process stopping...')
+    this.timerID = setTimeout(() => {
+      if(this.status !== 'stopping') return
+      Log.warn('Engine process still not stopped, trying to kill...')
+      this.kill()
+    }, 4000);
   }
 
   public kill(){
+    if(!this.process || !this.process.pid) return
     if(this.status !== 'running'){
       Log.warn('Trying to kill engine which is not running, current status:', this.status)
     }