feat: add commit property

astro.config.ts

@@ -9,11 +9,10 @@ import tailwind from "@astrojs/tailwind";
 import playformCompress from "@playform/compress";
 
 import { schema } from "./env.ts";
+import { gitCommitRemarkPlugin } from "./src/lib/blog/gitCommitRemarkPlugin.ts";
 
 const { SITE } = loadEnv(process.env.NODE_ENV!, process.cwd(), "");
 
-console.log("SITE", SITE);
-
 export default defineConfig({
     site: SITE ?? "http://localhost:3000",
     output: "static",
@@ -47,6 +46,8 @@ export default defineConfig({
     },
     markdown: {
         syntaxHighlight: "prism",
+        // @ts-ignore: incorrectly typed in @astrojs/markdown-remark
+        remarkPlugins: [gitCommitRemarkPlugin],
     },
     redirects: {
         "/work": "/resume",

package.json

@@ -48,10 +48,12 @@
         "@types/react": "^19.0.2",
         "husky": "^9.1.7",
         "lint-staged": "^15.2.11",
+        "mdast": "^3.0.0",
         "prettier": "^3.4.2",
         "prettier-plugin-astro": "^0.14.1",
         "react-compiler-runtime": "^19.0.0-beta-b2e8e9c-20241220",
         "typescript": "^5.7.2",
+        "unified": "^11.0.5",
         "vite": "^6.0.7",
         "wrangler": "^3.99.0"
     }

src/lib/blog/gitCommitRemarkPlugin.ts

@@ -0,0 +1,30 @@
+import { execSync } from "node:child_process";
+import path from "node:path";
+
+import type { Root } from "mdast";
+import type { Plugin } from "unified";
+
+import { isDraft } from "./utils";
+
+type RemarkPlugin<PluginParameters extends any[] = any[]> = Plugin<
+    PluginParameters,
+    Root
+>;
+
+export function gitCommitRemarkPlugin(): RemarkPlugin {
+    return (_tree, file) => {
+        const filepath = file.history[0].replace(process.cwd(), "").slice(1);
+        const draft = isDraft(filepath);
+
+        if (draft) {
+            file.data.astro.frontmatter.commit = "<draft>";
+            return;
+        }
+
+        const commit = execSync(`git log -n 1 --pretty=format:%h -- ${path}`)
+            .toString()
+            .trim();
+
+        file.data.astro.frontmatter.commit = commit;
+    };
+}

src/lib/blog/utils.ts

@@ -1,4 +1,4 @@
-import { BLOG_CONTENT_POOL_PATH } from "lib/consts";
+import { BLOG_CONTENT_POOL_PATH } from "../consts";
 
 const relativePath = BLOG_CONTENT_POOL_PATH.replace(process.cwd(), "").slice(1);
 

src/pages/thoughts/[id].astro

@@ -14,7 +14,7 @@ dayjs.extend(advancedFormat);
 
 const { entry } = Astro.props;
 
-const { Content } = await render(entry);
+const { Content, remarkPluginFrontmatter } = await render(entry);
 
 export const prerender = true;
 
@@ -77,7 +77,9 @@ export async function getStaticPaths() {
                                 .toLowerCase()
                         }
                     </p>
-                    <p class="text-lg lg:text-[24px]">commit: aadcee0d</p>
+                    <p class="text-lg lg:text-[24px]">
+                        commit: {remarkPluginFrontmatter.commit}
+                    </p>
                 </div>
                 <div>
                     <p class="text-lg lg:text-2xl leading-9 hidden lg:block">