fix mermaid

assets/js/main.js

@@ -1,6 +1,8 @@
 import { setup_theme_switch } from "./theme"
-import "./style";
-import "./selectable";
+import { fix_checkbox_list_style } from "./style"
+import { setup_selectable } from './selectable'
 
 
-setup_theme_switch('theme-switch')
+setup_theme_switch('theme-switch')
+setup_selectable()
+fix_checkbox_list_style('.md ul')

assets/js/selectable.js

@@ -1,4 +1,6 @@
-const selectable = '{{ .Site.Params.selectable }}'
-if (selectable === 'false') {
-  document.documentElement.style = 'user-select:none'
+export function setup_selectable () {
+  const selectable = '{{ .Site.Params.selectable }}'
+  if (selectable === 'false') {
+    document.documentElement.style = 'user-select:none'
+  }
 }

assets/js/style.js

@@ -1,11 +1,8 @@
-// fix style of checked/unchecked list items
-document.querySelectorAll('.md ul').forEach(v => {
-  if (/<li><input .+>.+<\/li>/.test(v.innerHTML)) {
-    console.log(v);
-    v.classList.add('ul-checkbox');
-  }
-});
-
-
-// // use custom font family
-// document.querySelector('body').style.setProperty('--global-font-family', '{{ .Site.Params.globalFontFamily }}');
+/** @param {string} selectors */
+export function fix_checkbox_list_style(selectors) {
+  document.querySelectorAll(selectors).forEach(v => {
+    if (/<li><input .+>.+<\/li>/.test(v.innerHTML)) {
+      v.classList.add('ul-checkbox');
+    }
+  });
+}

assets/js/theme.js

@@ -53,16 +53,14 @@ function switch_minima_theme(current, next) {
 
 /** @param {string} theme  */
 function switch_utterances_theme(theme) {
-    if (!utterances) {
-        utterances = document.querySelector('iframe.utterances-frame')
-    }
+    utterances =utterances || document.querySelector('iframe.utterances-frame')
+    if (!utterances) return
     utterances.contentWindow.postMessage({ type: 'set-theme', theme }, 'https://utteranc.es')
 }
 
 /** @param {string} theme */
 function switch_giscus_theme(theme) {
-    if (!giscus) {
-        giscus = document.querySelector('iframe.giscus-frame')
-    }
+    giscus = giscus || document.querySelector('iframe.giscus-frame')
+    if (!giscus) return
     giscus.contentWindow.postMessage({giscus: {setConfig: {theme}}}, 'https://giscus.app')
 }