Skip to content

Commit 33a82b7

Browse files
iCrawliCrawl
committed
chore: next 13
1 parent d0c8256 commit 33a82b7

File tree

20 files changed

+253
-224
lines changed

20 files changed

+253
-224
lines changed

‎apps/website/next.config.js‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,11 @@
11
/* eslint-disable tsdoc/syntax */
2-
import { URL, fileURLToPath } from 'node:url';
2+
import { fileURLToPath } from 'node:url';
33

44
/**
55
* @type {import('next').NextConfig}
66
*/
77
export default {
88
reactStrictMode: true,
9-
swcMinify: true,
109
eslint: {
1110
ignoreDuringBuilds: true,
1211
},

‎apps/website/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@
5050
"ariakit": "^2.0.0-next.41",
5151
"cmdk": "^0.1.20",
5252
"meilisearch": "^0.29.1",
53-
"next": "^12.3.4",
53+
"next": "^13.0.5",
5454
"next-mdx-remote": "^4.2.0",
5555
"next-progress": "^2.2.0",
5656
"next-themes": "^0.2.1",

‎apps/website/src/components/HyperlinkedText.tsx‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,13 @@ export function HyperlinkedText({ tokens }: { tokens: TokenDocumentation[] }) {
77
{tokens.map((token, idx) => {
88
if (token.path) {
99
return (
10-
<Link href={token.path} key={idx} prefetch={false}>
11-
<a className="text-blurple focus:ring-width-2 focus:ring-blurple rounded outline-0 focus:ring">
12-
{token.text}
13-
</a>
10+
<Link
11+
className="text-blurple focus:ring-width-2 focus:ring-blurple rounded outline-0 focus:ring"
12+
href={token.path}
13+
key={idx}
14+
prefetch={false}
15+
>
16+
{token.text}
1417
</Link>
1518
);
1619
}

‎apps/website/src/components/InheritanceText.tsx‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,12 @@ export function InheritanceText({ data }: { data: InheritanceData }) {
55
return (
66
<span className="font-semibold">
77
Inherited from{' '}
8-
<Link href={data.path} prefetch={false}>
9-
<a className="text-blurple focus:ring-width-2 focus:ring-blurple rounded font-mono outline-0 focus:ring">
10-
{data.parentName}
11-
</a>
8+
<Link
9+
className="text-blurple focus:ring-width-2 focus:ring-blurple rounded font-mono outline-0 focus:ring"
10+
href={data.path}
11+
prefetch={false}
12+
>
13+
{data.parentName}
1214
</Link>
1315
</span>
1416
);

‎apps/website/src/components/SidebarItems.tsx‎

Lines changed: 18 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -82,23 +82,24 @@ export function SidebarItems({
8282
.map((group, idx) => (
8383
<Section icon={resolveIcon(group)} key={idx} title={group}>
8484
{groupItems[group].map((member, index) => (
85-
<Link href={member.path} key={index} prefetch={false}>
86-
<a
87-
className={`dark:border-dark-100 border-light-800 focus:ring-width-2 focus:ring-blurple ml-5 flex flex-col border-l p-[5px] pl-6 outline-0 focus:rounded focus:border-0 focus:ring ${
88-
asPath === member.path
89-
? 'bg-blurple text-white'
90-
: 'dark:hover:bg-dark-200 dark:active:bg-dark-100 hover:bg-light-700 active:bg-light-800'
91-
}`}
92-
onClick={() => setOpened(false)}
93-
title={member.name}
94-
>
95-
<div className="flex flex-row place-items-center gap-2 lg:text-sm">
96-
<span className="truncate">{member.name}</span>
97-
{member.overloadIndex && member.overloadIndex > 1 ? (
98-
<span className="text-xs">{member.overloadIndex}</span>
99-
) : null}
100-
</div>
101-
</a>
85+
<Link
86+
className={`dark:border-dark-100 border-light-800 focus:ring-width-2 focus:ring-blurple ml-5 flex flex-col border-l p-[5px] pl-6 outline-0 focus:rounded focus:border-0 focus:ring ${
87+
asPath === member.path
88+
? 'bg-blurple text-white'
89+
: 'dark:hover:bg-dark-200 dark:active:bg-dark-100 hover:bg-light-700 active:bg-light-800'
90+
}`}
91+
href={member.path}
92+
key={index}
93+
onClick={() => setOpened(false)}
94+
prefetch={false}
95+
title={member.name}
96+
>
97+
<div className="flex flex-row place-items-center gap-2 lg:text-sm">
98+
<span className="truncate">{member.name}</span>
99+
{member.overloadIndex && member.overloadIndex > 1 ? (
100+
<span className="text-xs">{member.overloadIndex}</span>
101+
) : null}
102+
</div>
102103
</Link>
103104
))}
104105
</Section>

‎apps/website/src/components/SidebarLayout.tsx‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import type { getMembers, ApiClassJSON, ApiInterfaceJSON } from '@discordjs/api-extractor-utils';
22
import { Button } from 'ariakit/button';
33
import { Menu, MenuButton, MenuItem, useMenuState } from 'ariakit/menu';
4-
import Image from 'next/future/image';
4+
import Image from 'next/image';
55
import Link from 'next/link';
66
import type { MDXRemoteSerializeResult } from 'next-mdx-remote';
77
import { useTheme } from 'next-themes';
@@ -89,7 +89,6 @@ export function SidebarLayout({
8989
...PACKAGES.map((pkg) => (
9090
<Link href={`/docs/packages/${pkg}/main`} key={pkg} passHref prefetch={false}>
9191
<MenuItem
92-
as="a"
9392
className="hover:bg-light-700 active:bg-light-800 dark:bg-dark-600 dark:hover:bg-dark-500 dark:active:bg-dark-400 focus:ring-width-2 focus:ring-blurple my-0.5 rounded bg-white p-3 text-sm outline-0 focus:ring"
9493
onClick={() => packageMenu.setOpen(false)}
9594
state={packageMenu}
@@ -109,7 +108,6 @@ export function SidebarLayout({
109108
?.map((item) => (
110109
<Link href={`/docs/packages/${packageName}/${item}`} key={item} passHref prefetch={false}>
111110
<MenuItem
112-
as="a"
113111
className="hover:bg-light-700 active:bg-light-800 dark:bg-dark-600 dark:hover:bg-dark-500 dark:active:bg-dark-400 focus:ring-width-2 focus:ring-blurple my-0.5 rounded bg-white p-3 text-sm outline-0 focus:ring"
114112
onClick={() => versionMenu.setOpen(false)}
115113
state={versionMenu}
@@ -129,8 +127,13 @@ export function SidebarLayout({
129127
.split('/')
130128
.slice(1)
131129
.map((path, idx, original) => (
132-
<Link href={`/${original.slice(0, idx + 1).join('/')}`} key={idx} prefetch={false}>
133-
<a className="focus:ring-width-2 focus:ring-blurple rounded outline-0 hover:underline focus:ring">{path}</a>
130+
<Link
131+
className="focus:ring-width-2 focus:ring-blurple rounded outline-0 hover:underline focus:ring"
132+
href={`/${original.slice(0, idx + 1).join('/')}`}
133+
key={idx}
134+
prefetch={false}
135+
>
136+
{path}
134137
</Link>
135138
)),
136139
[asPathWithoutContainerKey],

‎apps/website/src/components/tsdoc/TSDoc.tsx‎

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -38,20 +38,26 @@ export function TSDoc({ node }: { node: AnyDocNodeJSON }): JSX.Element {
3838

3939
if (codeDestination) {
4040
return (
41-
<Link href={codeDestination.path} key={idx} prefetch={false}>
42-
<a className="text-blurple focus:ring-width-2 focus:ring-blurple rounded font-mono outline-0 focus:ring">
43-
{text ?? codeDestination.name}
44-
</a>
41+
<Link
42+
className="text-blurple focus:ring-width-2 focus:ring-blurple rounded font-mono outline-0 focus:ring"
43+
href={codeDestination.path}
44+
key={idx}
45+
prefetch={false}
46+
>
47+
{text ?? codeDestination.name}
4548
</Link>
4649
);
4750
}
4851

4952
if (urlDestination) {
5053
return (
51-
<Link href={urlDestination} key={idx} prefetch={false}>
52-
<a className="text-blurple focus:ring-width-2 focus:ring-blurple rounded font-mono outline-0 focus:ring">
53-
{text ?? urlDestination}
54-
</a>
54+
<Link
55+
className="text-blurple focus:ring-width-2 focus:ring-blurple rounded font-mono outline-0 focus:ring"
56+
href={urlDestination}
57+
key={idx}
58+
prefetch={false}
59+
>
60+
{text ?? urlDestination}
5561
</Link>
5662
);
5763
}

‎apps/website/src/pages/404.tsx‎

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,12 @@ export default function FourOhFourPage() {
1111
<div className="mx-auto flex h-full max-w-lg flex-col place-content-center place-items-center gap-8 py-16 px-8 lg:py-0 lg:px-6">
1212
<h1 className="text-[9rem] font-black leading-none md:text-[12rem]">404</h1>
1313
<h2 className="text-[2rem] md:text-[3rem]">Not found.</h2>
14-
<Link href="/docs/packages" prefetch={false}>
15-
<a className="bg-blurple focus:ring-width-2 flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-items-center rounded border-0 px-6 text-base font-semibold leading-none text-white no-underline outline-0 focus:ring focus:ring-white active:translate-y-px">
16-
Take me back
17-
</a>
14+
<Link
15+
className="bg-blurple focus:ring-width-2 flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-items-center rounded border-0 px-6 text-base font-semibold leading-none text-white no-underline outline-0 focus:ring focus:ring-white active:translate-y-px"
16+
href="/docs/packages"
17+
prefetch={false}
18+
>
19+
Take me back
1820
</Link>
1921
</div>
2022
</>

‎apps/website/src/pages/docs/packages/[package]/index.tsx‎

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -70,22 +70,27 @@ export default function VersionsRoute(props: Partial<VersionProps> & { error?: s
7070
<div className="flex grow flex-col place-content-center gap-4">
7171
<h1 className="text-2xl font-semibold">Select a version:</h1>
7272
{props.data?.versions.map((version) => (
73-
<Link href={`/docs/packages/${props.packageName}/${version}`} key={version} prefetch={false}>
74-
<a className="dark:bg-dark-400 dark:border-dark-100 dark:hover:bg-dark-300 dark:active:bg-dark-200 focus:ring-width-2 focus:ring-blurple flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-col place-content-center rounded border border-neutral-300 bg-transparent p-4 text-base font-semibold leading-none text-black outline-0 hover:bg-neutral-100 focus:ring active:translate-y-px active:bg-neutral-200 dark:text-white">
73+
<Link
74+
className="dark:bg-dark-400 dark:border-dark-100 dark:hover:bg-dark-300 dark:active:bg-dark-200 focus:ring-width-2 focus:ring-blurple flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-col place-content-center rounded border border-neutral-300 bg-transparent p-4 text-base font-semibold leading-none text-black outline-0 hover:bg-neutral-100 focus:ring active:translate-y-px active:bg-neutral-200 dark:text-white"
75+
href={`/docs/packages/${props.packageName}/${version}`}
76+
key={version}
77+
prefetch={false}
78+
>
79+
<div className="flex flex-row place-content-between place-items-center gap-4">
7580
<div className="flex flex-row place-content-between place-items-center gap-4">
76-
<div className="flex flex-row place-content-between place-items-center gap-4">
77-
<VscVersions size={25} />
78-
<h2 className="font-semibold">{version}</h2>
79-
</div>
80-
<VscArrowRight size={20} />
81+
<VscVersions size={25} />
82+
<h2 className="font-semibold">{version}</h2>
8183
</div>
82-
</a>
84+
<VscArrowRight size={20} />
85+
</div>
8386
</Link>
8487
)) ?? null}
85-
<Link href="/docs/packages" prefetch={false}>
86-
<a className="bg-blurple focus:ring-width-2 flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-items-center gap-2 place-self-center rounded border-0 px-4 text-base font-semibold leading-none text-white no-underline outline-0 focus:ring focus:ring-white active:translate-y-px">
87-
<VscArrowLeft size={20} /> Go back
88-
</a>
88+
<Link
89+
className="bg-blurple focus:ring-width-2 flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-items-center gap-2 place-self-center rounded border-0 px-4 text-base font-semibold leading-none text-white no-underline outline-0 focus:ring focus:ring-white active:translate-y-px"
90+
href="/docs/packages"
91+
prefetch={false}
92+
>
93+
<VscArrowLeft size={20} /> Go back
8994
</Link>
9095
</div>
9196
</div>

‎apps/website/src/pages/docs/packages/index.tsx‎

Lines changed: 28 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -78,34 +78,39 @@ export default function PackagesRoute(props: Partial<PackageProps> & { error?: s
7878
</div>
7979
</a>
8080
{PACKAGES.map((pkg) => (
81-
<Link href={`/docs/packages/${pkg}/${findLatestVersion(pkg)?.version ?? 'main'}`} key={pkg} prefetch={false}>
82-
<a className="dark:bg-dark-400 dark:border-dark-100 dark:hover:bg-dark-300 dark:active:bg-dark-200 focus:ring-width-2 focus:ring-blurple flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-content-between rounded border border-neutral-300 bg-transparent p-4 text-base font-semibold leading-none text-black outline-0 hover:bg-neutral-100 focus:ring active:translate-y-px active:bg-neutral-200 dark:text-white">
81+
<Link
82+
className="dark:bg-dark-400 dark:border-dark-100 dark:hover:bg-dark-300 dark:active:bg-dark-200 focus:ring-width-2 focus:ring-blurple flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-content-between rounded border border-neutral-300 bg-transparent p-4 text-base font-semibold leading-none text-black outline-0 hover:bg-neutral-100 focus:ring active:translate-y-px active:bg-neutral-200 dark:text-white"
83+
href={`/docs/packages/${pkg}/${findLatestVersion(pkg)?.version ?? 'main'}`}
84+
key={pkg}
85+
prefetch={false}
86+
>
87+
<div className="flex grow flex-row place-content-between place-items-center gap-4">
8388
<div className="flex grow flex-row place-content-between place-items-center gap-4">
84-
<div className="flex grow flex-row place-content-between place-items-center gap-4">
85-
<div className="flex flex-row place-content-between place-items-center gap-4">
86-
<VscPackage size={25} />
87-
<h2 className="font-semibold">{pkg}</h2>
88-
</div>
89-
<Link href={`/docs/packages/${pkg}`} prefetch={false}>
90-
<Button
91-
as="div"
92-
className="bg-blurple focus:ring-width-2 flex h-6 transform-gpu cursor-pointer select-none appearance-none flex-row place-content-center place-items-center rounded border-0 px-2 text-xs font-semibold leading-none text-white outline-0 focus:ring focus:ring-white active:translate-y-px"
93-
onClick={async (ev: MouseEvent<HTMLDivElement>) => handleClick(ev, pkg)}
94-
role="link"
95-
>
96-
Select version
97-
</Button>
98-
</Link>
89+
<div className="flex flex-row place-content-between place-items-center gap-4">
90+
<VscPackage size={25} />
91+
<h2 className="font-semibold">{pkg}</h2>
9992
</div>
100-
<VscArrowRight size={20} />
93+
<Link href={`/docs/packages/${pkg}`} prefetch={false}>
94+
<Button
95+
as="div"
96+
className="bg-blurple focus:ring-width-2 flex h-6 transform-gpu cursor-pointer select-none appearance-none flex-row place-content-center place-items-center rounded border-0 px-2 text-xs font-semibold leading-none text-white outline-0 focus:ring focus:ring-white active:translate-y-px"
97+
onClick={async (ev: MouseEvent<HTMLDivElement>) => handleClick(ev, pkg)}
98+
role="link"
99+
>
100+
Select version
101+
</Button>
102+
</Link>
101103
</div>
102-
</a>
104+
<VscArrowRight size={20} />
105+
</div>
103106
</Link>
104107
))}
105-
<Link href="/" prefetch={false}>
106-
<a className="bg-blurple focus:ring-width-2 flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-items-center gap-2 place-self-center rounded border-0 px-4 text-base font-semibold leading-none text-white no-underline outline-0 focus:ring focus:ring-white active:translate-y-px">
107-
<VscArrowLeft size={20} /> Go back
108-
</a>
108+
<Link
109+
className="bg-blurple focus:ring-width-2 flex h-11 transform-gpu cursor-pointer select-none appearance-none flex-row place-items-center gap-2 place-self-center rounded border-0 px-4 text-base font-semibold leading-none text-white no-underline outline-0 focus:ring focus:ring-white active:translate-y-px"
110+
href="/"
111+
prefetch={false}
112+
>
113+
<VscArrowLeft size={20} /> Go back
109114
</Link>
110115
</div>
111116
</div>

0 commit comments

Comments
 (0)