drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-06-20 20:41:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: modularize scripts partial into separate components (#587)

Browse Source 
* refactor: modularize scripts partial into separate components

* fix: conditionally load Mermaid and KaTeX scripts
This commit is contained in:
Xin
2025-02-26 08:39:26 +00:00
committed by GitHub
parent 49b1cd11ee
commit c2286c9dd1
5 changed files with 102 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
layouts/partials/scripts/mermaid.html Normal file
View File

@ -0,0 +1,33 @@
{{/* Mermaid */}}
{{- $mermaidJS := resources.Get "lib/mermaid/mermaid.min.js" | fingerprint -}}
<script defer src="{{ $mermaidJS.RelPermalink }}" integrity="{{ $mermaidJS.Data.Integrity }}"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
// Store original mermaid code for each diagram
document.querySelectorAll(".mermaid").forEach(el => {
el.dataset.original = el.innerHTML;
});
const theme = document.documentElement.classList.contains("dark") ? "dark" : "default";
mermaid.initialize({ startOnLoad: true, theme: theme });
let timeout;
new MutationObserver(() => {
clearTimeout(timeout);
timeout = setTimeout(() => {
const theme = document.documentElement.classList.contains("dark") ? "dark" : "default";
document.querySelectorAll(".mermaid").forEach(el => {
// Reset to original content, preserving HTML
el.innerHTML = el.dataset.original;
el.removeAttribute("data-processed");
});
mermaid.initialize({ startOnLoad: true, theme: theme });
mermaid.init();
}, 150);
}).observe(document.documentElement, {
attributes: true,
attributeFilter: ["class"]
});
});
</script>