reallysimpledocs 1.0.0-beta.3 → 1.0.0-beta.4

package/src/runtime/pages/doc.astro

@@ -1,5 +1,6 @@
 ---
 import config from "virtual:reallysimpledocs/config";
+import UserMdxComponents from "virtual:reallysimpledocs/mdx-components";
 import { getMdxPage } from "virtual:reallysimpledocs/mdx-pages";
 import * as RsdComponents from "../../components/index.js";
 import DocsLayout from "../components/DocsLayout.astro";
@@ -18,8 +19,9 @@ const isMdx = page.extension === ".mdx";
 const mdxModule = isMdx ? await getMdxPage(page.slug) : null;
 const MdxContent = mdxModule?.Content || mdxModule?.default;
 const doc = isMdx ? { page, headings: getDocHeadings(config, page), html: "" } : await renderDoc(config, page);
+const mdxComponents = { ...RsdComponents, ...UserMdxComponents };
 ---
 
 <DocsLayout page={page} headings={doc.headings}>
-  {MdxContent ? <MdxContent components={RsdComponents} /> : <Fragment set:html={doc.html} />}
+  {MdxContent ? <MdxContent components={mdxComponents} /> : <Fragment set:html={doc.html} />}
 </DocsLayout>

package/src/runtime/pages/llms-full.txt.ts

@@ -2,12 +2,12 @@ import config from "virtual:reallysimpledocs/config";
 import { getLlmDocs } from "../lib/docs.js";
 import { getSite } from "../lib/site.js";
 
-export function GET({ site }) {
+export async function GET({ site }) {
   const siteData = getSite(config);
   const siteUrl = site?.toString().replace(/\/$/, "") || siteData.url || "";
   const lines = [];
 
-  getLlmDocs(config).forEach((doc) => {
+  (await getLlmDocs(config)).forEach((doc) => {
     lines.push(`# ${doc.title}`, `Source: ${siteUrl}${doc.path}`, "");
     lines.push(doc.content, "", "---", "");
   });

package/src/runtime/pages/llms.txt.ts

@@ -2,9 +2,9 @@ import config from "virtual:reallysimpledocs/config";
 import { flattenMenuSlugs, getLlmDocs, getManifest } from "../lib/docs.js";
 import { getSite } from "../lib/site.js";
 
-export function GET({ site }) {
+export async function GET({ site }) {
   const manifest = getManifest(config);
-  const docs = getLlmDocs(config);
+  const docs = await getLlmDocs(config);
   const bySlug = new Map(docs.map((doc) => [doc.slug, doc]));
   const siteData = getSite(config);
   const siteUrl = site?.toString().replace(/\/$/, "") || siteData.url || "";

package/src/runtime/pages/markdown.ts

@@ -8,8 +8,8 @@ export function getStaticPaths() {
   }));
 }
 
-export function GET({ props }) {
-  return new Response(getMarkdownExport(config, props.page), {
+export async function GET({ props }) {
+  return new Response(await getMarkdownExport(config, props.page), {
     headers: {
       "content-type": "text/markdown; charset=utf-8",
     },

package/src/runtime/pages/search-index.ts

@@ -2,8 +2,8 @@ import lunr from "lunr";
 import config from "virtual:reallysimpledocs/config";
 import { getSearchDocs } from "../lib/docs.js";
 
-export function GET() {
-  const documents = getSearchDocs(config);
+export async function GET() {
+  const documents = await getSearchDocs(config);
   const index = lunr(function () {
     this.ref("slug");
     this.field("title", { boost: 10 });

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

@@ -19,10 +19,25 @@ const copyText = async (text) => {
   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 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";
 
@@ -47,7 +62,9 @@ const initCopyCode = (codeBlock) => {
   }
 
   if (!frame) {
-    frame = codeBlock.parentElement?.hasAttribute("data-code-block") ? codeBlock.parentElement : null;
+    frame = codeBlock.parentElement?.hasAttribute("data-code-block")
+      ? codeBlock.parentElement
+      : null;
     if (!frame) {
       frame = document.createElement("div");
       frame.dataset.codeBlock = "";
@@ -69,7 +86,7 @@ const initCopyCode = (codeBlock) => {
   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"
+      ? "absolute right-2.5 top-2.5 bg-muted/50 backdrop-blur-sm"
       : "ml-auto"
   }`;
   button.innerHTML = Copy;
@@ -106,4 +123,8 @@ const initCopyCode = (codeBlock) => {
   codeBlock.dataset.copyCodeInitialized = true;
 };
 
-window.basecoat?.register("copy-code", "pre:has(> code):not([data-copy-code-initialized])", initCopyCode);
+window.basecoat?.register(
+  "copy-code",
+  "pre:has(> code):not([data-copy-code-initialized])",
+  initCopyCode,
+);

package/src/site/ContentHeader.astro

@@ -0,0 +1,33 @@
+---
+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>