reallysimpledocs 1.0.0-beta.4 → 1.0.0

package/src/runtime/lib/markdown-exporters/index.js

@@ -1,144 +0,0 @@
-const serializers = {
-  Callout: renderCallout,
-  Code: renderCode,
-  CodeGroup: renderCodeGroup,
-  Preview: renderPreview,
-  Steps: renderSteps,
-  Tabs: renderChildren,
-  Card: renderCard,
-  CardGrid: renderCardGrid,
-};
-
-export async function serializeComponent(node, context, customSerializers = {}) {
-  if (customSerializers[node.name]) return await customSerializers[node.name](node, context);
-  return serializers[node.name]?.(node, context) || null;
-}
-
-async function renderChildren(node, context) {
-  return await context.transformBlocks(node.children || []);
-}
-
-async function renderCallout(node, context) {
-  const title = context.getAttr(node, "title");
-  const action = context.getAttr(node, "action");
-  const children = await context.transformBlocks(node.children || []);
-  const quoteChildren = [];
-  if (title) quoteChildren.push(strongParagraph(title));
-  quoteChildren.push(...children);
-  if (action?.label) {
-    quoteChildren.push({
-      type: "paragraph",
-      children: action.href
-        ? [{ type: "link", url: action.href, children: [{ type: "text", value: action.label }] }]
-        : [{ type: "strong", children: [{ type: "text", value: action.label }] }],
-    });
-  }
-  return [{ type: "blockquote", children: quoteChildren }];
-}
-
-function renderCode(node, context) {
-  const title = context.getAttr(node, "title") || context.getAttr(node, "slot");
-  const lang = context.getAttr(node, "lang") || "text";
-  const value = context.getCodeValue(node);
-  const blocks = [];
-  if (title) blocks.push(strongParagraph(title));
-  blocks.push({ type: "code", lang, value });
-  return blocks;
-}
-
-function renderCodeGroup(node, context) {
-  const codeNodes = collectCodeChildren(node, context);
-  if (!codeNodes.length) return renderChildren(node, context);
-  return codeNodes.flatMap((child, index) => {
-    const blocks = renderCode(child, context);
-    return index === 0 ? blocks : [{ type: "thematicBreak" }, ...blocks];
-  });
-}
-
-async function renderPreview(node, context) {
-  const value = context.getAttr(node, "code") || context.getChildrenSource(node);
-  if (value) {
-    return [{ type: "code", lang: context.getAttr(node, "lang") || "mdx", value }];
-  }
-  return await renderChildren(node, context);
-}
-
-async function renderSteps(node, context) {
-  const steps = (node.children || []).filter((child) => context.isNamedElement(child, "Step"));
-  if (!steps.length) return await renderChildren(node, context);
-  const children = [];
-  for (const step of steps) {
-    children.push({
-      type: "listItem",
-      spread: true,
-      children: await stepToBlocks(step, context),
-    });
-  }
-  return [
-    {
-      type: "list",
-      ordered: true,
-      spread: true,
-      children,
-    },
-  ];
-}
-
-function renderCard(node, context) {
-  return [cardList([node], context)];
-}
-
-function renderCardGrid(node, context) {
-  return [cardList((node.children || []).filter((child) => context.isNamedElement(child, "Card")), context)];
-}
-
-async function stepToBlocks(node, context) {
-  const title = context.getAttr(node, "title");
-  const children = await context.transformBlocks(node.children || []);
-  if (!title) return children;
-  return [strongParagraph(title), ...children];
-}
-
-function cardList(cards, context) {
-  return {
-    type: "list",
-    ordered: false,
-    spread: true,
-    children: cards.map((card) => ({
-      type: "listItem",
-      spread: false,
-      children: [cardParagraph(card, context)],
-    })),
-  };
-}
-
-function cardParagraph(node, context) {
-  const title = context.getAttr(node, "title") || "Card";
-  const description = context.getAttr(node, "description");
-  const href = context.getAttr(node, "href");
-  const titleNode =
-    href && href !== "#"
-      ? { type: "link", url: href, children: [{ type: "text", value: title }] }
-      : { type: "strong", children: [{ type: "text", value: title }] };
-  return {
-    type: "paragraph",
-    children: description ? [titleNode, { type: "text", value: `: ${description}` }] : [titleNode],
-  };
-}
-
-function collectCodeChildren(node, context) {
-  return (node.children || []).flatMap((child) => {
-    if (context.isNamedElement(child, "Code")) return [child];
-    if (child.type === "paragraph") {
-      return context.significantChildren(child.children || []).filter((entry) => context.isNamedElement(entry, "Code"));
-    }
-    return [];
-  });
-}
-
-function strongParagraph(value) {
-  return {
-    type: "paragraph",
-    children: [{ type: "strong", children: [{ type: "text", value }] }],
-  };
-}

package/src/runtime/lib/mdx-source.js

@@ -1,19 +0,0 @@
-export function getMdxChildrenSource(node, source) {
-  const children = node?.children || [];
-  const first = children[0];
-  const last = children.at(-1);
-  const start = first?.position?.start?.offset;
-  const end = last?.position?.end?.offset;
-  if (!Number.isFinite(start) || !Number.isFinite(end) || end <= start) return "";
-  return trimCode(String(source || "").slice(start, end));
-}
-
-export function trimCode(value) {
-  const lines = String(value || "").replace(/\r\n/g, "\n").split("\n");
-  while (lines.length && !lines[0].trim()) lines.shift();
-  while (lines.length && !lines.at(-1).trim()) lines.pop();
-  const indent = lines
-    .filter((line) => line.trim())
-    .reduce((min, line) => Math.min(min, line.match(/^\s*/)[0].length), Infinity);
-  return lines.map((line) => line.slice(Number.isFinite(indent) ? indent : 0)).join("\n");
-}

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>