From ed4a1bc56e2477d38deaa32d532965bb62f95592 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9A=81=E5=AD=A6=E7=94=9F?=
 <76084546+ciallowo@users.noreply.github.com>
Date: Tue, 15 Jun 2021 03:05:27 +0800
Subject: [PATCH] feat(comment): add Waline (#200)

* feat(comment): add Waline

* fix: waline client config

* fix: waline client config

* #200#issuecomment-860025299

* Update config.yaml

* Update Waline section of config.yaml

* Remove double quote escape

Co-authored-by: zhixuan <jinzhixuan666@gmail.com>
Co-authored-by: Jimmy Cai <jimmehcai@gmail.com>
---
 exampleSite/config.yaml                       | 16 ++++++++++
 .../partials/comments/provider/waline.html    | 32 +++++++++++++++++++
 2 files changed, 48 insertions(+)
 create mode 100644 layouts/partials/comments/provider/waline.html

diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index 2910cbb..51274d6 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -67,6 +67,22 @@ params:
             clientId:
             clientSecret:
 
+        # Waline client configuration see: https://waline.js.org/en/reference/client.html
+        waline:
+            serverURL:
+            lang:
+            visitor:
+            avatar:
+            emoji:
+                - https://cdn.jsdelivr.net/gh/walinejs/emojis/weibo
+            requiredMeta:
+                - name
+                - email
+                - url
+            placeholder:
+            locale:
+                admin: Admin
+
     widgets:
         enabled:
             - search
diff --git a/layouts/partials/comments/provider/waline.html b/layouts/partials/comments/provider/waline.html
new file mode 100644
index 0000000..a983eb0
--- /dev/null
+++ b/layouts/partials/comments/provider/waline.html
@@ -0,0 +1,32 @@
+<script src='//cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.js'></script>
+<div id="waline" class="waline-container"></div>
+<style>
+    .waline-container {
+        background-color: var(--card-background);
+        border-radius: var(--card-border-radius);
+        box-shadow: var(--shadow-l1);
+        padding: var(--card-padding);
+    }
+    .waline-container .vcount {
+        color: var(--card-text-color-main);
+    }
+</style>
+
+{{- with .Site.Params.comments.waline -}}
+{{- $config := dict "el" "#waline" "dark" `body[data-scheme="dark"]` -}}
+{{- $replaceKeys := dict "serverurl" "serverURL" "requiredmeta" "requiredMeta" "wordlimit" "wordLimit" "pagesize" "pageSize" "avatarcdn" "avatarCDN" "avatarforce" "avatarForce" -}}
+
+{{- range $key, $val := . -}}
+    {{- if $val -}}  
+        {{- $replaceKey := index $replaceKeys $key -}}
+        {{- $k := default $key $replaceKey -}}
+
+        {{- $config = merge $config (dict $k $val) -}}
+    {{- end -}}
+{{- end -}}
+
+<script>
+    /// Waline client configuration see: https://waline.js.org/en/reference/client.html
+    new Waline({{ $config | jsonify | safeJS }});
+</script>
+{{- end -}}