radiant-docs 0.1.59 → 0.1.60

package/template/src/components/SidebarGroup.astro

@@ -18,7 +18,7 @@ const groupSlug = slugify(item.group);
 const currentPrefix = parentSlug ? `${parentSlug}/${groupSlug}` : groupSlug;
 ---
 
-<li class="my-8 first:my-0 last:my-0">
+<li class="my-8 first:mt-0 last:mb-0">
   <div class:list={["text-sm font-semibold mb-2 flex items-center gap-2 px-2"]}>
     {item.icon && <Icon name={item.icon} class="size-4 text-neutral-500" />}
     {item.group}

package/template/src/components/ThemeSwitcher.astro

@@ -4,15 +4,15 @@ import { Icon } from "astro-icon/components";
 
 <div
   x-data="{
-        forcedTheme: (() => {
+        initialTheme: (() => {
             const mode = new URLSearchParams(window.location.search).get('mode');
             return mode === 'light' || mode === 'dark' ? mode : null;
         })(),
         theme: localStorage.getItem('theme') || 'system',
         themeSwitchFrameId: null,
         init() {
-            if (this.forcedTheme) {
-                this.theme = this.forcedTheme;
+            if (this.initialTheme) {
+                this.theme = this.initialTheme;
             }
 
             this.updateDOM();
@@ -22,13 +22,6 @@ import { Icon } from "astro-icon/components";
 
             // Watch for changes to the 'theme' state
             this.$watch('theme', val => {
-                if (this.forcedTheme) {
-                    this.theme = this.forcedTheme;
-                    this.updateDOM();
-                    this.$nextTick(() => this.updateMarker());
-                    return;
-                }
-
                 localStorage.setItem('theme', val);
                 this.updateDOM();
                 this.$nextTick(() => this.updateMarker())
@@ -46,7 +39,7 @@ import { Icon } from "astro-icon/components";
         updateDOM() {
             const root = document.documentElement;
             root.classList.add('is-switching-theme');
-            const activeTheme = this.forcedTheme || this.theme;
+            const activeTheme = this.theme;
             const isDark = activeTheme === 'dark' || 
               (activeTheme === 'system' && window.matchMedia('(prefers-color-scheme: dark)').matches);
 
@@ -64,7 +57,7 @@ import { Icon } from "astro-icon/components";
         markerStyle: { left: null, width: null },
         updateMarker() {
             // Use the theme name as the ref key
-            const markerTheme = this.forcedTheme || this.theme;
+            const markerTheme = this.theme;
             const el = this.$refs[markerTheme];
             if (el) {
                 this.markerStyle = {
@@ -86,7 +79,6 @@ import { Icon } from "astro-icon/components";
     x-ref="light"
     @click="theme = 'light'"
     :class="theme === 'light' ? 'text-neutral-800' : 'text-neutral-500'"
-    :disabled="Boolean(forcedTheme)"
     class="p-[5px] rounded-full text-sm font-medium transition-all cursor-pointer z-10"
   >
     <Icon name="lucide:sun-medium" class="size-[13px]" />
@@ -96,7 +88,6 @@ import { Icon } from "astro-icon/components";
     x-ref="dark"
     @click="theme = 'dark'"
     :class="theme === 'dark' ? 'text-neutral-300' : 'text-neutral-500'"
-    :disabled="Boolean(forcedTheme)"
     class="p-[5px] rounded-full text-sm font-medium transition-all cursor-pointer z-10"
   >
     <Icon name="lucide:moon" class="size-[13px]" />
@@ -106,7 +97,6 @@ import { Icon } from "astro-icon/components";
     x-ref="system"
     @click="theme = 'system'"
     :class="theme === 'system' ? 'text-neutral-800 dark:text-neutral-300' : 'text-neutral-500'"
-    :disabled="Boolean(forcedTheme)"
     class="p-[6px] rounded-full text-sm font-medium transition-all cursor-pointer z-10"
   >
     <Icon name="lucide:monitor" class="size-[12px]" />

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

@@ -1,6 +1,6 @@
 ---
 import { Icon } from "astro-icon/components";
-import type { Field as FieldType } from "../OpenApiPage.astro";
+import type { OpenApiField as FieldType } from "../../lib/openapi/operation-doc";
 import Field from "../ui/Field.astro";
 
 interface Props {

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

@@ -5,15 +5,18 @@ import type { OpenApiRoute } from "../../lib/routes";
 import { getConfig } from "../../lib/validation";
 import { renderMarkdown } from "../../lib/utils";
 import {
-  headers,
-  type RequestFields,
-  type RequestSectionVariantData,
-} from "../OpenApiPage.astro";
+  OPENAPI_REQUEST_SECTION_LABELS,
+  type OpenApiRequestFields,
+  type OpenApiRequestSectionVariantData,
+} from "../../lib/openapi/operation-doc";
 import Accordion from "../user/Accordion.astro";
 import PlaygroundBar from "./PlaygroundBar.astro";
 import ResponseDisplay from "./ResponseDisplay.astro";
 import PlaygroundField from "./PlaygroundField.astro";
 
+type RequestFields = OpenApiRequestFields;
+type RequestSectionVariantData = OpenApiRequestSectionVariantData;
+
 interface Props {
   route: OpenApiRoute;
   serverUrl?: string;
@@ -33,6 +36,7 @@ const {
   bodyDescription = "",
   bodyDefaultKind,
 } = Astro.props;
+const headers: Record<string, string> = OPENAPI_REQUEST_SECTION_LABELS;
 const config = await getConfig();
 const configuredProxyUrl =
   typeof import.meta.env.PUBLIC_PROXY_URL === "string"

package/template/src/layouts/Layout.astro

@@ -11,6 +11,7 @@ import { getFaviconConfig } from "../lib/favicon";
 import { getDocsFontCss, getDocsFontPreloads } from "../lib/font-css";
 import { resolveStaticAssetUrl } from "../lib/static-asset-url";
 import { getDocsThemeCss } from "../lib/theme-css";
+import { resolvePageDescription } from "../lib/page-description";
 
 interface Props {
   pageTitle?: string;
@@ -39,14 +40,11 @@ const neutralPaletteCss = getDocsThemeCss(config.theme);
 const fontCss = getDocsFontCss(config.theme);
 const fontPreloads = getDocsFontPreloads(config.theme);
 const resolvedPageTitle = pageTitle?.trim();
-const resolvedPageDescription =
-  typeof pageDescription === "string" && pageDescription.trim().length > 0
-    ? pageDescription.trim()
-    : undefined;
-const fallbackDescription = resolvedPageTitle
-  ? `Learn about ${resolvedPageTitle} in the ${config.title} documentation.`
-  : `${config.title} documentation.`;
-const resolvedMetaDescription = resolvedPageDescription ?? fallbackDescription;
+const resolvedMetaDescription = resolvePageDescription({
+  pageTitle: resolvedPageTitle,
+  pageDescription,
+  docsTitle: config.title,
+});
 const documentTitle = resolvedPageTitle
   ? `${resolvedPageTitle} | ${config.title}`
   : `${config.title} Docs`;
@@ -240,18 +238,15 @@ const askAiEnabled = isDev || orgTier >= 3;
     <!-- Edges -->
     <div
       class="fixed top-1 inset-x-1 h-16 -z-10 bg-background-dark"
-      data-vaul-scale-chrome
     >
       <div class="bg-background w-full h-full rounded-t-2xl"></div>
     </div>
     <div
       class="fixed top-[63px] z-30 w-[5px] right-0 bottom-0 bg-background-dark border-l border-l-border"
-      data-vaul-scale-chrome
     >
     </div>
     <div
       class="fixed top-[63px] z-30 w-[5px] left-0 bottom-0 bg-background-dark border-r border-r-border"
-      data-vaul-scale-chrome
     >
     </div>
 
@@ -279,7 +274,6 @@ const askAiEnabled = isDev || orgTier >= 3;
     <!-- Main Content -->
     <div
       class="mx-1 mt-1 px-4 sm:px-6 lg:pl-[calc(288px+32px)] pt-16 lg:pr-8 bg-background"
-      data-vaul-scale-chrome
     >
       <main class="mx-auto pt-16 pb-16 min-h-[calc(100vh-64px)]">
         <slot />