Merge pull request #25178 from dvdksn/mermaid-codeblock-hook

layouts: render mermaid code blocks as diagrams

layouts/_markup/render-codeblock-mermaid.html

@@ -0,0 +1,5 @@
+{{- .Page.Store.Set "mermaid" true -}}
+<pre
+  class="mermaid not-prose my-4 flex justify-center bg-transparent"
+  data-pagefind-ignore
+>{{- .Inner -}}</pre>

layouts/_partials/mermaid-script.html

@@ -0,0 +1,4 @@
+{{ $mermaid := resources.Get "js/mermaid.js"
+  | js.Build (dict "minify" true "targetPath" "mermaid.js")
+}}
+<script defer src="{{ $mermaid.Permalink }}"></script>

layouts/baseof.html

@@ -95,5 +95,9 @@
     {{ with .Store.Get "youtube" }}
       {{ partialCached "youtube-script.html" "-" "-" }}
     {{ end }}
+    {{/* Load mermaid if the page contains a mermaid code block */}}
+    {{ with .Store.Get "mermaid" }}
+      {{ partialCached "mermaid-script.html" "-" "-" }}
+    {{ end }}
   </body>
 </html>