app/vmui: show VictoriaLogs version in the vmui's footer (#116)

Author: Loori-R

app/vlselect/main.go

@@ -9,6 +9,7 @@ import (
 	"strings"
 	"time"
 
+	"github.com/VictoriaMetrics/VictoriaMetrics/lib/buildinfo"
 	"github.com/VictoriaMetrics/VictoriaMetrics/lib/cgroup"
 	"github.com/VictoriaMetrics/VictoriaMetrics/lib/httpserver"
 	"github.com/VictoriaMetrics/VictoriaMetrics/lib/httputil"
@@ -138,6 +139,27 @@ func RequestHandler(w http.ResponseWriter, r *http.Request) bool {
 func selectHandler(w http.ResponseWriter, r *http.Request, path string) bool {
 	ctx := r.Context()
 
+	if path == "/select/buildinfo" {
+		httpserver.EnableCORS(w, r)
+
+		if r.Method != http.MethodGet {
+			w.Header().Set("Content-Type", "application/json")
+			w.WriteHeader(http.StatusMethodNotAllowed)
+			fmt.Fprintf(w, `{"status":"error","msg":"method %q isn't allowed"}`, r.Method)
+			return true
+		}
+
+		v := buildinfo.ShortVersion()
+		if v == "" {
+			// buildinfo.ShortVersion() may return empty result for builds without tags
+			v = buildinfo.Version
+		}
+
+		w.Header().Set("Content-Type", "application/json")
+		fmt.Fprintf(w, `{"status":"success","data":{"version":%q}}`, v)
+		return true
+	}
+
 	if path == "/select/vmui" {
 		// VMUI access via incomplete url without `/` in the end. Redirect to complete url.
 		// Use relative redirect, since the hostname and path prefix may be incorrect if VictoriaMetrics

app/vmui/packages/vmui/src/api/buildinfo.ts

@@ -0,0 +1,2 @@
+export const getBuildInfoUrl = (server: string): string =>
+  `${server}/select/buildinfo`;

app/vmui/packages/vmui/src/hooks/useGetVersion.ts

@@ -0,0 +1,35 @@
+import { useAppState } from "../state/common/StateContext";
+import { useEffect, useState } from "preact/compat";
+import { ErrorTypes } from "../types";
+import { getBuildInfoUrl } from "../api/buildinfo";
+
+const useGetVersion = () => {
+  const { serverUrl } = useAppState();
+
+  const [version, setVersion] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState<ErrorTypes | string>("");
+
+  useEffect(() => {
+    const fetchVersion = async () => {
+      setError("");
+      setIsLoading(true);
+
+      try {
+        const response = await fetch(getBuildInfoUrl(serverUrl));
+        const result = await response.json();
+        setVersion(result?.data?.version);
+      } catch (e) {
+        setIsLoading(false);
+        if (e instanceof Error) setError(`${e.name}: ${e.message}`);
+      }
+    };
+
+    fetchVersion();
+  }, [serverUrl]);
+
+  return { version, isLoading, error };
+};
+
+export default useGetVersion;
+

app/vmui/packages/vmui/src/layouts/Footer/Footer.tsx

@@ -2,6 +2,7 @@ import { FC, memo } from "preact/compat";
 import { LogoShortIcon } from "../../components/Main/Icons";
 import "./style.scss";
 import { footerLinksToLogs } from "../../constants/footerLinks";
+import useGetVersion from "../../hooks/useGetVersion";
 
 interface Props {
   links?: {
@@ -13,6 +14,7 @@ interface Props {
 
 const Footer: FC<Props> = memo(({ links = footerLinksToLogs }) => {
   const copyrightYears = `2019-${new Date().getFullYear()}`;
+  const { version } = useGetVersion();
 
   return <footer className="vm-footer">
     <a
@@ -37,7 +39,8 @@ const Footer: FC<Props> = memo(({ links = footerLinksToLogs }) => {
       </a>
     ))}
     <div className="vm-footer__copyright">
-      &copy; {copyrightYears} VictoriaMetrics
+      &copy; {copyrightYears} VictoriaMetrics.
+      {version && <span className="vm-footer__version">&nbsp;Version: {version}</span>}
     </div>
   </footer>;
 });

docs/victorialogs/CHANGELOG.md

@@ -21,6 +21,8 @@ according to the follosing docs:
 
 ## tip
 
+* FEATURE: [vmui](https://docs.victoriametrics.com/victoriametrics/single-server-victoriametrics/#vmui): show VictoriaLogs version in the vmui's footer. See [#116](https://github.com/VictoriaMetrics/VictoriaLogs/issues/116).
+
 ## [v1.39.0](https://github.com/VictoriaMetrics/VictoriaLogs/releases/tag/v1.39.0)
 
 Released at 2025-11-29