feat(vers): add version number to front

Author: btouchard

.env.example

@@ -4,6 +4,7 @@ APP_DNS=sign.your-domain.com
 ACKIFY_BASE_URL=https://sign.your-domain.com
 ACKIFY_ORGANISATION="Your Organization Name"
 ACKIFY_LOG_LEVEL=info
+ACKIFY_LOG_FORMAT=classic
 
 # Database Configuration
 POSTGRES_USER=ackifyr

backend/cmd/community/main.go

@@ -16,6 +16,13 @@ import (
 	"github.com/btouchard/ackify-ce/backend/pkg/web"
 )
 
+// Build-time variables set via ldflags
+var (
+	Version   = "dev"
+	Commit    = "unknown"
+	BuildDate = "unknown"
+)
+
 //go:embed all:web/dist
 var frontend embed.FS
 
@@ -27,9 +34,13 @@ func main() {
 		log.Fatalf("Failed to load config: %v", err)
 	}
 
-	logger.SetLevel(logger.ParseLevel(cfg.Logger.Level))
+	logger.SetLevelAndFormat(logger.ParseLevel(cfg.Logger.Level), cfg.Logger.Format)
+	logger.Logger.Info("Starting Ackify Community Edition",
+		"version", Version,
+		"commit", Commit,
+		"build_date", BuildDate)
 
-	server, err := web.NewServer(ctx, cfg, frontend)
+	server, err := web.NewServer(ctx, cfg, frontend, Version)
 	if err != nil {
 		log.Fatalf("Failed to create server: %v", err)
 	}

backend/internal/infrastructure/config/config.go

