fix: use semver comparison for version update checks (#1868)

Author: kuno

components/Versions.vue

@@ -257,14 +257,14 @@ async function fetchReleases() {
 
 // Upgrade handlers
 async function handleFrontendUpgrade() {
-  if (upgradingUI.value) return
+  if (upgradingUI.value || !frontendRelease.value?.isUpdateAvailable) return
 
   await configActions.upgradeUIAPI()
   window.location.reload()
 }
 
 async function handleBackendUpgrade() {
-  if (upgradingBackend.value) return
+  if (upgradingBackend.value || !backendRelease.value?.isUpdateAvailable) return
 
   await configActions.upgradeBackendAPI()
   window.location.reload()

composables/useApi.ts

@@ -8,6 +8,7 @@ import type {
   RuleProvider,
 } from '~/types'
 import ky from 'ky'
+import semver from 'semver'
 import { useMockData } from './useMockData'
 
 // Mock mode support
@@ -409,7 +410,10 @@ export async function frontendReleaseAPI(currentVersion: string) {
     .json<ReleaseAPIResponse>()
 
   return {
-    isUpdateAvailable: tag_name !== currentVersion,
+    isUpdateAvailable: semver.gt(
+      semver.coerce(tag_name) || '0.0.0',
+      semver.coerce(currentVersion) || '0.0.0',
+    ),
     changelog: body,
   }
 }
@@ -450,13 +454,16 @@ export async function backendReleaseAPI(currentVersion: string) {
     return { isUpdateAvailable: false }
   }
 
-  // Stable version (e.g. "v1.19.9") - compare tag_name directly
+  // Stable version (e.g. "v1.19.9") - compare using semver
   const { tag_name, body } = await githubAPI
     .get(`${repositoryURL}/releases/latest`)
     .json<ReleaseAPIResponse>()
 
   return {
-    isUpdateAvailable: tag_name !== currentVersion,
+    isUpdateAvailable: semver.gt(
+      semver.coerce(tag_name) || '0.0.0',
+      semver.coerce(currentVersion) || '0.0.0',
+    ),
     changelog: body,
   }
 }

package.json

@@ -70,6 +70,7 @@
     "playwright": "^1.58.2",
     "prettier": "^3.8.1",
     "prettier-plugin-tailwindcss": "^0.7.2",
+    "semver": "^7.7.4",
     "sort-package-json": "^3.6.1",
     "sortablejs": "^1.15.6",
     "tailwind-merge": "^3.4.0",
@@ -96,6 +97,7 @@
     }
   },
   "devDependencies": {
+    "@types/semver": "^7.7.1",
     "@vitest/coverage-v8": "^4.0.18",
     "jsdom": "^28.0.0"
   }