From f398fb9dd14878d54c97a21e0f585f37b5211aba Mon Sep 17 00:00:00 2001
From: Jiarong Hong <64763790+hongjr03@users.noreply.github.com>
Date: Sun, 3 Mar 2024 06:33:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(comments):=20add=20support=20for=20Beaudar?=
 =?UTF-8?q?=EF=BC=88=E8=A1=A8=E8=BE=BE=EF=BC=89comment=20system=20(#931)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

https://beaudar.lipk.org/
---
 config.yaml                                   |  6 +++
 exampleSite/config.yaml                       |  6 +++
 .../partials/comments/provider/beaudar.html   | 46 +++++++++++++++++++
 3 files changed, 58 insertions(+)
 create mode 100644 layouts/partials/comments/provider/beaudar.html

diff --git a/config.yaml b/config.yaml
index fafd340..05fe9c2 100644
--- a/config.yaml
+++ b/config.yaml
@@ -51,6 +51,12 @@ params:
             issueTerm: pathname
             label:
 
+        beaudar:
+            repo:
+            issueTerm: pathname
+            label:
+            theme:        
+
         remark42:
             host:
             site:
diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 30a37da..d8c02fe 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -93,6 +93,12 @@ params:
             issueTerm: pathname
             label:
 
+        beaudar:
+            repo:
+            issueTerm: pathname
+            label:
+            theme:        
+
         remark42:
             host:
             site:
diff --git a/layouts/partials/comments/provider/beaudar.html b/layouts/partials/comments/provider/beaudar.html
new file mode 100644
index 0000000..761801f
--- /dev/null
+++ b/layouts/partials/comments/provider/beaudar.html
@@ -0,0 +1,46 @@
+<script
+  src="https://beaudar.lipk.org/client.js"
+  repo="{{ .Site.Params.comments.beaudar.repo }}"
+  issue-term="{{ .Site.Params.comments.beaudar.issueTerm }}"
+  {{ with .Site.Params.comments.beaudar.label }}
+  label="{{ . }}"
+  {{ end }}
+  theme="{{ .Site.Params.comments.beaudar.theme }}"
+  crossorigin="anonymous"
+  async
+></script>
+
+<style>
+  .beaudar {
+    max-width: unset;
+  }
+</style>
+
+<script>
+  let beaudarLoaded = false;
+
+  function setBeaudarTheme(theme) {
+    let beaudar = document.querySelector(".beaudar iframe");
+    if (beaudar) {
+      beaudar.contentWindow.postMessage(
+        {
+          type: "set-theme",
+          theme: `github-${theme}`,
+        },
+        "https://beaudar.lipk.org"
+      );
+    }
+  }
+
+  addEventListener("message", (event) => {
+    if (event.origin !== "https://beaudar.lipk.org") return;
+    /// Called when Beaudar is ready
+    beaudarLoaded = true;
+    setBeaudarTheme(document.documentElement.dataset.scheme);
+  });
+
+  window.addEventListener("onColorSchemeChange", (e) => {
+    if (!beaudarLoaded) return;
+    setBeaudarTheme(e.detail);
+  });
+</script>