Fix: mermaid diagrams with parameters in site config

ouhft · Dec 1, 2022 · 33f3dfe · 33f3dfe
1 parent b4d66f7
commit 33f3dfe
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 13 deletions.
diff --git a/assets/js/mermaid.js b/assets/js/mermaid.js
@@ -1,9 +1,3 @@
-{{ $needmermaid := .Site.Params.mermaid.enable -}}
-{{ if ge hugo.Version "0.93.0" -}}
-    {{ $needmermaid = or $needmermaid (.Page.Store.Get "hasmermaid") -}}
-{{ end }}
-
-{{ if $needmermaid }}
 (function($) {
     var needMermaid = false;
 
@@ -23,7 +17,7 @@
         return;
     }
 
-    var params = {{ . | jsonify | safeJS }};
+    var params = {{ .Site.Params.mermaid | jsonify | safeJS }};
 
     // site params are stored with lowercase keys; lookup correct casing
     // from Mermaid default config.
@@ -45,4 +39,3 @@
     settings.startOnLoad = true;
     mermaid.initialize(settings);
 })(jQuery);
-{{ end }}
diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
@@ -1,12 +1,11 @@
 {{ $needmermaid := .Site.Params.mermaid.enable -}}
 {{ if ge hugo.Version "0.93.0" -}}
+    {{ with .Site.Params.mermaid }}
+        {{ $needmermaid = true }}
+    {{ end }}
     {{ $needmermaid = or $needmermaid (.Page.Store.Get "hasmermaid") -}}
 {{ end }}
 
-{{ if $needmermaid -}}
-  <script src="https://cdn.jsdelivr.net/npm/mermaid@9.1.7/dist/mermaid.min.js" integrity="sha512-1ypa9tdUrJAWv5g28Mb5x0zXaUuI4SBofKff88OGyk5D/oOd4x1IPxYHsx3K81bwBKt8NVUvGgw7TgNZ6PJX2A==" crossorigin="anonymous"></script>
-{{ end -}}
-
 {{ if .Site.Params.markmap.enable -}}
 <style>
 .markmap > svg {
@@ -64,7 +63,15 @@
 {{ if .Site.Params.offlineSearch -}}
   {{ $jsSearch = resources.Get "js/offline-search.js" -}}
 {{ end -}}
-{{ $js := (slice $jsBs $jsBase $jsAnchor $jsSearch $jsMermaid $jsPlantuml $jsMarkmap $jsDrawio) | resources.Concat "js/main.js" -}}
+
+{{ $jsArray := slice $jsBs $jsBase $jsAnchor $jsSearch $jsPlantuml $jsMarkmap $jsDrawio -}}
+
+{{ if $needmermaid -}}
+{{ $jsArray = $jsArray | append $jsMermaid -}}
+<script src="https://cdn.jsdelivr.net/npm/mermaid@9.2.2/dist/mermaid.min.js" integrity="sha512-IX+bU+wShHqfqaMHLMrtwi4nK6W/Z+QdZoL4kPNtRxI2wCLyHPMAdl3a43Fv1Foqv4AP+aiW6hg1dcrTt3xc+Q==" crossorigin="anonymous"></script>
+{{ end -}}
+
+{{ $js := $jsArray | resources.Concat "js/main.js" -}}
 {{ if hugo.IsProduction -}}
   {{ $js := $js | minify | fingerprint -}}
   <script src="{{ $js.RelPermalink }}" integrity="{{ $js.Data.Integrity }}" crossorigin="anonymous"></script>

diff --git a/userguide/config.yaml b/userguide/config.yaml
@@ -120,6 +120,10 @@ params:
     disable_toc: false
   markmap:
     enable: true
+  mermaid:
+    theme: default
+    flowchart:
+      diagramPadding: 20
 
 taxonomies:
   tag: tags