fixes and functions

2026-08-05 22:56:02 +02:00
parent 19d481fe72
commit b41ec22aab
5 changed files with 71 additions and 3 deletions
@@ -329,7 +329,26 @@ export function startNoteEditor(adapter) {
    setStatus(null, "Connecting…");
  }
  function updateAddressLabel() { document.querySelector(adapter.addressSelector).textContent = `${location.pathname}${location.search}`; }
-  async function renderMermaid() { const nodes = preview.querySelectorAll(".mermaid"); if (!nodes.length) return; try { const mermaid = await loadMermaid(); mermaid.initialize({ startOnLoad: false, theme: getTheme() === "dark" ? "dark" : "default", securityLevel: "strict" }); await mermaid.run({ nodes: [...nodes] }); } catch { nodes.forEach(n => n.insertAdjacentHTML("beforebegin", '<p class="error">Failed to load Mermaid.</p>')); } }
+  let mermaidRenderVersion = 0;
+  async function renderMermaid() {
+    const renderVersion = ++mermaidRenderVersion;
+    const nodes = [...preview.querySelectorAll(".mermaid")];
+    if (!nodes.length) return;
+    try {
+      const mermaid = await loadMermaid();
+      mermaid.initialize({ startOnLoad: false, theme: getTheme() === "dark" ? "dark" : "default", securityLevel: "strict" });
+      await mermaid.run({ nodes });
+    } catch {
+      if (renderVersion !== mermaidRenderVersion) return;
+      nodes.forEach(node => {
+        if (!node.isConnected || !preview.contains(node) || !node.parentNode) return;
+        const message = document.createElement("p");
+        message.className = "error mermaid-error";
+        message.textContent = "Failed to load Mermaid.";
+        node.parentNode.insertBefore(message, node);
+      });
+    }
+  }
  async function renderCodeHighlight() { const nodes = preview.querySelectorAll('pre code[class^="language-"]:not(.language-mermaid)'); if (!nodes.length) return; try { const hljs = await loadHighlight(); nodes.forEach(node => { const lines = node.querySelectorAll(".code-line"); if (!lines.length) { hljs.highlightElement(node); return; } const language = [...node.classList].find(name => name.startsWith("language-"))?.slice(9); lines.forEach(line => { try { line.innerHTML = hljs.highlight(line.textContent, { language, ignoreIllegals: true }).value; } catch { line.innerHTML = hljs.highlightAuto(line.textContent).value; } }); node.classList.add("hljs"); }); } catch { } }
  async function renderMediaPlayers() { const nodes = preview.querySelectorAll("[data-rustpad-player]"); if (!nodes.length) return; try { const { hydrateMediaPlayers } = await loadMediaPlayer(); hydrateMediaPlayers(preview); } catch { } }
  function renderParticipantBadges(owners) {