javascript.html

{{- $inServerMode := hugo.IsServer -}}

<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<!-- Custom JS -->
<!-- All JS files under assets/js are included -->
{{- $jsFiles := collections.Sort (resources.Match "js/*.js") "Name" -}}
{{- if $inServerMode -}}
{{- $js := $jsFiles | resources.Concat "js/bundle.js" }}
<script type="text/javascript" src={{ $js.RelPermalink }}></script>
{{ else }}
{{- $js := $jsFiles | resources.Concat "js/bundle.js" | resources.Minify }}
<script type="text/javascript" src={{ $js.RelPermalink }}></script>
{{- end -}}

<script type="text/javascript">setupShortcuts(maxLevel={{ default 2 .Page.Params.shortcutDepth }});</script>

{{- if .Page.Store.Get "hasMermaid" }}
<script type="module">
  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11.4.0/dist/mermaid.esm.min.mjs';

  const theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? 'dark' : 'default';

  mermaid.initialize({ startOnLoad: false, theme: theme });
  await mermaid.run({ querySelector: '.mermaid' });
</script>
{{ end -}}