feat(footer): add latest commit hash link with build timestamp

DCodeBot · dector · DCodeBot · commit 8dace4548540 · 2026-03-15T22:09:42.000Z
Co-authored-by: D &lt;code@dector.space&gt;
diff --git a/src/layouts/HtmlLayout.astro b/src/layouts/HtmlLayout.astro
@@ -1,6 +1,7 @@
 ---
 import "../styles/global.css";
 import { G } from "../lib/globals.js";
+import { buildMeta } from "../lib/build-meta.js";
 
 interface Props {
     title: string;
@@ -44,6 +45,11 @@ const canonicalUrl = canonical
     : new URL(Astro.url.pathname, site).href;
 const socialImageUrl = new URL(socialImage, site).href;
 const rssUrl = new URL("/rss.xml", site).href;
+const commitUrlTemplate = G.CommitUrlTemplate ?? "";
+const buildCommitUrl = commitUrlTemplate.replace(
+    "{{COMMIT}}",
+    encodeURIComponent(buildMeta.fullHash),
+);
 ---
 
 <html lang={lang} class="min-h-full">
@@ -98,7 +104,8 @@ const rssUrl = new URL("/rss.xml", site).href;
 
     <body
         class:list={[
-            "min-h-full bg-background font-sans leading-6 text-normal",
+            "min-h-screen bg-background font-sans leading-6 text-normal",
+            "flex flex-col",
             bodyClass,
         ]}
     >
@@ -156,8 +163,19 @@ const rssUrl = new URL("/rss.xml", site).href;
                 }
             </div>
         </header>
-        <div class:list={["pt-10", hasSectionTitleRow && "pt-20"]}>
+        <div class:list={["pt-10", hasSectionTitleRow && "pt-20", "flex-1"]}>
             <slot />
         </div>
+
+        <footer class="mx-auto w-full max-w-4xl px-3 py-3 text-center lg:px-0">
+            <a
+                href={buildCommitUrl}
+                class="font-mono text-xs text-muted no-underline hover:text-normal-lighter"
+                target="_blank"
+                rel="noopener noreferrer"
+            >
+                {buildMeta.label}
+            </a>
+        </footer>
     </body>
 </html>
diff --git a/src/lib/build-meta.js b/src/lib/build-meta.js
@@ -0,0 +1,39 @@
+import { execSync } from "node:child_process";
+
+function getFullHash() {
+    try {
+        return execSync("git rev-parse HEAD", {
+            encoding: "utf8",
+            stdio: ["ignore", "pipe", "ignore"],
+        }).trim();
+    } catch {
+        return "unknown";
+    }
+}
+
+function pad(value) {
+    return String(value).padStart(2, "0");
+}
+
+function formatBuildStamp(date = new Date()) {
+    const year = date.getFullYear();
+    const month = pad(date.getMonth() + 1);
+    const day = pad(date.getDate());
+    const hours = pad(date.getHours());
+    const minutes = pad(date.getMinutes());
+    const seconds = pad(date.getSeconds());
+
+    return `${year}${month}${day}-${hours}:${minutes}:${seconds}`;
+}
+
+const fullHash = getFullHash();
+const shortHash = fullHash === "unknown" ? fullHash : fullHash.slice(0, 8);
+const buildStamp = formatBuildStamp();
+const label = `${shortHash}-${buildStamp}`;
+
+export const buildMeta = {
+    fullHash,
+    shortHash,
+    buildStamp,
+    label,
+};
