WIP cca4a

Author: anthonyshew

docs/site/app/(openapi)/repo/docs/openapi/[[...slug]]/openapi.css

@@ -0,0 +1,29 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+#nd-page
+  > article
+  > div.prose
+  > div
+  > div
+  > div.min-w-0.flex-1
+  > form
+  > div.flex.flex-row.items-center.gap-2.text-sm
+  > button {
+  color: white !important;
+}
+
+.dark {
+  #nd-page
+    > article
+    > div.prose
+    > div
+    > div
+    > div.min-w-0.flex-1
+    > form
+    > div.flex.flex-row.items-center.gap-2.text-sm
+    > button {
+    color: black !important;
+  }
+}

docs/site/app/(openapi)/repo/docs/openapi/[[...slug]]/page.tsx

@@ -0,0 +1,43 @@
+import {
+  DocsPage,
+  DocsBody,
+  DocsTitle,
+  DocsDescription,
+} from "fumadocs-ui/page";
+import { notFound } from "next/navigation";
+import defaultMdxComponents from "fumadocs-ui/mdx";
+import { openapi, openapiPages } from "@/app/source";
+// eslint-disable-next-line rulesdir/global-css
+import "./openapi.css";
+
+export default async function Page(props: {
+  params: Promise<{ slug?: string[] }>;
+}): Promise<JSX.Element> {
+  const params = await props.params;
+  const page = openapiPages.getPage(params.slug);
+
+  if (!page) {
+    notFound();
+  }
+
+  const Mdx = page.data.body;
+
+  return (
+    <DocsPage full={page.data.full} toc={page.data.toc}>
+      <DocsTitle>{page.data.title}</DocsTitle>
+      <DocsDescription>{page.data.description}</DocsDescription>
+      <DocsBody>
+        <Mdx
+          components={{
+            ...defaultMdxComponents,
+            APIPage: openapi.APIPage,
+          }}
+        />
+      </DocsBody>
+    </DocsPage>
+  );
+}
+
+export function generateStaticParams(): { slug: string[] }[] {
+  return openapiPages.generateParams();
+}

docs/site/app/(openapi)/repo/docs/openapi/layout.tsx

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+import { DocsLayout } from "fumadocs-ui/layouts/docs";
+import { layoutPropsWithSidebar } from "@/app/_components/inner-layout-props";
+import { openapiPages } from "@/app/source";
+
+export default function Layout({
+  children,
+}: {
+  children: ReactNode;
+}): JSX.Element {
+  return (
+    <DocsLayout
+      {...layoutPropsWithSidebar}
+      sidebar={{ defaultOpenLevel: 3, collapsible: false }}
+      tree={openapiPages.pageTree}
+    >
+      {children}
+    </DocsLayout>
+  );
+}

docs/site/app/(openapi)/repo/layout.tsx

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+
+export default function Layout({
+  children,
+}: {
+  children: ReactNode;
+}): JSX.Element {
+  return <>{children}</>;
+}