From 181eb69948b26bfebff7b4a61b91e56d1ac688c8 Mon Sep 17 00:00:00 2001
From: isabel <isabel@isabelroses.com>
Date: Tue, 3 Jun 2025 20:03:07 +0100
Subject: [PATCH] feat: add back giscus

---
 src/content/writing-a-neovim-plugin.md |  2 +-
 src/pages/blog/[...slug].astro         | 46 ++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/src/content/writing-a-neovim-plugin.md b/src/content/writing-a-neovim-plugin.md
index 9528ecb..84d6da9 100644
--- a/src/content/writing-a-neovim-plugin.md
+++ b/src/content/writing-a-neovim-plugin.md
@@ -41,4 +41,4 @@ The plugin was a success, and I was able to generate images from code snippets.
 
 The plugin is available on GitHub under [isabelroses/charm-freeze.nvim](https://github.com/isabelroses/charm-freeze.nvim).
 
-![Example of the plugin in action](/static/posts/2024-03-29_freeze.webp)
+![Example of the plugin in action](/posts/2024-03-29_freeze.webp)
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 208bf99..93aa081 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -65,5 +65,51 @@ const shareurl = `https://isabelroses.com/blog/${ post.id }`;
         >CC BY-NC-SA 4.0</a
       >
     </span>
+
+    <div id="comments"></div>
   </section>
 </Default>
+
+<script>
+  document.addEventListener("astro:page-load", setup);
+  document.addEventListener("astro:after-swap", setup);
+
+  function setup() {
+    let theme = window.localStorage.getItem('theme');
+
+    if (theme.includes('catppuccin')) {
+      theme = `https://giscus.catppuccin.com/themes/${theme.split('_').pop()}-sapphire.css`
+    }
+
+    if (theme == undefined) {
+      theme = 'dark';
+    }
+
+    let attributes = {
+      'src': 'https://giscus.app/client.js',
+      'data-repo': 'isabelroses/website',
+      'data-repo-id': 'R_kgDOK09lKQ',
+      'data-category': 'General',
+      'data-category-id': 'DIC_kwDOK09lKc4CeIfv',
+      'data-mapping': 'title',
+      'data-strict': '0',
+      'data-reactions-enabled': '1',
+      'data-emit-metadata': '0',
+      'data-input-position': 'top',
+      'data-theme': theme,
+      'data-lang': 'en',
+      'data-loading': 'lazy',
+      'crossorigin': 'anonymous',
+      'async':  '',
+    };
+
+    let script = document.createElement('script');
+    Object.entries(attributes).forEach(([key, value]) =>
+      script.setAttribute(key, value),
+    );
+
+    const comments = document.getElementById('comments');
+    comments.innerHTML = '';
+    comments.appendChild(script);
+  };
+</script>
-- 
2.51.2