➕ Add Mermaid as bundled dependency

layouts/partials/analytics.html

@@ -1,9 +1,9 @@
 {{ if not .Site.IsServer }}
   {{ with .Site.Params.fathomAnalytics.site }}
     {{ if isset $.Site.Params.fathomanalytics "domain" }}
-      <script src="https://{{ $.Site.Params.fathomanalytics.domain }}/script.js" data-site="{{ . }}" defer></script>
+      <script defer src="https://{{ $.Site.Params.fathomanalytics.domain }}/script.js" data-site="{{ . }}"></script>
     {{ else }}
-      <script src="https://cdn.usefathom.com/script.js" data-site="{{ . }}" defer></script>
+      <script defer src="https://cdn.usefathom.com/script.js" data-site="{{ . }}"></script>
     {{ end }}
   {{ end }}
   {{ template "_internal/google_analytics.html" . }}

layouts/partials/footer.html

@@ -41,11 +41,3 @@
     {{ partialCached "extend-footer.html" . }}
   {{ end }}
 </footer>
-
-{{/* Include mermaid.js only on pages that use the shortcode */}}
-{{- if .Page.HasShortcode "mermaid" -}}
-  <script src="https://unpkg.com/mermaid@8.13.3/dist/mermaid.min.js"></script>
-  <script>
-    mermaid.initialize({ theme: "default" });
-  </script>
-{{- end -}}

layouts/partials/head.html

@@ -100,6 +100,19 @@
       {{ range $name, $url := $links }}<link href="{{ $url }}" rel="me" />{{ end }}
     {{ end }}
   {{ end }}
+  {{/* Mermaid */}}
+  {{ if .Page.HasShortcode "mermaid" }}
+    {{ $mermaidJS := resources.Get "vendor/mermaid/mermaid.min.js" }}
+    {{ if $mermaidJS }}
+      {{ $mermaidJS := $mermaidJS | resources.Fingerprint "sha512" }}
+      <script defer src="{{ $mermaidJS.RelPermalink }}" integrity="{{ $mermaidJS.Data.Integrity }}"></script>
+      <script>
+        document.addEventListener('DOMContentLoaded', (event) => {
+          mermaid.initialize({ theme: "default" });
+        });
+      </script>
+    {{ end }}
+  {{ end }}
   {{/* Analytics */}}
   {{ partialCached "analytics.html" .Site }}
   {{/* Extend head - eg. for custom analytics scripts, etc. */}}