add git log widget

global.d.ts

@@ -1,4 +1,5 @@
 declare global {
     let __BLOG_POSTS__: string[]
+    let __GIT_LOG_OUTPUT__: Record<string, string>;
 }
 export { };

index.ts

@@ -2,10 +2,12 @@ import SSSG from "sssg";
 import Variables from "sssg/src/plugins/variables";
 import Dev from "sssg/src/plugins/dev";
 import TSCompiler from "sssg/src/plugins/ts-compiler";
-import MarkdownMetadata from "sssg/src/plugins/markdown-metadata";
+import MarkdownMetadata, {parseMetadata} from "sssg/src/plugins/markdown-metadata";
 import MarkdownCompiler from "sssg/src/plugins/markdown-compiler";
 import CompileTimeJS from "sssg/src/plugins/compile-time-js";
 
+import {$} from "bun"
+
 import * as path from "path";
 import * as fs from "fs";
 
@@ -14,6 +16,10 @@ const sssg = new SSSG({
   inputFolder: path.join(__dirname, "website"),
 });
 
+const gitLogShell = await $`git log --pretty=format:'commit=%H%nauthor=%aN <%aE>%ndate=%ad%nmessage=%s%n=========' -1`.quiet()
+const gitLogOutput = gitLogShell.text("utf8");
+const gitLog = JSON.stringify(parseMetadata(gitLogOutput));
+
 await sssg.run({
   plugins: [
     new CompileTimeJS(),
@@ -22,6 +28,7 @@ await sssg.run({
         __BLOG_POSTS__: JSON.stringify(
           fs.readdirSync("./website/blogs").map((z) => z.replace(".md", ""))
         ),
+        __GIT_LOG_OUTPUT__: gitLog
       };
 
       if (fs.existsSync("./website/templates")) {

website/assets/style.css

@@ -18,6 +18,7 @@ a {
   grid-template-areas:
     "details   skills"
     "details    donations"
+    "details    commit"
     "details    lastfm"
     "webrings   webrings"
     "status     binkies"
@@ -95,6 +96,22 @@ h6 {
 .skills {
   grid-area: skills;
 }
+.commit {
+  grid-area: commit;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0px;
+  padding: 5px;
+  margin: 5px;
+}
+
+.commit > *,
+.commit > * > * {
+  padding: 0;
+  margin: 0;
+}
 .binkies {
   grid-area: binkies;
   display: flex;
@@ -112,7 +129,8 @@ h6 {
 }
 .logo {
   max-width: 80%;
-  max-height:80%;}
+  max-height: 80%;
+}
 webring-container {
   width: unset !important;
   height: unset !important;
@@ -125,6 +143,7 @@ webring-container {
       "skills "
       "donations  "
       "lastfm"
+      "commit"
       "webrings"
       "binkies"
       "blog "

website/index.html

@@ -6,6 +6,7 @@ __TEMPLATE_HEAD__
 <script type="module" src="scripts/particles.js"></script>
 <script type="module" src="scripts/lastfm.js"></script>
 <script type="module" src="scripts/binkies.js"></script>
+<script type="module" src="scripts/commit.js"></script>
 
 <link rel="stylesheet" href="assets/style.css">
 </head>
@@ -95,7 +96,8 @@ __TEMPLATE_HEAD__
             </ul>
         </div>
         <div class="paper blog" id="root"></div>
-        <div class="paper status" id="status"></div>
+        <div class="paper status" id="status">
+        </div>
         <div class="paper binkies">
         </div>
         <div class="paper webrings">
@@ -112,9 +114,9 @@ __TEMPLATE_HEAD__
                 src="https://webring.bucketfish.me/embed.html?name=☹️☹️☹️.ovh&lightmode=true"></iframe>
         </div>
 
-        <div class="paper lastfm" id="lastfm">
-
-        </div>
+        <div class="paper lastfm" id="lastfm"></div>
+        <div class="paper commit" id="commit">
+            <h1>Latest commit!</h1>
         </div>
 </body>
 

website/scripts/commit.ts

@@ -0,0 +1,28 @@
+import { timeAgo } from "./util";
+
+const git = __GIT_LOG_OUTPUT__;
+const date = new Date(git.date);
+
+const commit = document.getElementById("commit");
+
+const a = document.createElement("a");
+a.href = `https://git.sad.ovh/sophie/website/commit/${git.commit}`;
+
+const h2 = document.createElement("h2")
+h2.innerText = git.message;
+
+a.appendChild(h2);
+
+const p = document.createElement("p");
+p.innerText = `${timeAgo(date)} -- ${git.date}`
+
+const p2 = document.createElement("p");
+p2.innerText = `commit by ${git.author.replace(/[^ ]*@.*/, "")}`
+
+commit?.appendChild(a)
+commit?.appendChild(p)
+commit?.appendChild(p2)
+
+
+//           <h1>More binkies + thinliquid's logo!! tysm :3</h1>
+//<p>20 minutes ago -- 2024-08-29 22:00:36 GMT+3</p>