build: pnpm (#9806)

apps/website/src/app/docAPI.ts

@@ -4,9 +4,17 @@ import { connect } from '@planetscale/database';
 
 const sql = connect({
 	url: process.env.DATABASE_URL!,
+	async fetch(url, init) {
+		delete init?.cache;
+		return fetch(url, { ...init, next: { revalidate: 3_600 } });
+	},
 });
 
 export async function fetchVersions(packageName: string): Promise<string[]> {
+	if (process.env.NEXT_PUBLIC_LOCAL_DEV || process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview') {
+		return ['main'];
+	}
+
 	const response = await fetch(`https://docs.discordjs.dev/api/info?package=${packageName}`, {
 		next: { revalidate: 3_600 },
 	});
@@ -29,6 +37,16 @@ export async function fetchModelJSON(packageName: string, version: string): Prom
 		}
 	}
 
+	if (process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview') {
+		const { rows } = await sql.execute('select data from documentation where name = ? and version = ?', [
+			packageName,
+			'main',
+		]);
+
+		// @ts-expect-error: https://github.com/planetscale/database-js/issues/71
+		return rows[0].data;
+	}
+
 	const { rows } = await sql.execute('select data from documentation where name = ? and version = ?', [
 		packageName,
 		version,

apps/website/src/app/docs/packages/[package]/[version]/[item]/page.tsx

@@ -1,4 +1,4 @@
-import { addPackageToModel, tryResolveSummaryText } from '@discordjs/scripts';
+import { tryResolveSummaryText } from '@discordjs/scripts';
 import type {
 	ApiClass,
 	ApiDeclaredItem,
@@ -24,6 +24,7 @@ import { TypeAlias } from '~/components/model/TypeAlias';
 import { Variable } from '~/components/model/Variable';
 import { Enum } from '~/components/model/enum/Enum';
 import { Function } from '~/components/model/function/Function';
+import { addPackageToModel } from '~/util/addPackageToModel';
 import { OVERLOAD_SEPARATOR } from '~/util/constants';
 import type { ItemRouteParams } from '~/util/fetchMember';
 import { fetchMember } from '~/util/fetchMember';

apps/website/src/app/docs/packages/[package]/[version]/layout.tsx

@@ -1,4 +1,3 @@
-import { addPackageToModel } from '@discordjs/scripts';
 import type { ApiFunction, ApiItem } from '@microsoft/api-extractor-model';
 import { ApiModel } from '@microsoft/api-extractor-model';
 import dynamic from 'next/dynamic';
@@ -10,6 +9,7 @@ import { CmdKDialog } from '~/components/CmdK';
 import { Nav } from '~/components/Nav';
 import type { SidebarSectionItemData } from '~/components/Sidebar';
 import { resolveItemURI } from '~/components/documentation/util';
+import { addPackageToModel } from '~/util/addPackageToModel';
 import { N_RECENT_VERSIONS, PACKAGES } from '~/util/constants';
 import { Providers } from './providers';
 

apps/website/src/app/docs/packages/[package]/[version]/page.tsx

@@ -2,7 +2,6 @@ import { readFile } from 'node:fs/promises';
 import { join } from 'node:path';
 import type { SerializeOptions } from 'next-mdx-remote/dist/types';
 import { MDXRemote } from 'next-mdx-remote/rsc';
-import rehypeRaw from 'rehype-raw';
 import rehypeSlug from 'rehype-slug';
 import remarkGfm from 'remark-gfm';
 import { SyntaxHighlighter } from '~/components/SyntaxHighlighter';
@@ -16,7 +15,7 @@ const mdxOptions = {
 	mdxOptions: {
 		remarkPlugins: [remarkGfm],
 		remarkRehypeOptions: { allowDangerousHtml: true },
-		rehypePlugins: [rehypeRaw, rehypeSlug],
+		rehypePlugins: [rehypeSlug],
 		format: 'md',
 	},
 } satisfies SerializeOptions;

apps/website/src/app/docs/packages/[package]/page.tsx

@@ -13,6 +13,10 @@ async function getData(pkg: string) {
 		notFound();
 	}
 
+	if (process.env.NEXT_PUBLIC_LOCAL_DEV || process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview') {
+		return ['main'];
+	}
+
 	const res = await fetch(`https://docs.discordjs.dev/api/info?package=${pkg}`, { next: { revalidate: 3_600 } });
 	const data: string[] = await res.json();