mirror of
https://github.com/imfing/hextra.git
synced 2025-08-23 11:46:39 -04:00
refactor(mermaid): enhance Mermaid JS loading logic for flexibility (#745)
* refactor(mermaid): enhance Mermaid JS loading logic for flexibility - Updated the Mermaid JS loader to support configurable remote or local asset loading based on site parameters. - Improved error handling for asset retrieval and added comments for clarity on behavior based on different configurations. - Ensured that the default behavior falls back to a CDN if no base is provided, enhancing usability and maintainability. * chore: clean up comments * fix: comment typo
This commit is contained in:
@@ -1,17 +1,52 @@
|
|||||||
{{/* Mermaid */}}
|
{{- /* Mermaid */ -}}
|
||||||
|
|
||||||
{{ $mermaidJsUrl := printf "https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid%s.js" (cond hugo.IsProduction ".min" "") -}}
|
{{- $mermaidBase := "" -}}
|
||||||
{{ with try (resources.GetRemote $mermaidJsUrl) -}}
|
{{- $useDefaultCdn := true -}}
|
||||||
{{ with .Err -}}
|
{{- with site.Params.mermaid.base -}}
|
||||||
{{ errorf "Could not retrieve Mermaid js file from %s. Reason: %s." $mermaidJsUrl . -}}
|
{{- $mermaidBase = . -}}
|
||||||
{{ else with.Value -}}
|
{{- $useDefaultCdn = false -}}
|
||||||
{{ with resources.Copy (printf "js/mermaid.min.js") . -}}
|
{{- end -}}
|
||||||
{{ $mermaidJs := . | fingerprint -}}
|
|
||||||
|
{{- $mermaidJsAsset := "" -}}
|
||||||
|
{{- with site.Params.mermaid.js -}}
|
||||||
|
{{- $mermaidJsAsset = . -}}
|
||||||
|
{{- end -}}
|
||||||
|
|
||||||
|
{{- /* If only js is set without base, use local asset loading */ -}}
|
||||||
|
{{- if and $useDefaultCdn (ne $mermaidJsAsset "") -}}
|
||||||
|
{{- $useDefaultCdn = false -}}
|
||||||
|
{{- end -}}
|
||||||
|
|
||||||
|
{{- /* Set default CDN base if needed */ -}}
|
||||||
|
{{- if $useDefaultCdn -}}
|
||||||
|
{{- $mermaidBase = "https://cdn.jsdelivr.net/npm/mermaid@latest/dist" -}}
|
||||||
|
{{- end -}}
|
||||||
|
|
||||||
|
{{- $isRemoteBase := or (strings.HasPrefix $mermaidBase "http://") (strings.HasPrefix $mermaidBase "https://") -}}
|
||||||
|
{{- $minSuffix := cond hugo.IsProduction ".min" "" -}}
|
||||||
|
|
||||||
|
{{- /* JS retrieval: get raw JS from either local asset or remote, then process */ -}}
|
||||||
|
{{- if $isRemoteBase -}}
|
||||||
|
{{- $jsPath := cond (ne $mermaidJsAsset "") $mermaidJsAsset (printf "mermaid%s.js" $minSuffix) -}}
|
||||||
|
{{- $mermaidJsUrl := printf "%s/%s" $mermaidBase $jsPath -}}
|
||||||
|
{{- with try (resources.GetRemote $mermaidJsUrl) -}}
|
||||||
|
{{- with .Err -}}
|
||||||
|
{{- errorf "Could not retrieve Mermaid js file from %s. Reason: %s." $mermaidJsUrl . -}}
|
||||||
|
{{- else with .Value -}}
|
||||||
|
{{- with resources.Copy (printf "js/mermaid%s.js" $minSuffix) . -}}
|
||||||
|
{{- $mermaidJs := . | fingerprint -}}
|
||||||
<script defer src="{{ $mermaidJs.RelPermalink }}" integrity="{{ $mermaidJs.Data.Integrity }}" crossorigin="anonymous"></script>
|
<script defer src="{{ $mermaidJs.RelPermalink }}" integrity="{{ $mermaidJs.Data.Integrity }}" crossorigin="anonymous"></script>
|
||||||
{{ end -}}
|
{{- end -}}
|
||||||
{{ end -}}
|
{{- end -}}
|
||||||
{{ end -}}
|
{{- end -}}
|
||||||
|
{{- else if $mermaidJsAsset -}}
|
||||||
|
{{- with resources.Get $mermaidJsAsset -}}
|
||||||
|
{{- $mermaidJs := . | fingerprint -}}
|
||||||
|
<script defer src="{{ $mermaidJs.RelPermalink }}" integrity="{{ $mermaidJs.Data.Integrity }}" crossorigin="anonymous"></script>
|
||||||
|
{{- else -}}
|
||||||
|
{{- errorf "Mermaid js asset not found at %q" $mermaidJsAsset -}}
|
||||||
|
{{- end -}}
|
||||||
|
{{- end -}}
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
document.addEventListener("DOMContentLoaded", () => {
|
document.addEventListener("DOMContentLoaded", () => {
|
||||||
|
Reference in New Issue
Block a user