radiant-docs 0.1.64 → 0.1.66

package/template/package.json

@@ -1,18 +1,10 @@
 {
-  "name": "builder2",
+  "name": "radiant-docs-preview-template",
   "type": "module",
   "version": "0.0.1",
   "scripts": {
     "dev": "astro dev",
-    "start": "tsx runner.ts",
-    "prebuild": "rm -rf public/pagefind",
-    "build": "astro build && node scripts/remove-assistant-for-non-pro.mjs && node scripts/generate-og-metadata.mjs && node scripts/generate-og-images.mjs && node scripts/stamp-og-image-versions.mjs && node scripts/stamp-image-versions.mjs && pagefind --site dist && node scripts/stamp-pagefind-runtime-version.mjs && node scripts/generate-proxy-allowed-origins.mjs && node scripts/generate-robots-txt.mjs",
-    "preview": "astro preview",
-    "astro": "astro",
-    "search:index": "astro build && node scripts/remove-assistant-for-non-pro.mjs && node scripts/generate-og-metadata.mjs && node scripts/generate-og-images.mjs && node scripts/stamp-og-image-versions.mjs && node scripts/stamp-image-versions.mjs && pagefind --site dist && node scripts/stamp-pagefind-runtime-version.mjs && node scripts/generate-proxy-allowed-origins.mjs && node scripts/generate-robots-txt.mjs && cp -r dist/pagefind public/",
-    "shiki:assets:update": "node scripts/publish-shiki-platform-assets.mjs --prepare-only --write-current",
-    "shiki:assets:upload": "node scripts/publish-shiki-platform-assets.mjs --check-current",
-    "shiki:assets:upload:dev": "node scripts/publish-shiki-platform-assets.mjs --env-file .env --check-current"
+    "astro": "astro"
   },
   "dependencies": {
     "@alpinejs/collapse": "^3.15.2",
@@ -23,7 +15,6 @@
     "@astrojs/mdx": "^7.0.0",
     "@astrojs/preact": "^6.0.0",
     "@astrojs/sitemap": "^3.7.3",
-    "@aws-sdk/client-s3": "^3.964.0",
     "@fontsource-variable/geist": "^5.2.9",
     "@fontsource-variable/geist-mono": "^5.2.8",
     "@fontsource-variable/google-sans": "^5.2.1",
@@ -41,7 +32,6 @@
     "@paper-design/shaders": "^0.0.76",
     "@preact/preset-vite": "^2.10.3",
     "@readme/oas-to-snippet": "^29.3.0",
-    "@resvg/resvg-js": "^2.6.2",
     "@shikijs/core": "4.2.0",
     "@shikijs/engine-javascript": "4.2.0",
     "@shikijs/langs": "4.2.0",
@@ -54,7 +44,6 @@
     "alpinejs": "^3.15.2",
     "astro": "^7.0.2",
     "astro-icon": "^1.1.5",
-    "fontkit": "^2.0.4",
     "fs-extra": "^11.3.3",
     "mdast-util-gfm": "^3.1.0",
     "micromark-extension-gfm": "^3.0.0",
@@ -62,12 +51,11 @@
     "oas": "^28.7.0",
     "openapi-sampler": "^1.6.2",
     "preact": "^10.29.0",
-    "radiant-docs-validator": "^0.1.29",
+    "radiant-docs-validator": "^0.1.30",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.1",
     "shiki": "4.2.0",
-    "simple-git": "^3.30.0",
     "tailwindcss": "^4.2.2",
     "wawoff2": "^2.0.1",
     "yaml": "^2.8.2"
@@ -75,8 +63,8 @@
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
     "@types/mime-types": "^3.0.1",
-    "esbuild": "^0.25.12",
-    "pagefind": "^1.4.0",
-    "tsx": "^4.21.0"
-  }
+    "esbuild": "^0.25.12"
+  },
+  "private": true,
+  "license": "UNLICENSED"
 }

package/template/src/components/OpenApiPage.astro

