build: refactor linting setup

.gitignore

@@ -20,10 +20,9 @@ dist-docs
 
 # Miscellaneous
 .tmp
-.vscode
+.vscode/*
 !.vscode/extensions.json
 !.vscode/settings.json
-!packages/create-discord-bot/template/**/.vscode
 .idea
 .DS_Store
 .turbo

.vscode/settings.json

@@ -1,11 +1,13 @@
 {
 	"eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
+	"eslint.useESLintClass": false,
 	"eslint.experimental.useFlatConfig": true,
 	"editor.defaultFormatter": "esbenp.prettier-vscode",
 	"editor.formatOnSave": true,
 	"editor.codeActionsOnSave": {
-		"source.fixAll": true,
-		"source.organizeImports": false
+		"source.organizeImports": false,
+		"source.fixAll.eslint": true,
+		"source.fixAll": true
 	},
 	"editor.trimAutoWhitespace": false,
 	"files.associations": {

apps/guide/.prettierrc.js

@@ -1 +1,2 @@
+/** @type {import('prettier').Config} */
 module.exports = require('../../.prettierrc.json');

apps/guide/package.json

@@ -70,8 +70,8 @@
 		"@testing-library/react": "^14.0.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/html-escaper": "^3.0.0",
-		"@types/node": "18.17.6",
-		"@types/react": "^18.2.20",
+		"@types/node": "18.17.9",
+		"@types/react": "^18.2.21",
 		"@types/react-dom": "^18.2.7",
 		"@unocss/cli": "^0.55.2",
 		"@unocss/eslint-plugin": "^0.55.2",
@@ -81,18 +81,18 @@
 		"concurrently": "^8.2.1",
 		"cross-env": "^7.0.3",
 		"eslint": "^8.47.0",
-		"eslint-config-neon": "^0.1.54",
+		"eslint-config-neon": "^0.1.56",
 		"eslint-formatter-pretty": "^5.0.0",
-		"happy-dom": "^10.10.4",
+		"happy-dom": "^10.11.0",
 		"hast-util-to-string": "^2.0.0",
 		"hastscript": "^8.0.0",
 		"html-escaper": "^3.0.3",
 		"lighthouse": "^11.0.0",
 		"prettier": "^3.0.2",
-		"turbo": "^1.10.12",
+		"turbo": "^1.10.13",
 		"typescript": "^5.1.6",
 		"unocss": "^0.55.2",
-		"vercel": "^32.0.0",
+		"vercel": "^32.0.1",
 		"vitest": "^0.34.2"
 	},
 	"engines": {

apps/guide/src/app/_global-error.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { Providers } from './providers';
 import { inter } from '~/util/fonts';
+import { Providers } from './providers';
 
 export default function GlobalError({ error }: { readonly error: Error }) {
 	console.error(error);

apps/guide/src/app/guide/[...slug]/page.tsx

@@ -1,5 +1,5 @@
-import { allContents } from 'contentlayer/generated';
 import { notFound } from 'next/navigation';
+import { allContents } from 'contentlayer/generated';
 import { Mdx } from '~/components/Mdx';
 
 export async function generateStaticParams() {

apps/guide/src/app/guide/layout.tsx

@@ -1,8 +1,8 @@
 import type { PropsWithChildren } from 'react';
-import { Providers } from './providers';
 import Footer from '~/components/Footer';
 import Header from '~/components/Header';
 import { Nav } from '~/components/Nav';
+import { Providers } from './providers';
 
 export default function Layout({ children }: PropsWithChildren) {
 	return (

apps/guide/src/app/layout.tsx

@@ -1,9 +1,9 @@
 import { Analytics } from '@vercel/analytics/react';
 import type { Metadata } from 'next';
 import type { PropsWithChildren } from 'react';
-import { Providers } from './providers';
 import { DESCRIPTION } from '~/util/constants';
 import { inter, jetBrainsMono } from '~/util/fonts';
+import { Providers } from './providers';
 
 import '@unocss/reset/tailwind-compat.css';
 import '~/styles/unocss.css';

apps/guide/src/components/Mdx.tsx

@@ -2,13 +2,13 @@
 
 import { Alert, Section, DiscordMessages, DiscordMessage, DiscordMessageEmbed } from '@discordjs/ui';
 import { useMDXComponent } from 'next-contentlayer/hooks';
+import { DocsLink } from '~/components/DocsLink';
+import { ResultingCode } from '~/components/ResultingCode';
 import { DiscordAPITypesLink } from './DiscordAPITypesLink';
 import { H1 } from './H1';
 import { H2 } from './H2';
 import { H3 } from './H3';
 import { H4 } from './H4';
-import { DocsLink } from '~/components/DocsLink';
-import { ResultingCode } from '~/components/ResultingCode';
 
 export function Mdx({ code }: { readonly code: string }) {
 	const Component = useMDXComponent(code);

apps/guide/src/components/Nav.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { Scrollbars } from 'react-custom-scrollbars-2';
-import { Sidebar } from './Sidebar';
 import { useNav } from '~/contexts/nav';
+import { Sidebar } from './Sidebar';
 
 export function Nav() {
 	const { opened } = useNav();

apps/guide/src/components/Sidebar.tsx

@@ -1,11 +1,11 @@
 'use client';
 
-import { allContents } from 'contentlayer/generated';
 import type { Route } from 'next';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import { Section } from './Section';
+import { allContents } from 'contentlayer/generated';
 import { useNav } from '~/contexts/nav';
+import { Section } from './Section';
 
 const items = allContents.map((content) => ({
 	title: content.title,

apps/guide/tsconfig.eslint.json

@@ -3,19 +3,5 @@
 	"compilerOptions": {
 		"allowJs": true
 	},
-	"include": [
-		"**/*.ts",
-		"**/*.tsx",
-		"**/*.js",
-		"**/*.cjs",
-		"**/*.mjs",
-		"**/*.jsx",
-		"**/*.test.ts",
-		"**/*.test.js",
-		"**/*.test.mjs",
-		"**/*.spec.ts",
-		"**/*.spec.js",
-		"**/*.spec.mjs"
-	],
-	"exclude": []
+	"include": ["*.ts", "*.js", "*.cjs", "*.mjs", "src"]
 }

apps/website/package.json

@@ -79,8 +79,8 @@
 		"@next/bundle-analyzer": "^13.4.19",
 		"@testing-library/react": "^14.0.0",
 		"@testing-library/user-event": "^14.4.3",
-		"@types/node": "18.17.6",
-		"@types/react": "^18.2.20",
+		"@types/node": "18.17.9",
+		"@types/react": "^18.2.21",
 		"@types/react-dom": "^18.2.7",
 		"@unocss/cli": "^0.55.2",
 		"@unocss/eslint-plugin": "^0.55.2",
@@ -91,14 +91,14 @@
 		"cpy-cli": "^5.0.0",
 		"cross-env": "^7.0.3",
 		"eslint": "^8.47.0",
-		"eslint-config-neon": "^0.1.54",
+		"eslint-config-neon": "^0.1.56",
 		"eslint-formatter-pretty": "^5.0.0",
-		"happy-dom": "^10.10.4",
+		"happy-dom": "^10.11.0",
 		"lighthouse": "^11.0.0",
 		"prettier": "^3.0.2",
-		"turbo": "^1.10.12",
+		"turbo": "^1.10.13",
 		"typescript": "^5.1.6",
-		"vercel": "^32.0.0",
+		"vercel": "^32.0.1",
 		"vitest": "^0.34.2"
 	},
 	"engines": {

apps/website/src/app/_global-error.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import { Analytics } from '@vercel/analytics/react';
-import { Providers } from './providers';
 import { inter } from '~/util/fonts';
+import { Providers } from './providers';
 
 import '@unocss/reset/tailwind-compat.css';
 import '~/styles/unocss.css';

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

@@ -4,14 +4,14 @@ import { ApiModel } from '@microsoft/api-extractor-model';
 import dynamic from 'next/dynamic';
 import { notFound } from 'next/navigation';
 import type { PropsWithChildren } from 'react';
-import { Providers } from './providers';
 import { fetchModelJSON, fetchVersions } from '~/app/docAPI';
 import { Banner } from '~/components/Banner';
 import { CmdKDialog } from '~/components/CmdK';
 import { Nav } from '~/components/Nav';
 import type { SidebarSectionItemData } from '~/components/Sidebar';
 import { resolveItemURI } from '~/components/documentation/util';
 import { N_RECENT_VERSIONS, PACKAGES } from '~/util/constants';
+import { Providers } from './providers';
 
 const Header = dynamic(async () => import('~/components/Header'));
 const Footer = dynamic(async () => import('~/components/Footer'));

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

@@ -5,8 +5,8 @@ import { MDXRemote } from 'next-mdx-remote/rsc';
 import rehypeRaw from 'rehype-raw';
 import rehypeSlug from 'rehype-slug';
 import remarkGfm from 'remark-gfm';
-import type { VersionRouteParams } from './layout';
 import { SyntaxHighlighter } from '~/components/SyntaxHighlighter';
+import type { VersionRouteParams } from './layout';
 
 async function loadREADME(packageName: string) {
 	return readFile(join(process.cwd(), 'src', 'assets', 'readme', packageName, 'home-README.md'), 'utf8');

apps/website/src/app/layout.tsx

@@ -1,9 +1,9 @@
 import { Analytics } from '@vercel/analytics/react';
 import type { Metadata } from 'next';
 import type { PropsWithChildren } from 'react';
-import { Providers } from './providers';
 import { DESCRIPTION } from '~/util/constants';
 import { inter, jetBrainsMono } from '~/util/fonts';
+import { Providers } from './providers';
 
 import '@unocss/reset/tailwind-compat.css';
 import '~/styles/unocss.css';

apps/website/src/components/ExcerptText.tsx

@@ -1,8 +1,8 @@
 import type { ApiModel, Excerpt } from '@microsoft/api-extractor-model';
 import { ExcerptTokenKind } from '@microsoft/api-extractor-model';
+import { DISCORD_API_TYPES_DOCS_URL } from '~/util/constants';
 import { ItemLink } from './ItemLink';
 import { resolveItemURI } from './documentation/util';
-import { DISCORD_API_TYPES_DOCS_URL } from '~/util/constants';
 
 export interface ExcerptTextProps {
 	/**

apps/website/src/components/Nav.tsx

@@ -2,9 +2,9 @@
 
 import dynamic from 'next/dynamic';
 import { Scrollbars } from 'react-custom-scrollbars-2';
+import { useNav } from '~/contexts/nav';
 import { Sidebar } from './Sidebar';
 import type { SidebarSectionItemData } from './Sidebar';
-import { useNav } from '~/contexts/nav';
 
 const PackageSelect = dynamic(async () => import('./PackageSelect'));
 const VersionSelect = dynamic(async () => import('./VersionSelect'));

apps/website/src/components/ParameterTable.tsx

@@ -1,9 +1,9 @@
 import type { ApiDocumentedItem, ApiParameterListMixin } from '@microsoft/api-extractor-model';
 import { useMemo } from 'react';
+import { resolveParameters } from '~/util/model';
 import { ExcerptText } from './ExcerptText';
 import { Table } from './Table';
 import { TSDoc } from './documentation/tsdoc/TSDoc';
-import { resolveParameters } from '~/util/model';
 
 const columnStyles = {
 	Name: 'font-mono whitespace-nowrap',

apps/website/src/components/PropertyList.tsx

@@ -7,8 +7,8 @@ import type {
 } from '@microsoft/api-extractor-model';
 import { ApiItemKind } from '@microsoft/api-extractor-model';
 import { Fragment, useMemo } from 'react';
-import { Property } from './Property';
 import { resolveMembers } from '~/util/members';
+import { Property } from './Property';
 
 export function isPropertyLike(item: ApiItem): item is ApiProperty | ApiPropertySignature {
 	return item.kind === ApiItemKind.Property || item.kind === ApiItemKind.PropertySignature;

apps/website/src/components/Sidebar.tsx

@@ -8,9 +8,9 @@ import { VscSymbolMethod } from '@react-icons/all-files/vsc/VscSymbolMethod';
 import { VscSymbolVariable } from '@react-icons/all-files/vsc/VscSymbolVariable';
 import { useSelectedLayoutSegment } from 'next/navigation';
 import { useMemo } from 'react';
+import { useNav } from '~/contexts/nav';
 import { ItemLink } from './ItemLink';
 import { Section } from './Section';
-import { useNav } from '~/contexts/nav';
 
 export interface SidebarSectionItemData {
 	href: string;

apps/website/src/components/documentation/section/ConstructorSection.tsx

@@ -1,10 +1,10 @@
 import type { ApiConstructor } from '@microsoft/api-extractor-model';
 import { VscSymbolMethod } from '@react-icons/all-files/vsc/VscSymbolMethod';
+import { CodeHeading } from '~/components/CodeHeading';
 import { ParameterTable } from '../../ParameterTable';
 import { TSDoc } from '../tsdoc/TSDoc';
 import { parametersString } from '../util';
 import { DocumentationSection } from './DocumentationSection';
-import { CodeHeading } from '~/components/CodeHeading';
 
 export function ConstructorSection({ item }: { readonly item: ApiConstructor }) {
 	return (

apps/website/src/components/documentation/section/MethodsSection.tsx

@@ -8,9 +8,9 @@ import type {
 import { ApiItemKind } from '@microsoft/api-extractor-model';
 import { VscSymbolMethod } from '@react-icons/all-files/vsc/VscSymbolMethod';
 import { useMemo, Fragment } from 'react';
+import { resolveMembers } from '~/util/members';
 import { Method } from '../../model/method/Method';
 import { DocumentationSection } from './DocumentationSection';
-import { resolveMembers } from '~/util/members';
 
 function isMethodLike(item: ApiItem): item is ApiMethod | ApiMethodSignature {
 	return (

apps/website/src/components/documentation/util.ts

@@ -9,10 +9,10 @@ import type {
 	ApiDocumentedItem,
 	ApiParameterListMixin,
 } from '@microsoft/api-extractor-model';
-import type { TableOfContentsSerialized } from '../TableOfContentItems';
 import { METHOD_SEPARATOR, OVERLOAD_SEPARATOR } from '~/util/constants';
 import { resolveMembers } from '~/util/members';
 import { resolveParameters } from '~/util/model';
+import type { TableOfContentsSerialized } from '../TableOfContentItems';
 
 export function hasProperties(item: ApiItemContainerMixin) {
 	return resolveMembers(item, memberPredicate).some(

apps/website/src/components/model/enum/EnumMember.tsx

@@ -1,7 +1,7 @@
 import type { ApiEnumMember } from '@microsoft/api-extractor-model';
+import { CodeHeading } from '~/components/CodeHeading';
 import { SignatureText } from '../../SignatureText';
 import { TSDoc } from '../../documentation/tsdoc/TSDoc';
-import { CodeHeading } from '~/components/CodeHeading';
 
 export function EnumMember({ member }: { readonly member: ApiEnumMember }) {
 	return (

apps/website/src/util/fetchMember.ts

@@ -1,9 +1,9 @@
 import { addPackageToModel } from '@discordjs/scripts';
 import { ApiModel, ApiFunction } from '@microsoft/api-extractor-model';
 import { notFound } from 'next/navigation';
+import { fetchModelJSON } from '~/app/docAPI';
 import { OVERLOAD_SEPARATOR, PACKAGES } from './constants';
 import { findMember, findMemberByKey } from './model';
-import { fetchModelJSON } from '~/app/docAPI';
 
 export interface ItemRouteParams {
 	item: string;

apps/website/tsconfig.eslint.json

@@ -3,19 +3,5 @@
 	"compilerOptions": {
 		"allowJs": true
 	},
-	"include": [
-		"**/*.ts",
-		"**/*.tsx",
-		"**/*.js",
-		"**/*.cjs",
-		"**/*.mjs",
-		"**/*.jsx",
-		"**/*.test.ts",
-		"**/*.test.js",
-		"**/*.test.mjs",
-		"**/*.spec.ts",
-		"**/*.spec.js",
-		"**/*.spec.mjs"
-	],
-	"exclude": []
+	"include": ["*.ts", "*.tsx", "*.js", "*.cjs", "*.mjs", "src", "scripts"]
 }