Update workflow for versioning and introduce version.txt

Author: tjvandam

.github/workflows/deploy-pages.yml

@@ -35,6 +35,7 @@ jobs:
           cp index.html dist/
           [ -f favicon.ico ] && cp favicon.ico dist/
           [ -f company_logo.png ] && cp company_logo.png dist/
+          [ -f version.txt ] && cp version.txt dist/
           shopt -s nullglob
           for file in ttn_decoder-*.js; do
             cp "$file" dist/

.github/workflows/sync-version.yml

@@ -35,15 +35,11 @@ jobs:
           fi
           echo "version=$VERSION" >> "$GITHUB_OUTPUT"
 
-      - name: Update version in index.html
+      - name: Update version.txt
         run: |
           set -euo pipefail
           VERSION='${{ steps.prep.outputs.version }}'
-          if ! grep -q "App version:" index.html; then
-            echo "Could not locate App version label in index.html" >&2
-            exit 1
-          fi
-          sed -i -E "s|(App version: )v?[0-9A-Za-z._-]+|\1$VERSION|" index.html
+          echo "$VERSION" > version.txt
 
       - name: Commit changes
         id: commit

index.html

@@ -197,7 +197,7 @@ <h1 class="brand-header">
       <img src="./company_logo.png" alt="Smart Parks logo" class="brand-logo">
       <span>Smart Parks - Log File Decoder</span>
     </h1>
-    <div id="appVersion" class="muted" style="margin: -2px 0 12px 0;">App version: v1.12</div>
+    <div id="appVersion" class="muted" style="margin: -2px 0 12px 0;">App version: (loading...)</div>
     <div id="errorBanner"></div>
 
     <!-- === DECODER SECTION === -->
@@ -441,9 +441,26 @@ <h1 class="brand-header">
 
   <script>
     const versionLabel = document.getElementById("appVersion");
-    const APP_VERSION = versionLabel
-      ? versionLabel.textContent.replace(/^App version:\s*/i, "").trim()
-      : "";
+    let APP_VERSION = "";
+
+    async function loadAppVersion(){
+      if(!versionLabel) return;
+      try{
+        const resp = await fetch('version.txt', { cache: 'no-store' });
+        if(!resp.ok) throw new Error(`version.txt responded with ${resp.status}`);
+        const txt = (await resp.text()).trim();
+        if(txt){
+          APP_VERSION = txt;
+          versionLabel.textContent = "App version: " + APP_VERSION;
+        } else {
+          versionLabel.textContent = "App version: (unknown)";
+        }
+      } catch(err){
+        console.error('Failed to load version.txt', err);
+        versionLabel.textContent = "App version: (unknown)";
+      }
+    }
+    loadAppVersion();
 
     // ---------- Error banner ----------
     window.onerror = function (msg, src, line, col, err) {
@@ -466,11 +483,6 @@ <h1 class="brand-header">
     const customDecoderInput = document.getElementById("customDecoder");
     const decoderSelect = document.getElementById("decoderSelect");
 
-    // Version label
-    if (versionLabel && APP_VERSION) {
-      versionLabel.textContent = "App version: " + APP_VERSION;
-    }
-
     function loadDecoder(callback){
       clearError();
       const existing = document.getElementById("decoderScript");

version.txt

@@ -0,0 +1 @@
+v1.9