radiant-docs 0.1.39 → 0.1.41

package/template/src/pages/-/assistant/embed.js.ts

@@ -0,0 +1,15 @@
+import { renderAssistantEmbedScript } from "../../../lib/assistant-embed-script";
+import { getConfig } from "../../../lib/validation";
+
+export const prerender = true;
+
+export async function GET(): Promise<Response> {
+  const config = await getConfig();
+
+  return new Response(renderAssistantEmbedScript(config), {
+    headers: {
+      "Content-Type": "application/javascript; charset=utf-8",
+      "Cache-Control": "no-cache, max-age=0, must-revalidate",
+    },
+  });
+}

package/template/src/pages/-/assistant/panel.astro

@@ -0,0 +1,5 @@
+---
+import AssistantEmbedPanelPage from "../../../components/chat/AssistantEmbedPanelPage.astro";
+---
+
+<AssistantEmbedPanelPage />

package/template/src/pages/404.astro

@@ -1,5 +1,6 @@
 ---
 import { Icon } from "astro-icon/components";
+import { withBasePath } from "../lib/base-path";
 import Layout from "../layouts/Layout.astro";
 ---
 
@@ -8,10 +9,10 @@ import Layout from "../layouts/Layout.astro";
   pageDescription="The page you requested could not be found."
 >
   <section
-    class="mx-auto mt-8 h-full my-auto flex max-w-xl flex-col items-center gap-5 rounded-2xl bg-background px-6 py-10 text-center"
+    class="mx-auto mt-20 h-full my-auto flex max-w-xl flex-col items-center gap-5 rounded-2xl text-center"
   >
     <p
-      class="font-mono text-sm font-medium tracking-[0.22em] text-neutral-500 uppercase dark:text-neutral-400 border px-1 py-px pr-0.5 rounded"
+      class="rounded border border-neutral-200 bg-neutral-50 px-1 py-px pr-0.5 font-mono text-sm font-medium tracking-[0.22em] text-neutral-500 uppercase dark:border-neutral-800 dark:bg-neutral-900/60 dark:text-neutral-400"
     >
       404
     </p>
@@ -26,15 +27,15 @@ import Layout from "../layouts/Layout.astro";
     <div class="flex flex-wrap items-center justify-center gap-3">
       <button
         type="button"
-        class="inline-flex items-center justify-center gap-1.5 rounded-lg [corner-shape:superellipse(1.2)] border shadow-xs px-4 py-2 text-sm font-medium text-neutral-700/85 hover:text-neutral-700 cursor-pointer"
+        class="inline-flex items-center justify-center gap-1.5 rounded-lg [corner-shape:superellipse(1.2)] border border-neutral-200 bg-white px-4 py-2 text-sm font-medium text-neutral-700/85 shadow-xs transition hover:bg-neutral-50 hover:text-neutral-700 dark:border-neutral-800 dark:bg-neutral-900/60 dark:text-neutral-300 dark:hover:bg-neutral-800/70 dark:hover:text-neutral-100 cursor-pointer"
         onclick="history.back()"
       >
         <Icon name="lucide:arrow-big-left-dash" class="size-4" />
         Go back
       </button>
       <a
-        href="/"
-        class="inline-flex items-center justify-center gap-2 rounded-lg [corner-shape:superellipse(1.2)] border border-border px-4 py-2 text-sm font-[350] dark:font-[450] text-white bg-linear-to-b from-neutral-900/85 to-neutral-900 dark:from-neutral-100 dark:to-neutral-200 shadow-sm"
+        href={withBasePath("/")}
+        class="inline-flex items-center justify-center gap-2 rounded-lg [corner-shape:superellipse(1.2)] border border-border bg-linear-to-b from-neutral-900/85 to-neutral-900 px-4 py-2 text-sm font-[350] text-white shadow-sm transition hover:opacity-95 dark:from-neutral-100 dark:to-neutral-200 dark:font-[450] dark:text-neutral-950"
       >
         <Icon name="lucide:house" class="size-4" />
         Take me home

