* add version to frontend

Author: h2Entwicklung

.env

@@ -0,0 +1 @@
+APP_VERSION=dev-local

.github/workflows/release.yml

@@ -43,7 +43,7 @@ jobs:
       - version
     uses: ./.github/workflows/task-docker.yml
     with:
-      reponame: git.h2-invent.com/private-docker-registry/livekit-middleware
+      reponame: git.h2-invent.com/private-docker-registry/lookylooky
       dockerfile_path: './Dockerfile'
       directory: '.'
       version: ${{ needs.version.outputs.version }}

Dockerfile

@@ -39,4 +39,6 @@ EXPOSE 3000
 
 HEALTHCHECK --interval=10s --timeout=10s --start-period=30s --retries=5 CMD curl --fail http://localhost:3000 || exit 1
 
+ENV APP_VERSION=${VERSION}
+
 CMD [ "npm", "start" ]

package-lock.json

@@ -21,6 +21,7 @@
   "license": "BSL-1.0",
   "dependencies": {
     "bootstrap": "^5.3.3",
+    "dotenv": "^16.4.7",
     "express": "^4.18.2",
     "pdfjs-dist": "^4.10.38",
     "socket.io": "^4.8.1",

package.json

@@ -97,7 +97,10 @@ <h2 class="text-center mb-4">LookyLooky</h2>
 
         <!-- Document List -->
         <ul id="documentList" class="list-group mb-5"></ul>
-        <p>Made with Love by <a href="https://h2-invent.com" target="_blank">h2 invent</a> in Lörrach</p>
+        <div class="d-flex justify-content-center">
+            <p>Made with Love by <a href="https://h2-invent.com" target="_blank">h2 invent</a> in Lörrach -- Version: <b id="version"></b></p>
+        </div>
+
 
         <!-- Upload Modal -->
 

public/index.html

@@ -7,13 +7,15 @@ import { dirname, join } from "path";
 import fs from "fs/promises";
 import { Server } from 'socket.io';
 import cookie from "cookie";
+import "dotenv/config"; // Lädt automatisch die .env-Datei
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 const UPLOAD_DIR = "./output/";
 const app = express();
 const PORT = 3000;
-
+const version = process.env.APP_VERSION ||'not_set';
+console.log(`Running version: ${version}`);
 export const slideshows = new Map();
 // Statische Dateien aus "public/" bereitstellen
 app.use(express.static(join(__dirname, "dist")));
@@ -70,7 +72,7 @@ io.on("connection", (socket) => {
     console.log("Client verbunden!");
     const cookies = cookie.parse(socket.handshake.headers.cookie || "");
     const docId = cookies.docId;
-
+    socket.emit('version',{version});
     if (docId) {
         socket.join(docId);
         console.log(`👤 Client ${socket.id} ist automatisch dem Raum ${docId} beigetreten`);

server.mjs

@@ -8,10 +8,14 @@ import "bootstrap/dist/js/bootstrap.bundle.min.js"; // Bootstrap JS (inkl. Poppe
 
 let encryptionKey;
 export const socket = io(); // ✅ Verbindung mit Socket.IO Server
-
+socket.on('version',(data)=>{
+    console.log(data.version);
+    document.getElementById('version').textContent=data.version;
+})
 async function init() {
     encryptionKey = await generateKey();
     await loadDocumentPreviews();
+
 }
 
 document.getElementById("dropZone").addEventListener("dragover", e => {