feat: 完全实现多语言支持、优化软件体验

- 完成多语言的剩余内容的翻译
- 重构配置管理，前端页面实现更快速的配置载入
- 为字幕引擎添加更严格的状态限制，防止出现僵尸进程

src/main/utils/AllConfig.ts

@@ -1,6 +1,6 @@
 import {
   UILanguage, Styles, CaptionItem, Controls,
-  ControlWindowConfig
+  FullConfig
 } from '../types'
 import { app, BrowserWindow } from 'electron'
 import * as path from 'path'
@@ -12,6 +12,7 @@ const defaultStyles: Styles = {
   fontColor: '#000000',
   background: '#dbe2ef',
   opacity: 80,
+  showPreview: true,
   transDisplay: true,
   transFontFamily: 'sans-serif',
   transFontSize: 24,
@@ -55,6 +56,7 @@ class AllConfig {
   public writeConfig() {
     const config = {
       uiLanguage: this.uiLanguage,
+      leftBarWidth: this.leftBarWidth,
       controls: this.controls,
       styles: this.styles
     }
@@ -63,12 +65,13 @@ class AllConfig {
     console.log('[INFO] Write Config to:', configPath)
   }
 
-  public getControlWindowConfig(): ControlWindowConfig {
+  public getFullConfig(): FullConfig {
     return {
       uiLanguage: this.uiLanguage,
       leftBarWidth: this.leftBarWidth,
       styles: this.styles,
-      controls: this.controls
+      controls: this.controls,
+      captionLog: this.captionLog
     }
   }
 
@@ -86,12 +89,12 @@ class AllConfig {
   }
 
   public sendStyles(window: BrowserWindow) {
-    window.webContents.send('caption.styles.set', this.styles)
+    window.webContents.send('both.styles.set', this.styles)
     console.log(`[INFO] Send Styles to #${window.id}:`, this.styles)
   }
 
   public setControls(args: Controls) {
-    const engineEnabled = args.engineEnabled
+    const engineEnabled = this.controls.engineEnabled
     for(let key in this.controls){
       if(key in args) {
         this.controls[key] = args[key]
@@ -108,7 +111,11 @@ class AllConfig {
 
   public updateCaptionLog(log: CaptionItem) {
     let command: 'add' | 'upd' = 'add'
-    if(this.captionLog.length && this.captionLog[this.captionLog.length - 1].index === log.index) {
+    if(
+      this.captionLog.length &&
+      this.captionLog[this.captionLog.length - 1].index === log.index &&
+      this.captionLog[this.captionLog.length - 1].time_s === log.time_s
+    ) {
       this.captionLog.splice(this.captionLog.length - 1, 1, log)
       command = 'upd'
     }

src/main/utils/CaptionEngine.ts

@@ -10,6 +10,7 @@ export class CaptionEngine {
   appPath: string = ''
   command: string[] = []
   process: any | undefined
+  processStatus: 'running' | 'stopping' | 'stopped' = 'stopped'
 
   private getApp(): boolean {
     if (allConfig.controls.customized && allConfig.controls.customizedApp) {
@@ -60,7 +61,9 @@ export class CaptionEngine {
   }
 
   public start() {
-    if (this.process) { this.stop() }
+    if (this.processStatus!== 'stopped') {
+      return
+    }
     if(!this.getApp()){ return }
 
     try {
@@ -72,13 +75,16 @@ export class CaptionEngine {
       return
     }
 
-    console.log('[INFO] Caption Engine Started')
+    this.processStatus = 'running'
+    console.log('[INFO] Caption Engine Started, PID:', this.process.pid)
 
     allConfig.controls.engineEnabled = true
-
     if(controlWindow.window){
       allConfig.sendControls(controlWindow.window)
-      controlWindow.window.webContents.send('control.engine.started')
+      controlWindow.window.webContents.send(
+        'control.engine.started',
+        this.process.pid
+      )
     }
 
     this.process.stdout.on('data', (data: any) => {
@@ -107,12 +113,17 @@ export class CaptionEngine {
       allConfig.controls.engineEnabled = false
       if(controlWindow.window){
         allConfig.sendControls(controlWindow.window)
+        controlWindow.window.webContents.send('control.engine.stopped')
       }
+      this.processStatus = 'stopped'
+      console.log('[INFO] Caption engine process stopped')
     });
   }
 
   public stop() {
+    if(this.processStatus !== 'running') return
     if (this.process) {
+      console.log('[INFO] Trying to stop process, PID:', this.process.pid)
       if (process.platform === "win32" && this.process.pid) {
         exec(`taskkill /pid ${this.process.pid} /t /f`, (error) => {
           if (error) {
@@ -124,12 +135,8 @@ export class CaptionEngine {
         this.process.kill('SIGKILL');
       }
     }
-    this.process = undefined;
-    allConfig.controls.engineEnabled = false;
-    console.log('[INFO] Caption engine process stopped')
-    if(controlWindow.window) {
-      allConfig.sendControls(controlWindow.window)
-    }
+    this.processStatus = 'stopping'
+    console.log('[INFO] Caption engine process stopping')
   }
 }