fix: new fumadocs stuff and md files for ai

apps/website/app/[[...slugs]]/page.tsx

@@ -1,29 +1,23 @@
-/* eslint-disable react/no-unstable-nested-components */
-import { Callout } from 'fumadocs-ui/components/callout';
-import { Pre, CodeBlock } from 'fumadocs-ui/components/codeblock';
-import { ImageZoom } from 'fumadocs-ui/components/image-zoom';
-import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
-import defaultComponents from 'fumadocs-ui/mdx';
-import { DocsPage, DocsBody } from 'fumadocs-ui/page';
+import { DocsBody, DocsDescription, DocsPage, DocsTitle } from 'fumadocs-ui/page';
 import { notFound } from 'next/navigation';
 
-import { source } from '@/app/source';
+import { LLMCopyButton, ViewOptions } from '@/components/page-actions';
+import { source } from '@/lib/source';
+import { getMDXComponents } from '@/mdx-components';
 
 import { Edit } from './Edit';
 
-import type { MDXComponents, MDXContent } from 'mdx/types';
 import type { Metadata } from 'next';
-import type { ReactNode } from 'react';
 
 export default async function Page(props: { readonly params: Promise<{ slugs?: string[] }> }) {
 	const params = await props.params;
 	const page = source.getPage(params.slugs);
 
 	if (!page) notFound();
 
-	const Mdx = page.data.body as MDXContent;
+	const Mdx = page.data.body;
 
-	const path = `apps/website/content/docs/${page.file.path}`;
+	const path = `apps/website/content/docs/${page.path}`;
 	const footer = path.includes('/api/') ? null : (
 		<a
 			className="inline-flex items-center justify-center font-medium ring-offset-fd-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-fd-ring disabled:pointer-events-none disabled:opacity-50 border bg-fd-secondary text-fd-secondary-foreground hover:bg-fd-secondary/80 h-9 rounded-md px-3 text-xs gap-1.5"
@@ -44,27 +38,21 @@ export default async function Page(props: { readonly params: Promise<{ slugs?: s
 			tableOfContentPopover={{ footer }}
 			toc={page.data.toc}
 		>
+			<DocsTitle>{page.data.title}</DocsTitle>
+			<DocsDescription>{page.data.description}</DocsDescription>
+			<div className="flex flex-row gap-2 items-center border-b pb-6">
+				<LLMCopyButton markdownUrl={`${page.url}.mdx`} />
+				<ViewOptions githubUrl={`https://github.com/imranbarbhuiya/TagScript/tree/main/${path}`} markdownUrl={`${page.url}.mdx`} />
+			</div>
 			<DocsBody>
-				<Mdx
-					components={{
-						...(defaultComponents as MDXComponents),
-						pre: ({ ref: _ref, ...rest }) => (
-							<CodeBlock {...rest}>
-								<Pre>{rest.children}</Pre>
-							</CodeBlock>
-						),
-						Tab,
-						Tabs,
-						InstallTabs: ({ items, children }: { readonly children: ReactNode; readonly items: string[] }) => (
-							<Tabs id="package-manager" items={items}>
-								{children}
-							</Tabs>
-						),
-						blockquote: (props) => <Callout>{props.children}</Callout>,
-						img: (props) => <ImageZoom {...props} />
-					}}
-				/>
+				<Mdx components={getMDXComponents()} />
 			</DocsBody>
+			{/* <Rate
+				onRateAction={async (url, feedback) => {
+					'use server';
+					console.log('Feedback received:', { url, feedback });
+				}}
+			/> */}
 		</DocsPage>
 	);
 }
@@ -73,7 +61,7 @@ export async function generateStaticParams() {
 	return source.generateParams();
 }
 
-export async function generateMetadata(props: { params: Promise<{ slugs?: string[] }> }) {
+export async function generateMetadata(props: { params: Promise<{ slugs?: string[] }> }): Promise<Metadata> {
 	const params = await props.params;
 	const page = source.getPage(params.slugs);
 
@@ -94,11 +82,28 @@ export async function generateMetadata(props: { params: Promise<{ slugs?: string
 		title: page.data.title,
 		description: page.data.description,
 		openGraph: {
+			title: page.data.title,
+			description: page.data.description,
 			url: `/docs/${page.slugs.join('/')}`,
 			images: image
 		},
 		twitter: {
-			images: image
+			card: 'summary_large_image',
+			title: page.data.title,
+			description: page.data.description,
+			images: image,
+			site: 'https://tagscript.js.org'
+		},
+		alternates: {
+			canonical: `https://tagscript.js.org/${page.url}`,
+			languages: {
+				en: `https://tagscript.js.org/${page.url}`
+			}
+		},
+		appleWebApp: {
+			capable: true,
+			title: 'Tagscript',
+			statusBarStyle: 'default'
 		}
-	} satisfies Metadata;
+	};
 }

apps/website/app/api/search/route.ts

@@ -1,5 +1,5 @@
 import { createFromSource } from 'fumadocs-core/search/server';
 
-import { source } from '@/app/source';
+import { source } from '@/lib/source';
 
 export const { GET } = createFromSource(source);

apps/website/app/layout.tsx

@@ -4,7 +4,7 @@ import { RootProvider } from 'fumadocs-ui/provider';
 import { GeistMono } from 'geist/font/mono';
 import { GeistSans } from 'geist/font/sans';
 
-import { source } from '@/app/source';
+import { source } from '@/lib/source';
 
 import type { Metadata, Viewport } from 'next';
 import type { ReactNode } from 'react';
@@ -73,5 +73,6 @@ export const viewport: Viewport = {
 	themeColor: [
 		{ media: '(prefers-color-scheme: dark)', color: '#0A0A0A' },
 		{ media: '(prefers-color-scheme: light)', color: '#fff' }
-	]
+	],
+	viewportFit: 'cover'
 };

apps/website/app/llms.mdx/[[...slugs]]/route.ts

@@ -0,0 +1,19 @@
+import { notFound } from 'next/navigation';
+import { type NextRequest, NextResponse } from 'next/server';
+
+import { getLLMText } from '@/lib/get-llm-text';
+import { source } from '@/lib/source';
+
+export const revalidate = false;
+
+export async function GET(_req: NextRequest, { params }: { params: Promise<{ slugs?: string[] }> }) {
+	const { slugs } = await params;
+	const page = source.getPage(slugs);
+	if (!page) notFound();
+
+	return new NextResponse(await getLLMText(page));
+}
+
+export function generateStaticParams() {
+	return source.generateParams();
+}

apps/website/app/llms.txt/route.ts

@@ -0,0 +1,12 @@
+import { getLLMText } from '@/lib/get-llm-text';
+import { source } from '@/lib/source';
+
+// cached forever
+export const revalidate = false;
+
+export async function GET() {
+	const scan = source.getPages().map(getLLMText);
+	const scanned = await Promise.all(scan);
+
+	return new Response(scanned.join('\n\n'));
+}

apps/website/cli.json

@@ -0,0 +1,11 @@
+{
+  "aliases": {
+    "uiDir": "./components/ui",
+    "componentsDir": "./components",
+    "blockDir": "./components",
+    "cssDir": "./styles",
+    "libDir": "./lib"
+  },
+  "baseDir": "",
+  "commands": {}
+}

apps/website/components/page-actions.tsx

@@ -0,0 +1,156 @@
+'use client';
+
+import { cva } from 'class-variance-authority';
+import { Popover, PopoverContent, PopoverTrigger } from 'fumadocs-ui/components/ui/popover';
+import { useCopyButton } from 'fumadocs-ui/utils/use-copy-button';
+import { Check, ChevronDown, Copy, ExternalLinkIcon, MessageCircleIcon } from 'lucide-react';
+import { useMemo, useState } from 'react';
+
+import { buttonVariants } from './ui/button';
+
+import { cn } from '../lib/cn';
+
+const cache = new Map<string, string>();
+
+export function LLMCopyButton({
+	/**
+	 * A URL to fetch the raw Markdown/MDX content of page
+	 */
+	markdownUrl
+}: {
+	readonly markdownUrl: string;
+}) {
+	const [isLoading, setIsLoading] = useState(false);
+	const [checked, onClick] = useCopyButton(async () => {
+		const cached = cache.get(markdownUrl);
+		if (cached) return navigator.clipboard.writeText(cached);
+
+		setIsLoading(true);
+
+		try {
+			await navigator.clipboard.write([
+				new ClipboardItem({
+					'text/plain': fetch(markdownUrl).then(async (res) => {
+						const content = await res.text();
+						cache.set(markdownUrl, content);
+
+						return content;
+					})
+				})
+			]);
+		} finally {
+			setIsLoading(false);
+		}
+	});
+
+	return (
+		<button
+			className={cn(
+				buttonVariants({
+					color: 'secondary',
+					size: 'sm',
+					className: 'gap-2 [&_svg]:size-3.5 [&_svg]:text-fd-muted-foreground'
+				})
+			)}
+			disabled={isLoading}
+			onClick={onClick}
+			type="button"
+		>
+			{checked ? <Check /> : <Copy />}
+			Copy Markdown
+		</button>
+	);
+}
+
+const optionVariants = cva('text-sm p-2 rounded-lg inline-flex items-center gap-2 hover:text-fd-accent-foreground hover:bg-fd-accent [&_svg]:size-4');
+
+export function ViewOptions({
+	markdownUrl,
+	githubUrl
+}: {
+	/**
+	 * A URL to the raw Markdown/MDX content of page
+	 */
+	readonly markdownUrl: string;
+
+	/**
+	 * Source file URL on GitHub
+	 */
+	readonly githubUrl: string;
+}) {
+	const items = useMemo(() => {
+		const fullMarkdownUrl = typeof window === 'undefined' ? 'loading' : new URL(markdownUrl, window.location.origin);
+		const q = `Read ${fullMarkdownUrl}, I want to ask questions about it.`;
+
+		return [
+			{
+				title: 'Open in GitHub',
+				href: githubUrl,
+				icon: (
+					<svg fill="currentColor" role="img" viewBox="0 0 24 24">
+						<title>GitHub</title>
+						<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
+					</svg>
+				)
+			},
+			{
+				title: 'Open in ChatGPT',
+				href: `https://chatgpt.com/?${new URLSearchParams({
+					hints: 'search',
+					q
+				})}`,
+				icon: (
+					<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+						<title>OpenAI</title>
+						<path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z" />
+					</svg>
+				)
+			},
+			{
+				title: 'Open in Claude',
+				href: `https://claude.ai/new?${new URLSearchParams({
+					q
+				})}`,
+				icon: (
+					<svg fill="currentColor" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+						<title>Anthropic</title>
+						<path d="M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z" />
+					</svg>
+				)
+			},
+			{
+				title: 'Open in T3 Chat',
+				href: `https://t3.chat/new?${new URLSearchParams({
+					q
+				})}`,
+				icon: <MessageCircleIcon />
+			}
+		];
+	}, [githubUrl, markdownUrl]);
+
+	return (
+		<Popover>
+			<PopoverTrigger
+				className={cn(
+					buttonVariants({
+						color: 'secondary',
+						size: 'sm',
+						className: 'gap-2'
+					})
+				)}
+			>
+				Open
+				<ChevronDown className="size-3.5 text-fd-muted-foreground" />
+			</PopoverTrigger>
+			<PopoverContent className="flex flex-col overflow-auto">
+				{items.map((item) => (
+					<a className={cn(optionVariants())} href={item.href} key={item.href} rel="noreferrer noopener" target="_blank">
+						{item.icon}
+						{item.title}
+						<ExternalLinkIcon className="text-fd-muted-foreground size-3.5 ms-auto" />
+					</a>
+				))}
+			</PopoverContent>
+		</Popover>
+	);
+}

apps/website/components/ui/button.tsx

@@ -0,0 +1,28 @@
+import { cva, type VariantProps } from 'class-variance-authority';
+
+const variants = {
+  primary: 'bg-fd-primary text-fd-primary-foreground hover:bg-fd-primary/80',
+  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<typeof buttonVariants>;

apps/website/content/docs/plugins/plugin-discord/parsers/embed.mdx

@@ -1,5 +1,3 @@
 ---
 title: EmbedParser
 ---
-
-# EmbedParser

apps/website/content/docs/tagscript/parsers/break.mdx

@@ -2,8 +2,6 @@
 title: BreakParser
 ---
 
-# BreakParser
-
 import { Callout } from 'fumadocs-ui/components/callout';
 import { Tabs } from 'fumadocs-ui/components/tabs';
 

apps/website/content/docs/tagscript/parsers/if-statement.mdx

@@ -2,8 +2,6 @@
 title: IfStatementParser
 ---
 
-# IfStatementParser
-
 import { Callout } from 'fumadocs-ui/components/callout';
 import { Tabs } from 'fumadocs-ui/components/tabs';