Function addCopyButtons

script.js:246–292

(container)

// --- Copy-to-clipboard buttons --------------------------------

function addCopyButtons(container) {
  container.querySelectorAll("pre").forEach((pre) => {
    if (pre.querySelector(".copy-btn")) return; // guard against double-adding
    const btn = document.createElement("button");
    btn.className = "copy-btn";
    btn.setAttribute("aria-label", "Copy code to clipboard");
    btn.innerHTML =
      `<svg viewBox="0 0 14 14" fill="none" width="11" height="11" xmlns="http://www.w3.org/2000/svg">
        <rect x="4" y="4" width="8" height="8" rx="1.2" stroke="currentColor" stroke-width="1.3"/>
        <path d="M2.5 9.5V2.5a1 1 0 0 1 1-1h6.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/>
      </svg><span>Copy</span>`;

    btn.addEventListener("click", () => {
      const code = pre.querySelector("code");
      const text = (code ? code.innerText : pre.innerText).trimEnd();

      const finish = (ok) => {
        const span = btn.querySelector("span");
        span.textContent = ok ? "Copied!" : "Error";
        btn.classList.toggle("copied", ok);
        btn.classList.toggle("copy-error", !ok);
        setTimeout(() => {
          span.textContent = "Copy";
          btn.classList.remove("copied", "copy-error");
        }, 2000);
      };

      if (navigator.clipboard?.writeText) {
        navigator.clipboard.writeText(text).then(() => finish(true)).catch(() => finish(false));
      } else {
        // Fallback for HTTP / older browsers
        try {
          const ta = Object.assign(document.createElement("textarea"), {
            value: text, style: "position:fixed;opacity:0"
          });
          document.body.appendChild(ta);
          ta.select();
          document.execCommand("copy");
          ta.remove();
          finish(true);
        } catch { finish(false); }
      }
    });

    pre.appendChild(btn);
  });
}

// --- Sidebar tree ---------------------------------------------