radiant-docs 0.1.61 → 0.1.63

package/template/src/lib/routes.ts

@@ -3,7 +3,9 @@ import {
   type NavGroup,
   type NavPage,
   type NavOpenApiPage,
+  type NavMenu,
   type NavMenuItem,
+  type NavTabItem,
   type NavOpenApi,
   type DocsConfig,
   loadOpenApiSpec,
@@ -22,6 +24,11 @@ import { prependBasePath, withBasePath } from "./base-path";
 import { getCollection } from "astro:content";
 
 type MdxNavPageItem = string | NavPage;
+type NavigationContentContainer = {
+  pages?: (string | NavPage | NavGroup | NavOpenApiPage)[];
+  menu?: NavMenu;
+  openapi?: string | NavOpenApi;
+};
 
 // Base route interface
 export interface BaseRoute {
@@ -420,30 +427,66 @@ async function processMenuItem(
     ? `${parentSlug}/${menuItemSlug}`
     : menuItemSlug;
 
-  const submenu = menuItem.submenu;
+  routes = routes.concat(
+    await processNavigationContent(menuItem, currentPrefix, docs),
+  );
 
-  // Process pages if they exist (pages array can contain pages and groups)
-  if (submenu.pages) {
-    for (const item of submenu.pages) {
-      if (typeof item === "string" || "page" in item) {
-        routes.push(processPageItem(item, currentPrefix, docs));
-      } else if ("group" in item) {
+  return routes;
+}
+
+async function processMenu(
+  menu: NavMenu,
+  parentSlug: string = "",
+  docs: any[],
+): Promise<Route[]> {
+  let routes: Route[] = [];
+
+  for (const menuItem of menu.items) {
+    const menuItemRoutes = await processMenuItem(menuItem, parentSlug, docs);
+    routes = routes.concat(menuItemRoutes);
+  }
+
+  return routes;
+}
+
+async function processTabItem(
+  tabItem: NavTabItem,
+  parentSlug: string = "",
+  docs: any[],
+): Promise<Route[]> {
+  const tabSlug = slugify(tabItem.slug || tabItem.label);
+  const currentPrefix = parentSlug ? `${parentSlug}/${tabSlug}` : tabSlug;
+
+  return processNavigationContent(tabItem, currentPrefix, docs);
+}
+
+async function processNavigationContent(
+  item: NavigationContentContainer,
+  parentSlug: string,
+  docs: any[],
+): Promise<Route[]> {
+  let routes: Route[] = [];
+
+  if (item.pages) {
+    for (const pageItem of item.pages) {
+      if (typeof pageItem === "string" || "page" in pageItem) {
+        routes.push(processPageItem(pageItem, parentSlug, docs));
+      } else if ("group" in pageItem) {
         routes = routes.concat(
-          await processGroup(item as NavGroup, currentPrefix, docs),
+          await processGroup(pageItem as NavGroup, parentSlug, docs),
         );
-      } else if ("openapi" in item) {
-        routes.push(await processOpenApiPageItem(item, currentPrefix));
+      } else if ("openapi" in pageItem) {
+        routes.push(await processOpenApiPageItem(pageItem, parentSlug));
       }
     }
   }
 
-  // Process OpenAPI file if it exists
-  if (submenu.openapi) {
-    const openApiRoutes = await processOpenApiFile(
-      submenu.openapi,
-      currentPrefix,
-    );
-    routes = routes.concat(openApiRoutes);
+  if (item.menu) {
+    routes = routes.concat(await processMenu(item.menu, parentSlug, docs));
+  }
+
+  if (item.openapi) {
+    routes = routes.concat(await processOpenApiFile(item.openapi, parentSlug));
   }
 
   return routes;
@@ -483,7 +526,7 @@ export async function getAllRoutes(): Promise<Route[]> {
 
   let allRoutes: Route[] = [];
 
-  // 3. Identify the active navigation container (pages or menu)
+  // 3. Identify the active navigation container
   // We use the XOR guarantee from validateNavigation (only one key exists)
   if (navigation.pages) {
     // Case 1: Pages array at the top level (can contain pages and groups)
@@ -499,15 +542,14 @@ export async function getAllRoutes(): Promise<Route[]> {
       }
     }
   } else if (navigation.menu) {
-    // Case 3: Menu object at the top level
-    // Need to await all menu items since processMenuItem is now async
-    for (const menuItem of navigation.menu.items) {
-      const menuItemRoutes = await processMenuItem(menuItem, "", docs);
-      allRoutes = allRoutes.concat(menuItemRoutes);
-    }
+    allRoutes = allRoutes.concat(await processMenu(navigation.menu, "", docs));
   } else if (navigation.openapi) {
     const openApiRoutes = await processOpenApiFile(navigation.openapi, "");
     allRoutes = allRoutes.concat(openApiRoutes);
+  } else if (navigation.tabs) {
+    for (const tabItem of navigation.tabs.items) {
+      allRoutes = allRoutes.concat(await processTabItem(tabItem, "", docs));
+    }
   }
 
   for (const auxiliaryPageRef of getAuxiliaryPageRefs(config)) {

package/template/src/styles/global.css

@@ -75,14 +75,14 @@
   --rd-panel-transition-easing: cubic-bezier(0.22, 1, 0.36, 1);
   --rd-code-surface: color-mix(
     in srgb,
-    var(--color-neutral-100) 60%,
-    var(--background) 40%
+    var(--color-neutral-100) 70%,
+    var(--background) 30%
   );
   --rd-code-tab-edge-bg: var(--rd-code-surface);
   --rd-code-tab-edge-border: color-mix(
     in oklab,
-    var(--color-neutral-900) 4%,
-    var(--color-white) 96%
+    var(--color-neutral-900) 6%,
+    var(--color-white) 94%
   );
 }
 
@@ -139,6 +139,18 @@
   display: none !important;
 }
 
+/* Disable route transition animation while preserving Astro client navigation. */
+::view-transition,
+::view-transition-group(*),
+::view-transition-image-pair(*),
+::view-transition-old(*),
+::view-transition-new(*) {
+  animation: none !important;
+  animation-delay: 0s !important;
+  animation-duration: 0s !important;
+  mix-blend-mode: normal !important;
+}
+
 /* Prose styling */
 .prose-rules {
   @apply prose max-w-none *:my-6 *:first:mt-0 *:last:mb-0 prose-h2:mt-12 prose-h2:mb-2 prose-h2:scroll-mt-24 prose-h3:mt-8 prose-h3:mb-2 prose-h3:scroll-mt-20 prose-headings:font-semibold prose-p:mt-0 prose-p:mb-4 prose-ol:mt-0 prose-ol:mb-5 prose-ul:mt-0 prose-ul:mb-5 prose-a:decoration-(--color-theme) prose-a:decoration-from-font prose-blockquote:border-(--color-theme)/30 dark:prose-blockquote:border-(--color-theme)/30;

package/template/src/components/ui/demo/CodeDemo.astro

@@ -1,15 +0,0 @@
-<span class="demo-component">
-  <slot />
-</span>
-
-<style>
-  @reference "../../../styles/global.css";
-
-  :global(.demo-component .frame) {
-    @apply shadow-none! my-0!;
-  }
-
-  :global(.demo-component .frame pre) {
-    @apply border-none! rounded-none rounded-b-xl bg-neutral-50! inset-shadow-xs;
-  }
-</style>

package/template/src/components/ui/demo/Demo.astro

@@ -1,3 +0,0 @@
-<div class="border rounded-xl shadow-xs my-5!">
-  <slot />
-</div>

package/template/src/components/ui/demo/UiDisplay.astro

@@ -1,13 +0,0 @@
----
-interface Props {
-  centerUi?: boolean;
-}
-
-const { centerUi } = Astro.props;
----
-
-<div
-  class:list={["px-8 flex justify-center", centerUi && "items-center min-h-96"]}
->
-  <slot />
-</div>