Adding mermaid support

[dave2wave]

No description provided.

[potiuk]

Despite using requirements files ;) -> this is great. Having diagrams generated from code is great. I love mermaid and the "editability" in place it gives.

[dave2wave]

<script>
document.addEventListener("DOMContentLoaded", () => {
  document.querySelectorAll("pre > code.language-mermaid").forEach(code => {
    const div = document.createElement("div");
    div.className = "mermaid";
    div.textContent = code.textContent;  // preserve raw mermaid markup

    // Replace <pre><code>…</code></pre> with <div class="mermaid">…</div>
    code.parentElement.replaceWith(div);
  });

  // Now render them
  mermaid.init();
});
</script>

[dave2wave]

div.textContent = decodeHtmlEntities(code.innerHTML);

[dave2wave]

function decodeHtmlEntities(str) {
  const txt = document.createElement("textarea");
  txt.innerHTML = str;
  return txt.value;
}

[dave2wave]

    const rawHtml = code.innerHTML;
    const decoded = decodeHtmlEntities(rawHtml);

    console.log("=== Mermaid block", i, "raw HTML ===");
    console.log(rawHtml);
    console.log("=== Mermaid block", i, "decoded text ===");
    console.log(decoded);

    const div = document.createElement("div");
    div.className = "mermaid";
    div.textContent = decoded;

    code.parentElement.replaceWith(div);

[dave2wave]

<script>
document.addEventListener("DOMContentLoaded", () => {

  function decodeHtmlEntities(str) {
    const txt = document.createElement("textarea");
    txt.innerHTML = str;
    return txt.value;
  }

  document.querySelectorAll("pre > code.language-mermaid").forEach((code, i) => {
    let decoded = decodeHtmlEntities(code.innerHTML);

    // Normalize whitespace
    decoded = decoded.replace(/\t/g, "    ");
    decoded = decoded.replace(/^\s*\n/, "").replace(/\n\s*$/, "");

    const div = document.createElement("div");
    div.className = "mermaid";
    div.textContent = decoded;

    code.parentElement.replaceWith(div);

    console.log(`=== Mermaid block ${i} ===`);
    console.log(decoded);
  });

  // Mermaid v10+ runs asynchronously
  mermaid.run({ querySelector: ".mermaid" })
    .catch(err => {
      console.error("Mermaid rendering failed:", err);
    });
});
</script>