feat: add version display

WhiteMinds · Jan 8, 2024 · f7d6cfc · f7d6cfc
1 parent 98777ba
commit f7d6cfc
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 2 deletions.
diff --git a/packages/electron/src/preload.ts b/packages/electron/src/preload.ts
@@ -4,7 +4,12 @@
  */
 import { ClientAPI } from '@autorecord/shared'
 import { contextBridge } from 'electron'
+import packageJSON from '../package.json'
 
-const clientAPI: ClientAPI = {}
+const clientAPI: ClientAPI = {
+  getVersion() {
+    return packageJSON.version
+  },
+}
 
 contextBridge.exposeInMainWorld('clientAPI', clientAPI)
diff --git a/packages/shared/src/index.ts b/packages/shared/src/index.ts
@@ -11,4 +11,6 @@ export interface Settings {
 }
 
 /** electron render 给 web 暴露的 API */
-export interface ClientAPI {}
+export interface ClientAPI {
+  getVersion(): string
+}
diff --git a/packages/web/src/App.vue b/packages/web/src/App.vue
@@ -3,3 +3,15 @@
     <router-view />
   </div>
 </template>
+
+<script setup lang="ts">
+import { onMounted } from 'vue'
+import { ClientService } from './services/ClientService'
+
+onMounted(() => {
+  const clientAPI = ClientService.getClientAPI()
+  if (clientAPI) {
+    document.title = `LAR 直播自动录制 v${clientAPI.getVersion()}`
+  }
+})
+</script>
diff --git a/packages/web/src/views/RecordersManage/Settings.vue b/packages/web/src/views/RecordersManage/Settings.vue
@@ -112,6 +112,10 @@
     <v-card-item>
       <v-table>
         <tbody>
+          <tr>
+            <td>版本</td>
+            <td>v{{ version }}</td>
+          </tr>
           <tr>
             <td>开源地址</td>
             <td>
@@ -160,6 +164,7 @@ import { useEffectInLifecycle } from '../../hooks'
 import { InteractionService } from '../../services/InteractionService'
 
 const isClient = ClientService.isClientMode()
+const version = ClientService.getClientAPI()?.getVersion()
 const router = useRouter()
 const manager = ref<API.getManager.Resp>()
 const settings = ref<API.getSettings.Resp>()