package/template/src/pages/[...slug].astro

@@ -1,16 +1,48 @@
 ---
 import { getCollection } from "astro:content";
-import { getAllRoutes, resolveMdxPageTitle, type Route } from "../lib/routes";
+import {
+  getAllRoutes,
+  resolveMdxPageTitle,
+  type Route,
+} from "../lib/routes";
 import { getConfig, validateMdxContent } from "../lib/validation";
 import MdxPage from "../components/MdxPage.astro";
 import OpenApiPage from "../components/OpenApiPage.astro";
 import type { GetStaticPathsResult } from "astro";
 
 export async function getStaticPaths(): Promise<GetStaticPathsResult> {
+  const buildAdjacentRouteMap = (routes: Route[]): Map<
+    string,
+    {
+      previousRoute?: Route;
+      nextRoute?: Route;
+    }
+  > => {
+    const adjacentBySlug = new Map<
+      string,
+      {
+        previousRoute?: Route;
+        nextRoute?: Route;
+      }
+    >();
+
+    for (let index = 0; index < routes.length; index++) {
+      const currentRoute = routes[index];
+      adjacentBySlug.set(currentRoute.slug, {
+        previousRoute: routes[index - 1],
+        nextRoute: routes[index + 1],
+      });
+    }
+
+    return adjacentBySlug;
+  };
+
   await validateMdxContent();
   const routes = await getAllRoutes();
+  const visibleRoutes = routes.filter((route) => !route.hidden);
   const docs = await getCollection("docs");
   const config = await getConfig();
+  const adjacentRoutesBySlug = buildAdjacentRouteMap(visibleRoutes);
 
   // console.log("routes", routes);
 
@@ -31,9 +63,16 @@ export async function getStaticPaths(): Promise<GetStaticPathsResult> {
           `Could not find content collection entry for path: ${route.filePath}`,
         );
       }
+      const adjacentRoutes = adjacentRoutesBySlug.get(route.slug);
       return {
         params: { slug: route.slug },
-        props: { route, entry },
+        props: {
+          route,
+          entry,
+          previousRoute: adjacentRoutes?.previousRoute,
+          nextRoute: adjacentRoutes?.nextRoute,
+          homePath: config.home,
+        },
       };
     } else {
       return {
@@ -68,22 +107,45 @@ export async function getStaticPaths(): Promise<GetStaticPathsResult> {
           filePath: config.home,
         }),
     };
+
+    const homeAdjacentRoutes = existingHomeRoute
+      ? adjacentRoutesBySlug.get(existingHomeRoute.slug)
+      : undefined;
+
     paths.push({
       params: { slug: "/" },
-      props: { route: homeRoute, entry: homeEntry },
+      props: {
+        route: homeRoute,
+        entry: homeEntry,
+        previousRoute: homeAdjacentRoutes?.previousRoute,
+        nextRoute: homeAdjacentRoutes?.nextRoute,
+        homePath: config.home,
+      },
     });
   }
 
   return paths;
 }
 