@@ -34,6 +34,7 @@ const {
   requestSectionVariants,
   bodyDescription,
   bodyDefaultKind,
+  requestBodyContentType,
   serverUrl,
 } = operationDoc;
 const title = operationDoc.title;
@@ -113,6 +114,7 @@ const snippetStickyClass = hasTopbarNavigationTabs
                     requestSectionVariants={requestSectionVariants}
                     bodyDescription={bodyDescription}
                     bodyDefaultKind={bodyDefaultKind}
+                    requestBodyContentType={requestBodyContentType}
                   />
                 </PlaygroundButton>
               )
@@ -190,9 +192,7 @@ const snippetStickyClass = hasTopbarNavigationTabs
                   )}
                   {hasCommonFields && (
                     <div x-data="{ expanded: true }" class="mt-4">
-                      <div
-                        class="w-full overflow-hidden rounded-xl border-[0.5px] border-neutral-900/8 bg-white shadow-[0_.5px_1px_rgba(0,0,0,0.15),0_5px_12px_-6px_rgba(0,0,0,0.08)] transition-colors duration-200 dark:border-white/6 dark:bg-(--rd-code-surface) dark:shadow-[0_-.5px_1px_rgba(255,255,255,0.15),0_5px_12px_-6px_rgba(0,0,0,0.2)]"
-                      >
+                      <div class="w-full overflow-hidden rounded-xl border-[0.5px] border-neutral-900/12 bg-neutral-50/50 shadow-[0_.5px_1px_rgba(0,0,0,0.15),0_5px_12px_-6px_rgba(0,0,0,0.08)] transition-colors duration-200 dark:border-white/6 dark:bg-(--rd-code-surface) dark:shadow-[0_-.5px_1px_rgba(255,255,255,0.15),0_5px_12px_-6px_rgba(0,0,0,0.2)]">
                         <button
                           type="button"
                           x-on:click="expanded = !expanded"
@@ -233,9 +233,7 @@ const snippetStickyClass = hasTopbarNavigationTabs
                               {variant.label}
                             </div>
                             <div x-data="{ expanded: true }">
-                              <div
-                                class="w-full overflow-hidden rounded-lg border-[0.5px] border-neutral-900/8 bg-white shadow-[0_.5px_1px_rgba(0,0,0,0.15),0_5px_12px_-6px_rgba(0,0,0,0.08)] transition-colors duration-200 dark:border-white/6 dark:bg-(--rd-code-surface) dark:shadow-[0_-.5px_1px_rgba(255,255,255,0.15),0_5px_12px_-6px_rgba(0,0,0,0.2)]"
-                              >
+                              <div class="w-full overflow-hidden rounded-lg border-[0.5px] border-neutral-900/8 bg-white shadow-[0_.5px_1px_rgba(0,0,0,0.15),0_5px_12px_-6px_rgba(0,0,0,0.08)] transition-colors duration-200 dark:border-white/6 dark:bg-(--rd-code-surface) dark:shadow-[0_-.5px_1px_rgba(255,255,255,0.15),0_5px_12px_-6px_rgba(0,0,0,0.2)]">
                                 <button
                                   type="button"
                                   x-on:click="expanded = !expanded"
@@ -289,7 +287,35 @@ const snippetStickyClass = hasTopbarNavigationTabs
   </article>
 </Layout>
 
-<script is:inline>
+<script is:inline data-astro-rerun>
+  (() => {
+  const cleanupCallbacks = [];
+  let didCleanup = false;
+
+  const addCleanup = (callback) => {
+    cleanupCallbacks.push(callback);
+  };
+
+  const cleanup = () => {
+    if (didCleanup) return;
+    didCleanup = true;
+
+    for (const callback of cleanupCallbacks.splice(0)) {
+      try {
+        callback();
+      } catch {
+        // Ignore cleanup failures during route swaps.
+      }
+    }
+  };
+
+  document.addEventListener("astro:before-swap", cleanup, { once: true });
+  window.addEventListener("pagehide", cleanup, { once: true });
+  addCleanup(() => {
+    document.removeEventListener("astro:before-swap", cleanup);
+    window.removeEventListener("pagehide", cleanup);
+  });
+
   const stack = document.querySelector("[data-snippet-stack]");
 
   if (stack instanceof HTMLElement) {
@@ -324,6 +350,8 @@ const snippetStickyClass = hasTopbarNavigationTabs
     const slotHeightTransitionMs = 360;
     let isAnimatingSlotHeights = false;
     let slotHeightAnimationTimeoutId = null;
+    let slotHeightAnimationFrameId = null;
+    let slotHeightSecondAnimationFrameId = null;
 
     const applySlotHeights = ({ animate = false } = {}) => {
       if (!slots.length) return;
@@ -490,8 +518,19 @@ const snippetStickyClass = hasTopbarNavigationTabs
     };
 
     const scheduleApplySlotHeights = (options = {}) => {
-      window.requestAnimationFrame(() => {
-        window.requestAnimationFrame(() => applySlotHeights(options));
+      if (slotHeightAnimationFrameId) {
+        window.cancelAnimationFrame(slotHeightAnimationFrameId);
+      }
+      if (slotHeightSecondAnimationFrameId) {
+        window.cancelAnimationFrame(slotHeightSecondAnimationFrameId);
+      }
+
+      slotHeightAnimationFrameId = window.requestAnimationFrame(() => {
+        slotHeightAnimationFrameId = null;
+        slotHeightSecondAnimationFrameId = window.requestAnimationFrame(() => {
+          slotHeightSecondAnimationFrameId = null;
+          applySlotHeights(options);
+        });
       });
     };
 
@@ -509,10 +548,28 @@ const snippetStickyClass = hasTopbarNavigationTabs
     window.addEventListener("scroll", scheduleApplySlotHeights, {
       passive: true,
     });
-    window.addEventListener(
-      "rd:snippet-content-change",
-      () => scheduleApplySlotHeights({ animate: true }),
-    );
+    const handleSnippetContentChange = () =>
+      scheduleApplySlotHeights({ animate: true });
+    window.addEventListener("rd:snippet-content-change", handleSnippetContentChange);
+    addCleanup(() => {
+      resizeObserver.disconnect();
+      window.removeEventListener("resize", applySlotHeights);
+      window.visualViewport?.removeEventListener("resize", applySlotHeights);
+      window.removeEventListener("scroll", scheduleApplySlotHeights);
+      window.removeEventListener(
+        "rd:snippet-content-change",
+        handleSnippetContentChange,
+      );
+      if (slotHeightAnimationTimeoutId) {
+        window.clearTimeout(slotHeightAnimationTimeoutId);
+      }
+      if (slotHeightAnimationFrameId) {
+        window.cancelAnimationFrame(slotHeightAnimationFrameId);
+      }
+      if (slotHeightSecondAnimationFrameId) {
+        window.cancelAnimationFrame(slotHeightSecondAnimationFrameId);
+      }
+    });
     applySlotHeights();
   }
 
@@ -541,6 +598,8 @@ const snippetStickyClass = hasTopbarNavigationTabs
     const inlineSlotHeightTransitionMs = 360;
     let isAnimatingInlineSlotHeights = false;
     let inlineSlotHeightAnimationTimeoutId = null;
+    let inlineSlotAnimationFrameId = null;
+    let inlineSlotSecondAnimationFrameId = null;
 
     const resetInlineSlotHeights = () => {
       for (const slot of inlineSlots) {
@@ -624,15 +683,18 @@ const snippetStickyClass = hasTopbarNavigationTabs
       }, inlineSlotHeightTransitionMs + 80);
     };
 
-    let inlineSlotAnimationFrameId = null;
     const scheduleInlineSlotHeights = (options = {}) => {
       if (inlineSlotAnimationFrameId) {
         window.cancelAnimationFrame(inlineSlotAnimationFrameId);
       }
+      if (inlineSlotSecondAnimationFrameId) {
+        window.cancelAnimationFrame(inlineSlotSecondAnimationFrameId);
+      }
 
       inlineSlotAnimationFrameId = window.requestAnimationFrame(() => {
-        inlineSlotAnimationFrameId = window.requestAnimationFrame(() => {
-          inlineSlotAnimationFrameId = null;
+        inlineSlotAnimationFrameId = null;
+        inlineSlotSecondAnimationFrameId = window.requestAnimationFrame(() => {
+          inlineSlotSecondAnimationFrameId = null;
           applyInlineSlotHeights(options);
         });
       });
@@ -642,11 +704,38 @@ const snippetStickyClass = hasTopbarNavigationTabs
     inlineResizeObserver.observe(inlineStack);
 
     window.addEventListener("resize", scheduleInlineSlotHeights);
-    window.visualViewport?.addEventListener("resize", scheduleInlineSlotHeights);
+    window.visualViewport?.addEventListener(
+      "resize",
+      scheduleInlineSlotHeights,
+    );
+    const handleInlineSnippetContentChange = () =>
+      scheduleInlineSlotHeights({ animate: true });
     window.addEventListener(
       "rd:snippet-content-change",
-      () => scheduleInlineSlotHeights({ animate: true }),
+      handleInlineSnippetContentChange,
     );
+    addCleanup(() => {
+      inlineResizeObserver.disconnect();
+      window.removeEventListener("resize", scheduleInlineSlotHeights);
+      window.visualViewport?.removeEventListener(
+        "resize",
+        scheduleInlineSlotHeights,
+      );
+      window.removeEventListener(
+        "rd:snippet-content-change",
+        handleInlineSnippetContentChange,
+      );
+      if (inlineSlotHeightAnimationTimeoutId) {
+        window.clearTimeout(inlineSlotHeightAnimationTimeoutId);
+      }
+      if (inlineSlotAnimationFrameId) {
+        window.cancelAnimationFrame(inlineSlotAnimationFrameId);
+      }
+      if (inlineSlotSecondAnimationFrameId) {
+        window.cancelAnimationFrame(inlineSlotSecondAnimationFrameId);
+      }
+    });
     scheduleInlineSlotHeights();
   }
+  })();
 </script>

package/template/src/components/Sidebar.astro

@@ -14,6 +14,7 @@ const config: DocsConfig = await getConfig();
 
 <aside class="flex flex-col h-full">
   <nav
+    data-rd-sidebar-scroll-container
     class="min-h-0 flex-1 overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
   >
     <SidebarMenu navigation={config.navigation} />

package/template/src/components/endpoint/PlaygroundBar.astro

@@ -22,7 +22,7 @@ const pathParts = route.openApiPath
 ---
 
 <div
-  class="min-w-0 flex-1 flex items-center p-1 border-[0.5px] border-neutral-900/8 bg-white rounded-xl shadow-[0_.5px_1px_rgba(0,0,0,0.15),0_5px_12px_-6px_rgba(0,0,0,0.08)] overflow-hidden dark:border-white/6 dark:bg-(--rd-code-surface) dark:shadow-[0_-.5px_1px_rgba(255,255,255,0.15),0_5px_12px_-6px_rgba(0,0,0,0.2)]"
+  class="min-w-0 flex-1 flex items-center p-1 border-[0.5px] border-neutral-900/12 bg-neutral-50/50 rounded-xl shadow-[0_.5px_1px_rgba(0,0,0,0.15),0_5px_12px_-6px_rgba(0,0,0,0.08)] overflow-hidden dark:border-white/6 dark:bg-(--rd-code-surface) dark:shadow-[0_-.5px_1px_rgba(255,255,255,0.15),0_5px_12px_-6px_rgba(0,0,0,0.2)]"
 >
   <span
     class="rd-endpoint-method-tag shrink-0 inline-block px-1.5 ml-1 text-sm font-semibold rounded-md uppercase border"