reallysimpledocs 1.0.0-beta.4 → 1.0.0-beta.5

package/src/runtime/lib/preview-source-plugin.js

@@ -1,33 +0,0 @@
-import { getMdxChildrenSource } from "./mdx-source.js";
-
-export function previewSourceRemarkPlugin() {
-  return (tree, file) => {
-    const source = String(file.value || "");
-    walk(tree, (node) => {
-      if (!isPreview(node) || hasAttribute(node, "code")) return;
-      const code = getMdxChildrenSource(node, source);
-      node.attributes = [
-        ...(node.attributes || []),
-        {
-          type: "mdxJsxAttribute",
-          name: "code",
-          value: code,
-        },
-      ];
-    });
-  };
-}
-
-function walk(node, callback) {
-  if (!node || typeof node !== "object") return;
-  callback(node);
-  for (const child of node.children || []) walk(child, callback);
-}
-
-function isPreview(node) {
-  return node?.type === "mdxJsxFlowElement" && node.name === "Preview";
-}
-
-function hasAttribute(node, name) {
-  return (node.attributes || []).some((attr) => attr.type === "mdxJsxAttribute" && attr.name === name);
-}

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

@@ -1,130 +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 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,
-);

package/src/site/ContentHeader.astro

@@ -1,33 +0,0 @@
----
-import Moon from "lucide-static/icons/moon.svg?raw";
-import Sun from "lucide-static/icons/sun.svg?raw";
-
-const github = `<svg role="img" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>`;
----
-
-<nav class="hidden items-center gap-2 sm:flex">
-  <a
-    class="btn-sm"
-    href="https://github.com/hunvreus/reallysimpledocs"
-    target="_blank"
-    rel="noopener"
-    aria-label="GitHub"
-    data-tooltip="GitHub"
-    data-side="bottom"
-  >
-    <Fragment set:html={github} />
-    GitHub
-  </a>
-  <button
-    type="button"
-    aria-label="Toggle dark mode"
-    data-tooltip="Toggle dark mode"
-    data-side="bottom"
-    data-align="end"
-    onclick="document.dispatchEvent(new CustomEvent('basecoat:theme'))"
-    class="btn-sm-icon-ghost"
-  >
-    <span class="hidden dark:block"><Fragment set:html={Sun} /></span>
-    <span class="block dark:hidden"><Fragment set:html={Moon} /></span>
-  </button>
-</nav>