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

1
apps/website/next.config.mjs
View File

@@ -8,6 +8,7 @@ export default withBundleAnalyzer({
reactStrictMode: true,
experimental: {
typedRoutes: true,
ppr: true,
serverComponentsExternalPackages: ['@rushstack/node-core-library', '@discordjs/api-extractor-model', 'jju'],
},
images: {

7
apps/website/package.json
View File

@@ -62,7 +62,7 @@
"class-variance-authority": "^0.7.0",
"cmdk": "^0.2.0",
"meilisearch": "^0.35.1",
"next": "14.0.3-canary.5",
"next": "14.0.5-canary.21",
"next-mdx-remote": "^4.4.1",
"next-themes": "^0.2.1",
"react": "^18.2.0",
@@ -71,10 +71,11 @@
"react-use": "^17.4.2",
"rehype-slug": "^5.1.0",
"remark-gfm": "^3.0.1",
"sharp": "^0.32.6"
"sharp": "^0.32.6",
"swr": "^2.2.4"
},
"devDependencies": {
"@next/bundle-analyzer": "14.0.3-canary.5",
"@next/bundle-analyzer": "14.0.5-canary.21",
"@testing-library/react": "^14.1.2",
"@testing-library/user-event": "^14.5.1",
"@types/node": "18.18.8",

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 (