feat: add support for mermaid diagrams (#244)

Brendan Ang

2022-11-27 5f3d4306997e87437b4c9de97aa9eed355133965

 layouts/partials/head.html

@@ -51,6 +51,8 @@
  {{end}}
  {{partial "katex.html" .}}
    
  {{partial "mermaid.html" .}}
    
  <script src="https://unpkg.com/@floating-ui/core@0.7.3"></script>
  <script src="https://unpkg.com/@floating-ui/dom@0.5.4"></script>
  {{ $popover := resources.Get "js/popover.js" | resources.Fingerprint "md5" |
@@ -145,6 +147,19 @@

        }
      {{end}}

      {{if $data.enableMermaid | default $.Site.Data.config.enableMermaid}}
        var els = document.getElementsByClassName("mermaid");
        if (els.length > 0) {
          import('https://unpkg.com/mermaid@9/dist/mermaid.esm.min.mjs').then(
            (obj) => {
              // init forces mermaid to render mermaid markdown without waiting
              // for DOMContentLoaded event
              obj.default.init();
            }
          )
        }
      {{end}}
    }

    const init = (doc = document) => {