chore: singe source of truth for version & show it on splash screen (#7)

Co-authored-by: 2mal3 <56305732+2mal3@users.noreply.github.com>

control/frontend/src/routes/+layout.svelte

@@ -2,9 +2,12 @@
 	import '../app.css';
 	import Notification from './Notification.svelte';
 	import SplashScreen from './../../../../shared/splash_screen.html?raw';
+	import version from './../../../../shared/version.txt?raw';
 	import { dev } from '$app/environment';
 
 	let { children } = $props();
+
+	let versionSplashScreen = SplashScreen.replaceAll('%%APP-VERSION%%', version.trim());
 </script>
 
 <svelte:head>
@@ -12,7 +15,7 @@
 </svelte:head>
 
 {#if !dev}
-	{@html SplashScreen}
+	{@html versionSplashScreen}
 {/if}
 
 {@render children()}

display/main.go

@@ -9,8 +9,6 @@ import (
 	"plg-mudics/shared"
 )
 
-const VERSION = "0.1.0"
-
 //go:generate go tool templ generate
 
 func main() {
@@ -27,7 +25,7 @@ func main() {
 
 	// the order is important, the open browser command exitsts as soon as the winodw is closed
 	// and since its the last action in the main go func all other goroutines (e.g. the webserver) are killed
-	go web.StartWebServer(VERSION, port)
+	go web.StartWebServer(shared.Version, port)
 	err = shared.OpenBrowserWindow("http://localhost:"+port, true, true)
 	if err != nil {
 		slog.Error("Failed to open browser window", "error", err)

display/web/main.go

@@ -15,6 +15,7 @@ import (
 	"os/exec"
 	"path/filepath"
 	shared "plg-mudics/shared"
+	"strings"
 
 	"github.com/gabriel-vasile/mimetype"
 	"github.com/labstack/echo/v4"
@@ -35,7 +36,9 @@ func StartWebServer(v string, port string) {
 	e.GET("/", indexRoute)
 	e.GET("/sse", sseRoute)
 	e.GET("/splash", func(ctx echo.Context) error {
-		return ctx.HTML(http.StatusOK, shared.SplashScreenTemplate)
+		html := shared.SplashScreenTemplate
+		html = strings.ReplaceAll(html, "%%APP-VERSION%%", version)
+		return ctx.HTML(http.StatusOK, html)
 	})
 	e.GET("/qr", qrRoute)
 

shared/embed.go

@@ -2,7 +2,12 @@ package shared
 
 import (
 	_ "embed"
+	"strings"
 )
 
 //go:embed splash_screen.html
 var SplashScreenTemplate string
+
+//go:embed version.txt
+var versionNotTrimmed string
+var Version = strings.TrimSpace(versionNotTrimmed)

shared/splash_screen.html

@@ -167,6 +167,7 @@
     />
     <path class="window-controls" d="M 550 375 h 15" />
   </svg>
+
   <div class="fade-in">
     <div
       class="cursor-x"
@@ -196,6 +197,8 @@
       </svg>
     </div>
   </div>
+
+  <span id="version-label" aria-label="Version">%%APP-VERSION%%</span>
 </div>
 
 <style>
@@ -216,6 +219,8 @@
     --other-button: oklch(55.3% 0.013 58.071);
     --splash-control-monitor: oklch(44.4% 0.011 73.639);
 
+    --version-color: oklch(55.3% 0.013 58.071);
+
     --mouse-size: 50px;
     --mouse-bounce-delay: 5s;
     --mouse-start-x: calc((35 * 100vw) / 1920);
@@ -229,6 +234,17 @@
     --gap: 20;
   }
 
+  #version-label {
+    position: absolute;
+    right: 1rem;
+    top: 1rem;
+    display: block;
+    color: var(--version-color);
+    padding: 0.4rem 0.8rem;
+    font-size: 1.4rem;
+    text-align: right;
+  }
+
   #splash {
     position: fixed;
     inset: 0;

shared/version.txt

@@ -0,0 +1 @@
+v0.0.10