feat: add support for mindmaps

modules/wowchemy/assets/js/mathjax-config.js

@@ -4,6 +4,10 @@
 // - The CommonHTML.linebreaks option is not yet implemented (but may be in a future release)
 // - The TeX.noUndefined.attributes option is not yet implemented (but may be in a future release)
 window.MathJax = {
+  options: {
+    // Don't render math in mindmaps as Markmap has its own math renderer.
+    ignoreHtmlClass: 'markmap',
+  },
   tex: {
     inlineMath: [
       ['$', '$'],

modules/wowchemy/layouts/_default/_markup/render-codeblock-markmap.html

@@ -0,0 +1,4 @@
+<div class="markmap" style="height: {{.Attributes.height | default "500px"}};">
+{{- .Inner | safeHTML }}
+</div>
+{{ .Page.Store.Set "has_markmap" true }}

modules/wowchemy/layouts/partials/site_js.html

@@ -136,6 +136,29 @@
   <script src="{{ $headroom.RelPermalink }}" type="module"></script>
 {{- end -}}
 
+{{/* Mindmaps */}}
+{{ if .Page.Store.Get "has_markmap" -}}
+  <style>
+    .markmap > svg {
+      width: 100%;
+      height: 100%;
+    }
+  </style>
+  <script>
+    window.markmap = {
+      autoLoader: {
+        manual: false,
+        onReady() {
+          const { autoLoader, builtInPlugins } = window.markmap;
+          // Disable Prism highlighting plugin as it conflicts and attempts to re-render code blocks outside of Markmap.
+          autoLoader.transformPlugins = builtInPlugins.filter(plugin => plugin.name !== 'prism');
+        },
+      },
+    };
+  </script>
+  <script src="https://cdn.jsdelivr.net/npm/markmap-autoloader"></script>
+{{ end -}}
+
 {{ $js_license := printf "/*! Wowchemy v%s | https://wowchemy.com/ */\n" site.Data.wowchemy.version }}
 {{ $js_license := $js_license | printf "%s/*! Copyright 2016-present George Cushen (https://georgecushen.com/) */\n" }}
 {{ $js_license := $js_license | printf "%s/*! License: https://github.com/wowchemy/wowchemy-hugo-themes/blob/main/LICENSE.md */\n" }}