moved mermaid feature to js bundle

assets/scripts/features/flowchart/index.js

@@ -0,0 +1,3 @@
+if (process.env.FEATURE_FLOWCHART_MERMAID) {  
+  import('./mermaid');
+}

assets/scripts/features/flowchart/mermaid.js

@@ -0,0 +1,7 @@
+import mermaid from 'mermaid';
+import * as params from '@params';
+
+const mermaidOptions = params.flowchart?.mermaid || {};
+const options = Object.assign({}, mermaidOptions, { startOnLoad: true });
+
+mermaid.initialize(options);

assets/scripts/features/index.js

@@ -9,3 +9,7 @@ if (process.env.FEATURE_TOC) {
 if (process.env.FEATURE_DARKMODE) {
   import('./darkmode');
 }
+
+if (process.env.FEATURE_FLOWCHART) {
+  import('./flowchart');
+}

assets/scripts/features/videoplayer/plyr.js

@@ -1,5 +1,5 @@
 import Plyr from 'plyr';
-import { videoplayer } from '@params';
+import * as params from '@params';
 
-const { plyr: options } = videoplayer;
+const options = params.videoplayer?.plyr;
 window.addEventListener('DOMContentLoaded', () => Plyr.setup('.js-player', options));

layouts/_default/single.html

@@ -202,9 +202,4 @@
     {{ partial "math.html" . }}
 {{ end }}
 
-<!-------------- Enable mermaid support for this page  ---------------->
-{{ if .Params.mermaid }}
-    {{ partial "mermaid.html" . }}
-{{ end }}
-
 {{ end }}

layouts/partials/mermaid.html

@@ -1,6 +0,0 @@
-<script src="{{ "/js/mermaid-8.14.0.min.js" | relURL }}"></script>
-<script>
-    mermaid.initialize({
-        startOnLoad:true
-    });
-</script>