1 files changed, 86 insertions, 0 deletions
diff --git a/src/components/templates/signature/Commit.astro b/src/components/templates/signature/Commit.astro
new file mode 100644
index 0000000..328a8f9
--- /dev/null
+++ b/src/components/templates/signature/Commit.astro
@@ -0,0 +1,86 @@
+---
+import { gitDir } from "@lib/git";
+import type { Commit } from "@lib/git/types";
+import { toIso8601Full } from "@utils/datetime";
+
+type Props = { commit: Commit; lang: string };
+
+const dir = await gitDir();
+const { hash, files, author, committer, signature } = Astro.props.commit;
+
+const formatter = new Intl.DateTimeFormat([Astro.props.lang], {
+  dateStyle: "short",
+  timeStyle: "short",
+});
+---
+
+<section>
+  <details>
+    <summary>
+      Informações sobre o último commit que modificou ficheiros relacionados a
+      este blog post:
+    </summary>
+    <dl class="divider">
+      <dt>Hash</dt>
+      <dd><samp title={hash.long}>0x{hash.short.toUpperCase()}</samp></dd>
+      <dt>Ficheiros modificados</dt>
+      {
+        files.length > 0
+          ? files.map((file) => (
+          <dd><samp>{file.path.pathname.replace(dir.pathname, "")}</samp></dd>
+        ))
+        : <dd>Nenhum ficheiro modificado</dd>
+      }
+      <dt>
+        Autor (<time datetime={toIso8601Full(author.date)}>{
+          formatter.format(author.date)
+        }</time>)
+      </dt>
+      <dd>
+        {author.name} &lt;<a href={`mailto:${author.email}`}>{
+          author.email
+        }</a>&gt;
+      </dd>
+      <dt>
+        Commiter (<time datetime={toIso8601Full(committer.date)}>{
+          formatter.format(committer.date)
+        }</time>)
+      </dt>
+      <dd>
+        {committer.name} &lt;<a href={`mailto:${committer.email}`}>{
+          committer.email
+        }</a>&gt;
+      </dd>
+      {
+        signature &&
+  (
+          <dt>Assinatura do commit</dt>
+          <dd>
+            <dl>
+              <dt>Tipo</dt>
+              <dd><samp>{signature.type}</samp></dd>
+              <dt>Assinante</dt>
+              <dd>{signature.signer}</dd>
+              <dt>Fingerprint da chave</dt>
+              <dd><samp>0x{signature.key.short}</samp></dd>
+            </dl>
+          </dd>
+        )
+      }
+    </dl>
+  </details>
+</section>
+
+<style>
+  section {
+    font-size: smaller;
+  }
+
+  dl {
+    margin-block: 0;
+  }
+
+  details {
+    padding-block: 1rem;
+  }
+</style>