-const props = Astro.props as { route: Route; entry?: any };
-const { route, entry } = props;
+const props = Astro.props as {
+  route: Route;
+  entry?: any;
+  previousRoute?: Route;
+  nextRoute?: Route;
+  homePath?: string;
+};
+const { route, entry, previousRoute, nextRoute, homePath } = props;
 ---
 
 {
   route.type === "mdx" ? (
-    <MdxPage entry={entry!} route={route} />
+    <MdxPage
+      entry={entry!}
+      route={route}
+      previousRoute={previousRoute}
+      nextRoute={nextRoute}
+      homePath={homePath}
+    />
   ) : (
     <OpenApiPage route={route} />
   )

package/template/src/styles/global.css

@@ -111,7 +111,68 @@
 
 /* Prose styling */
 .prose-rules {
-  @apply *:max-w-2xl prose prose-neutral *:first:mt-0 *:last:mb-0 dark:prose-invert prose-h2:scroll-mt-28 prose-h3:scroll-mt-24 prose-headings:font-semibold [--tw-prose-bullets:inherit] [--tw-prose-counters:text-neutral-950];
+  @apply *:max-w-2xl prose *:first:mt-0 *:last:mb-0 prose-h2:scroll-mt-28 prose-h3:scroll-mt-24 prose-headings:font-semibold;
+  --tw-prose-body: var(--color-neutral-700);
+  --tw-prose-headings: var(--color-neutral-900);
+  --tw-prose-lead: var(--color-neutral-600);
+  --tw-prose-links: var(--color-neutral-900);
+  --tw-prose-bold: var(--color-neutral-900);
+  --tw-prose-counters: var(--color-neutral-500);
+  --tw-prose-bullets: inherit;
+  --tw-prose-hr: var(--color-neutral-200);
+  --tw-prose-quotes: var(--color-neutral-900);
+  --tw-prose-quote-borders: var(--color-neutral-200);
+  --tw-prose-captions: var(--color-neutral-500);
+  --tw-prose-kbd: var(--color-neutral-900);
+  --tw-prose-kbd-shadows: color-mix(
+    in oklab,
+    var(--color-neutral-900) 10%,
+    transparent
+  );
+  --tw-prose-code: var(--color-neutral-900);
+  --tw-prose-pre-code: var(--color-neutral-200);
+  --tw-prose-pre-bg: var(--color-neutral-800);
+  --tw-prose-th-borders: var(--color-neutral-300);
+  --tw-prose-td-borders: var(--color-neutral-200);
+  --tw-prose-invert-body: var(--color-neutral-300);
+  --tw-prose-invert-headings: white;
+  --tw-prose-invert-lead: var(--color-neutral-400);
+  --tw-prose-invert-links: white;
+  --tw-prose-invert-bold: white;
+  --tw-prose-invert-counters: var(--color-neutral-400);
+  --tw-prose-invert-bullets: var(--color-neutral-600);
+  --tw-prose-invert-hr: var(--color-neutral-700);
+  --tw-prose-invert-quotes: var(--color-neutral-100);
+  --tw-prose-invert-quote-borders: var(--color-neutral-700);
+  --tw-prose-invert-captions: var(--color-neutral-400);
+  --tw-prose-invert-kbd: white;
+  --tw-prose-invert-kbd-shadows: color-mix(in oklab, white 10%, transparent);
+  --tw-prose-invert-code: white;
+  --tw-prose-invert-pre-code: var(--color-neutral-300);
+  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
+  --tw-prose-invert-th-borders: var(--color-neutral-600);
+  --tw-prose-invert-td-borders: var(--color-neutral-700);
+}
+
+.dark .prose-rules {
+  --tw-prose-body: var(--tw-prose-invert-body);
+  --tw-prose-headings: var(--tw-prose-invert-headings);
+  --tw-prose-lead: var(--tw-prose-invert-lead);
+  --tw-prose-links: var(--tw-prose-invert-links);
+  --tw-prose-bold: var(--tw-prose-invert-bold);
+  --tw-prose-counters: var(--tw-prose-invert-counters);
+  --tw-prose-bullets: var(--tw-prose-invert-bullets);
+  --tw-prose-hr: var(--tw-prose-invert-hr);
+  --tw-prose-quotes: var(--tw-prose-invert-quotes);
+  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+  --tw-prose-captions: var(--tw-prose-invert-captions);
+  --tw-prose-kbd: var(--tw-prose-invert-kbd);
+  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
+  --tw-prose-code: var(--tw-prose-invert-code);
+  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
+  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
+  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
 }
 
 .prose-rules :is(h2, h3, h4, h5, h6) {