{{ define "main" }}
  {{ $changelog_url := "https://gitlab.eclipse.org/eclipsefdn/software-dev/frameworks-and-tools/hugo-solstice-theme/-/raw/main/CHANGELOG.md?ref_type=heads" }}
  {{ with try (resources.GetRemote $changelog_url) }}
    {{ with .Err }}
      {{ errorf "%s" . }}
    {{ else with .Value }}
        {{ $changelog := .Content }}
        {{ $changelog | markdownify }}
        <script>
          document.querySelector('h1').innerText = 'Changelog';
          document.querySelectorAll('main li').forEach(li => {
            const commitHashPattern = /([a-f0-9]{7}):/i;
            li.childNodes.forEach(node => {
              if (node.nodeType === Node.TEXT_NODE) {
                // Check if the text node contains a commit hash pattern
                const match = node.textContent.match(commitHashPattern);
                if (match) {
                  const hash = match[1];
                  const url = `https://gitlab.eclipse.org/eclipsefdn/software-dev/frameworks-and-tools/hugo-solstice-theme/-/commit/${hash}`;

                  // Create a link element
                  const a = document.createElement('a');
                  a.href = url;
                  a.target = '_blank';
                  a.rel = 'noopener noreferrer';
                  a.textContent = match[0];

                  // Replace the text node with the link
                  const parts = node.textContent.split(match[0]);
                  const frag = document.createDocumentFragment();
                  frag.append(parts[0], a, parts[1]);

                  node.replaceWith(frag);
                }
              }
            });
          });
        </script>
    {{ else }}
      {{ errorf "Unable to get remote resource %q" $changelog_url }}
    {{ end }}
  {{ end }}
{{ end }}