radiant-docs 0.1.40 → 0.1.42

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

@@ -9,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>
@@ -27,7 +27,7 @@ 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" />
@@ -35,7 +35,7 @@ import Layout from "../layouts/Layout.astro";
       </button>
       <a
         href={withBasePath("/")}
-        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"
+        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/styles/global.css

@@ -111,7 +111,7 @@
 
 /* Prose styling */
 .prose-rules {
-  @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;
+  @apply prose max-w-none *:my-6 *:first:mt-0 *:last:mb-0 prose-h2:mt-7 prose-h2:mb-2 prose-h2:scroll-mt-24 prose-h3:mb-2 prose-h3:scroll-mt-24 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;
   --tw-prose-body: var(--color-neutral-700);
   --tw-prose-headings: var(--color-neutral-900);
   --tw-prose-lead: var(--color-neutral-600);
@@ -134,7 +134,7 @@
   --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-body: var(--color-neutral-200);
   --tw-prose-invert-headings: white;
   --tw-prose-invert-lead: var(--color-neutral-400);
   --tw-prose-invert-links: white;
@@ -175,7 +175,54 @@
   --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
 }
 
-.prose-rules :is(h2, h3, h4, h5, h6) {
+.rd-prose-block {
+  margin-block: 1.5rem;
+}
+
+.prose-rules > .rd-accordion:has(+ .rd-accordion) {
+  margin-block-end: 0 !important;
+  margin-bottom: 0 !important;
+}
+
+.prose-rules > .rd-accordion + .rd-accordion {
+  margin-block-start: 0 !important;
+  margin-top: 0 !important;
+}
+
+.prose-rules > .react-renderer,
+.prose-rules > [data-node-view-content-react],
+.prose-rules > [data-node-view-content-react] > .react-renderer {
+  margin-block: 0 !important;
+  max-width: none !important;
+}
+
+@layer base {
+  .prose-rules > .rd-prose-block:first-child,
+  .prose-rules > .react-renderer:first-child > .rd-prose-block,
+  .prose-rules > [data-node-view-content-react]:first-child > :first-child,
+  .prose-rules > [data-node-view-content-react] > .rd-prose-block:first-child,
+  .prose-rules
+    > [data-node-view-content-react]
+    > .react-renderer:first-child
+    > .rd-prose-block {
+    margin-block-start: 0 !important;
+    margin-top: 0 !important;
+  }
+
+  .prose-rules > .rd-prose-block:last-child,
+  .prose-rules > .react-renderer:last-child > .rd-prose-block,
+  .prose-rules > [data-node-view-content-react]:last-child > :last-child,
+  .prose-rules > [data-node-view-content-react] > .rd-prose-block:last-child,
+  .prose-rules
+    > [data-node-view-content-react]
+    > .react-renderer:last-child
+    > .rd-prose-block {
+    margin-block-end: 0 !important;
+    margin-bottom: 0 !important;
+  }
+}
+
+.prose-rules :is(h2, h3) {
   @apply relative;
   padding-left: 0.375rem;
   margin-left: -0.375rem;
@@ -197,8 +244,38 @@
   @apply opacity-100;
 }
 
+.prose-rules
+  :is(h2, h3, h4, h5, h6)
+  > .heading-anchor[data-copy-state="copied"] {
+  @apply opacity-100 bg-green-500/5 text-green-700/80 dark:bg-green-900/20 dark:text-green-600/80;
+}
+
+.prose-rules .heading-anchor-icons {
+  @apply grid size-3.5 place-items-center;
+}
+
 .prose-rules .heading-anchor-icon {
-  @apply h-3.5 w-3.5;
+  @apply col-start-1 row-start-1 h-3.5 w-3.5 origin-center transition-all duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] motion-reduce:transition-none;
+}
+
+.prose-rules .heading-anchor-link-icon {
+  @apply scale-100 rotate-0 opacity-100;
+}
+
+.prose-rules .heading-anchor-check-icon {
+  @apply scale-50 rotate-6 opacity-0;
+}
+
+.prose-rules
+  .heading-anchor[data-copy-state="copied"]
+  .heading-anchor-link-icon {
+  @apply scale-50 -rotate-6 opacity-0;
+}
+
+.prose-rules
+  .heading-anchor[data-copy-state="copied"]
+  .heading-anchor-check-icon {
+  @apply scale-110 rotate-0 opacity-100;
 }
 
 @media (max-width: 1023px) {