setOpen(false)}
+ {...props}
+ />
+
+ );
+}
+
+export function SidebarDrawerContent({
+ className,
+ children,
+ ...props
+}: ComponentProps<"aside">) {
+ const { open, mode } = useSidebar();
+ const state = open ? "open" : "closed";
+
+ if (mode !== "drawer") return;
+ return (
+
+ {({ present }) => (
+
+ )}
+
+ );
+}
+
+export function SidebarSeparator(props: ComponentProps<"p">) {
+ return
;
+}
+
+export function SidebarItem({
+ icon,
+ active = false,
+ children,
+ ...props
+}: LinkProps & {
+ active?: boolean;
+ icon?: ReactNode;
+}) {
+ const ref = useRef
(null);
+ const { prefetch } = useSidebar();
+
+ useAutoScroll(active, ref);
+
+ return (
+
+ {icon ?? (props.external ? : null)}
+ {children}
+
+ );
+}
+
+export function SidebarFolder({
+ defaultOpen: defaultOpenProp,
+ collapsible = true,
+ active = false,
+ children,
+ ...props
+}: ComponentProps<"div"> & {
+ active?: boolean;
+ defaultOpen?: boolean;
+ collapsible?: boolean;
+}) {
+ const { defaultOpenLevel } = useSidebar();
+ const depth = useFolderDepth() + 1;
+ const defaultOpen =
+ collapsible === false ||
+ active ||
+ (defaultOpenProp ?? defaultOpenLevel >= depth);
+ const [open, setOpen] = useState(defaultOpen);
+
+ useOnChange(defaultOpen, (v) => {
+ if (v) setOpen(v);
+ });
+
+ return (
+
+ ({ open, setOpen, depth, collapsible }),
+ [collapsible, depth, open]
+ )}
+ >
+ {children}
+
+
+ );
+}
+
+export function SidebarFolderTrigger({
+ children,
+ ...props
+}: CollapsibleTriggerProps) {
+ const { open, collapsible } = use(FolderContext)!;
+
+ if (collapsible) {
+ return (
+
+ {children}
+
+
+ );
+ }
+
+ return )}>{children}
;
+}
+
+export function SidebarFolderLink({
+ children,
+ active = false,
+ ...props
+}: LinkProps & {
+ active?: boolean;
+}) {
+ const ref = useRef(null);
+ const { open, setOpen, collapsible } = use(FolderContext)!;
+ const { prefetch } = useSidebar();
+
+ useAutoScroll(active, ref);
+
+ return (
+ {
+ if (!collapsible) return;
+
+ if (
+ e.target instanceof Element &&
+ e.target.matches("[data-icon], [data-icon] *")
+ ) {
+ setOpen(!open);
+ e.preventDefault();
+ } else {
+ setOpen(active ? !open : true);
+ }
+ }}
+ prefetch={prefetch}
+ {...props}
+ >
+ {children}
+ {collapsible && (
+
+ )}
+
+ );
+}
+
+export function SidebarFolderContent(props: CollapsibleContentProps) {
+ return (
+ {props.children}
+ );
+}
+
+export function SidebarTrigger({
+ children,
+ ...props
+}: ComponentProps<"button">) {
+ const { setOpen } = useSidebar();
+
+ return (
+
+ );
+}
+
+export function SidebarCollapseTrigger(
+ props: ComponentProps<"button">
+) {
+ const { collapsed, setCollapsed } = useSidebar();
+
+ return (
+
+ );
+}
+
+/**
+ * scroll to the element if `active` is true
+ */
+export function useAutoScroll(
+ active: boolean,
+ ref: RefObject
+) {
+ const { mode } = useSidebar();
+
+ useEffect(() => {
+ if (active && ref.current) {
+ scrollIntoView(ref.current, {
+ boundary: document.getElementById(
+ mode === "drawer" ? "nd-sidebar-mobile" : "nd-sidebar"
+ ),
+ scrollMode: "if-needed"
+ });
+ }
+ }, [active, mode, ref]);
+}
diff --git a/apps/docs/src/components/layout/sidebar/link-item.tsx b/apps/docs/src/components/layout/sidebar/link-item.tsx
new file mode 100644
index 0000000..1883b12
--- /dev/null
+++ b/apps/docs/src/components/layout/sidebar/link-item.tsx
@@ -0,0 +1,73 @@
+"use client";
+import type { HTMLAttributes } from "react";
+import { type LinkItemType, useLinkItemActive } from "../link-item";
+import type * as Base from "./base";
+
+type InternalComponents = Pick<
+ typeof Base,
+ | "SidebarFolder"
+ | "SidebarFolderLink"
+ | "SidebarFolderContent"
+ | "SidebarFolderTrigger"
+ | "SidebarItem"
+>;
+
+export function createLinkItemRenderer({
+ SidebarFolder,
+ SidebarFolderContent,
+ SidebarFolderLink,
+ SidebarFolderTrigger,
+ SidebarItem
+}: InternalComponents) {
+ /**
+ * Render sidebar items from page tree
+ */
+ return function SidebarLinkItem({
+ item,
+ ...props
+ }: HTMLAttributes & {
+ item: Exclude;
+ }) {
+ const active = useLinkItemActive(item);
+ if (item.type === "custom")
+ return {item.children}
;
+
+ if (item.type === "menu")
+ return (
+
+ {item.url ? (
+
+ {item.icon}
+ {item.text}
+
+ ) : (
+
+ {item.icon}
+ {item.text}
+
+ )}
+
+ {item.items.map((child, i) => (
+
+ ))}
+
+
+ );
+
+ return (
+
+ {item.text}
+
+ );
+ };
+}
diff --git a/apps/docs/src/components/layout/sidebar/page-tree.tsx b/apps/docs/src/components/layout/sidebar/page-tree.tsx
new file mode 100644
index 0000000..45dafd5
--- /dev/null
+++ b/apps/docs/src/components/layout/sidebar/page-tree.tsx
@@ -0,0 +1,131 @@
+import { usePathname } from "fumadocs-core/framework";
+import type * as PageTree from "fumadocs-core/page-tree";
+import { useTreeContext, useTreePath } from "fumadocs-ui/contexts/tree";
+import {
+ createContext,
+ type FC,
+ Fragment,
+ type ReactNode,
+ use,
+ useMemo
+} from "react";
+import { isActive } from "../../../lib/urls";
+import type * as Base from "./base";
+
+export interface SidebarPageTreeComponents {
+ Item: FC<{ item: PageTree.Item }>;
+ Folder: FC<{ item: PageTree.Folder; children: ReactNode }>;
+ Separator: FC<{ item: PageTree.Separator }>;
+}
+
+const RendererContext = createContext<
+ | (Partial & {
+ pathname: string;
+ })
+ | null
+>(null);
+
+type InternalComponents = Pick<
+ typeof Base,
+ | "SidebarSeparator"
+ | "SidebarFolder"
+ | "SidebarFolderLink"
+ | "SidebarFolderContent"
+ | "SidebarFolderTrigger"
+ | "SidebarItem"
+>;
+
+export function createPageTreeRenderer({
+ SidebarFolder,
+ SidebarFolderContent,
+ SidebarFolderLink,
+ SidebarFolderTrigger,
+ SidebarSeparator,
+ SidebarItem
+}: InternalComponents) {
+ function renderList(nodes: PageTree.Node[]) {
+ return nodes.map((node, i) => );
+ }
+
+ function PageTreeNode({ node }: { node: PageTree.Node }) {
+ const { Separator, Item, Folder, pathname } = use(RendererContext)!;
+
+ if (node.type === "separator") {
+ if (Separator) return ;
+ return (
+
+ {node.icon}
+ {node.name}
+
+ );
+ }
+
+ if (node.type === "folder") {
+ // eslint-disable-next-line react-hooks/rules-of-hooks -- assume node type unchanged
+ const path = useTreePath();
+ if (Folder)
+ return {renderList(node.children)};
+
+ return (
+
+ {node.index ? (
+
+ {node.icon}
+ {node.name}
+
+ ) : (
+
+ {node.icon}
+ {node.name}
+
+ )}
+
+ {renderList(node.children)}
+
+
+ );
+ }
+
+ if (Item) return
+ {selected.icon}
+
+
+
{selected.title}
+
+ {selected.description}
+
+
+ {item.icon}
+
+
+
+ {item.title}
+
+
+ {item.description}
+
+
+ {node.icon}
+
+ )
+ };
+};
+
+export function getSidebarTabs(
+ tree: PageTree.Root,
+ { transform = defaultTransform }: GetSidebarTabsOptions = {}
+): SidebarTab[] {
+ const results: SidebarTab[] = [];
+
+ function scanOptions(
+ node: PageTree.Root | PageTree.Folder,
+ unlisted?: boolean
+ ) {
+ if ("root" in node && node.root) {
+ const urls = getFolderUrls(node);
+
+ if (urls.size > 0) {
+ const option: SidebarTab = {
+ url: urls.values().next().value ?? "",
+ title: node.name,
+ icon: node.icon,
+ unlisted,
+ description: node.description,
+ urls
+ };
+
+ const mapped = transform ? transform(option, node) : option;
+ if (mapped) results.push(mapped);
+ }
+ }
+
+ for (const child of node.children) {
+ if (child.type === "folder") scanOptions(child, unlisted);
+ }
+ }
+
+ scanOptions(tree);
+ if (tree.fallback) scanOptions(tree.fallback, true);
+
+ return results;
+}
+
+function getFolderUrls(
+ folder: PageTree.Folder,
+ output: Set = new Set()
+): Set {
+ if (folder.index) output.add(folder.index.url);
+
+ for (const child of folder.children) {
+ if (child.type === "page" && !child.external) output.add(child.url);
+ if (child.type === "folder") getFolderUrls(child, output);
+ }
+
+ return output;
+}
diff --git a/apps/docs/src/components/layout/theme-toggle.tsx b/apps/docs/src/components/layout/theme-toggle.tsx
new file mode 100644
index 0000000..dcd276a
--- /dev/null
+++ b/apps/docs/src/components/layout/theme-toggle.tsx
@@ -0,0 +1,86 @@
+"use client";
+import { cva } from "class-variance-authority";
+import { Airplay, Moon, Sun } from "lucide-react";
+import { useTheme } from "next-themes";
+import { type ComponentProps, useEffect, useState } from "react";
+import { cn } from "../../lib/cn";
+
+const itemVariants = cva("size-6.5 p-1.5 text-fd-muted-foreground", {
+ variants: {
+ active: {
+ true: "bg-fd-accent text-fd-accent-foreground",
+ false: "text-fd-muted-foreground"
+ }
+ }
+});
+
+const full = [
+ ["light", Sun] as const,
+ ["dark", Moon] as const,
+ ["system", Airplay] as const
+];
+
+export function ThemeToggle({
+ className,
+ mode = "light-dark",
+ ...props
+}: ComponentProps<"div"> & {
+ mode?: "light-dark" | "light-dark-system";
+}) {
+ const { setTheme, theme, resolvedTheme } = useTheme();
+ const [mounted, setMounted] = useState(false);
+
+ useEffect(() => {
+ setMounted(true);
+ }, []);
+
+ const container = cn(
+ "inline-flex items-center rounded-full border p-1 *:rounded-full",
+ className
+ );
+
+ if (mode === "light-dark") {
+ const value = mounted ? resolvedTheme : null;
+
+ return (
+
+ );
+ }
+
+ const value = mounted ? theme : null;
+
+ return (
+
+ {full.map(([key, Icon]) => (
+
+ ))}
+
+ );
+}
diff --git a/apps/docs/src/components/mdx.tsx b/apps/docs/src/components/mdx.tsx
new file mode 100644
index 0000000..8dea210
--- /dev/null
+++ b/apps/docs/src/components/mdx.tsx
@@ -0,0 +1,15 @@
+import defaultMdxComponents from "fumadocs-ui/mdx";
+import type { MDXComponents } from "mdx/types";
+
+export function getMDXComponents(components?: MDXComponents) {
+ return {
+ ...defaultMdxComponents,
+ ...components
+ } satisfies MDXComponents;
+}
+
+export const useMDXComponents = getMDXComponents;
+
+declare global {
+ type MDXProvidedComponents = ReturnType;
+}
diff --git a/apps/docs/src/components/not-found.tsx b/apps/docs/src/components/not-found.tsx
new file mode 100644
index 0000000..8e1d25f
--- /dev/null
+++ b/apps/docs/src/components/not-found.tsx
@@ -0,0 +1,11 @@
+import { HomeLayout } from "fumadocs-ui/layouts/home";
+import { DefaultNotFound } from "fumadocs-ui/layouts/home/not-found";
+import { baseOptions } from "@/lib/layout.shared";
+
+export function NotFound() {
+ return (
+
+
+
+ );
+}
diff --git a/apps/docs/src/components/ui/button.tsx b/apps/docs/src/components/ui/button.tsx
new file mode 100644
index 0000000..297aa35
--- /dev/null
+++ b/apps/docs/src/components/ui/button.tsx
@@ -0,0 +1,29 @@
+import { cva, type VariantProps } from "class-variance-authority";
+
+const variants = {
+ primary:
+ "bg-fd-primary text-fd-primary-foreground hover:bg-fd-primary/80 disabled:bg-fd-secondary disabled:text-fd-secondary-foreground",
+ outline: "border hover:bg-fd-accent hover:text-fd-accent-foreground",
+ ghost: "hover:bg-fd-accent hover:text-fd-accent-foreground",
+ secondary:
+ "border bg-fd-secondary text-fd-secondary-foreground hover:bg-fd-accent hover:text-fd-accent-foreground"
+} as const;
+
+export const buttonVariants = cva(
+ "inline-flex items-center justify-center rounded-md p-2 text-sm font-medium transition-colors duration-100 disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fd-ring",
+ {
+ variants: {
+ variant: variants,
+ // fumadocs use `color` instead of `variant`
+ color: variants,
+ size: {
+ sm: "gap-1 px-2 py-1.5 text-xs",
+ icon: "p-1.5 [&_svg]:size-5",
+ "icon-sm": "p-1.5 [&_svg]:size-4.5",
+ "icon-xs": "p-1 [&_svg]:size-4"
+ }
+ }
+ }
+);
+
+export type ButtonProps = VariantProps;
diff --git a/apps/docs/src/components/ui/collapsible.tsx b/apps/docs/src/components/ui/collapsible.tsx
new file mode 100644
index 0000000..24c4221
--- /dev/null
+++ b/apps/docs/src/components/ui/collapsible.tsx
@@ -0,0 +1,43 @@
+"use client";
+import * as Primitive from "@radix-ui/react-collapsible";
+import { forwardRef, useEffect, useState } from "react";
+import { cn } from "../../lib/cn";
+
+const Collapsible = Primitive.Root;
+
+const CollapsibleTrigger = Primitive.CollapsibleTrigger;
+
+const CollapsibleContent = forwardRef<
+ HTMLDivElement,
+ React.ComponentPropsWithoutRef
+>(({ children, ...props }, ref) => {
+ const [mounted, setMounted] = useState(false);
+
+ useEffect(() => {
+ setMounted(true);
+ }, []);
+
+ return (
+
+ {children}
+
+ );
+});
+
+CollapsibleContent.displayName =
+ Primitive.CollapsibleContent.displayName;
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+
+export type CollapsibleProps = Primitive.CollapsibleProps;
+export type CollapsibleContentProps = Primitive.CollapsibleContentProps;
+export type CollapsibleTriggerProps = Primitive.CollapsibleTriggerProps;
diff --git a/apps/docs/src/components/ui/navigation-menu.tsx b/apps/docs/src/components/ui/navigation-menu.tsx
new file mode 100644
index 0000000..ce709fc
--- /dev/null
+++ b/apps/docs/src/components/ui/navigation-menu.tsx
@@ -0,0 +1,86 @@
+"use client";
+import * as Primitive from "@radix-ui/react-navigation-menu";
+import * as React from "react";
+import { cn } from "../../lib/cn";
+
+export type NavigationMenuContentProps =
+ Primitive.NavigationMenuContentProps;
+export type NavigationMenuTriggerProps =
+ Primitive.NavigationMenuTriggerProps;
+
+const NavigationMenu = Primitive.Root;
+
+const NavigationMenuList = Primitive.List;
+
+const NavigationMenuItem = React.forwardRef<
+ React.ComponentRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+ {children}
+
+));
+
+NavigationMenuItem.displayName =
+ Primitive.NavigationMenuItem.displayName;
+
+const NavigationMenuTrigger = React.forwardRef<
+ React.ComponentRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+ {children}
+
+));
+NavigationMenuTrigger.displayName = Primitive.Trigger.displayName;
+
+const NavigationMenuContent = React.forwardRef<
+ React.ComponentRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+));
+NavigationMenuContent.displayName = Primitive.Content.displayName;
+
+const NavigationMenuLink = Primitive.Link;
+
+const NavigationMenuViewport = React.forwardRef<
+ React.ComponentRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+));
+NavigationMenuViewport.displayName = Primitive.Viewport.displayName;
+
+export {
+ NavigationMenu,
+ NavigationMenuContent,
+ NavigationMenuItem,
+ NavigationMenuLink,
+ NavigationMenuList,
+ NavigationMenuTrigger,
+ NavigationMenuViewport
+};
diff --git a/apps/docs/src/components/ui/popover.tsx b/apps/docs/src/components/ui/popover.tsx
new file mode 100644
index 0000000..6402e3c
--- /dev/null
+++ b/apps/docs/src/components/ui/popover.tsx
@@ -0,0 +1,32 @@
+"use client";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+import { cn } from "../../lib/cn";
+
+const Popover = PopoverPrimitive.Root;
+
+const PopoverTrigger = PopoverPrimitive.Trigger;
+
+const PopoverContent = React.forwardRef<
+ React.ComponentRef,
+ React.ComponentPropsWithoutRef
+>(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
+
+
+
+));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+const PopoverClose = PopoverPrimitive.PopoverClose;
+
+export { Popover, PopoverClose, PopoverContent, PopoverTrigger };
diff --git a/apps/docs/src/lib/cn.ts b/apps/docs/src/lib/cn.ts
new file mode 100644
index 0000000..8e473da
--- /dev/null
+++ b/apps/docs/src/lib/cn.ts
@@ -0,0 +1 @@
+export { twMerge as cn } from "tailwind-merge";
diff --git a/apps/docs/src/lib/layout.shared.tsx b/apps/docs/src/lib/layout.shared.tsx
new file mode 100644
index 0000000..c1a101f
--- /dev/null
+++ b/apps/docs/src/lib/layout.shared.tsx
@@ -0,0 +1,28 @@
+import { Icon } from "@iconify/react";
+import type { BaseLayoutProps } from "fumadocs-ui/layouts/shared";
+import { Logo } from "@/components/Logo";
+
+// fill this with your actual GitHub info, for example:
+export const gitConfig = {
+ user: "embed-team",
+ repo: "embedly",
+ branch: "main"
+};
+
+export function baseOptions(): BaseLayoutProps {
+ return {
+ nav: {
+ title: (props) =>
+ },
+ githubUrl: `https://github.com/${gitConfig.user}/${gitConfig.repo}`,
+ links: [
+ {
+ text: "Invite to Discord",
+ type: "icon",
+ icon: ,
+ url: "/invite",
+ secondary: true
+ }
+ ]
+ };
+}
diff --git a/apps/docs/src/lib/source.ts b/apps/docs/src/lib/source.ts
new file mode 100644
index 0000000..25598f2
--- /dev/null
+++ b/apps/docs/src/lib/source.ts
@@ -0,0 +1,17 @@
+import { docs } from "collections/server";
+import { type InferPageType, loader } from "fumadocs-core/source";
+import { lucideIconsPlugin } from "fumadocs-core/source/lucide-icons";
+
+export const source = loader({
+ source: docs.toFumadocsSource(),
+ baseUrl: "/docs",
+ plugins: [lucideIconsPlugin()]
+});
+
+export async function getLLMText(page: InferPageType) {
+ const processed = await page.data.getText("processed");
+
+ return `# ${page.data.title}
+
+${processed}`;
+}
diff --git a/apps/docs/src/lib/urls.ts b/apps/docs/src/lib/urls.ts
new file mode 100644
index 0000000..1e2cd5a
--- /dev/null
+++ b/apps/docs/src/lib/urls.ts
@@ -0,0 +1,21 @@
+export function normalize(urlOrPath: string) {
+ if (urlOrPath.length > 1 && urlOrPath.endsWith("/"))
+ return urlOrPath.slice(0, -1);
+ return urlOrPath;
+}
+
+/**
+ * @returns if `href` is matching the given pathname
+ */
+export function isActive(
+ href: string,
+ pathname: string,
+ nested = false
+): boolean {
+ href = normalize(href);
+ pathname = normalize(pathname);
+
+ return (
+ href === pathname || (nested && pathname.startsWith(`${href}/`))
+ );
+}
diff --git a/apps/docs/src/routeTree.gen.ts b/apps/docs/src/routeTree.gen.ts
new file mode 100644
index 0000000..17283af
--- /dev/null
+++ b/apps/docs/src/routeTree.gen.ts
@@ -0,0 +1,199 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as LlmsDottxtRouteImport } from './routes/llms[.]txt'
+import { Route as LlmsFullDottxtRouteImport } from './routes/llms-full[.]txt'
+import { Route as InviteRouteImport } from './routes/invite'
+import { Route as IndexRouteImport } from './routes/index'
+import { Route as DocsSplatRouteImport } from './routes/docs/$'
+import { Route as ApiSearchRouteImport } from './routes/api/search'
+import { Route as LlmsDotmdxDocsSplatRouteImport } from './routes/llms[.]mdx.docs.$'
+
+const LlmsDottxtRoute = LlmsDottxtRouteImport.update({
+ id: '/llms.txt',
+ path: '/llms.txt',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const LlmsFullDottxtRoute = LlmsFullDottxtRouteImport.update({
+ id: '/llms-full.txt',
+ path: '/llms-full.txt',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const InviteRoute = InviteRouteImport.update({
+ id: '/invite',
+ path: '/invite',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const IndexRoute = IndexRouteImport.update({
+ id: '/',
+ path: '/',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const DocsSplatRoute = DocsSplatRouteImport.update({
+ id: '/docs/$',
+ path: '/docs/$',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const ApiSearchRoute = ApiSearchRouteImport.update({
+ id: '/api/search',
+ path: '/api/search',
+ getParentRoute: () => rootRouteImport,
+} as any)
+const LlmsDotmdxDocsSplatRoute = LlmsDotmdxDocsSplatRouteImport.update({
+ id: '/llms.mdx/docs/$',
+ path: '/llms.mdx/docs/$',
+ getParentRoute: () => rootRouteImport,
+} as any)
+
+export interface FileRoutesByFullPath {
+ '/': typeof IndexRoute
+ '/invite': typeof InviteRoute
+ '/llms-full.txt': typeof LlmsFullDottxtRoute
+ '/llms.txt': typeof LlmsDottxtRoute
+ '/api/search': typeof ApiSearchRoute
+ '/docs/$': typeof DocsSplatRoute
+ '/llms.mdx/docs/$': typeof LlmsDotmdxDocsSplatRoute
+}
+export interface FileRoutesByTo {
+ '/': typeof IndexRoute
+ '/invite': typeof InviteRoute
+ '/llms-full.txt': typeof LlmsFullDottxtRoute
+ '/llms.txt': typeof LlmsDottxtRoute
+ '/api/search': typeof ApiSearchRoute
+ '/docs/$': typeof DocsSplatRoute
+ '/llms.mdx/docs/$': typeof LlmsDotmdxDocsSplatRoute
+}
+export interface FileRoutesById {
+ __root__: typeof rootRouteImport
+ '/': typeof IndexRoute
+ '/invite': typeof InviteRoute
+ '/llms-full.txt': typeof LlmsFullDottxtRoute
+ '/llms.txt': typeof LlmsDottxtRoute
+ '/api/search': typeof ApiSearchRoute
+ '/docs/$': typeof DocsSplatRoute
+ '/llms.mdx/docs/$': typeof LlmsDotmdxDocsSplatRoute
+}
+export interface FileRouteTypes {
+ fileRoutesByFullPath: FileRoutesByFullPath
+ fullPaths:
+ | '/'
+ | '/invite'
+ | '/llms-full.txt'
+ | '/llms.txt'
+ | '/api/search'
+ | '/docs/$'
+ | '/llms.mdx/docs/$'
+ fileRoutesByTo: FileRoutesByTo
+ to:
+ | '/'
+ | '/invite'
+ | '/llms-full.txt'
+ | '/llms.txt'
+ | '/api/search'
+ | '/docs/$'
+ | '/llms.mdx/docs/$'
+ id:
+ | '__root__'
+ | '/'
+ | '/invite'
+ | '/llms-full.txt'
+ | '/llms.txt'
+ | '/api/search'
+ | '/docs/$'
+ | '/llms.mdx/docs/$'
+ fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+ IndexRoute: typeof IndexRoute
+ InviteRoute: typeof InviteRoute
+ LlmsFullDottxtRoute: typeof LlmsFullDottxtRoute
+ LlmsDottxtRoute: typeof LlmsDottxtRoute
+ ApiSearchRoute: typeof ApiSearchRoute
+ DocsSplatRoute: typeof DocsSplatRoute
+ LlmsDotmdxDocsSplatRoute: typeof LlmsDotmdxDocsSplatRoute
+}
+
+declare module '@tanstack/react-router' {
+ interface FileRoutesByPath {
+ '/llms.txt': {
+ id: '/llms.txt'
+ path: '/llms.txt'
+ fullPath: '/llms.txt'
+ preLoaderRoute: typeof LlmsDottxtRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/llms-full.txt': {
+ id: '/llms-full.txt'
+ path: '/llms-full.txt'
+ fullPath: '/llms-full.txt'
+ preLoaderRoute: typeof LlmsFullDottxtRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/invite': {
+ id: '/invite'
+ path: '/invite'
+ fullPath: '/invite'
+ preLoaderRoute: typeof InviteRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/': {
+ id: '/'
+ path: '/'
+ fullPath: '/'
+ preLoaderRoute: typeof IndexRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/docs/$': {
+ id: '/docs/$'
+ path: '/docs/$'
+ fullPath: '/docs/$'
+ preLoaderRoute: typeof DocsSplatRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/api/search': {
+ id: '/api/search'
+ path: '/api/search'
+ fullPath: '/api/search'
+ preLoaderRoute: typeof ApiSearchRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ '/llms.mdx/docs/$': {
+ id: '/llms.mdx/docs/$'
+ path: '/llms.mdx/docs/$'
+ fullPath: '/llms.mdx/docs/$'
+ preLoaderRoute: typeof LlmsDotmdxDocsSplatRouteImport
+ parentRoute: typeof rootRouteImport
+ }
+ }
+}
+
+const rootRouteChildren: RootRouteChildren = {
+ IndexRoute: IndexRoute,
+ InviteRoute: InviteRoute,
+ LlmsFullDottxtRoute: LlmsFullDottxtRoute,
+ LlmsDottxtRoute: LlmsDottxtRoute,
+ ApiSearchRoute: ApiSearchRoute,
+ DocsSplatRoute: DocsSplatRoute,
+ LlmsDotmdxDocsSplatRoute: LlmsDotmdxDocsSplatRoute,
+}
+export const routeTree = rootRouteImport
+ ._addFileChildren(rootRouteChildren)
+ ._addFileTypes()
+
+import type { getRouter } from './router.tsx'
+import type { startInstance } from './start.ts'
+declare module '@tanstack/react-start' {
+ interface Register {
+ ssr: true
+ router: Awaited>
+ config: Awaited>
+ }
+}
diff --git a/apps/docs/src/router.tsx b/apps/docs/src/router.tsx
new file mode 100644
index 0000000..65268be
--- /dev/null
+++ b/apps/docs/src/router.tsx
@@ -0,0 +1,12 @@
+import { createRouter as createTanStackRouter } from "@tanstack/react-router";
+import { NotFound } from "@/components/not-found";
+import { routeTree } from "./routeTree.gen";
+
+export function getRouter() {
+ return createTanStackRouter({
+ routeTree,
+ defaultPreload: "intent",
+ scrollRestoration: true,
+ defaultNotFoundComponent: NotFound
+ });
+}
diff --git a/apps/docs/src/routes/__root.tsx b/apps/docs/src/routes/__root.tsx
new file mode 100644
index 0000000..e63bdac
--- /dev/null
+++ b/apps/docs/src/routes/__root.tsx
@@ -0,0 +1,43 @@
+import {
+ createRootRoute,
+ HeadContent,
+ Outlet,
+ Scripts
+} from "@tanstack/react-router";
+import { RootProvider } from "fumadocs-ui/provider/tanstack";
+import appCss from "@/styles/app.css?url";
+
+export const Route = createRootRoute({
+ head: () => ({
+ meta: [
+ {
+ charSet: "utf-8"
+ },
+ {
+ name: "viewport",
+ content: "width=device-width, initial-scale=1"
+ },
+ {
+ title: "Fumadocs on TanStack Start"
+ }
+ ],
+ links: [{ rel: "stylesheet", href: appCss }]
+ }),
+ component: RootComponent
+});
+
+function RootComponent() {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/apps/docs/src/routes/api/search.ts b/apps/docs/src/routes/api/search.ts
new file mode 100644
index 0000000..3ea4cd6
--- /dev/null
+++ b/apps/docs/src/routes/api/search.ts
@@ -0,0 +1,16 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { createFromSource } from "fumadocs-core/search/server";
+import { source } from "@/lib/source";
+
+const server = createFromSource(source, {
+ // https://docs.orama.com/docs/orama-js/supported-languages
+ language: "english"
+});
+
+export const Route = createFileRoute("/api/search")({
+ server: {
+ handlers: {
+ GET: async ({ request }) => server.GET(request)
+ }
+ }
+});
diff --git a/apps/docs/src/routes/docs/$.tsx b/apps/docs/src/routes/docs/$.tsx
new file mode 100644
index 0000000..61a2266
--- /dev/null
+++ b/apps/docs/src/routes/docs/$.tsx
@@ -0,0 +1,88 @@
+import { createFileRoute, notFound } from "@tanstack/react-router";
+import { createServerFn } from "@tanstack/react-start";
+import browserCollections from "collections/browser";
+import { useFumadocsLoader } from "fumadocs-core/source/client";
+import { DocsLayout } from "fumadocs-ui/layouts/docs";
+import {
+ DocsBody,
+ DocsDescription,
+ DocsPage,
+ DocsTitle,
+ MarkdownCopyButton,
+ ViewOptionsPopover
+} from "fumadocs-ui/layouts/docs/page";
+import { Suspense } from "react";
+import { useMDXComponents } from "@/components/mdx";
+import { baseOptions, gitConfig } from "@/lib/layout.shared";
+import { source } from "@/lib/source";
+
+export const Route = createFileRoute("/docs/$")({
+ component: Page,
+ loader: async ({ params }) => {
+ const slugs = params._splat?.split("/") ?? [];
+ const data = await serverLoader({ data: slugs });
+ await clientLoader.preload(data.path);
+ return data;
+ }
+});
+
+const serverLoader = createServerFn({
+ method: "GET"
+})
+ .inputValidator((slugs: string[]) => slugs)
+ .handler(async ({ data: slugs }) => {
+ const page = source.getPage(slugs);
+ if (!page) throw notFound();
+
+ return {
+ slugs: page.slugs,
+ path: page.path,
+ pageTree: await source.serializePageTree(source.getPageTree())
+ };
+ });
+
+const clientLoader = browserCollections.docs.createClientLoader({
+ component(
+ { toc, frontmatter, default: MDX },
+ // you can define props for the component
+ {
+ markdownUrl,
+ path
+ }: {
+ markdownUrl: string;
+ path: string;
+ }
+ ) {
+ return (
+
+ {frontmatter.title}
+ {frontmatter.description}
+
+
+
+
+
+
+
+
+ );
+ }
+});
+
+function Page() {
+ const { path, pageTree, slugs } = useFumadocsLoader(
+ Route.useLoaderData()
+ );
+ const markdownUrl = `/llms.mdx/docs/${slugs.join("/")}`;
+
+ return (
+
+
+ {clientLoader.useContent(path, { markdownUrl, path })}
+
+
+ );
+}
diff --git a/apps/docs/src/routes/index.tsx b/apps/docs/src/routes/index.tsx
new file mode 100644
index 0000000..9e4ae7c
--- /dev/null
+++ b/apps/docs/src/routes/index.tsx
@@ -0,0 +1,121 @@
+import {
+ GrainGradient,
+ HalftoneDots
+} from "@paper-design/shaders-react";
+import { createFileRoute, Link } from "@tanstack/react-router";
+import iconURL from "@/assets/share-globe.png?url";
+import { HomeLayout } from "@/components/layout/home";
+import { baseOptions } from "@/lib/layout.shared";
+
+export const Route = createFileRoute("/")({
+ component: Home
+});
+
+function Home() {
+ return (
+
+
+
+
+
+ The missing link between social media and Discord.
+
+
+ Share links that actually work, the way they should be.
+
+
+
+
+
+
+
+
+
+ See Embedly in action
+
+
+
+
+ Right-click to create an embed
+
+
+
+
+
+
+
+ Create embeds with /embed
+
+
+
+
+
+
+
+
+