@@ -49,7 +49,8 @@ type ServerConfig struct {
 }
 
 type LoggerConfig struct {
-	Level string
+	Level  string
+	Format string // "classic" or "json"
 }
 
 type MailConfig struct {
@@ -131,6 +132,7 @@ func Load() (*Config, error) {
 	config.Server.ListenAddr = getEnv("ACKIFY_LISTEN_ADDR", ":8080")
 
 	config.Logger.Level = getEnv("ACKIFY_LOG_LEVEL", "info")
+	config.Logger.Format = getEnv("ACKIFY_LOG_FORMAT", "classic")
 
 	// Parse admin emails
 	adminEmailsStr := getEnv("ACKIFY_ADMIN_EMAILS", "")

backend/pkg/logger/logger.go

@@ -10,13 +10,30 @@ import (
 var Logger *slog.Logger
 
 func init() {
-	SetLevel(slog.LevelInfo)
+	SetLevelAndFormat(slog.LevelInfo, "classic")
 }
 
 func SetLevel(level slog.Level) {
-	Logger = slog.New(slog.NewJSONHandler(os.Stdout, &slog.HandlerOptions{
+	SetLevelAndFormat(level, "classic")
+}
+
+func SetLevelAndFormat(level slog.Level, format string) {
+	opts := &slog.HandlerOptions{
 		Level: level,
-	}))
+	}
+
+	var handler slog.Handler
+	switch strings.ToLower(strings.TrimSpace(format)) {
+	case "json":
+		handler = slog.NewJSONHandler(os.Stdout, opts)
+	case "classic", "text":
+		handler = slog.NewTextHandler(os.Stdout, opts)
+	default:
+		// Default to classic (text) format
+		handler = slog.NewTextHandler(os.Stdout, opts)
+	}
+
+	Logger = slog.New(handler)
 }
 
 func ParseLevel(levelStr string) slog.Level {

backend/pkg/web/server.go

@@ -38,7 +38,7 @@ type Server struct {
 	autoLogin     bool
 }
 
-func NewServer(ctx context.Context, cfg *config.Config, frontend embed.FS) (*Server, error) {
+func NewServer(ctx context.Context, cfg *config.Config, frontend embed.FS, version string) (*Server, error) {
 	db, signer, i18nService, emailSender, err := initInfrastructure(ctx, cfg)
 	if err != nil {
 		return nil, fmt.Errorf("failed to initialize infrastructure: %w", err)
@@ -145,7 +145,7 @@ func NewServer(ctx context.Context, cfg *config.Config, frontend embed.FS) (*Ser
 
 	router.Get("/oembed", handlers.HandleOEmbed(cfg.App.BaseURL))
 
-	router.NotFound(EmbedFolder(frontend, "web/dist", cfg.App.BaseURL, signatureRepo))
+	router.NotFound(EmbedFolder(frontend, "web/dist", cfg.App.BaseURL, version, signatureRepo))
 
 	httpServer := &http.Server{
 		Addr:    cfg.Server.ListenAddr,

backend/pkg/web/static.go

@@ -19,9 +19,10 @@ import (
 
 // EmbedFolder returns an http.HandlerFunc that serves an embedded filesystem
 // with SPA fallback support (serves index.html for non-existent routes)
-// For index.html, it replaces __ACKIFY_BASE_URL__ placeholder with the actual base URL
+// For index.html, it replaces __ACKIFY_BASE_URL__ placeholder with the actual base URL,
+// __ACKIFY_VERSION__ with the application version,
 // and __META_TAGS__ with dynamic meta tags based on query parameters
-func EmbedFolder(fsEmbed embed.FS, targetPath string, baseURL string, signatureRepo *database.SignatureRepository) http.HandlerFunc {
+func EmbedFolder(fsEmbed embed.FS, targetPath string, baseURL string, version string, signatureRepo *database.SignatureRepository) http.HandlerFunc {
 	return func(w http.ResponseWriter, r *http.Request) {
 		fsys, err := fs.Sub(fsEmbed, targetPath)
 		if err != nil {
@@ -60,7 +61,7 @@ func EmbedFolder(fsEmbed embed.FS, targetPath string, baseURL string, signatureR
 		defer file.Close()
 
 		if shouldServeIndex || strings.HasSuffix(cleanPath, "index.html") {
-			serveIndexTemplate(w, r, file, baseURL, signatureRepo)
+			serveIndexTemplate(w, r, file, baseURL, version, signatureRepo)
 			return
 		}
 
@@ -69,7 +70,7 @@ func EmbedFolder(fsEmbed embed.FS, targetPath string, baseURL string, signatureR
 	}
 }
 
-func serveIndexTemplate(w http.ResponseWriter, r *http.Request, file fs.File, baseURL string, signatureRepo *database.SignatureRepository) {
+func serveIndexTemplate(w http.ResponseWriter, r *http.Request, file fs.File, baseURL string, version string, signatureRepo *database.SignatureRepository) {
 	content, err := io.ReadAll(file)
 	if err != nil {
 		logger.Logger.Error("Failed to read index.html", "error", err.Error())
@@ -78,6 +79,7 @@ func serveIndexTemplate(w http.ResponseWriter, r *http.Request, file fs.File, ba
 	}
 
 	processedContent := strings.ReplaceAll(string(content), "__ACKIFY_BASE_URL__", baseURL)
+	processedContent = strings.ReplaceAll(processedContent, "__ACKIFY_VERSION__", version)
 
 	metaTags := generateMetaTags(r, baseURL, signatureRepo)
 	processedContent = strings.ReplaceAll(processedContent, "__META_TAGS__", metaTags)

webapp/index.html

@@ -8,6 +8,7 @@
     __META_TAGS__
     <script>
       window.ACKIFY_BASE_URL = '__ACKIFY_BASE_URL__';
+      window.ACKIFY_VERSION = '__ACKIFY_VERSION__';
     </script>
   </head>
   <body>

webapp/src/components/AppLogo.vue

@@ -5,15 +5,21 @@ import { computed } from 'vue'
 interface Props {
   size?: 'sm' | 'md' | 'lg'
   showText?: boolean
+  showVersion?: boolean
   textClass?: string
 }
 
 const props = withDefaults(defineProps<Props>(), {
   size: 'md',
   showText: true,
+  showVersion: false,
   textClass: ''
 })
 
+const appVersion = computed(() => {
+  return (window as any).ACKIFY_VERSION || ''
+})
+
 const sizeClasses = computed(() => {
   switch (props.size) {
     case 'sm':
@@ -52,11 +58,18 @@ const sizeClasses = computed(() => {
         stroke-linejoin="round"
       />
     </svg>
-    <span
-      v-if="showText"
-      :class="[sizeClasses.text, textClass || 'font-bold text-foreground']"
-    >
-      Ackify
-    </span>
+    <div v-if="showText" class="flex flex-col">
+      <span
+        :class="[sizeClasses.text, textClass || 'font-bold text-foreground']"
+      >
+        Ackify
+      </span>
+      <span
+        v-if="showVersion && appVersion"
+        class="text-xs text-muted-foreground leading-none -mt-0.5"
+      >
+        {{ appVersion }}
+      </span>
+    </div>
   </div>
 </template>

webapp/src/components/layout/AppFooter.vue

@@ -13,11 +13,8 @@ const { t } = useI18n()
       <div class="flex flex-col items-center justify-between gap-4 sm:flex-row sm:gap-6">
         <!-- Brand & Description -->
         <div class="flex items-center gap-3 text-center sm:text-left">
-          <AppLogo size="sm" :show-text="false" />
-          <div class="flex flex-col gap-1 sm:flex-row sm:items-center sm:gap-3">
-            <span class="font-semibold text-base text-foreground leading-none">Ackify</span>
-            <span class="text-sm text-muted-foreground leading-tight max-w-md">{{ t('footer.description') }}</span>
-          </div>
+          <AppLogo size="sm" :show-text="true" :show-version="true" />
+          <span class="text-sm text-muted-foreground leading-tight max-w-md">{{ t('footer.description') }}</span>
         </div>
 
         <!-- Links & Copyright -->

webapp/src/components/layout/AppHeader.vue

@@ -61,7 +61,7 @@ const closeUserMenu = () => {
         <!-- Logo -->
         <div class="flex items-center">
           <router-link to="/" class="focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 rounded-md">
-            <AppLogo size="md" />
+            <AppLogo size="md" :show-version="true" />
           </router-link>
         </div>