feat: display version in UI and auto-reload dashboard 5s after hot swap

Author: Datanoise

main.go

@@ -21,6 +21,8 @@ import (
 )
 
 var (
+	Version = "dev"
+
 	configPath  = flag.String("config", "tinyice.json", "Path to configuration file")
 	bindHost    = flag.String("host", "0.0.0.0", "Network interface to bind to")
 	bindPort    = flag.String("port", "", "Network port to bind to (overrides config)")
@@ -150,7 +152,7 @@ func main() {
 		cfg.AutoUpdate = true
 	}
 
-	srv := server.NewServer(cfg, authLogger)
+	srv := server.NewServer(cfg, authLogger, Version)
 
 	// Start Updater if enabled
 	if cfg.AutoUpdate {

server/server.go

@@ -71,6 +71,7 @@ type Server struct {
 	StreamerM   *relay.StreamerManager
 	mpdServer   *relay.MPDServer
 	tmpl        *template.Template
+	Version     string
 	httpServers []*http.Server
 	startTime   time.Time
 	AuthLog     *logrus.Logger
@@ -188,7 +189,7 @@ func (p *protocolSniffer) sniff() {
 	}
 }
 
-func NewServer(cfg *config.Config, authLog *logrus.Logger) *Server {
+func NewServer(cfg *config.Config, authLog *logrus.Logger, version string) *Server {
 	tmpl := template.New("base")
 	tmpl, err := tmpl.ParseFS(templateFS, "templates/*.html")
 	if err != nil {
@@ -209,6 +210,7 @@ func NewServer(cfg *config.Config, authLog *logrus.Logger) *Server {
 		WebRTCM:      relay.NewWebRTCManager(r),
 		StreamerM:    relay.NewStreamerManager(r, cfg),
 		tmpl:         tmpl,
+		Version:      version,
 		startTime:    time.Now(),
 		AuthLog:      authLog,
 		sessions:     make(map[string]*session),
@@ -1588,6 +1590,7 @@ func (s *Server) handleAdmin(w http.ResponseWriter, r *http.Request) {
 		"FallbackMounts": s.Config.FallbackMounts,
 		"CSRFToken":      csrf,
 		"Streamers":      s.StreamerM.GetStreamers(),
+		"Version":        s.Version,
 	}
 	if err := s.tmpl.ExecuteTemplate(w, "admin.html", data); err != nil {
 		if !strings.Contains(err.Error(), "broken pipe") {
@@ -2903,6 +2906,7 @@ func (s *Server) handleAutoDJStudio(w http.ResponseWriter, r *http.Request) {
 		"CSRFToken": csrf,
 		"Config":    s.Config,
 		"User":      user,
+		"Version":   s.Version,
 	}
 
 	w.Header().Set("Content-Type", "text/html")

server/templates/admin.html

@@ -120,11 +120,10 @@
 
                 <a href="/logout" class="nav-link" style="color: var(--danger); margin-top: 1rem; text-decoration: none;"><i data-lucide="log-out"></i> Sign Out</a>
             </div>
-            <div style="margin-top: auto; padding-top: 2rem;">
-                <div style="font-size: 0.8rem; color: var(--text-dim); margin-bottom: 1rem;">User: <strong>{{.User.Username}}</strong> <span class="role-badge {{if eq .User.Role "superadmin"}}role-super{{else}}role-admin{{end}}">{{.User.Role}}</span></div>
-                <div style="font-size: 0.75rem; color: var(--text-dim);">Powered by TinyIce<br>Host: {{.Config.HostName}}</div>
-            </div>
-        </aside>
+                          <div style="margin-top: auto; padding-top: 2rem;">
+                              <div style="font-size: 0.8rem; color: var(--text-dim); margin-bottom: 1rem;">User: <strong>{{.User.Username}}</strong> <span class="role-badge {{if eq .User.Role "superadmin"}}role-super{{else}}role-admin{{end}}">{{.User.Role}}</span></div>
+                              <div style="font-size: 0.75rem; color: var(--text-dim);">Powered by <strong>TinyIce {{.Version}}</strong><br>Host: {{.Config.HostName}}</div>
+                          </div>        </aside>
         <main>
             <div id="tab-overview" class="tab-content active">
                 <h1 class="page-title"><i data-lucide="layout-dashboard"></i> Dashboard</h1>
@@ -789,6 +788,14 @@ <h2>Edit AutoDJ</h2>
                     text.textContent = 'Success';
                     lucide.createIcons();
 
+                    if (url === '/admin/hotswap') {
+                        text.textContent = 'Hot Swap initiated. Reloading in 5s...';
+                        setTimeout(() => {
+                            window.location.reload();
+                        }, 5000);
+                        return; // Don't hide overlay immediately
+                    }
+
                     setTimeout(() => {
                         overlay.style.display = 'none';
                         if (typeof onSuccess === 'function') onSuccess();

server/templates/autodj_studio.html

@@ -132,7 +132,7 @@
             <a href="/admin#tab-streamer" class="studio-logo">
                 <i data-lucide="chevron-left" style="width: 20px; color: var(--text-dim);"></i>
                 <img src="/assets/logo.png" alt="TinyIce">
-                <span>STUDIO</span>
+                <span>STUDIO <span style="font-size: 0.6rem; color: var(--text-dim); margin-left: 0.2rem; font-weight: 400;">{{.Version}}</span></span>
             </a>
             <div class="mount-badge">{{.Streamer.Mount}}</div>
         </div>