Nomchy/discord.js
1
0
Fork 0
mirror of https://github.com/discordjs/discord.js.git synced 2026-03-09 16:13:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

refactor: fetch versions on the client

Browse Source
This commit is contained in:
iCrawl
2023-12-20 23:21:49 +01:00
parent d869d9b3fe
commit 7b5c31b2bc
7 changed files with 105 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/website/src/app/api/[package]/versions/route.ts Normal file
View File

@@ -0,0 +1,7 @@
import type { NextRequest } from 'next/server';
import { NextResponse } from 'next/server';
import { fetchVersions } from '~/app/docAPI';
export async function GET(_: NextRequest, params: { package: string }) {
return NextResponse.json(await fetchVersions(params.package));
}

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

@@ -12,8 +12,6 @@ import { resolveItemURI } from '~/components/documentation/util';
import { N_RECENT_VERSIONS, PACKAGES } from '~/util/constants';
import { Providers } from './providers';
export const revalidate = 0;
const Header = dynamic(async () => import('~/components/Header'));
const Footer = dynamic(async () => import('~/components/Footer'));

10
apps/website/src/components/VersionSelect.tsx
View File

@@ -6,14 +6,20 @@ import { Menu, MenuButton, MenuItem, useMenuState } from 'ariakit/menu';
import Link from 'next/link';
import { usePathname } from 'next/navigation';
import { useMemo } from 'react';
import useSWR from 'swr';
const isDev = process.env.NEXT_PUBLIC_LOCAL_DEV === 'true' ?? process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview';
// eslint-disable-next-line promise/prefer-await-to-then
const fetcher = async (url: string) => fetch(url).then(async (res) => res.json());
export default function VersionSelect({ versions }: { readonly versions: string[] }) {
const pathname = usePathname();
const packageName = pathname?.split('/').slice(3, 4)[0];
const branchName = pathname?.split('/').slice(4, 5)[0];
const { data } = useSWR<string[]>('/api/user', { fetcher, fallbackData: versions });
const versionMenu = useMenuState({
gutter: 8,
sameWidth: true,
@@ -22,7 +28,7 @@ export default function VersionSelect({ versions }: { readonly versions: string[
const versionMenuItems = useMemo(
() =>
versions?.map((item, idx) => (
data?.map((item, idx) => (
<Link href={`/docs/packages/${packageName}/${isDev ? 'main' : item}`} key={`${item}-${idx}`}>
<MenuItem
className="my-0.5 rounded bg-white p-3 text-sm outline-none active:bg-light-800 dark:bg-dark-600 hover:bg-light-700 focus:ring focus:ring-width-2 focus:ring-blurple dark:active:bg-dark-400 dark:hover:bg-dark-500"
@@ -33,7 +39,7 @@ export default function VersionSelect({ versions }: { readonly versions: string[
</MenuItem>
</Link>
)) ?? [],
[versions, packageName, versionMenu],
[data, packageName, versionMenu],
);
return (