Enable comments

package.json

@@ -59,5 +59,8 @@
   "engines": {
     "node": ">=16.0.0",
     "npm": ">=8.3.1"
+  },
+  "dependencies": {
+    "giscus": "^1.5.0"
   }
 }

src/giscus.json.template.js

@@ -0,0 +1,26 @@
+/**
+ * @template T
+ * @typedef {import('top-bun').TemplateFunction<T>} TemplateFunction
+ */
+
+/** @type {TemplateFunction<{
+ *  siteName: string,
+ *  description: string,
+ *  siteUrl: string,
+ *  authorName: string,
+ *  authorUrl: string,
+ *  authorImgUrl: string
+ *  layout: string,
+ *  publishDate: string
+ *  title: string
+ * }>} */
+export default async ({
+  vars: {
+    siteUrl
+  }
+}) => {
+  return JSON.stringify({
+    origins: [siteUrl],
+    originsRegex: ['http://localhost:[0-9]+']
+  }, null, ' ')
+}

src/layouts/article.layout.client.js

@@ -0,0 +1 @@
+import 'giscus'

src/layouts/article.layout.js

@@ -51,12 +51,30 @@ export default function articleLayout (args) {
         }
       </section>
 
-      <!--
-        <footer>
-            <p>Footer notes or related info here...</p>
-        </footer>
-      -->
+    <!--
+    <footer>
+
+    </footer>
+    -->
+
     </article>
+
+    <hr/>
+    <giscus-widget
+      id="comments"
+      repo="bcomnes/bret.io"
+      repoid="MDEwOlJlcG9zaXRvcnk3MjgwNzcxMg=="
+      category="Announcements"
+      categoryid="DIC_kwDOBFb1IM4CN-FH"
+      mapping="og:title"
+      strict="0"
+      reactionsenabled="1"
+      emitmetadata="0"
+      inputposition="top"
+      theme="preferred_color_scheme"
+      lang="en"
+      loading="lazy"
+    ></giscus-widget>
     ${breadcrumb({ pathSegments })}
   `
 

src/layouts/book-review.layout.client.js

@@ -0,0 +1 @@
+import './article.layout.client.js'