Front - Use semver to check version upgrade

Author: Colin Yang

frontend/tinywebdb-php-vue/package-lock.json

@@ -24,6 +24,7 @@
   },
   "devDependencies": {
     "@types/qs": "^6.5.3",
+    "@types/semver": "^6.0.1",
     "autoprefixer": "^7.1.2",
     "babel-core": "^6.22.1",
     "babel-eslint": "^8.2.1",

frontend/tinywebdb-php-vue/package.json

@@ -51,6 +51,7 @@
 <script>
 import axios from 'axios'
 import qs from 'qs'
+import semver from 'semver'
 
 export default {
   name: 'ManageFrame',
@@ -141,16 +142,16 @@ export default {
       try {
         let { data } = await axios.get(this.$root.REPO_API_URL + '/releases/latest')
         let tagName = data.tag_name
-        let match = tagName.match(/v(\d+)\.(\d+)\.(\d+)/)
-        let currentVersionCode = this.$root.VERSION_CODE
-        if (match) {
-          if ((match[1] > currentVersionCode[0]) ||
-              (match[1] === currentVersionCode[0] && match[2] > currentVersionCode[1]) ||
-              (match[1] === currentVersionCode[0] && match[2] === currentVersionCode[1] && match[3] > currentVersionCode[2])) {
-            this.update_available = true
-          }
-        } else {
+        if (!tagName.startsWith('v')) {
+          console.log(`latest tag not a formal release: ${tagName}`)
+          return
+        }
+        if (!semver.valid(tagName)) {
           console.log(`latest tag is invalid: ${tagName}`)
+          return
+        }
+        if (semver.gt(tagName, this.$root.VERSION_NAME)) {
+          this.update_available = true
         }
       } catch (e) {
         console.error('Can\'t load latest release info', e)

frontend/tinywebdb-php-vue/src/components/manage/Frame.vue

@@ -54,7 +54,6 @@ new Vue({
       REPO_API_URL: 'https://api.github.com/repos/ColinTree/tinywebdb-php-vue',
       SERVICE_BASE_URL: '/',
       VERSION_NAME: '1.0.0',
-      VERSION_CODE: [ 1, 0, 0 ],
 
       service: null
     }