From 1d47f881978bb1d382668c42dd5f2f1ee14bc0ee Mon Sep 17 00:00:00 2001
From: Alexey <4681325+qqrm@users.noreply.github.com>
Date: Fri, 22 Aug 2025 19:52:46 +0300
Subject: [PATCH] Show commit and build time

---
 Dockerfile |  3 ++-
 index.html | 31 ++++++++++++++++++++++++++++++-
 2 files changed, 32 insertions(+), 2 deletions(-)
diff --git a/Dockerfile b/Dockerfile
index ae0257f..c6be0be 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -9,7 +9,8 @@ COPY . .
 
 # Build the project with Trunk for production (Docker settings overridden)
 RUN trunk build --release --dist dist --public-url / && \
-    git rev-parse HEAD > dist/version
+    git rev-parse --short HEAD > dist/version && \
+    TZ=Europe/Moscow date '+%Y-%m-%d %H:%M:%S %Z' > dist/build_time
 
 FROM nginx:alpine
 WORKDIR /usr/share/nginx/html
diff --git a/index.html b/index.html
index 0337c8e..d8a66d6 100644
--- a/index.html
+++ b/index.html
@@ -33,6 +33,18 @@
             animation: spin 1s linear infinite;
             margin-right: 15px;
         }
+
+        #build-info {
+            position: fixed;
+            top: 0;
+            left: 50%;
+            transform: translateX(-50%);
+            background: #34495e;
+            color: #4ade80;
+            padding: 4px 8px;
+            z-index: 1000;
+            font-size: 14px;
+        }
         
         @keyframes spin {
             0% { transform: rotate(0deg); }
@@ -41,6 +53,7 @@
     </style>
 </head>
 <body>
+    <div id="build-info"></div>
     <!-- Loading screen -->
     <div id="loading">
         <div class="spinner"></div>
@@ -52,5 +65,21 @@ <h2>🦀 Loading Crypto Chart...</h2>
 
     <!-- Trunk will attach the WASM here automatically -->
     <link data-trunk rel="rust" data-wasm-opt="z" />
+    <script>
+        async function loadBuildInfo() {
+            try {
+                const [commitRes, timeRes] = await Promise.all([
+                    fetch('version'),
+                    fetch('build_time'),
+                ]);
+                const commit = (await commitRes.text()).trim();
+                const time = (await timeRes.text()).trim();
+                document.getElementById('build-info').textContent = `Build: ${commit} (${time})`;
+            } catch (e) {
+                console.error('Failed to load build info', e);
+            }
+        }
+        loadBuildInfo();
+    </script>
 </body>
-</html> 
\ No newline at end of file
+</html>
