fix: anchor link for events

discordjs · Mar 3, 2024 · 0efd1be · 0efd1be
1 parent 9fa115d
commit 0efd1be
Show file tree

Hide file tree

Showing 14 changed files with 83 additions and 57 deletions.
diff --git a/apps/website/src/components/ConstructorNode.tsx b/apps/website/src/components/ConstructorNode.tsx
@@ -1,6 +1,7 @@
 import { VscSymbolMethod } from '@react-icons/all-files/vsc/VscSymbolMethod';
 import { Code2, LinkIcon } from 'lucide-react';
 import Link from 'next/link';
+import { ENV } from '~/util/env';
 import { ParameterNode } from './ParameterNode';
 import { SummaryNode } from './SummaryNode';
 
@@ -13,7 +14,10 @@ export async function ConstructorNode({ node, version }: { readonly node: any; r
 			</h2>
 
 			<div className="flex place-content-between place-items-center">
-				<h3 id="constructor" className="group scroll-mt-8 break-words font-mono font-semibold">
+				<h3
+					id="constructor"
+					className={`${ENV.IS_LOCAL_DEV || ENV.IS_PREVIEW ? 'scroll-mt-16' : 'scroll-mt-8'} group break-words font-mono font-semibold`}
+				>
 					{/* constructor({parsedContent.constructor.parametersString}) */}
 					<Link href="#constructor" className="float-left -ml-6 hidden pb-2 pr-2 group-hover:block">
 						<LinkIcon aria-hidden size={16} />

diff --git a/apps/website/src/components/EnumMemberNode.tsx b/apps/website/src/components/EnumMemberNode.tsx
@@ -2,6 +2,7 @@ import { VscSymbolEnumMember } from '@react-icons/all-files/vsc/VscSymbolEnumMem
 import { Code2, LinkIcon } from 'lucide-react';
 import Link from 'next/link';
 import { Fragment } from 'react';
+import { ENV } from '~/util/env';
 import { Badges } from './Badges';
 import { DeprecatedNode } from './DeprecatedNode';
 import { ExampleNode } from './ExampleNode';
@@ -34,7 +35,10 @@ export async function EnumMemberNode({
 						<Fragment key={`${enumMember.displayName}-${idx}`}>
 							<div className="flex flex-col gap-4">
 								<div className="flex place-content-between place-items-center">
-									<h3 id={enumMember.displayName} className="group scroll-mt-8 break-words font-mono font-semibold">
+									<h3
+										id={enumMember.displayName}
+										className={`${ENV.IS_LOCAL_DEV || ENV.IS_PREVIEW ? 'scroll-mt-16' : 'scroll-mt-8'} group break-words font-mono font-semibold`}
+									>
 										<Badges node={enumMember} />
 										<span>
 											<Link

diff --git a/apps/website/src/components/EventNode.tsx b/apps/website/src/components/EventNode.tsx
@@ -1,5 +1,7 @@
 import { VscSymbolEvent } from '@react-icons/all-files/vsc/VscSymbolEvent';
-import { ChevronDown, ChevronUp, Code2 } from 'lucide-react';
+import { ChevronDown, ChevronUp, Code2, LinkIcon } from 'lucide-react';
+import Link from 'next/link';
+import { ENV } from '~/util/env';
 import { Badges } from './Badges';
 import { DeprecatedNode } from './DeprecatedNode';
 import { ExampleNode } from './ExampleNode';
@@ -29,17 +31,22 @@ async function EventBodyNode({
 				<div className="flex place-content-between place-items-center">
 					<h3
 						id={event.displayName}
-						className={`${overload ? 'scroll-mt-16' : 'scroll-mt-8'} break-words font-mono font-semibold`}
+						className={`${overload ? (ENV.IS_LOCAL_DEV || ENV.IS_PREVIEW ? 'scroll-mt-24' : 'scroll-mt-16') : ENV.IS_LOCAL_DEV || ENV.IS_PREVIEW ? 'scroll-mt-16' : 'scroll-mt-8'} group break-words font-mono font-semibold`}
 					>
 						<Badges node={event} /> {event.displayName}
-						{event.typeParameters?.length ? (
-							<>
-								{'<'}
-								<TypeParameterNode node={event.typeParameters} version={version} />
-								{'>'}
-							</>
-						) : null}
-						({event.parameters?.length ? <ParameterNode node={event.parameters} version={version} /> : null})
+						<span>
+							<Link href={`#${event.displayName}`} className="float-left -ml-6 hidden pb-2 pr-2 group-hover:block">
+								<LinkIcon aria-hidden size={16} />
+							</Link>
+							{event.typeParameters?.length ? (
+								<>
+									{'<'}
+									<TypeParameterNode node={event.typeParameters} version={version} />
+									{'>'}
+								</>
+							) : null}
+							({event.parameters?.length ? <ParameterNode node={event.parameters} version={version} /> : null})
+						</span>
 					</h3>
 
 					<a

diff --git a/apps/website/src/components/MethodNode.tsx b/apps/website/src/components/MethodNode.tsx
@@ -1,6 +1,7 @@
 import { VscSymbolMethod } from '@react-icons/all-files/vsc/VscSymbolMethod';
 import { ChevronDown, ChevronUp, Code2, LinkIcon } from 'lucide-react';
 import Link from 'next/link';
+import { ENV } from '~/util/env';
 import { Badges } from './Badges';
 import { DeprecatedNode } from './DeprecatedNode';
 import { ExampleNode } from './ExampleNode';
@@ -31,7 +32,7 @@ async function MethodBodyNode({
 				<div className="flex place-content-between place-items-center">
 					<h3
 						id={method.displayName}
-						className={`${overload ? 'scroll-mt-16' : 'scroll-mt-8'} group break-words font-mono font-semibold`}
+						className={`${overload ? (ENV.IS_LOCAL_DEV || ENV.IS_PREVIEW ? 'scroll-mt-24' : 'scroll-mt-16') : ENV.IS_LOCAL_DEV || ENV.IS_PREVIEW ? 'scroll-mt-16' : 'scroll-mt-8'} group break-words font-mono font-semibold`}
 					>
 						<Badges node={method} /> {method.displayName}
 						<span>

diff --git a/apps/website/src/components/PropertyNode.tsx b/apps/website/src/components/PropertyNode.tsx
@@ -2,6 +2,7 @@ import { VscSymbolProperty } from '@react-icons/all-files/vsc/VscSymbolProperty'
 import { ChevronDown, ChevronUp, Code2, LinkIcon } from 'lucide-react';
 import Link from 'next/link';
 import { Fragment } from 'react';
+import { ENV } from '~/util/env';
 import { Badges } from './Badges';
 import { DeprecatedNode } from './DeprecatedNode';
 import { ExcerptNode } from './ExcerptNode';
@@ -39,7 +40,7 @@ export async function PropertyNode({
 									<div className="flex place-content-between place-items-center">
 										<h3
 											id={property.displayName}
-											className="group flex scroll-mt-8 flex-col gap-2 break-words font-mono font-semibold"
+											className={`${ENV.IS_LOCAL_DEV || ENV.IS_PREVIEW ? 'scroll-mt-16' : 'scroll-mt-8'} group flex flex-col gap-2 break-words font-mono font-semibold`}
 										>
 											<Badges node={property} />
 											<span>

diff --git a/apps/website/src/components/TypeParameterNode.tsx b/apps/website/src/components/TypeParameterNode.tsx
@@ -1,6 +1,7 @@
 import { LinkIcon } from 'lucide-react';
 import Link from 'next/link';
 import { Fragment } from 'react';
+import { ENV } from '~/util/env';
 import { Badges } from './Badges';
 import { DocNode } from './DocNode';
 import { ExcerptNode } from './ExcerptNode';
@@ -20,7 +21,10 @@ export async function TypeParameterNode({
 				return (
 					<Fragment key={`${typeParameter.name}-${idx}`}>
 						<div className={description ? '' : 'inline after:content-[",_"] last-of-type:after:content-none'}>
-							<h3 id={typeParameter.name} className="group inline scroll-mt-8 break-words font-mono font-semibold">
+							<h3
+								id={typeParameter.name}
+								className={`${ENV.IS_LOCAL_DEV || ENV.IS_PREVIEW ? 'scroll-mt-16' : 'scroll-mt-8'} group inline break-words font-mono font-semibold`}
+							>
 								{description ? <Badges node={typeParameter} /> : null}
 								<span>
 									{description ? (

diff --git a/packages/actions/package.json b/packages/actions/package.json
@@ -48,7 +48,7 @@
 		"meilisearch": "^0.37.0",
 		"p-limit": "^5.0.0",
 		"tslib": "^2.6.2",
-		"undici": "6.6.2"
+		"undici": "6.7.0"
 	},
 	"devDependencies": {
 		"@types/node": "18.18.8",

diff --git a/packages/discord.js/package.json b/packages/discord.js/package.json
@@ -76,7 +76,7 @@
     "fast-deep-equal": "3.1.3",
     "lodash.snakecase": "4.1.1",
     "tslib": "2.6.2",
-    "undici": "6.6.2",
+    "undici": "6.7.0",
     "ws": "8.16.0"
   },
   "devDependencies": {

diff --git a/packages/docgen/package.json b/packages/docgen/package.json
@@ -62,7 +62,7 @@
 		"commander": "^12.0.0",
 		"jsdoc-to-markdown": "^8.0.1",
 		"tslib": "^2.6.2",
-		"typedoc": "^0.25.9"
+		"typedoc": "^0.25.10"
 	},
 	"devDependencies": {
 		"@favware/cliff-jumper": "^3.0.0",

diff --git a/packages/proxy/package.json b/packages/proxy/package.json
@@ -67,7 +67,7 @@
 		"@discordjs/rest": "workspace:^",
 		"@discordjs/util": "workspace:^",
 		"tslib": "^2.6.2",
-		"undici": "6.6.2"
+		"undici": "6.7.0"
 	},
 	"devDependencies": {
 		"@discordjs/api-extractor": "workspace:^",

diff --git a/packages/rest/package.json b/packages/rest/package.json
@@ -90,7 +90,7 @@
 		"discord-api-types": "0.37.61",
 		"magic-bytes.js": "^1.8.0",
 		"tslib": "^2.6.2",
-		"undici": "6.6.2"
+		"undici": "6.7.0"
 	},
 	"devDependencies": {
 		"@discordjs/api-extractor": "workspace:^",

diff --git a/packages/scripts/package.json b/packages/scripts/package.json
@@ -67,7 +67,7 @@
 		"@vercel/postgres": "^0.7.2",
 		"commander": "^12.0.0",
 		"tslib": "^2.6.2",
-		"undici": "6.6.2",
+		"undici": "6.7.0",
 		"yaml": "2.4.0"
 	},
 	"devDependencies": {

diff --git a/packages/ws/package.json b/packages/ws/package.json
@@ -99,7 +99,7 @@
 		"tsup": "^8.0.2",
 		"turbo": "^1.12.4",
 		"typescript": "^5.3.3",
-		"undici": "6.6.2",
+		"undici": "6.7.0",
 		"vitest": "^1.3.1",
 		"zlib-sync": "^0.1.9"
 	},