feat: show latest log

Author: YDX-2147483647

main.typ

@@ -1,7 +1,7 @@
 #import "typ/packages/till-next.typ": mark-till-next, till-next
 #import "typ/util.typ": babel, bbl, issue, note, now-fixed, prompt, pull, unichar, workaround
 #import "typ/prioritization.typ": level, level-table
-#import "typ/show-example.typ": render-examples
+#import "typ/show-example.typ": layout-git-log, render-examples
 #show: render-examples
 
 #babel(en: [Chinese Layout Gap Analysis for Typst.], zh: [分析 Typst 与中文排版的差距。])
@@ -1648,6 +1648,8 @@ $ integral f dif x $
   [
     - #bbl(en: [Document version], zh: [文档版本]) \
       #link(git.commit_url)[commit #git.name] (#link(git.log_url)[log])
+
+      #layout-git-log(summary: bbl(en: [Latest log], zh: [最新日志]), git.latest_log)
   ]
 }
 

scripts/build.ts

@@ -4,32 +4,51 @@ import { fileURLToPath } from "node:url";
 import { extraArgs } from "./config.ts";
 import { precompile } from "./precompile.ts";
 import { typst } from "./typst.ts";
-import { duration_fmt } from "./util.ts";
+import { duration_fmt, execFile } from "./util.ts";
+
+interface GitInfo {
+  name: string;
+  commit_url: string;
+  log_url: string;
+  /** latest git log */
+  latest_log: string;
+}
+
+async function git_info(): Promise<GitInfo | null> {
+  const git_log = execFile("git", [
+    "log",
+    "--max-count=1",
+    "--pretty=fuller",
+    "--date=iso",
+  ]).then(({ stdout }) => stdout.trim());
 
-function git_info(): string[] {
   if (env.GITHUB_ACTIONS === "true") {
     // https://docs.github.com/en/actions/writing-workflows/choosing-what-your-workflow-does/store-information-in-variables#default-environment-variables
     const base = `${env.GITHUB_SERVER_URL}/${env.GITHUB_REPOSITORY}`;
-    const info = {
-      name: `${env.GITHUB_SHA?.slice(0, 8)} (${env.GITHUB_REF})`,
+    return {
+      name: `${env.GITHUB_SHA?.slice(0, 8)} (${env.GITHUB_REF_NAME})`,
       commit_url: `${base}/commit/${env.GITHUB_SHA}`,
       log_url: `${base}/actions/runs/${env.GITHUB_RUN_ID}`,
+      latest_log: await git_log,
     };
-    return ["--input", `git=${JSON.stringify(info)}`];
   } else if (env.NETLIFY === "true") {
     // https://docs.netlify.com/configure-builds/environment-variables/
-    const info = {
+    return {
       name: `${env.COMMIT_REF?.slice(0, 8)} (${env.HEAD})`,
       commit_url: `${env.REPOSITORY_URL}/commit/${env.COMMIT_REF}`,
       log_url:
         `https://app.netlify.com/sites/${env.SITE_NAME}/deploys/${env.DEPLOY_ID}`,
+      latest_log: await git_log,
     };
-    return ["--input", `git=${JSON.stringify(info)}`];
   } else {
-    return [];
+    return null;
   }
 }
 
+function as_input(info: GitInfo | null): string[] {
+  return info ? ["--input", `git=${JSON.stringify(info)}`] : [];
+}
+
 if (process.argv[1] === fileURLToPath(import.meta.url)) {
   await precompile();
 
@@ -38,7 +57,7 @@ if (process.argv[1] === fileURLToPath(import.meta.url)) {
     "compile",
     "index.typ",
     "dist/index.html",
-    ...git_info(),
+    ...as_input(await git_info()),
     ...extraArgs.build,
   ]);
   console.log(

typ/show-example.typ

@@ -2,7 +2,7 @@
 #import "@preview/jumble:0.0.1": bytes-to-hex, md5
 
 #import "templates/html-fix.typ": reserve-text-fill
-#import "templates/html-toolkit.typ": div, div-frame, img
+#import "templates/html-toolkit.typ": div-frame, h
 #import "mode.typ": cache-dir, cache-ready, mode
 
 
@@ -26,7 +26,7 @@
 /// - preview (content): previewed result
 /// - annotation (str): an annotation shown when hovering
 /// -> content
-#let layout-example(code, preview, annotation: none, ..sink) = div(
+#let layout-example(code, preview, annotation: none, ..sink) = h.div(
   class: "example",
   ..if annotation != none { (title: annotation) },
   {
@@ -155,3 +155,10 @@
 
   body
 }
+
+/// Layout a git log in a `<details>`
+#let layout-git-log(summary: [], log) = h.details(class: "example", {
+  h.summary(summary)
+  show text: reserve-text-fill
+  raw(log, lang: "gitlog", block: true)
+})