feat (core): 添加新版本提示

Author: qianmoQ

src-tauri/src/setup/menus/app.rs

@@ -6,12 +6,31 @@ use tauri::{
     menu::{MenuItemBuilder, Submenu, SubmenuBuilder},
 };
 
+use crate::update::check_for_updates;
+
+fn check_update_sync() -> bool {
+    match tokio::runtime::Runtime::new() {
+        Ok(rt) => match rt.block_on(check_for_updates()) {
+            Ok(Some(_)) => true,
+            Ok(None) => false,
+            Err(_e) => false,
+        },
+        Err(_e) => false,
+    }
+}
+
 pub fn create_app_submenu(app: &AppHandle) -> tauri::Result<Submenu<tauri::Wry>> {
     let about_item = MenuItemBuilder::new("关于 CodeForge")
         .id("about")
         .build(app)?;
 
-    let update_item = MenuItemBuilder::new("检查更新").id("update").build(app)?;
+    let update_text = if check_update_sync() {
+        "检查更新 (有新版本)"
+    } else {
+        "检查更新"
+    };
+
+    let update_item = MenuItemBuilder::new(update_text).id("update").build(app)?;
 
     let settings_item = MenuItemBuilder::new("设置")
         .id("settings")

src/components/AppHeader.vue

@@ -31,6 +31,10 @@
     </div>
 
     <div class="flex items-center space-x-3">
+      <Button type="warning" :icon="CheckCircle" v-if="hasUpdate">
+        有新版本
+      </Button>
+
       <!-- 清空输出按钮 -->
       <Button @click="handleClearOutput"
               :disabled="isRunning"
@@ -43,12 +47,13 @@
 </template>
 
 <script setup lang="ts">
-import {computed} from 'vue'
-import {FileCode, Play, Square, Trash2} from 'lucide-vue-next'
+import {computed, onMounted, ref} from 'vue'
+import {CheckCircle, FileCode, Play, Square, Trash2} from 'lucide-vue-next'
 import Select from '../ui/Select.vue'
 import Button from '../ui/Button.vue'
 import {Language} from '../types/app.ts'
 import {invoke} from "@tauri-apps/api/core";
+import {useUpdateManager} from "../composables/useUpdateManager.ts";
 
 const props = defineProps<{
   isRunning: boolean
@@ -66,6 +71,8 @@ const emit = defineEmits<{
   'load-example': [content: string]
 }>()
 
+const {checkForUpdates} = useUpdateManager()
+
 // 使用计算属性来处理双向绑定
 const selectedLanguage = computed({
   get: () => props.currentLanguage,
@@ -75,6 +82,7 @@ const selectedLanguage = computed({
     }
   }
 })
+const hasUpdate = ref(false)
 
 // 事件处理函数 - 确保不传递任何参数
 const handleRunCode = () => {
@@ -89,6 +97,13 @@ const handleClearOutput = () => {
   emit('clear-output')
 }
 
+const checkUpdater = async () => {
+  const result = await checkForUpdates()
+  if (result) {
+    hasUpdate.value = true
+  }
+}
+
 // 处理 Select 组件的 change 事件
 const handleLanguageChange = (value: string) => {
   if (value !== props.currentLanguage) {
@@ -105,4 +120,8 @@ const loadExample = async () => {
     console.error('Error loading example:', error)
   }
 }
+
+onMounted(async () => {
+  await checkUpdater()
+})
 </script>

src/composables/useUpdateManager.ts

@@ -1,7 +1,7 @@
-import { ref } from 'vue'
-import { invoke } from '@tauri-apps/api/core'
-import { listen } from '@tauri-apps/api/event'
-import { CheckCircle, Download, RefreshCw, Wifi } from 'lucide-vue-next'
+import {ref} from 'vue'
+import {invoke} from '@tauri-apps/api/core'
+import {listen} from '@tauri-apps/api/event'
+import {CheckCircle, Download, RefreshCw, Wifi} from 'lucide-vue-next'
 
 interface UpdateInfo
 {
@@ -164,16 +164,19 @@ export function useUpdateManager()
                 updateInfo.value = result
                 hasUpdate.value = true
                 currentStatus.value = 'UPDATE_AVAILABLE'
+                return result
             }
             else {
                 hasUpdate.value = false
                 currentStatus.value = 'NO_UPDATE'
+                return null
             }
         }
         catch (error) {
             console.error('Failed to check for updates:', error)
             errorMessage.value = String(error)
             currentStatus.value = 'ERROR'
+            return null
         }
         finally {
             isChecking.value = false
@@ -191,7 +194,7 @@ export function useUpdateManager()
         errorMessage.value = ''
 
         try {
-            await invoke('start_update', { updateInfo: updateInfo.value })
+            await invoke('start_update', {updateInfo: updateInfo.value})
         }
         catch (error) {
             console.error('Failed to start update:', error)
@@ -214,7 +217,7 @@ export function useUpdateManager()
     const setupUpdateListeners = async () => {
         // 监听下载进度
         await listen('update-progress', (event: any) => {
-            const { progress, speed, status } = event.payload
+            const {progress, speed, status} = event.payload
             downloadProgress.value = progress
             downloadSpeed.value = speed
 
@@ -259,11 +262,11 @@ export function useUpdateManager()
             unitIndex++
         }
 
-        return `${ size.toFixed(1) } ${ units[unitIndex] }`
+        return `${size.toFixed(1)} ${units[unitIndex]}`
     }
 
     const formatSpeed = (bytesPerSecond: number) => {
-        return `${ formatSize(bytesPerSecond) }/s`
+        return `${formatSize(bytesPerSecond)}/s`
     }
 
     return {