Adding version details to the PWA (betaflight#3606)

* Adding version details to the PWA

* Created a coded version.js that can be loaded as a module.

* Reverting, and simply identifying the permissible global vars for Vite

* Update .eslintrc.js

Removing whitespace

* Update vite.config.js

.eslintrc.js

@@ -37,6 +37,11 @@ module.exports = {
         cordovaChromeapi: true,
         appAvailability: true,
         // end cordova bindings
+
+        // globals for vite
+        __APP_PRODUCTNAME__: "readonly",
+        __APP_VERSION__: "readonly",
+        __APP_REVISION__: "readonly",     
     },
     // ignore src/dist folders
     ignorePatterns: ["src/dist/*"],

src/js/main.js

@@ -55,6 +55,10 @@ function readConfiguratorVersionMetadata() {
         CONFIGURATOR.productName = manifest.productName;
         CONFIGURATOR.version = manifest.version;
         CONFIGURATOR.gitRevision = manifest.gitRevision;
+    } else {
+        CONFIGURATOR.productName = __APP_PRODUCTNAME__;
+        CONFIGURATOR.version = __APP_VERSION__;
+        CONFIGURATOR.gitRevision = __APP_REVISION__;
     }
 }
 

vite.config.js

@@ -4,6 +4,9 @@ import vue from "@vitejs/plugin-vue2";
 import path from "node:path";
 import { readFileSync } from "node:fs";
 import copy from "rollup-plugin-copy";
+import pkg from './package.json';
+
+const childProcess = require('child_process');
 
 function serveFileFromDirectory(directory) {
     return (req, res, next) => {
@@ -46,6 +49,11 @@ function serveLocalesPlugin() {
 }
 
 export default defineConfig({
+    define: {
+        '__APP_VERSION__': JSON.stringify(pkg.version),
+        '__APP_PRODUCTNAME__': JSON.stringify(pkg.productName),
+        '__APP_REVISION__': JSON.stringify(childProcess.execSync("git rev-parse --short HEAD").toString().trim()),
+    },
     test: {
         // NOTE: this is a replacement location for karma tests.
         //       moving forward we should colocate tests with the