reallysimpledocs 1.0.0-beta.3 → 1.0.0-beta.5

package/src/runtime/scripts/copy-code.js

@@ -1,109 +0,0 @@
-import Copy from "lucide-static/icons/copy.svg?raw";
-import Check from "lucide-static/icons/check.svg?raw";
-
-const copyText = async (text) => {
-  if (window.isSecureContext && navigator.clipboard?.writeText) {
-    return navigator.clipboard.writeText(text);
-  }
-
-  const textarea = document.createElement("textarea");
-  textarea.value = text;
-  textarea.setAttribute("readonly", "");
-  textarea.style.position = "fixed";
-  textarea.style.top = "-9999px";
-  textarea.style.left = "-9999px";
-  document.body.appendChild(textarea);
-  textarea.select();
-  const ok = document.execCommand("copy");
-  textarea.remove();
-  if (!ok) throw new Error("Copy failed");
-};
-
-const activePanelCode = (root) => root.querySelector(':scope > [role="tabpanel"]:not([hidden]) code');
-const codeFrameClass = "relative my-6 w-full max-w-full overflow-hidden rounded-lg";
-const codePreClasses = ["!my-0", "max-w-full", "overflow-x-auto", "!rounded-none", "!border-0"];
-const codeContentClasses = ["block", "min-w-full", "w-max", "px-4", "py-3", "text-[13px]"];
-const copyButtonClass =
-  "flex size-6 shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none hover:bg-accent hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:hover:bg-accent/50 [&_svg]:size-4";
-
-const initCopyCode = (codeBlock) => {
-  const codeEl = codeBlock.querySelector(":scope > code");
-  if (!codeEl) return;
-
-  codeBlock.classList.add(...codePreClasses);
-  codeEl.classList.add(...codeContentClasses);
-
-  let target = null;
-  let frame = codeBlock.closest("[data-code-group]");
-  let getCode = frame ? () => activePanelCode(frame) || codeEl : () => codeEl;
-  if (frame) target = frame.querySelector(":scope > header");
-
-  const preview = codeBlock.closest("[data-preview]");
-  const previewCodePanel = preview?.querySelector(":scope > [data-code-panel]");
-  if (!frame && previewCodePanel?.contains(codeBlock)) {
-    frame = preview;
-    target = frame.querySelector(":scope > header");
-    getCode = () => codeEl;
-  }
-
-  if (!frame) {
-    frame = codeBlock.parentElement?.hasAttribute("data-code-block") ? codeBlock.parentElement : null;
-    if (!frame) {
-      frame = document.createElement("div");
-      frame.dataset.codeBlock = "";
-      frame.className = codeFrameClass;
-      codeBlock.parentNode.insertBefore(frame, codeBlock);
-      frame.appendChild(codeBlock);
-    }
-  }
-
-  target ||= frame.querySelector(":scope > header") || frame;
-
-  if (target.querySelector(":scope > button[aria-label='Copy code']")) {
-    codeBlock.dataset.copyCodeInitialized = true;
-    return;
-  }
-
-  const button = document.createElement("button");
-  button.type = "button";
-  button.setAttribute("aria-label", "Copy code");
-  button.className = `${copyButtonClass} ${
-    target === frame
-      ? "absolute right-2.5 top-2.5 bg-muted/50 shadow-sm backdrop-blur-sm"
-      : "ml-auto"
-  }`;
-  button.innerHTML = Copy;
-
-  button.addEventListener("click", async () => {
-    const text = (getCode()?.textContent || "").replace(/\n$/, "");
-    if (!text) return;
-
-    button.disabled = true;
-    try {
-      await copyText(text);
-      button.innerHTML = Check;
-    } catch (error) {
-      console.error("[copy] Failed to copy:", error);
-      button.textContent = "Failed";
-    }
-    window.setTimeout(() => {
-      button.disabled = false;
-      button.innerHTML = Copy;
-    }, 1200);
-  });
-
-  target.appendChild(button);
-  if (previewCodePanel?.contains(codeBlock)) {
-    const syncPreviewCopyButton = () => {
-      button.hidden = previewCodePanel.hidden;
-    };
-    syncPreviewCopyButton();
-    new MutationObserver(syncPreviewCopyButton).observe(previewCodePanel, {
-      attributes: true,
-      attributeFilter: ["hidden"],
-    });
-  }
-  codeBlock.dataset.copyCodeInitialized = true;
-};
-
-window.basecoat?.register("copy-code", "pre:has(> code):not([data-copy-code-initialized])", initCopyCode);