Added static versioning

Author: RineshRamadhin

package.json

@@ -1,6 +1,6 @@
 {
   "name": "website",
-  "version": "1.0.0",
+  "version": "1.12.24",
   "repository": {
     "type": "git",
     "url": "https://github.com/web-dl-tools/website.git"

src/components/application/CardApiBuild.vue

@@ -18,7 +18,7 @@
     <v-card-text v-else>
       <v-row>
         <v-col class="text-center">
-          <span class="font-weight-bold"> v{{ apiBuildInfo.tag }} </span>
+          <span class="font-weight-bold"> v{{ apiBuildInfo.version }} </span>
           <v-divider class="mt-3" />
           <latest-release-check repo="api" />
         </v-col>

src/components/application/CardWebsiteBuild.vue

@@ -11,7 +11,9 @@
     <v-card-text>
       <v-row>
         <v-col class="text-center">
-          <span class="font-weight-bold"> v{{ websiteBuildInfo.tag }} </span>
+          <span class="font-weight-bold">
+            v{{ websiteBuildInfo.version }}
+          </span>
           <v-divider class="mt-3" />
           <latest-release-check repo="website" />
         </v-col>

src/components/application/LatestReleaseCheck.vue

@@ -45,7 +45,7 @@
             text
             x-small
             color="white"
-            :href="`https://github.com/web-dl-tools/${repo}/compare/${buildInfo.tag}...${latestReleaseInfo.tag_name}`"
+            :href="`https://github.com/web-dl-tools/${repo}/compare/${buildInfo.version}...${latestReleaseInfo.tag_name}`"
           >
             Changelog
           </v-btn>
@@ -93,7 +93,7 @@ export default {
     versionDifference() {
       if (this.buildInfo && this.latestReleaseInfo) {
         return this.formatVersioningDifference(
-          this.buildInfo.tag,
+          this.buildInfo.version,
           this.latestReleaseInfo.tag_name
         );
       }

src/components/ui/Footer.vue

@@ -25,7 +25,7 @@
             cols="12"
           >
             <span class="font-weight-bold">Web DL Website</span>
-            v{{ buildInfo.tag }}
+            v{{ buildInfo.version }}
           </v-col>
 
           <v-col
@@ -34,7 +34,7 @@
             cols="12"
           >
             <span class="font-weight-bold">Web DL API</span>
-            v{{ apiBuildInfo.tag }} &middot; build
+            v{{ apiBuildInfo.version }} &middot; build
             {{ apiBuildInfo.abbreviated_commit }} &middot;
             {{ formatDate(apiBuildInfo.commiter.date, "LL") }}
           </v-col>
@@ -44,7 +44,7 @@
             cols="12"
           >
             <span class="font-weight-bold">Web DL API</span>
-            v{{ apiBuildInfo.tag }}
+            v{{ apiBuildInfo.version }}
           </v-col>
         </div>
       </v-row>
@@ -53,12 +53,12 @@
       <v-row>
         <v-col class="pb-0" cols="12">
           <span class="font-weight-bold">Web DL Website</span>
-          v{{ buildInfo.tag }}
+          v{{ buildInfo.version }}
         </v-col>
 
         <v-col class="pt-0" cols="12">
           <span class="font-weight-bold">Web DL API</span>
-          v{{ apiBuildInfo.tag }}
+          v{{ apiBuildInfo.version }}
         </v-col>
       </v-row>
     </v-col>

src/store/application/getters.js

@@ -51,17 +51,8 @@ export const getWebsocket = (state) => state.websocket;
  *
  * @returns {any}
  */
-export const getWebsiteBuildInfo = () => {
-  const regex = /tag: [\w\.\-]+,/g;
-  let buildInfo = JSON.parse(process.env.VUE_APP_BUILD_INFO);
-  let tags = buildInfo.refs.match(regex);
-
-  buildInfo.tag = tags
-    ? tags[0].replace("tag:", "").replace(",", "").trim()
-    : "0.0.0";
-
-  return buildInfo;
-};
+export const getWebsiteBuildInfo = () =>
+  JSON.parse(process.env.VUE_APP_BUILD_INFO);
 
 /**
  * Get the search query.

vue.config.js

@@ -4,6 +4,10 @@ const command =
   'git log -n 1 --pretty=format:\'{%n  "commit": "%H",%n  "abbreviated_commit": "%h",%n  "tree": "%T",%n  "abbreviated_tree": "%t",%n  "parent": "%P",%n  "abbreviated_parent": "%p",%n  "refs": "%D",%n  "encoding": "%e",%n  "subject": "%s",%n  "sanitized_subject_line": "%f",%n  "body": "%b",%n  "commit_notes": "%N",%n  "verification_flag": "%G?",%n  "signer": "%GS",%n  "signer_key": "%GK",%n  "author": {%n    "name": "%aN",%n    "date": "%aD"%n  },%n  "commiter": {%n    "name": "%cN",%n    "date": "%cD"%n  }%n},\'\n';
 
 buildInfo = execSync(command).toString().slice(0, -1);
-process.env.VUE_APP_BUILD_INFO = buildInfo;
+
+process.env.VUE_APP_BUILD_INFO = JSON.stringify({
+  ...JSON.parse(buildInfo),
+  version: process.env.npm_package_version,
+});
 
 module.exports = {};