feat(core)!: rename getAllMembers to getMembers with query support (#11484)

BREAKING CHANGE: getAllMembers has been removed. Use getMembers instead, which accepts an optional query parameter.

.commitlintrc.json

@@ -1,11 +1,13 @@
 {
+	"$schema": "https://json.schemastore.org/commitlintrc.json",
 	"extends": ["@commitlint/config-angular"],
 	"rules": {
 		"type-enum": [
 			2,
 			"always",
-			["chore", "build", "ci", "docs", "feat", "fix", "perf", "refactor", "revert", "style", "test", "types", "typings"]
+			["chore", "build", "ci", "docs", "feat", "fix", "perf", "refactor", "revert", "style", "test", "types"]
 		],
-		"scope-case": [0]
+		"scope-case": [0],
+		"subject-exclamation-mark": [0]
 	}
 }

.eslintrc.json

@@ -1,11 +0,0 @@
-{
-	"root": true,
-	"extends": ["neon/common", "neon/node", "neon/typescript", "neon/prettier"],
-	"parserOptions": {
-		"project": ["./tsconfig.eslint.json", "./apps/*/tsconfig.eslint.json", "./packages/*/tsconfig.eslint.json"]
-	},
-	"rules": {
-		"@typescript-eslint/consistent-type-definitions": ["error", "interface"]
-	},
-	"ignorePatterns": ["**/dist/*"]
-}

.git-blame-ignore-revs

@@ -0,0 +1,3 @@
+# .git-blame-ignore-revs
+# switched to eslint-config-neon for mainlib discord.js
+b03c65c34c6e8bab7f97d507d6ccd7c441a14360

.gitattributes

@@ -1 +1,2 @@
 * text=auto eol=lf
+pnpm-lock.yaml linguist-generated=true text=auto eol=lf

.github/.kodiak.toml

@@ -2,7 +2,7 @@ version = 1
 
 [merge]
 require_automerge_label = false
-blocking_labels = ['blocked']
+blocking_labels = ['blocked', 'in review', 'semver:major']
 method = 'squash'
 
 [merge.message]

.github/CODEOWNERS

@@ -1,13 +1,21 @@
 # Learn how to add code owners here:
-# https://help.github.com/en/articles/about-code-owners
+# https://help.github.com/articles/about-code-owners
 
 * @iCrawl
 
+package.json @discordjs/core
+pnpm-lock.yaml @discordjs/core
+
+/.github/ISSUE_TEMPLATE/ @discordjs/guide @discordjs/core
+
 /apps/guide/ @discordjs/website @discordjs/guide
-/apps/guide/src/content/ @discordjs/guide
+/apps/guide/content/ @discordjs/guide
+/apps/proxy-container/ @discordjs/proxy
 /apps/website/ @discordjs/website
 
 /packages/actions/ @discordjs/actions
+/packages/api-extractor/ @discordjs/api-extractor-utils
+/packages/api-extractor-model/ @discordjs/api-extractor-utils
 /packages/api-extractor-utils/ @discordjs/api-extractor-utils
 /packages/brokers/ @discordjs/brokers
 /packages/builders/ @discordjs/builders
@@ -19,9 +27,9 @@
 /packages/formatters/ @discordjs/formatters
 /packages/next/ @discordjs/core
 /packages/proxy/ @discordjs/proxy
-/packages/proxy-container/ @discordjs/proxy
 /packages/rest/ @discordjs/rest
 /packages/scripts/ @discordjs/scripts
+/packages/structures/ @discordjs/structures
 /packages/ui/ @discordjs/ui
 /packages/util/ @discordjs/util
 /packages/voice/ @discordjs/core

.github/COMMIT_CONVENTION.md

@@ -7,7 +7,7 @@
 Messages must be matched by the following regex:
 
 ```js
-/^(revert: )?(feat|fix|docs|style|refactor|perf|test|workflow|build|ci|chore|types|wip)(\(.+\))?: .{1,72}/;
+/^(revert: )?(feat|fix|docs|style|refactor|perf|test|build|ci|chore|types)(\(.+\))?!?: .{1,72}/;
 ```
 
 #### Examples
@@ -55,6 +55,7 @@ A commit message consists of a **header**, **body** and **footer**. The header h
 ```
 
 The **header** is mandatory and the **scope** of the header is optional.
+If the commit contains **Breaking Changes**, a `!` can be added before the `:` as an indicator.
 
 ### Revert
 

.github/CONTRIBUTING.md

@@ -11,22 +11,20 @@ is a great boon to your development process.
 To get ready to work on the codebase, please do the following:
 
 1. Fork & clone the repository, and make sure you're on the **main** branch
-2. Run `yarn --immutable` ([install](https://yarnpkg.com/getting-started/install))
-3. Run `yarn build` to build local packages
+2. Run `pnpm install --frozen-lockfile` ([install](https://pnpm.io/installation))
+3. Run `pnpm run build` to build local packages
 4. Code your heart out!
-5. Run `yarn test` to run ESLint and ensure any JSDoc changes are valid
+5. Run `pnpm run test` to run ESLint and ensure any JSDoc changes are valid
 6. [Submit a pull request](https://github.com/discordjs/discord.js/compare) (Make sure you follow the [conventional commit format](https://github.com/discordjs/discord.js/blob/main/.github/COMMIT_CONVENTION.md))
 
 ## Testing changes locally
 
-If you want to test changes you've made locally, you can do so by using `yarn link`. This will create a symlink to your local copy of the discord.js libraries.
+If you want to test changes you've made locally, you can do so by using `pnpm link <package-you-want-to-link-to-your-current-package>`. This will create a symlink to your local copy of the discord.js libraries.
 
 1. Create a new directory `mkdir discordjs-test` and move into it `cd discordjs-test`
-2. Initialize a new yarn 3 project `yarn init -2`
-3. Disable pnp `yarn config set nodeLinker node-modules`
-4. Now link the local discord.js project you cloned earlier `yarn link -A {PATH_TO_DISCORDJS_REPO}`
-5. Install packages you'd like to test locally `yarn add discord.js@latest`, `yarn add @discordjs/rest@latest`, etc. **Note: Make sure you use `latest` tag or else yarn will try to install the remote package from npm**
-6. Import the package in your source code and test them out!
+2. Initialize a new pnpm project `pnpm init`
+3. Now link the discord.js package from the directory you cloned earlier `pnpm link {PATH_TO_DISCORDJS_REPO}/packages/<package>`. (e.g. `pnpm link ~/discord.js/packages/rest`)
+4. Import the package in your source code and test them out!
 
 ### Working with TypeScript packages
 
@@ -34,15 +32,18 @@ When testing local changes, you may notice you need to manually recompile TypeSc
 
 To avoid this you can use the `--watch` parameter in the package build script to automatically recompile the project when changes are detected.
 
-For example, to automatically recompile the `@discordjs/rest` project when changes are detected, run `yarn turbo run build --filter=@discordjs/rest -- --watch` in the root folder of where you cloned the discord.js repo.
+For example, to automatically recompile the `@discordjs/rest` project when changes are detected, run `pnpm turbo run build --filter='@discordjs/rest' -- --watch` in the root folder of where you cloned the discord.js repo.
 
 ## Adding new packages
 
 If you'd like to create another package under the `@discordjs` organization run the following command:
 
 ```sh
-yarn create-package <package-name> [package-description]
+pnpm run create-package <package-name> [package-description]
 ```
 
-This will create new package directory under `packages/` with the required configuration files. You can
-begin to make changes within the `src/` directory. It may also be required to update the CODEOWNERS file.
+This will create new package directory under `packages/` with the required configuration files. You may begin
+to make changes within the `src/` directory. You may also need to:
+
+- Update workflows that utilize packages
+- Update the CODEOWNERS file

.github/ISSUE_TEMPLATE/01-package_bug_report.yml

@@ -22,8 +22,8 @@ body:
         - formatters
         - next
         - proxy
-        - proxy-container
         - rest
+        - structures
         - ui
         - util
         - voice
@@ -61,9 +61,9 @@ body:
       label: Versions
       description: List necessary versions here. This includes your package version, runtime version, operating system etc.
       placeholder: |
-        - discord.js 14.12.1 (`npm ls discord.js` or another package)
-        - Node.js 16.11.0 (`node --version`)
-        - TypeScript 5.1.6 (`npm ls typescript` if you use it)
+        - discord.js 14.24.2 (`npm ls discord.js` or another package)
+        - Node.js 24.11.0 (`node --version`)
+        - TypeScript 5.9.3 (`npm ls typescript` if you use it)
         - macOS Ventura 13.3.1
     validations:
       required: true
@@ -93,6 +93,9 @@ body:
         - Reaction
         - GuildScheduledEvent
         - ThreadMember
+        - Poll
+        - PollAnswer
+        - SoundboardSound
       multiple: true
     validations:
       required: true
@@ -107,7 +110,7 @@ body:
         - Guilds
         - GuildMembers
         - GuildModeration
-        - GuildEmojisAndStickers
+        - GuildExpressions
         - GuildIntegrations
         - GuildWebhooks
         - GuildInvites
@@ -123,6 +126,8 @@ body:
         - GuildScheduledEvents
         - AutoModerationConfiguration
         - AutoModerationExecution
+        - GuildMessagePolls
+        - DirectMessagePolls
       multiple: true
     validations:
       required: true

.github/ISSUE_TEMPLATE/03-proxy_container_bug_report.yml

@@ -0,0 +1,51 @@
+name: Proxy Container bug report
+description: Report an issue with the proxy container.
+labels: [bug, need repro, apps:proxy-container]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for filing an issue! If you are here to ask a question, use Discord instead: https://discord.gg/djs
+
+        This issue form is for the proxy container.
+  - type: textarea
+    id: description
+    attributes:
+      label: Issue description
+      description: Describe the issue in as much detail as possible.
+    validations:
+      required: true
+  - type: textarea
+    id: steps_to_reproduce
+    attributes:
+      label: Steps to Reproduce
+      description: What steps must be taken to reproduce this issue?
+      placeholder: |
+        1. Pull the container image
+        2. Run the container with specific configuration
+        3. Send a request
+        4. Observe behavior
+    validations:
+      required: true
+  - type: textarea
+    id: versions
+    attributes:
+      label: Versions
+      description: List necessary versions here. This includes the container image tag, Docker version, operating system etc.
+      placeholder: |
+        - discordjs/proxy 1.0.0
+        - Docker 27.5.1
+        - Linux 6.1.0
+    validations:
+      required: true
+  - type: dropdown
+    id: priority
+    attributes:
+      label: Issue priority
+      description: Please be realistic. If you need to elaborate on your reasoning, please use the issue description field above.
+      options:
+        - Low (slightly annoying)
+        - Medium (should be fixed soon)
+        - High (immediate attention needed)
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/04-feature_request.yml

@@ -16,6 +16,7 @@ body:
         - discord.js
         - Documentation
         - Guide
+        - Proxy Container
         - brokers
         - builders
         - collection
@@ -24,8 +25,8 @@ body:
         - formatters
         - next
         - proxy
-        - proxy-container
         - rest
+        - structures
         - ui
         - util
         - voice

.github/ISSUE_TEMPLATE/05-guide.yml

@@ -0,0 +1,27 @@
+name: Guide content
+description: Request to add to the guide or change existing content
+labels: [apps:guide]
+type: Task
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for filing a suggestion! If you are here to ask a question, use Discord instead: https://discord.gg/djs
+  - type: dropdown
+    id: issuetype
+    attributes:
+      label: What is your suggestion about?
+      options:
+        - Requesting new content
+        - Changing existing content
+        - Correcting wrong information
+    validations:
+      required: true
+  - type: input
+    id: section
+    attributes:
+      label: Guide section the suggestion is about.
+  - type: textarea
+    id: body
+    attributes:
+      label: Describe your suggestion in detail.

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,12 +0,0 @@
-**Please describe the changes this PR makes and why it should be merged:**
-
-**Status and versioning classification:**
-
-<!--
-Please move lines that apply to you out of the comment:
-- Code changes have been tested against the Discord API, or there are no code changes
-- I know how to update typings and have done so, or typings don't need updating
-- This PR changes the library's interface (methods or parameters added)
-- This PR includes breaking changes (methods removed or renamed, parameters moved or removed)
-- This PR **only** includes non-code changes, like changes to documentation, README, etc.
--->

.github/issue-labeler.yml

@@ -1,6 +1,9 @@
 apps:guide:
   - "### Which (application|package|application or package) is this (bug
     report|feature request) for\\?\\n\\nGuide\\n"
+apps:proxy-container:
+  - "### Which (application|package|application or package) is this (bug
+    report|feature request) for\\?\\n\\nProxy Container\\n"
 apps:website:
   - "### Which (application|package|application or package) is this (bug
     report|feature request) for\\?\\n\\nDocumentation\\n"
@@ -31,12 +34,12 @@ packages:next:
 packages:proxy:
   - "### Which (application|package|application or package) is this (bug
     report|feature request) for\\?\\n\\nproxy\\n"
-packages:proxy-container:
-  - "### Which (application|package|application or package) is this (bug
-    report|feature request) for\\?\\n\\nproxy-container\\n"
 packages:rest:
   - "### Which (application|package|application or package) is this (bug
     report|feature request) for\\?\\n\\nrest\\n"
+packages:structures:
+  - "### Which (application|package|application or package) is this (bug
+    report|feature request) for\\?\\n\\nstructures\\n"
 packages:ui:
   - "### Which (application|package|application or package) is this (bug
     report|feature request) for\\?\\n\\ui\\n"

.github/labeler.yml

@@ -1,54 +1,105 @@
 apps:guide:
-  - apps/guide/*
-  - apps/guide/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - apps/guide/*
+          - apps/guide/**/*
+apps:proxy-container:
+  - changed-files:
+      - any-glob-to-any-file:
+          - apps/proxy-container/*
+          - apps/proxy-container/**/*
 apps:website:
-  - apps/website/*
-  - apps/website/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - apps/website/*
+          - apps/website/**/*
+packages:api-extractor:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/api-extractor/*
+          - packages/api-extractor/**/*
+packages:api-extractor-model:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/api-extractor-model/*
+          - packages/api-extractor-model/**/*
 packages:brokers:
-  - packages/brokers/*
-  - packages/brokers/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/brokers/*
+          - packages/brokers/**/*
 packages:builders:
-  - packages/builders/*
-  - packages/builders/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/builders/*
+          - packages/builders/**/*
 packages:collection:
-  - packages/collection/*
-  - packages/collection/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/collection/*
+          - packages/collection/**/*
 packages:core:
-  - packages/core/*
-  - packages/core/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/core/*
+          - packages/core/**/*
 packages:create-discord-bot:
-  - packages/create-discord-bot/*
-  - packages/create-discord-bot/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/create-discord-bot/*
+          - packages/create-discord-bot/**/*
 packages:discord.js:
-  - packages/discord.js/*
-  - packages/discord.js/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/discord.js/*
+          - packages/discord.js/**/*
 packages:docgen:
-  - packages/docgen/*
-  - packages/docgen/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/docgen/*
+          - packages/docgen/**/*
 packages:formatters:
-  - packages/formatters/*
-  - packages/formatters/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/formatters/*
+          - packages/formatters/**/*
 packages:next:
-  - packages/next/*
-  - packages/next/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/next/*
+          - packages/next/**/*
 packages:proxy:
-  - packages/proxy/*
-  - packages/proxy/**/*
-packages:proxy-container:
-  - packages/proxy-container/*
-  - packages/proxy-container/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/proxy/*
+          - packages/proxy/**/*
 packages:rest:
-  - packages/rest/*
-  - packages/rest/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/rest/*
+          - packages/rest/**/*
+packages:structures:
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/structures/*
+          - packages/structures/**/*
 packages:ui:
-  - packages/ui/*
-  - packages/ui/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/ui/*
+          - packages/ui/**/*
 packages:util:
-  - packages/util/*
-  - packages/util/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/util/*
+          - packages/util/**/*
 packages:voice:
-  - packages/voice/*
-  - packages/voice/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/voice/*
+          - packages/voice/**/*
 packages:ws:
-  - packages/ws/*
-  - packages/ws/**/*
+  - changed-files:
+      - any-glob-to-any-file:
+          - packages/ws/*
+          - packages/ws/**/*

.github/labels.yml

@@ -1,15 +1,19 @@
 - name: api changes
-  color: 5663e9
+  color: '5663e9'
 - name: api support
-  color: 5663e9
+  color: '5663e9'
 - name: apps:guide
   color: fbca04
+- name: apps:proxy-container
+  color: fbca04
 - name: apps:website
   color: fbca04
 - name: backlog
   color: 7ef7ef
 - name: backport
   color: 88aabb
+- name: backport-candidate
+  color: 0075ca
 - name: blocked
   color: fc1423
 - name: bug
@@ -23,7 +27,7 @@
 - name: dependencies
   color: 276bd1
 - name: discord
-  color: 5663e9
+  color: '5663e9'
 - name: discussion
   color: b6b1f9
 - name: documentation
@@ -38,10 +42,8 @@
   color: 80c042
 - name: good first issue
   color: 7057ff
-- name: has PR
-  color: 4b1f8e
 - name: help wanted
-  color: 008672
+  color: '008672'
 - name: in progress
   color: ffccd7
 - name: in review
@@ -52,6 +54,10 @@
   color: e4e669
 - name: need repro
   color: c66037
+- name: packages:api-extractor
+  color: fbca04
+- name: packages:api-extractor-model
+  color: fbca04
 - name: packages:brokers
   color: fbca04
 - name: packages:builders
@@ -72,10 +78,10 @@
   color: fbca04
 - name: packages:proxy
   color: fbca04
-- name: packages:proxy-container
-  color: fbca04
 - name: packages:rest
   color: fbca04
+- name: packages:structures
+  color: fbca04
 - name: packages:ui
   color: fbca04
 - name: packages:util

.github/workflows/cleanup-cache.yml

@@ -0,0 +1,35 @@
+# https://docs.github.com/actions/using-workflows/caching-dependencies-to-speed-up-workflows#force-deleting-cache-entries
+name: Cleanup caches
+on:
+  pull_request:
+    types:
+      - closed
+  workflow_dispatch:
+jobs:
+  cleanup:
+    name: Cleanup caches
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Cleanup caches
+        run: |
+          gh extension install actions/gh-actions-cache
+
+          REPO=${{ github.repository }}
+          BRANCH="refs/pull/${{ github.event.pull_request.number }}/merge"
+
+          echo "Fetching list of cache key"
+          cacheKeysForPR=$(gh actions-cache list -R $REPO -B $BRANCH | cut -f 1 )
+
+          ## Setting this to not fail the workflow while deleting cache keys.
+          set +e
+          echo "Deleting caches..."
+          for cacheKey in $cacheKeysForPR
+          do
+              gh actions-cache delete $cacheKey -R $REPO -B $BRANCH --confirm
+          done
+          echo "Done"
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/deploy-website.yml

@@ -0,0 +1,35 @@
+name: Deploy website
+on:
+  workflow_dispatch:
+concurrency:
+  group: ${{ github.workflow }}-${{ github.head_ref || github.ref }}
+  cancel-in-progress: true
+jobs:
+  deploy-website:
+    name: Deploy website
+    runs-on: ubuntu-latest
+    env:
+      VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+      VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+    if: github.repository_owner == 'discordjs'
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Install Node.js v24
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          package-manager-cache: false
+
+      - name: Install dependencies
+        uses: ./packages/actions/src/pnpmCache
+
+      - name: Pull vercel production environment
+        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Build website artifacts
+        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
+
+      - name: Deploy website artifacts to vercel
+        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}

.github/workflows/deprecate-version.yml

@@ -0,0 +1,56 @@
+name: Deprecate version
+on:
+  workflow_dispatch:
+    inputs:
+      package:
+        description: Package
+        required: true
+        type: choice
+        options:
+          - '@discordjs/brokers'
+          - '@discordjs/builders'
+          - '@discordjs/collection'
+          - '@discordjs/core'
+          - 'create-discord-app'
+          - 'create-discord-bot'
+          - '@discordjs/formatters'
+          - 'discord.js'
+          - '@discordjs/next'
+          - '@discordjs/proxy'
+          - '@discordjs/rest'
+          - '@discordjs/structures'
+          - '@discordjs/util'
+          - '@discordjs/voice'
+          - '@discordjs/ws'
+      version:
+        description: Version(s)
+        required: true
+        type: string
+      message:
+        description: Deprecation message
+        required: false
+        type: string
+jobs:
+  deprecate:
+    runs-on: ubuntu-latest
+    if: github.repository_owner == 'discordjs'
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Install Node.js v24
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          package-manager-cache: false
+
+      - name: Install dependencies
+        uses: ./packages/actions/src/pnpmCache
+
+      - name: Deprecate
+        uses: ./packages/actions/src/deprecateVersion
+        with:
+          package: ${{ inputs.package }}
+          version: ${{ inputs.version }}
+          message: ${{ inputs.message }}
+          node-auth-token: ${{ secrets.NPM_PUBLISH_TOKEN }}

.github/workflows/documentation.yml

@@ -5,8 +5,12 @@ on:
       - 'main'
     paths:
       - 'packages/*/src/**'
+      - '!packages/create-discord-bot/**'
+      - '!packages/ui/**'
     tags:
       - '**'
+      - '!create-discord-app@*'
+      - '!create-discord-bot@*'
   workflow_dispatch:
     inputs:
       ref:
@@ -23,94 +27,210 @@ concurrency:
   group: ${{ github.workflow }}-${{ github.head_ref || github.ref }}
   cancel-in-progress: true
 jobs:
-  build:
+  build-docs:
     name: Build & upload documentation
     runs-on: ubuntu-latest
     env:
       TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
-      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
+      TURBO_TEAM: ${{ vars.TURBO_TEAM }}
+      REF_TYPE: ${{ inputs.ref_type || github.ref_type }}
     if: github.repository_owner == 'discordjs'
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v6
         with:
           ref: ${{ inputs.ref || '' }}
 
-      - name: Install node.js v18
-        uses: actions/setup-node@v3
+      - name: Install Node.js v24
+        uses: actions/setup-node@v6
         with:
-          node-version: 18
+          node-version: 24
+          package-manager-cache: false
 
       - name: Install dependencies
-        uses: ./packages/actions/src/yarnCache
+        uses: ./packages/actions/src/pnpmCache
 
       - name: Build dependencies
-        run: yarn build
+        run: pnpm run build
 
-      - name: Build docs
-        run: yarn docs
-
-      - name: Checkout docs repository
-        uses: actions/checkout@v3
+      - name: Checkout main repository
+        if: ${{ inputs.ref && inputs.ref != 'main' }}
+        uses: actions/checkout@v6
         with:
-          repository: 'discordjs/docs'
-          token: ${{ secrets.DJS_DOCS }}
-          path: 'out'
+          path: 'main'
+
+      - name: Build main
+        if: ${{ inputs.ref && inputs.ref != 'main' }}
+        shell: bash
+        env:
+          COREPACK_ENABLE_STRICT: 0
+        run: |
+          cd main
+          pnpm self-update 10
+          pnpm install --frozen-lockfile --prefer-offline --loglevel error
+          pnpm run build
+          cd ..
 
       - name: Extract package and semver from tag
-        if: ${{ github.ref_type == 'tag' }}
+        if: ${{ env.REF_TYPE == 'tag' }}
         id: extract-tag
         uses: ./packages/actions/src/formatTag
         with:
-          tag: ${{ github.ref_name }}
+          tag: ${{ inputs.ref || github.ref_name }}
+
+      - name: Apply tag to api-extractor config
+        if: ${{ env.REF_TYPE == 'tag' && !inputs.ref }}
+        run: sed -i 's!https://github.com/discordjs/discord.js/tree/main!https://github.com/discordjs/discord.js/tree/${{ github.ref_name }}!' "packages/${{ steps.extract-tag.outputs.package}}/api-extractor.json"
+
+      - name: Build docs
+        run: pnpm run docs
+
+      - name: Build docs with main api-extractor
+        if: ${{ inputs.ref && inputs.ref != 'main' }}
+        run: |
+          declare -a PACKAGES=("brokers" "builders" "collection" "core" "discord.js" "formatters" "next" "proxy" "rest" "structures" "util" "voice" "ws")
+          for PACKAGE in "${PACKAGES[@]}"; do
+            if [ ! -d "packages/${PACKAGE}" ]; then
+              echo "::notice::${PACKAGE} does not exist on this ref. Skipping..."
+              continue
+            fi
+
+            cd "packages/${PACKAGE}"
+            sed -i 's!https://github.com/discordjs/discord.js/tree/main!https://github.com/discordjs/discord.js/tree/${{ inputs.ref }}!' api-extractor.json
+            ../../main/packages/api-extractor/bin/api-extractor run --local --minify
+            ../../main/packages/scripts/bin/generateSplitDocumentation.js
+            cd ../..
+          done
 
       - name: Upload documentation to database
-        if: ${{ github.ref_type == 'tag' }}
+        if: ${{ env.REF_TYPE == 'tag' && (!inputs.ref || inputs.ref == 'main') }}
         env:
-          DATABASE_URL: ${{ secrets.DATABASE_URL }}
+          CF_D1_DOCS_API_KEY: ${{ secrets.CF_D1_DOCS_API_KEY }}
+          CF_D1_DOCS_ID: ${{ secrets.CF_D1_DOCS_ID }}
+          CF_ACCOUNT_ID: ${{ secrets.CF_ACCOUNT_ID }}
+          CF_R2_DOCS_URL: ${{ secrets.CF_R2_DOCS_URL }}
+          CF_R2_DOCS_ACCESS_KEY_ID: ${{ secrets.CF_R2_DOCS_ACCESS_KEY_ID }}
+          CF_R2_DOCS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_DOCS_SECRET_ACCESS_KEY }}
+          CF_R2_DOCS_BUCKET: ${{ secrets.CF_R2_DOCS_BUCKET }}
+          CF_R2_DOCS_BUCKET_URL: ${{ secrets.CF_R2_DOCS_BUCKET_URL }}
         uses: ./packages/actions/src/uploadDocumentation
         with:
           package: ${{ steps.extract-tag.outputs.package }}
           version: ${{ steps.extract-tag.outputs.semver }}
 
-      - name: Move docs to correct directory
-        if: ${{ github.ref_type == 'tag' }}
+      - name: Upload documentation to database
+        if: ${{ env.REF_TYPE == 'tag' && inputs.ref && inputs.ref != 'main' }}
         env:
-          PACKAGE: ${{ steps.extract-tag.outputs.package }}
-          SEMVER: ${{ steps.extract-tag.outputs.semver }}
-        run: |
-          mkdir -p "out/${PACKAGE}"
-          if [[ "${PACKAGE}" == "discord.js" ]]; then
-            mv "packages/${PACKAGE}/docs/docs.json" "out/${PACKAGE}/${SEMVER}.json"
-          else
-            mv "packages/${PACKAGE}/docs/docs.api.json" "out/${PACKAGE}/${SEMVER}.api.json"
-          fi
+          CF_D1_DOCS_API_KEY: ${{ secrets.CF_D1_DOCS_API_KEY }}
+          CF_D1_DOCS_ID: ${{ secrets.CF_D1_DOCS_ID }}
+          CF_ACCOUNT_ID: ${{ secrets.CF_ACCOUNT_ID }}
+          CF_R2_DOCS_URL: ${{ secrets.CF_R2_DOCS_URL }}
+          CF_R2_DOCS_ACCESS_KEY_ID: ${{ secrets.CF_R2_DOCS_ACCESS_KEY_ID }}
+          CF_R2_DOCS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_DOCS_SECRET_ACCESS_KEY }}
+          CF_R2_DOCS_BUCKET: ${{ secrets.CF_R2_DOCS_BUCKET }}
+          CF_R2_DOCS_BUCKET_URL: ${{ secrets.CF_R2_DOCS_BUCKET_URL }}
+        uses: ./main/packages/actions/src/uploadDocumentation
+        with:
+          package: ${{ steps.extract-tag.outputs.package }}
+          version: ${{ steps.extract-tag.outputs.semver }}
+
+      - name: Upload split documentation to blob storage
+        if: ${{ env.REF_TYPE == 'tag' && (!inputs.ref || inputs.ref == 'main') }}
+        env:
+          CF_R2_DOCS_URL: ${{ secrets.CF_R2_DOCS_URL }}
+          CF_R2_DOCS_ACCESS_KEY_ID: ${{ secrets.CF_R2_DOCS_ACCESS_KEY_ID }}
+          CF_R2_DOCS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_DOCS_SECRET_ACCESS_KEY }}
+          CF_R2_DOCS_BUCKET: ${{ secrets.CF_R2_DOCS_BUCKET }}
+        uses: ./packages/actions/src/uploadSplitDocumentation
+        with:
+          package: ${{ steps.extract-tag.outputs.package }}
+          version: ${{ steps.extract-tag.outputs.semver }}
+
+      - name: Upload split documentation to blob storage
+        if: ${{ env.REF_TYPE == 'tag' && inputs.ref && inputs.ref != 'main' }}
+        env:
+          CF_R2_DOCS_URL: ${{ secrets.CF_R2_DOCS_URL }}
+          CF_R2_DOCS_ACCESS_KEY_ID: ${{ secrets.CF_R2_DOCS_ACCESS_KEY_ID }}
+          CF_R2_DOCS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_DOCS_SECRET_ACCESS_KEY }}
+          CF_R2_DOCS_BUCKET: ${{ secrets.CF_R2_DOCS_BUCKET }}
+        uses: ./main/packages/actions/src/uploadSplitDocumentation
+        with:
+          package: ${{ steps.extract-tag.outputs.package }}
+          version: ${{ steps.extract-tag.outputs.semver }}
 
       - name: Upload documentation to database
-        if: ${{ github.ref_type == 'branch' }}
+        if: ${{ env.REF_TYPE == 'branch' && (!inputs.ref || inputs.ref == 'main') }}
         env:
-          DATABASE_URL: ${{ secrets.DATABASE_URL }}
+          CF_D1_DOCS_API_KEY: ${{ secrets.CF_D1_DOCS_API_KEY }}
+          CF_D1_DOCS_ID: ${{ secrets.CF_D1_DOCS_ID }}
+          CF_ACCOUNT_ID: ${{ secrets.CF_ACCOUNT_ID }}
+          CF_R2_DOCS_URL: ${{ secrets.CF_R2_DOCS_URL }}
+          CF_R2_DOCS_ACCESS_KEY_ID: ${{ secrets.CF_R2_DOCS_ACCESS_KEY_ID }}
+          CF_R2_DOCS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_DOCS_SECRET_ACCESS_KEY }}
+          CF_R2_DOCS_BUCKET: ${{ secrets.CF_R2_DOCS_BUCKET }}
+          CF_R2_DOCS_BUCKET_URL: ${{ secrets.CF_R2_DOCS_BUCKET_URL }}
         uses: ./packages/actions/src/uploadDocumentation
 
-      - name: Move docs to correct directory
-        if: ${{ github.ref_type == 'branch' }}
-        run: |
-          declare -a PACKAGES=("brokers" "builders" "collection" "core" "discord.js" "next" "formatters" "proxy" "rest" "util" "voice" "ws")
-          for PACKAGE in "${PACKAGES[@]}"; do
-            if [[ "${PACKAGE}" == "discord.js" ]]; then
-              mkdir -p "out/${PACKAGE}"
-              mv "packages/${PACKAGE}/docs/docs.json" "out/${PACKAGE}/${GITHUB_REF_NAME}.json"
-            else
-              mkdir -p "out/${PACKAGE}"
-              mv "packages/${PACKAGE}/docs/docs.api.json" "out/${PACKAGE}/${GITHUB_REF_NAME}.api.json"
-            fi
-          done
+      - name: Upload documentation to database
+        if: ${{ env.REF_TYPE == 'branch' && inputs.ref && inputs.ref != 'main' }}
+        env:
+          CF_D1_DOCS_API_KEY: ${{ secrets.CF_D1_DOCS_API_KEY }}
+          CF_D1_DOCS_ID: ${{ secrets.CF_D1_DOCS_ID }}
+          CF_ACCOUNT_ID: ${{ secrets.CF_ACCOUNT_ID }}
+          CF_R2_DOCS_URL: ${{ secrets.CF_R2_DOCS_URL }}
+          CF_R2_DOCS_ACCESS_KEY_ID: ${{ secrets.CF_R2_DOCS_ACCESS_KEY_ID }}
+          CF_R2_DOCS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_DOCS_SECRET_ACCESS_KEY }}
+          CF_R2_DOCS_BUCKET: ${{ secrets.CF_R2_DOCS_BUCKET }}
+          CF_R2_DOCS_BUCKET_URL: ${{ secrets.CF_R2_DOCS_BUCKET_URL }}
+        uses: ./main/packages/actions/src/uploadDocumentation
 
-      - name: Commit and push
-        run: |
-          cd out
-          git config user.name github-actions[bot]
-          git config user.email 41898282+github-actions[bot]@users.noreply.github.com
-          git add .
-          git commit -m "Docs build for ${GITHUB_REF_TYPE} ${GITHUB_REF_NAME}: ${GITHUB_SHA}" || true
-          git push
+      - name: Upload split documentation to blob storage
+        if: ${{ env.REF_TYPE == 'branch' && (!inputs.ref || inputs.ref == 'main') }}
+        env:
+          CF_R2_DOCS_URL: ${{ secrets.CF_R2_DOCS_URL }}
+          CF_R2_DOCS_ACCESS_KEY_ID: ${{ secrets.CF_R2_DOCS_ACCESS_KEY_ID }}
+          CF_R2_DOCS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_DOCS_SECRET_ACCESS_KEY }}
+          CF_R2_DOCS_BUCKET: ${{ secrets.CF_R2_DOCS_BUCKET }}
+        uses: ./packages/actions/src/uploadSplitDocumentation
+
+      - name: Upload split documentation to blob storage
+        if: ${{ env.REF_TYPE == 'branch' && inputs.ref && inputs.ref != 'main' }}
+        env:
+          CF_R2_DOCS_URL: ${{ secrets.CF_R2_DOCS_URL }}
+          CF_R2_DOCS_ACCESS_KEY_ID: ${{ secrets.CF_R2_DOCS_ACCESS_KEY_ID }}
+          CF_R2_DOCS_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_DOCS_SECRET_ACCESS_KEY }}
+          CF_R2_DOCS_BUCKET: ${{ secrets.CF_R2_DOCS_BUCKET }}
+        uses: ./main/packages/actions/src/uploadSplitDocumentation
+
+  build-indices:
+    needs: build-docs
+    name: Build & upload search indices
+    runs-on: ubuntu-latest
+    env:
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+      TURBO_TEAM: ${{ vars.TURBO_TEAM }}
+    if: github.repository_owner == 'discordjs'
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Install Node.js v24
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          package-manager-cache: false
+
+      - name: Install dependencies
+        uses: ./packages/actions/src/pnpmCache
+
+      - name: Build dependencies
+        run: pnpm run build
+
+      - name: Upload search indices to meilisearch
+        env:
+          CF_D1_DOCS_API_KEY: ${{ secrets.CF_D1_DOCS_API_KEY }}
+          CF_D1_DOCS_ID: ${{ secrets.CF_D1_DOCS_ID }}
+          CF_ACCOUNT_ID: ${{ secrets.CF_ACCOUNT_ID }}
+          SEARCH_API_URL: ${{ secrets.SEARCH_API_URL }}
+          SEARCH_API_KEY: ${{ secrets.SEARCH_API_KEY }}
+        uses: ./packages/actions/src/uploadSearchIndices

.github/workflows/issue-triage.yml

@@ -6,7 +6,7 @@ jobs:
   issue-triage:
     runs-on: ubuntu-latest
     steps:
-      - uses: github/issue-labeler@v3.1
+      - uses: github/issue-labeler@v3.4
         with:
           repo-token: '${{ secrets.GITHUB_TOKEN }}'
           configuration-path: .github/issue-labeler.yml

.github/workflows/label-sync.yml

@@ -15,9 +15,9 @@ jobs:
     if: github.repository_owner == 'discordjs'
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v6
 
       - name: Label sync
-        uses: crazy-max/ghaction-github-labeler@v4
+        uses: crazy-max/ghaction-github-labeler@v5
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/lighthouse-main.yml

@@ -1,20 +0,0 @@
-name: 'Lighthouse Audit (main)'
-on:
-  workflow_dispatch:
-jobs:
-  lighthouse_audit_main:
-    name: 'Lighthouse Audit (main)'
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-
-      - name: Audit production URLs with Lighthouse
-        id: lighthouse_audit
-        uses: treosh/lighthouse-ci-action@v9
-        with:
-          urls: |
-            https://discordjs.dev
-            https://guide.discordjs.dev
-          uploadArtifacts: true
-          temporaryPublicStorage: true

.github/workflows/lighthouse.yml

@@ -1,88 +0,0 @@
-name: 'Lighthouse Audit'
-on:
-  issue_comment:
-    types: [created, edited]
-jobs:
-  lighthouse_audit:
-    name: 'Lighthouse Audit'
-    if: ${{ github.event.issue.pull_request }}
-    runs-on: ubuntu-latest
-    steps:
-      - name: Get Vercel preview URL
-        id: get_preview_url
-        uses: actions/github-script@v6
-        with:
-          script: |
-            const comment = context.payload.comment;
-            const regex = /https:\/\/[a-z0-9-]+\.vercel\.app/g;
-            const matches = comment.body.match(regex);
-            let previewUrl = "";
-            if (matches && matches.length) {
-              previewUrl = matches[0];
-              console.log('Preview url found:', previewUrl);
-            }
-            console.log("No preview url found.");
-            core.setOutput('vercel_preview_url', previewUrl);
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Add comment to PR
-        if: ${{ steps.get_preview_url.outputs.vercel_preview_url != '' }}
-        id: loading_comment_to_pr
-        uses: marocchino/sticky-pull-request-comment@v2
-        with:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          number: ${{ github.event.issue.number }}
-          header: lighthouse
-          message: |
-            Running Lighthouse audit...
-
-      - name: Checkout repository
-        if: ${{ steps.get_preview_url.outputs.vercel_preview_url != '' }}
-        uses: actions/checkout@v3
-
-      - name: Audit preview URL with Lighthouse
-        if: ${{ steps.get_preview_url.outputs.vercel_preview_url != '' }}
-        id: lighthouse_audit
-        uses: treosh/lighthouse-ci-action@v9
-        with:
-          urls: |
-            ${{ steps.get_preview_url.outputs.vercel_preview_url }}
-          uploadArtifacts: true
-          temporaryPublicStorage: true
-
-      - name: Format lighthouse score
-        if: ${{ steps.get_preview_url.outputs.vercel_preview_url != '' }}
-        id: format_lighthouse_score
-        uses: actions/github-script@v6
-        with:
-          script: |
-            const result = ${{ steps.lighthouse_audit.outputs.manifest }}[0].summary
-            const links = ${{ steps.lighthouse_audit.outputs.links }}
-            const formatResult = (res) => Math.round((res * 100))
-            Object.keys(result).forEach(key => result[key] = formatResult(result[key]))
-            const score = res => res >= 90 ? '🟢' : res >= 50 ? '🟠' : '🔴'
-            const comment = [
-                `⚡️ [Lighthouse report](${Object.values(links)[0]}) for the changes in this PR:`,
-                '| Category | Score |',
-                '| --- | --- |',
-                `| ${score(result.performance)} Performance | ${result.performance} |`,
-                `| ${score(result.accessibility)} Accessibility | ${result.accessibility} |`,
-                `| ${score(result['best-practices'])} Best practices | ${result['best-practices']} |`,
-                `| ${score(result.seo)} SEO | ${result.seo} |`,
-                `| ${score(result.pwa)} PWA | ${result.pwa} |`,
-                ' ',
-                `*Lighthouse ran on [${Object.keys(links)[0]}](${Object.keys(links)[0]})*`
-            ].join('\n')
-             core.setOutput("comment", comment);
-          github-token: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Add comment to PR
-        if: ${{ steps.get_preview_url.outputs.vercel_preview_url != '' }}
-        id: comment_to_pr
-        uses: marocchino/sticky-pull-request-comment@v2
-        with:
-          number: ${{ github.event.issue.number }}
-          header: lighthouse
-          message: |
-            ${{ steps.format_lighthouse_score.outputs.comment }}
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/lock.yml

@@ -3,15 +3,15 @@ on:
   schedule:
     - cron: '0 16 * * *'
   workflow_dispatch:
-permissions:
-  issues: write
 concurrency:
   group: lock
 jobs:
   action:
     runs-on: ubuntu-latest
+    permissions:
+      issues: write
     steps:
-      - uses: dessant/lock-threads@v4
+      - uses: dessant/lock-threads@v5
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           issue-inactive-days: 365

.github/workflows/npm-auto-deprecate.yml

@@ -1,26 +0,0 @@
-name: npm auto deprecate
-on:
-  schedule:
-    - cron: '0 1 * * *'
-  workflow_dispatch:
-jobs:
-  npm-auto-deprecate:
-    name: npm auto deprecate
-    runs-on: ubuntu-latest
-    if: github.repository_owner == 'discordjs'
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-
-      - name: Install node.js v18
-        uses: actions/setup-node@v3
-        with:
-          node-version: 18
-
-      - name: Install dependencies
-        uses: ./packages/actions/src/yarnCache
-
-      - name: Deprecate versions
-        run: 'yarn npm-deprecate --name "*dev*" --package @discordjs/brokers @discordjs/builders @discordjs/collection @discordjs/core @discordjs/formatters discord.js @discordjs/next @discordjs/proxy @discordjs/rest @discordjs/util @discordjs/voice @discordjs/ws'
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}

.github/workflows/pr-triage.yml

@@ -1,13 +1,34 @@
 name: 'PR Triage'
 on:
   pull_request_target:
+    types:
+      - opened
+      - edited
+      - reopened
+      - synchronize
 jobs:
-  pr-triage:
-    name: PR Triage
+  label:
+    name: Label
+    if: github.event.action != 'edited'
     runs-on: ubuntu-latest
     steps:
-      - name: Automatically label PR
-        uses: actions/labeler@v4
+      - name: Label pull request
+        uses: actions/labeler@v5
         with:
           repo-token: '${{ secrets.GITHUB_TOKEN }}'
           sync-labels: true
+  validate-title:
+    name: Validate title
+    runs-on: ubuntu-latest
+    steps:
+      - name: Validate pull request title
+        env:
+          TITLE: ${{ github.event.pull_request.title }}
+        run: |
+          REGEX="^(revert: )?(feat|fix|docs|style|refactor|perf|test|build|ci|chore|types)(\\(.+\\))?!?: .{1,72}$"
+
+          echo "Title: \"$TITLE\""
+
+          if [[ ! "$TITLE" =~ $REGEX ]]; then
+            exit 1
+          fi

.github/workflows/publish-dev-docker.yml

@@ -3,31 +3,88 @@ on:
   schedule:
     - cron: '0 */12 * * *'
   workflow_dispatch:
+env:
+  IMAGE_NAME: discordjs/proxy
 jobs:
-  docker-publish:
-    name: Docker publish
-    runs-on: ubuntu-latest
-    if: github.repository_owner == 'discordjs'
+  build:
+    name: Build ${{ matrix.platform }}
+    runs-on: ${{ matrix.runner }}
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+          - platform: linux/amd64
+            runner: ubuntu-latest
+          - platform: linux/arm64
+            runner: ubuntu-24.04-arm
     steps:
+      - name: Prepare
+        run: |
+          platform=${{ matrix.platform }}
+          echo "PLATFORM_PAIR=${platform//\//-}" >> $GITHUB_ENV
+
       - name: Checkout repository
-        uses: actions/checkout@v3
-
-      - name: Install node.js v18
-        uses: actions/setup-node@v3
-        with:
-          node-version: 18
-
-      - name: Install dependencies
-        uses: ./packages/actions/src/yarnCache
-
-      - name: Build dependencies
-        run: yarn build
+        uses: actions/checkout@v6
 
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
+        uses: docker/setup-buildx-action@v3
 
       - name: Login to DockerHub
-        run: echo ${{ secrets.DOCKER_ACCESS_TOKEN }} | docker login -u ${{ secrets.DOCKER_USERNAME }} --password-stdin
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_ACCESS_TOKEN }}
 
-      - name: Build & push docker image
-        run: yarn docker build --buildkit @discordjs/proxy-container -t discordjs/proxy:latest --push
+      - name: Build and push by digest
+        id: build
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          file: apps/proxy-container/Dockerfile
+          platforms: ${{ matrix.platform }}
+          outputs: type=image,name=${{ env.IMAGE_NAME }},push-by-digest=true,name-canonical=true,push=true
+
+      - name: Export digest
+        run: |
+          mkdir -p /tmp/digests
+          digest="${{ steps.build.outputs.digest }}"
+          touch "/tmp/digests/${digest#sha256:}"
+
+      - name: Upload digest
+        uses: actions/upload-artifact@v5
+        with:
+          name: digests-${{ env.PLATFORM_PAIR }}
+          path: /tmp/digests/*
+          if-no-files-found: error
+          retention-days: 1
+
+  merge:
+    name: Create and push manifest list
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Download digests
+        uses: actions/download-artifact@v6
+        with:
+          path: /tmp/digests
+          pattern: digests-*
+          merge-multiple: true
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to DockerHub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_ACCESS_TOKEN }}
+
+      - name: Create manifest list and push
+        working-directory: /tmp/digests
+        run: |
+          docker buildx imagetools create -t ${{ env.IMAGE_NAME }}:latest \
+            $(printf '${{ env.IMAGE_NAME }}@sha256:%s ' *)
+
+      - name: Inspect image
+        run: |
+          docker buildx imagetools inspect ${{ env.IMAGE_NAME }}:latest

.github/workflows/publish-dev.yml

@@ -3,63 +3,92 @@ on:
   schedule:
     - cron: '0 */12 * * *'
   workflow_dispatch:
+    inputs:
+      ref:
+        description: 'The ref to check out. e.g. main, feat/new-feature, refs/pull/1234/head'
+        required: false
+        default: 'main'
+      tag:
+        description: 'The tag to use, generally a feature name'
+        required: false
+        type: string
+      dry_run:
+        description: 'Perform a dry run that skips publishing and outputs logs indicating what would have happened'
+        type: boolean
+        default: false
 jobs:
   npm-publish:
     name: npm publish
-    strategy:
-      fail-fast: false
-      matrix:
-        include:
-          - package: '@discordjs/brokers'
-            folder: 'brokers'
-          - package: '@discordjs/builders'
-            folder: 'builders'
-          - package: '@discordjs/collection'
-            folder: 'collection'
-          - package: '@discordjs/core'
-            folder: 'core'
-          - package: '@discordjs/formatters'
-            folder: 'formatters'
-          - package: 'discord.js'
-            folder: 'discord.js'
-          - package: '@discordjs/next'
-            folder: 'next'
-          - package: '@discordjs/proxy'
-            folder: 'proxy'
-          - package: '@discordjs/rest'
-            folder: 'rest'
-          - package: '@discordjs/util'
-            folder: 'util'
-          - package: '@discordjs/voice'
-            folder: 'voice'
-          - package: '@discordjs/ws'
-            folder: 'ws'
     runs-on: ubuntu-latest
+    permissions:
+      id-token: write
     env:
       TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
-      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
+      TURBO_TEAM: ${{ vars.TURBO_TEAM }}
     if: github.repository_owner == 'discordjs'
     steps:
+      - uses: actions/create-github-app-token@v2
+        id: app-token
+        with:
+          app-id: ${{ vars.DISCORDJS_APP_ID }}
+          private-key: ${{ secrets.DISCORDJS_APP_KEY_RELEASE }}
+
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v6
         with:
           fetch-depth: 0
+          token: ${{ steps.app-token.outputs.token }}
+          ref: ${{ inputs.ref }}
 
-      - name: Install node.js v18
-        uses: actions/setup-node@v3
+      - name: Install Node.js v24
+        uses: actions/setup-node@v6
         with:
-          node-version: 18
+          node-version: 24
+          package-manager-cache: false
           registry-url: https://registry.npmjs.org/
 
       - name: Install dependencies
-        uses: ./packages/actions/src/yarnCache
+        uses: ./packages/actions/src/pnpmCache
 
       - name: Build dependencies
-        run: yarn build
+        run: pnpm run build
 
-      - name: Publish package
-        run: |
-          yarn workspace ${{ matrix.package }} release --preid "dev.$(date +%s)-$(git rev-parse --short HEAD)"
-          yarn workspace ${{ matrix.package }} npm publish --tag dev || true
+      - name: Checkout main repository (non-main ref)
+        if: ${{ inputs.ref != 'main' }}
+        uses: actions/checkout@v6
+        with:
+          path: 'main'
+
+      - name: Install action deps (non-main ref)
+        if: ${{ inputs.ref != 'main' }}
+        shell: bash
+        working-directory: ./main
         env:
-          YARN_NPM_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
+          COREPACK_ENABLE_STRICT: 0
+        run: |
+          pnpm self-update 10
+          pnpm install --filter @discordjs/actions --frozen-lockfile --prefer-offline --loglevel error
+
+      - name: Publish packages (non-main ref)
+        if: ${{ inputs.ref != 'main' }}
+        uses: ./main/packages/actions/src/releasePackages
+        with:
+          exclude: '@discordjs/docgen'
+          dry: ${{ inputs.dry_run }}
+          dev: true
+          tag: ${{ inputs.tag || 'dev' }}
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Publish packages (main ref)
+        if: ${{ inputs.ref == 'main' }}
+        uses: ./packages/actions/src/releasePackages
+        with:
+          exclude: '@discordjs/docgen'
+          dry: ${{ inputs.dry_run }}
+          dev: true
+          tag: ${{ inputs.tag || 'dev' }}
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/publish-docker.yml

@@ -1,30 +1,98 @@
 name: Publish docker images
 on:
   workflow_dispatch:
+env:
+  IMAGE_NAME: discordjs/proxy
 jobs:
-  docker-publish:
-    name: Docker publish
-    runs-on: ubuntu-latest
+  build:
+    name: Build ${{ matrix.platform }}
+    runs-on: ${{ matrix.runner }}
+    strategy:
+      fail-fast: false
+      matrix:
+        include:
+          - platform: linux/amd64
+            runner: ubuntu-latest
+          - platform: linux/arm64
+            runner: ubuntu-24.04-arm
     steps:
+      - name: Prepare
+        run: |
+          platform=${{ matrix.platform }}
+          echo "PLATFORM_PAIR=${platform//\//-}" >> $GITHUB_ENV
+
       - name: Checkout repository
-        uses: actions/checkout@v3
-
-      - name: Install node.js v18
-        uses: actions/setup-node@v3
-        with:
-          node-version: 18
-
-      - name: Install dependencies
-        uses: ./packages/actions/src/yarnCache
-
-      - name: Build dependencies
-        run: yarn build
+        uses: actions/checkout@v6
 
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v2
+        uses: docker/setup-buildx-action@v3
 
       - name: Login to DockerHub
-        run: echo ${{ secrets.DOCKER_ACCESS_TOKEN }} | docker login -u ${{ secrets.DOCKER_USERNAME }} --password-stdin
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_ACCESS_TOKEN }}
 
-      - name: Build & push docker image
-        run: yarn docker build --buildkit @discordjs/proxy-container -t discordjs/proxy:$(cut -d '.' -f1 <<< $(jq --raw-output '.version' packages/proxy-container/package.json)) --push
+      - name: Build and push by digest
+        id: build
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          file: apps/proxy-container/Dockerfile
+          platforms: ${{ matrix.platform }}
+          outputs: type=image,name=${{ env.IMAGE_NAME }},push-by-digest=true,name-canonical=true,push=true
+
+      - name: Export digest
+        run: |
+          mkdir -p /tmp/digests
+          digest="${{ steps.build.outputs.digest }}"
+          touch "/tmp/digests/${digest#sha256:}"
+
+      - name: Upload digest
+        uses: actions/upload-artifact@v5
+        with:
+          name: digests-${{ env.PLATFORM_PAIR }}
+          path: /tmp/digests/*
+          if-no-files-found: error
+          retention-days: 1
+
+  merge:
+    name: Create and push manifest list
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Download digests
+        uses: actions/download-artifact@v6
+        with:
+          path: /tmp/digests
+          pattern: digests-*
+          merge-multiple: true
+
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Get Major Version
+        id: version
+        run: |
+          FULL_VER=$(jq --raw-output '.version' apps/proxy-container/package.json)
+          MAJOR=$(echo $FULL_VER | cut -d '.' -f1)
+          echo "major=$MAJOR" >> $GITHUB_OUTPUT
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Login to DockerHub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_ACCESS_TOKEN }}
+
+      - name: Create manifest list and push
+        working-directory: /tmp/digests
+        run: |
+          docker buildx imagetools create -t ${{ env.IMAGE_NAME }}:${{ steps.version.outputs.major }} \
+            $(printf '${{ env.IMAGE_NAME }}@sha256:%s ' *)
+
+      - name: Inspect image
+        run: |
+          docker buildx imagetools inspect ${{ env.IMAGE_NAME }}:${{ steps.version.outputs.major }}

.github/workflows/publish-release.yml

@@ -1,39 +0,0 @@
-name: Publish Release
-on:
-  release:
-    types: [released]
-jobs:
-  npm-publish:
-    name: npm publish
-    runs-on: ubuntu-latest
-    env:
-      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
-      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
-    if: github.repository_owner == 'discordjs'
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-
-      - name: Install node.js v18
-        uses: actions/setup-node@v3
-        with:
-          node-version: 18
-          registry-url: https://registry.npmjs.org/
-
-      - name: Install dependencies
-        uses: ./packages/actions/src/yarnCache
-
-      - name: Build dependencies
-        run: yarn build
-
-      - name: Extract package and semver from tag
-        id: extract-tag
-        uses: ./packages/actions/src/formatTag
-        with:
-          tag: ${{ github.ref_name }}
-
-      - name: Publish package
-        run: |
-          yarn workspace ${{ steps.extract-tag.outputs.subpackage == 'true' && '@discordjs/' || '' }}${{ steps.extract-tag.outputs.package }} npm publish
-        env:
-          YARN_NPM_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}

.github/workflows/release.yml

@@ -0,0 +1,112 @@
+name: Release
+on:
+  workflow_dispatch:
+    inputs:
+      ref:
+        description: 'The branch, tag or SHA to checkout'
+        required: true
+        default: 'main'
+      package:
+        description: 'The published name of a single package to release'
+        type: choice
+        required: false
+        options:
+          - all
+          - discord.js
+          - '@discordjs/brokers'
+          - '@discordjs/builders'
+          - '@discordjs/collection'
+          - '@discordjs/core'
+          - 'create-discord-bot'
+          # - '@discordjs/docgen'
+          - '@discordjs/formatters'
+          - '@discordjs/next'
+          - '@discordjs/proxy'
+          - '@discordjs/rest'
+          - '@discordjs/structures'
+          - '@discordjs/util'
+          - '@discordjs/voice'
+          - '@discordjs/ws'
+      exclude:
+        description: 'Comma separated list of packages to exclude from release (if not depended upon)'
+        required: false
+        type: string
+        default: '@discordjs/docgen,@discordjs/next'
+      dry_run:
+        description: Perform a dry run?
+        type: boolean
+        default: false
+jobs:
+  npm-publish:
+    name: npm publish
+    runs-on: ubuntu-latest
+    permissions:
+      id-token: write
+    env:
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+      TURBO_TEAM: ${{ vars.TURBO_TEAM }}
+    if: github.repository_owner == 'discordjs'
+    steps:
+      - uses: actions/create-github-app-token@v2
+        id: app-token
+        with:
+          app-id: ${{ vars.DISCORDJS_APP_ID }}
+          private-key: ${{ secrets.DISCORDJS_APP_KEY_RELEASE }}
+          permission-contents: write
+
+      - name: Checkout repository
+        uses: actions/checkout@v6
+        with:
+          token: ${{ steps.app-token.outputs.token }}
+          ref: ${{ inputs.ref || '' }}
+
+      - name: Install Node.js v24
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          package-manager-cache: false
+          registry-url: https://registry.npmjs.org/
+
+      - name: Install dependencies
+        uses: ./packages/actions/src/pnpmCache
+
+      - name: Build dependencies
+        run: pnpm run build
+
+      - name: Checkout main repository
+        if: ${{ inputs.ref && inputs.ref != 'main' }}
+        uses: actions/checkout@v6
+        with:
+          path: 'main'
+
+      - name: Install action deps (non-main ref only)
+        if: ${{ inputs.ref && inputs.ref != 'main' }}
+        shell: bash
+        working-directory: ./main
+        env:
+          COREPACK_ENABLE_STRICT: 0
+        run: |
+          pnpm self-update 10
+          pnpm install --filter @discordjs/actions --frozen-lockfile --prefer-offline --loglevel error
+
+      - name: Release packages (non-main ref)
+        if: ${{ inputs.ref && inputs.ref != 'main' }}
+        uses: ./main/packages/actions/src/releasePackages
+        with:
+          package: ${{ inputs.package }}
+          exclude: ${{ inputs.exclude }}
+          dry: ${{ inputs.dry_run }}
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
+          GITHUB_TOKEN: ${{ steps.app-token.outputs.token }}
+
+      - name: Release packages (main ref)
+        if: ${{ !inputs.ref || inputs.ref == 'main' }}
+        uses: ./packages/actions/src/releasePackages
+        with:
+          package: ${{ inputs.package }}
+          exclude: ${{ inputs.exclude }}
+          dry: ${{ inputs.dry_run }}
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
+          GITHUB_TOKEN: ${{ steps.app-token.outputs.token }}

.github/workflows/remove-tag.yml

@@ -0,0 +1,60 @@
+name: Remove tag
+on:
+  workflow_dispatch:
+    inputs:
+      tag:
+        description: The tag to remove
+        required: true
+        type: string
+      message:
+        description: Deprecation message
+        required: false
+        type: string
+jobs:
+  removal:
+    runs-on: ubuntu-latest
+    if: github.repository_owner == 'discordjs'
+    strategy:
+      matrix:
+        package:
+          - '@discordjs/brokers'
+          - '@discordjs/builders'
+          - '@discordjs/collection'
+          - '@discordjs/core'
+          - 'create-discord-app'
+          - 'create-discord-bot'
+          - '@discordjs/formatters'
+          - 'discord.js'
+          - '@discordjs/next'
+          - '@discordjs/proxy'
+          - '@discordjs/rest'
+          - '@discordjs/structures'
+          - '@discordjs/util'
+          - '@discordjs/voice'
+          - '@discordjs/ws'
+      fail-fast: false
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Install Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Install dependencies
+        uses: ./packages/actions/src/pnpmCache
+
+      - name: Remove tag
+        run: pnpm dist-tag rm "${{ matrix.package }}" "${{ inputs.tag }}"
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}
+
+      - name: Deprecate version
+        uses: ./packages/actions/src/deprecateVersion
+        with:
+          package: ${{ matrix.package }}
+          version: '*-${{ inputs.tag }}.*'
+          message: ${{ inputs.message }}
+          node-auth-token: ${{ secrets.NPM_PUBLISH_TOKEN }}

.github/workflows/tests.yml

@@ -12,53 +12,56 @@ jobs:
     runs-on: ubuntu-latest
     env:
       TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
-      TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
+      TURBO_TEAM: ${{ vars.TURBO_TEAM }}
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@v6
         with:
           fetch-depth: 0
 
-      - name: Install node.js v18
-        uses: actions/setup-node@v3
+      - name: Install Node.js v24
+        uses: actions/setup-node@v6
         with:
-          node-version: 18
+          node-version: 24
+          package-manager-cache: false
 
       - name: Install dependencies
-        uses: ./packages/actions/src/yarnCache
+        uses: ./packages/actions/src/pnpmCache
 
       - name: Build dependencies (PR)
         if: ${{ github.event_name != 'push' }}
-        run: yarn build --filter="...[origin/${{ github.event_name == 'pull_request' && github.event.pull_request.base.ref || 'main' }}]"
+        run: pnpm exec turbo run build --filter="...[origin/${{ github.event_name == 'pull_request' && github.event.pull_request.base.ref || 'main' }}]" --concurrency=4
 
       - name: Build dependencies (Push)
         if: ${{ github.event_name == 'push' }}
-        run: yarn build --filter="...[HEAD^1]"
-
-      - name: ESLint (PR)
-        if: ${{ github.event_name != 'push' }}
-        run: yarn lint --filter="...[origin/${{ github.event_name == 'pull_request' && github.event.pull_request.base.ref || 'main' }}]" -- --format=compact
-
-      - name: ESLint (Push)
-        if: ${{ github.event_name == 'push' }}
-        run: yarn lint --filter="...[HEAD^1]" -- --format=compact
+        run: pnpm exec turbo run build --filter="...[HEAD^1]" --concurrency=4
 
       - name: Tests (PR)
         if: ${{ github.event_name != 'push' }}
-        run: yarn test --filter="...[origin/${{ github.event_name == 'pull_request' && github.event.pull_request.base.ref || 'main' }}]"
+        run: pnpm exec turbo run test --filter="...[origin/${{ github.event_name == 'pull_request' && github.event.pull_request.base.ref || 'main' }}]" --concurrency=4
 
       - name: Tests (Push)
         if: ${{ github.event_name == 'push' }}
-        run: yarn test --filter="...[HEAD^1]"
+        run: pnpm exec turbo run test --filter="...[HEAD^1]" --concurrency=4
+
+      - name: ESLint (PR)
+        if: ${{ github.event_name != 'push' }}
+        run: pnpm exec turbo run lint --filter="...[origin/${{ github.event_name == 'pull_request' && github.event.pull_request.base.ref || 'main' }}]" --concurrency=4 -- --format=compact
+
+      - name: ESLint (Push)
+        if: ${{ github.event_name == 'push' }}
+        run: pnpm exec turbo run lint --filter="...[HEAD^1]" --concurrency=4 -- --format=compact
 
       - name: Docs (PR)
         if: ${{ github.event_name != 'push' }}
-        run: yarn docs --filter="...[origin/${{ github.event_name == 'pull_request' && github.event.pull_request.base.ref || 'main' }}]"
+        run: pnpm exec turbo run docs --filter="...[origin/${{ github.event_name == 'pull_request' && github.event.pull_request.base.ref || 'main' }}]" --concurrency=4
 
       - name: Docs (Push)
         if: ${{ github.event_name == 'push' }}
-        run: yarn docs --filter="...[HEAD^1]"
+        run: pnpm exec turbo run docs --filter="...[HEAD^1]" --concurrency=4
 
       - name: Upload Coverage
         if: github.repository_owner == 'discordjs'
         uses: ./packages/actions/src/uploadCoverage
+        with:
+          codecov_token: ${{ secrets.CODECOV_TOKEN }}

.github/workflows/upload-readmes.yml

@@ -0,0 +1,42 @@
+name: Upload README.md files
+on:
+  push:
+    branches:
+      - 'main'
+    paths:
+      - 'packages/*/README.md'
+  workflow_dispatch:
+concurrency:
+  group: ${{ github.workflow }}-${{ github.head_ref || github.ref }}
+  cancel-in-progress: true
+jobs:
+  upload-readmes:
+    name: Upload README.md files
+    runs-on: ubuntu-latest
+    env:
+      TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+      TURBO_TEAM: ${{ vars.TURBO_TEAM }}
+    if: github.repository_owner == 'discordjs'
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v6
+
+      - name: Install Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          package-manager-cache: false
+
+      - name: Install dependencies
+        uses: ./packages/actions/src/pnpmCache
+
+      - name: Build dependencies
+        run: pnpm --filter @discordjs/actions... run build
+
+      - name: Upload README.md files
+        env:
+          CF_R2_READMES_ACCESS_KEY_ID: ${{ secrets.CF_R2_READMES_ACCESS_KEY_ID }}
+          CF_R2_READMES_SECRET_ACCESS_KEY: ${{ secrets.CF_R2_READMES_SECRET_ACCESS_KEY }}
+          CF_R2_READMES_BUCKET: ${{ secrets.CF_R2_READMES_BUCKET }}
+          CF_R2_READMES_URL: ${{ secrets.CF_R2_READMES_URL }}
+        uses: ./packages/actions/src/uploadReadmeFiles

.gitignore

@@ -17,10 +17,11 @@ pids
 # Dist
 dist
 dist-docs
+packages/discord-api-types
 
 # Miscellaneous
 .tmp
-.vscode
+.vscode/*
 !.vscode/extensions.json
 !.vscode/settings.json
 .idea
@@ -29,6 +30,15 @@ dist-docs
 tsconfig.tsbuildinfo
 coverage
 out
+package.tgz
+tsup.config.bundled*
+vitest.config.ts.timestamp*
+
+# Deno
+deno.lock
+
+# Bun
+bun.lockb
 
 # yarn
 .pnp.*

.husky/commit-msg

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-yarn commitlint --edit $1
+pnpm exec commitlint --edit $1

.husky/pre-commit

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-yarn build:affected && yarn lint-staged
+pnpm run build:affected && pnpm exec lint-staged

.lintstagedrc.json

@@ -1,5 +1,6 @@
 {
+	"$schema": "https://json.schemastore.org/lintstagedrc.schema.json",
 	"*": "prettier --ignore-unknown --write",
-	"{src/**,__tests__/**}.{mjs,js,cjs,ts,tsx}": "eslint --ext .mjs,.js,.cjs,.ts,.tsx --fix",
+	"{src/**,__tests__/**}.{mjs,js,cjs,ts,tsx}": "eslint --fix",
 	"src/**.ts": "vitest related --run --config ../../vitest.config.ts"
 }

.prettierignore

@@ -1,2 +1,5 @@
 CODEOWNERS
 CHANGELOG.md
+tsup.config.bundled*
+vitest.config.ts.timestamp*
+pnpm-lock.yaml

.prettierrc.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://json.schemastore.org/prettierrc.json",
 	"printWidth": 120,
 	"useTabs": true,
 	"singleQuote": true,

.vscode/extensions.json

@@ -8,7 +8,6 @@
 		"eamodio.gitlens",
 		"christian-kohler.npm-intellisense",
 		"christian-kohler.path-intellisense",
-		"antfu.unocss",
 		"unifiedjs.vscode-mdx"
 	]
 }

.vscode/settings.json

@@ -1,18 +1,57 @@
 {
-	"eslint.workingDirectories": [{ "pattern": "./apps/*" }, { "pattern": "./packages/*" }],
 	"eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
+	"eslint.useESLintClass": true,
+	"eslint.useFlatConfig": true,
 	"editor.defaultFormatter": "esbenp.prettier-vscode",
 	"editor.formatOnSave": true,
 	"editor.codeActionsOnSave": {
-		"source.fixAll": true,
-		"source.organizeImports": false
+		"source.organizeImports": "never",
+		"source.fixAll.eslint": "always",
+		"source.fixAll": "always"
 	},
 	"editor.trimAutoWhitespace": false,
 	"files.associations": {
-		"*.mdx": "markdown"
+		"tsconfig.json": "jsonc",
+		"tsconfig.eslint.json": "jsonc"
 	},
 	"files.insertFinalNewline": true,
 	"files.eol": "\n",
-	"npm.packageManager": "yarn",
-	"typescript.tsdk": "node_modules/typescript/lib"
+	"search.exclude": {
+		"**/.yarn": true,
+		"**/.next": true,
+		"**/dist": true,
+		"**/coverage": true,
+		"**/test-results": true
+	},
+	"search.followSymlinks": false,
+	"search.useParentIgnoreFiles": true,
+	"files.watcherExclude": {
+		"**/.next/*/**": true,
+		"**/.yarn/*/**": true,
+		"**/coverage/*/**": true,
+		"**/dist/*/**": true,
+		"**/test-results/*/**": true
+	},
+	"unocss.disable": true,
+	"npm.packageManager": "pnpm",
+	"typescript.tsdk": "node_modules/typescript/lib",
+	"typescript.enablePromptUseWorkspaceTsdk": true,
+	"tailwindCSS.experimental.classRegex": [
+		["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]?([^\"'`]+)[\"'`]?"],
+		["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],
+		["class:\\s*?[\"'`]([^\"'`]*).*?,"]
+	],
+	"workbench.editor.customLabels.patterns": {
+		"**/app/**/page.tsx": "${dirname} (${filename}.${extname}) - Page",
+		"**/app/**/layout.tsx": "${dirname} (${filename}.${extname}) - Layout",
+		"**/app/**/template.tsx": "${dirname} (${filename}.${extname}) - Template",
+		"**/app/**/error.tsx": "${dirname} (${filename}.${extname}) - Error",
+		"**/app/**/not-found.tsx": "${dirname} (${filename}.${extname}) - Not Found",
+		"**/components/**/page.tsx": "${dirname} (${filename}.${extname}) - Component"
+	},
+	"deno.enable": false,
+	"deno.enablePaths": ["./packages/create-discord-bot/template/Deno"],
+	"deno.lint": false,
+	"deno.unstable": [],
+	"deno.config": "./packages/create-discord-bot/template/Deno/deno.jsonc"
 }

.yarn/patches/yaml-npm-2.2.2-6e3cddb343.patch

@@ -1,18 +0,0 @@
-diff --git a/package.json b/package.json
-index fc35658a40f9ba3e3513c459ba9f4f6e1b3f59f5..bc35eda66f270c95ba52e721cb6976fd61622c58 100644
---- a/package.json
-+++ b/package.json
-@@ -26,11 +26,13 @@
-   },
-   "exports": {
-     ".": {
-+      "types": "./dist/index.d.ts",
-       "node": "./dist/index.js",
-       "default": "./browser/index.js"
-     },
-     "./package.json": "./package.json",
-     "./util": {
-+      "types": "./dist/util.d.ts",
-       "node": "./dist/util.js",
-       "default": "./browser/dist/util.js"
-     }

.yarn/plugins/@yarnpkg/plugin-docker-build.cjs

@@ -1,260 +0,0 @@
-/* eslint-disable */
-module.exports = {
-	name: '@yarnpkg/plugin-docker-build',
-	factory: function (require) {
-		var plugin;
-		(() => {
-			'use strict';
-			var t = {
-					d: (e, o) => {
-						for (var r in o) t.o(o, r) && !t.o(e, r) && Object.defineProperty(e, r, { enumerable: !0, get: o[r] });
-					},
-					o: (t, e) => Object.prototype.hasOwnProperty.call(t, e),
-					r: (t) => {
-						'undefined' != typeof Symbol &&
-							Symbol.toStringTag &&
-							Object.defineProperty(t, Symbol.toStringTag, { value: 'Module' }),
-							Object.defineProperty(t, '__esModule', { value: !0 });
-					},
-				},
-				e = {};
-			t.r(e), t.d(e, { default: () => u });
-			const o = require('@yarnpkg/cli'),
-				r = require('clipanion'),
-				i = require('@yarnpkg/core'),
-				a = require('@yarnpkg/plugin-patch'),
-				n = require('@yarnpkg/fslib');
-			const s = require('@yarnpkg/plugin-pack');
-			async function c({ workspace: t, destination: e, report: o }) {
-				await s.packUtils.prepareForPack(t, { report: o }, async () => {
-					const r = await s.packUtils.genPackList(t),
-						a = i.Report.progressViaCounter(r.length),
-						c = o.reportProgress(a);
-					try {
-						for (const i of r) {
-							const r = n.ppath.join(t.cwd, i),
-								s = n.ppath.join(e, t.relativeCwd, i);
-							o.reportInfo(null, i), await n.xfs.copyPromise(s, r, { overwrite: !0 }), a.tick();
-						}
-					} finally {
-						c.stop();
-					}
-				});
-			}
-			function p(t, e) {
-				const o = (0, n.toFilename)(e);
-				return n.ppath.isAbsolute(o) ? n.ppath.relative(t, o) : o;
-			}
-			const l = /^builtin<([^>]+)>$/;
-			var d = function (t, e, o, r) {
-				var i,
-					a = arguments.length,
-					n = a < 3 ? e : null === r ? (r = Object.getOwnPropertyDescriptor(e, o)) : r;
-				if ('object' == typeof Reflect && 'function' == typeof Reflect.decorate) n = Reflect.decorate(t, e, o, r);
-				else
-					for (var s = t.length - 1; s >= 0; s--)
-						(i = t[s]) && (n = (a < 3 ? i(n) : a > 3 ? i(e, o, n) : i(e, o)) || n);
-				return a > 3 && n && Object.defineProperty(e, o, n), n;
-			};
-			class f extends o.BaseCommand {
-				constructor() {
-					super(...arguments), (this.args = []);
-				}
-				async execute() {
-					const t = await i.Configuration.find(this.context.cwd, this.context.plugins),
-						{ project: e } = await i.Project.find(t, this.context.cwd),
-						o = e.getWorkspaceByIdent(i.structUtils.parseIdent(this.workspaceName)),
-						r = (function ({
-							project: t,
-							workspaces: e,
-							production: o = !1,
-							scopes: r = o ? ['dependencies'] : i.Manifest.hardDependencies,
-						}) {
-							const a = new Set([...e]);
-							for (const e of a)
-								for (const o of r) {
-									const r = e.manifest.getForScope(o).values();
-									for (const e of r) {
-										const o = t.tryWorkspaceByDescriptor(e);
-										o && a.add(o);
-									}
-								}
-							for (const e of t.workspaces)
-								a.has(e)
-									? o && e.manifest.devDependencies.clear()
-									: (e.manifest.dependencies.clear(),
-									  e.manifest.devDependencies.clear(),
-									  e.manifest.peerDependencies.clear());
-							return a;
-						})({ project: e, workspaces: [o], production: this.production }),
-						s = await (async function (t, e = 'Dockerfile') {
-							const o = (0, n.toFilename)(e);
-							if (n.ppath.isAbsolute(o)) return o;
-							const r = [n.ppath.join(t.cwd, o), n.ppath.join(t.project.cwd, o)];
-							for (const t of r) if (await n.xfs.existsPromise(t)) return t;
-							throw new Error('Dockerfile is required');
-						})(o, this.dockerFilePath),
-						d = await i.Cache.find(t);
-					return (
-						await i.StreamReport.start(
-							{ configuration: t, stdout: this.context.stdout, includeLogs: !this.context.quiet },
-							async (t) => {
-								await t.startTimerPromise('Resolution Step', async () => {
-									await e.resolveEverything({ report: t, cache: d });
-								}),
-									await t.startTimerPromise('Fetch Step', async () => {
-										await e.fetchEverything({ report: t, cache: d });
-									}),
-									await n.xfs.mktempPromise(async (o) => {
-										const f = n.ppath.join(o, (0, n.toFilename)('manifests')),
-											u = n.ppath.join(o, (0, n.toFilename)('packs'));
-										await t.startTimerPromise('Copy files', async () => {
-											await (async function ({ destination: t, project: e, report: o }) {
-												const r = e.configuration.get('rcFilename');
-												o.reportInfo(null, r),
-													await n.xfs.copyPromise(n.ppath.join(t, r), n.ppath.join(e.cwd, r), { overwrite: !0 });
-											})({ destination: f, project: e, report: t }),
-												await (async function ({ destination: t, project: e, report: o }) {
-													const r = n.ppath.join((0, n.toFilename)('.yarn'), (0, n.toFilename)('plugins'));
-													o.reportInfo(null, r),
-														await n.xfs.copyPromise(n.ppath.join(t, r), n.ppath.join(e.cwd, r), { overwrite: !0 });
-												})({ destination: f, project: e, report: t }),
-												await (async function ({ destination: t, project: e, report: o }) {
-													const r = e.configuration.get('yarnPath'),
-														i = n.ppath.relative(e.cwd, r),
-														a = n.ppath.join(t, i);
-													o.reportInfo(null, i), await n.xfs.copyPromise(a, r, { overwrite: !0 });
-												})({ destination: f, project: e, report: t }),
-												await (async function ({ destination: t, workspaces: e, report: o }) {
-													for (const r of e) {
-														const e = n.ppath.join(r.relativeCwd, i.Manifest.fileName),
-															a = n.ppath.join(t, e),
-															s = {};
-														r.manifest.exportTo(s),
-															o.reportInfo(null, e),
-															await n.xfs.mkdirpPromise(n.ppath.dirname(a)),
-															await n.xfs.writeJsonPromise(a, s);
-													}
-												})({ destination: f, workspaces: e.workspaces, report: t }),
-												await (async function ({ destination: t, report: e, project: o, parseDescriptor: r }) {
-													const a = new Set();
-													for (const s of o.storedDescriptors.values()) {
-														const c = r(
-															i.structUtils.isVirtualDescriptor(s) ? i.structUtils.devirtualizeDescriptor(s) : s,
-														);
-														if (!c) continue;
-														const { parentLocator: p, paths: d } = c;
-														for (const r of d) {
-															if (l.test(r)) continue;
-															if (n.ppath.isAbsolute(r)) continue;
-															const i = o.getWorkspaceByLocator(p),
-																s = n.ppath.join(i.relativeCwd, r);
-															if (a.has(s)) continue;
-															a.add(s);
-															const c = n.ppath.join(i.cwd, r),
-																d = n.ppath.join(t, s);
-															e.reportInfo(null, s),
-																await n.xfs.mkdirpPromise(n.ppath.dirname(d)),
-																await n.xfs.copyFilePromise(c, d);
-														}
-													}
-												})({
-													destination: f,
-													report: t,
-													project: e,
-													parseDescriptor: (t) => {
-														if (t.range.startsWith('exec:')) {
-															const e = (function (t) {
-																const { params: e, selector: o } = i.structUtils.parseRange(t),
-																	r = n.npath.toPortablePath(o);
-																return {
-																	parentLocator:
-																		e && 'string' == typeof e.locator ? i.structUtils.parseLocator(e.locator) : null,
-																	path: r,
-																};
-															})(t.range);
-															if (!e || !e.parentLocator) return;
-															return { parentLocator: e.parentLocator, paths: [e.path] };
-														}
-														if (t.range.startsWith('patch:')) {
-															const { parentLocator: e, patchPaths: o } = a.patchUtils.parseDescriptor(t);
-															if (!e) return;
-															return { parentLocator: e, paths: o };
-														}
-													},
-												}),
-												await (async function ({ destination: t, project: e, cache: o, report: r }) {
-													for (const i of o.markedFiles) {
-														const o = n.ppath.relative(e.cwd, i);
-														(await n.xfs.existsPromise(i)) &&
-															(r.reportInfo(null, o), await n.xfs.copyPromise(n.ppath.join(t, o), i));
-													}
-												})({ destination: f, project: e, cache: d, report: t }),
-												await (async function ({ destination: t, project: e, report: o }) {
-													const r = (0, n.toFilename)(e.configuration.get('lockfileFilename')),
-														i = n.ppath.join(t, r);
-													o.reportInfo(null, r),
-														await n.xfs.mkdirpPromise(n.ppath.dirname(i)),
-														await n.xfs.writeFilePromise(i, e.generateLockfile());
-												})({ destination: f, project: e, report: t }),
-												this.copyFiles &&
-													this.copyFiles.length &&
-													(await (async function ({ destination: t, files: e, dockerFilePath: o, report: r }) {
-														const i = n.ppath.dirname(o);
-														for (const o of e) {
-															const e = p(i, o),
-																a = n.ppath.join(i, e),
-																s = n.ppath.join(t, e);
-															r.reportInfo(null, e), await n.xfs.copyPromise(s, a);
-														}
-													})({ destination: f, files: this.copyFiles, dockerFilePath: s, report: t }));
-										});
-										for (const e of r) {
-											const o = e.manifest.name ? i.structUtils.stringifyIdent(e.manifest.name) : '';
-											await t.startTimerPromise('Pack workspace ' + o, async () => {
-												await c({ workspace: e, report: t, destination: u });
-											});
-										}
-										const h = this.buildKit ? ['buildx', 'build'] : ['build'];
-										await i.execUtils.pipevp('docker', [...h, ...this.args, '-f', s, '.'], {
-											cwd: o,
-											strict: !0,
-											stdin: this.context.stdin,
-											stdout: this.context.stdout,
-											stderr: this.context.stderr,
-										});
-									});
-							},
-						)
-					).exitCode();
-				}
-			}
-			(f.usage = r.Command.Usage({
-				category: 'Docker-related commands',
-				description: 'Build a Docker image for a workspace',
-				details:
-					'\n      This command will build a efficient Docker image which only contains necessary dependencies for the specified workspace.\n\n      You have to create a Dockerfile in your workspace or your project. You can also specify the path to Dockerfile using the "-f, --file" option.\n\n      Additional arguments can be passed to "docker build" directly, please check the Docker docs for more info: https://docs.docker.com/engine/reference/commandline/build/\n\n      You can copy additional files or folders to a Docker image using the "--copy" option. This is useful for secret keys or configuration files. The files will be copied to "manifests" folder. The path can be either a path relative to the Dockerfile or an absolute path.\n    ',
-				examples: [
-					['Build a Docker image for a workspace', 'yarn docker build @foo/bar'],
-					['Pass additional arguments to docker build command', 'yarn docker build @foo/bar -t image-tag'],
-					[
-						'Copy additional files to a Docker image',
-						'yarn docker build --copy secret.key --copy config.json @foo/bar',
-					],
-					['Install production dependencies only', 'yarn docker build --production @foo/bar'],
-					['Build a Docker image using BuildKit', 'yarn docker build --buildkit @foo/bar'],
-				],
-			})),
-				d([r.Command.String()], f.prototype, 'workspaceName', void 0),
-				d([r.Command.Proxy()], f.prototype, 'args', void 0),
-				d([r.Command.String('-f,--file')], f.prototype, 'dockerFilePath', void 0),
-				d([r.Command.Array('--copy')], f.prototype, 'copyFiles', void 0),
-				d([r.Command.Boolean('--production')], f.prototype, 'production', void 0),
-				d([r.Command.Boolean('--buildkit')], f.prototype, 'buildKit', void 0),
-				d([r.Command.Path('docker', 'build')], f.prototype, 'execute', null);
-			const u = { commands: [f] };
-			plugin = e;
-		})();
-		return plugin;
-	},
-};

.yarnrc.yml

@@ -1,23 +0,0 @@
-logFilters:
-  - code: YN0002
-    level: discard
-  - code: YN0013
-    level: discard
-  - code: YN0032
-    level: discard
-  - code: YN0060
-    level: discard
-
-nodeLinker: node-modules
-
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: '@yarnpkg/plugin-interactive-tools'
-  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-    spec: '@yarnpkg/plugin-workspace-tools'
-  - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
-    spec: '@yarnpkg/plugin-version'
-  - path: .yarn/plugins/@yarnpkg/plugin-docker-build.cjs
-    spec: 'https://github.com/Dcard/yarn-plugins/releases/latest/download/plugin-docker-build.js'
-
-yarnPath: .yarn/releases/yarn-3.6.1.cjs

README.md

@@ -5,11 +5,14 @@
 	</p>
 	<br />
 	<p>
-		<a href="https://discord.gg/djs"><img src="https://img.shields.io/discord/222078108977594368?color=5865F2&logo=discord&logoColor=white" alt="Discord server" /></a>
+		<a href="https://discord.gg/djs"><img src="https://img.shields.io/badge/join_us-on_discord-5865F2?logo=discord&logoColor=white" alt="Discord server" /></a>
 		<a href="https://www.npmjs.com/package/discord.js"><img src="https://img.shields.io/npm/v/discord.js.svg?maxAge=3600" alt="npm version" /></a>
 		<a href="https://www.npmjs.com/package/discord.js"><img src="https://img.shields.io/npm/dt/discord.js.svg?maxAge=3600" alt="npm downloads" /></a>
-		<a href="https://github.com/discordjs/discord.js/actions"><img src="https://github.com/discordjs/discord.js/actions/workflows/test.yml/badge.svg" alt="Tests status" /></a>
-		<a href="https://codecov.io/gh/discordjs/discord.js" ><img src="https://codecov.io/gh/discordjs/discord.js/branch/main/graph/badge.svg?precision=2" alt="Code coverage" /></a>
+		<a href="https://github.com/discordjs/discord.js/actions"><img src="https://github.com/discordjs/discord.js/actions/workflows/tests.yml/badge.svg" alt="Tests status" /></a>
+		<a href="https://github.com/discordjs/discord.js/commits/main"><img src="https://img.shields.io/github/last-commit/discordjs/discord.js.svg?logo=github&logoColor=ffffff" alt="Last commit." /></a>
+		<a href="https://github.com/discordjs/discord.js/graphs/contributors"><img src="https://img.shields.io/github/contributors/discordjs/discord.js.svg?maxAge=3600&logo=github&logoColor=fff&color=00c7be" alt="contributors" /></a>
+		<a href="https://opencollective.com/discordjs"><img src="https://img.shields.io/opencollective/backers/discordjs?maxAge=3600&logo=opencollective" alt="backers" /></a>
+		<a href="https://codecov.io/gh/discordjs/discord.js"><img src="https://codecov.io/gh/discordjs/discord.js/branch/main/graph/badge.svg?precision=2" alt="Code coverage" /></a>
 	</p>
 	<p>
 		<a href="https://vercel.com/?utm_source=discordjs&utm_campaign=oss"><img src="https://raw.githubusercontent.com/discordjs/discord.js/main/.github/powered-by-vercel.svg" alt="Vercel" /></a>
@@ -24,6 +27,7 @@ This repository contains multiple packages with separate [releases][github-relea
 ## Packages
 
 - `discord.js` ([source][source]) - A powerful Node.js module for interacting with the Discord API
+- `create-discord-bot` ([source][create-discord-bot-source]) - A CLI tool to quickly scaffold a Discord bot project
 - `@discordjs/brokers` ([source][brokers-source]) - A collection of brokers for use with discord.js
 - `@discordjs/builders` ([source][builders-source]) - A utility package for easily building Discord API payloads
 - `@discordjs/collection` ([source][collection-source]) - A powerful utility data structure
@@ -31,10 +35,15 @@ This repository contains multiple packages with separate [releases][github-relea
 - `@discordjs/formatters` ([source][formatters-source]) - A collection of functions for formatting strings
 - `@discordjs/proxy` ([source][proxy-source]) - A wrapper around `@discordjs/rest` for running an HTTP proxy
 - `@discordjs/rest` ([source][rest-source]) - A module for interacting with the Discord REST API
-- `@discordjs/voice` ([source][voice-source]) - A module for interacting with the Discord Voice API
+- `@discordjs/structures` ([source][structures-source]) - A wrapper around Discord's structures
 - `@discordjs/util` ([source][util-source]) - A collection of utility functions
+- `@discordjs/voice` ([source][voice-source]) - A module for interacting with the Discord Voice API
 - `@discordjs/ws` ([source][ws-source]) - A wrapper around Discord's gateway
 
+## Containers
+
+- `discordjs/proxy` ([source][proxy-container-source]) - A lightweight HTTP proxy for Discord's API
+
 ## Links
 
 - [Website][website] ([source][website-source])
@@ -42,7 +51,7 @@ This repository contains multiple packages with separate [releases][github-relea
 - [Guide][guide] ([source][guide-source])
   Also see the v13 to v14 [Update Guide][guide-update], which includes updated and removed items from the library.
 - [discord.js Discord server][discord]
-- [Discord API Discord server][discord-api]
+- [Discord Developers Discord server][discord-developers]
 - [GitHub][source]
 - [npm][npm]
 - [Related libraries][related-libs]
@@ -62,18 +71,19 @@ If you don't understand something in the documentation, you are experiencing pro
 [website]: https://discord.js.org
 [website-source]: https://github.com/discordjs/discord.js/tree/main/apps/website
 [documentation]: https://discord.js.org/docs
-[guide]: https://discordjs.guide/
-[guide-source]: https://github.com/discordjs/guide
-[guide-update]: https://discordjs.guide/additional-info/changes-in-v14.html
+[guide]: https://discordjs.guide
+[guide-source]: https://github.com/discordjs/discord.js/tree/main/apps/guide
+[guide-update]: https://discordjs.guide/legacy/additional-info/changes-in-v14
 [discord]: https://discord.gg/djs
-[discord-api]: https://discord.gg/discord-api
+[discord-developers]: https://discord.gg/discord-developers
 [source]: https://github.com/discordjs/discord.js/tree/main/packages/discord.js
 [npm]: https://www.npmjs.com/package/discord.js
-[related-libs]: https://discord.com/developers/docs/topics/community-resources#libraries
+[related-libs]: https://docs.discord.com/developers/developer-tools/community-resources#libraries
 [rpc]: https://www.npmjs.com/package/discord-rpc
 [rpc-source]: https://github.com/discordjs/RPC
 [contributing]: https://github.com/discordjs/discord.js/blob/main/.github/CONTRIBUTING.md
 [github-releases]: https://github.com/discordjs/discord.js/releases
+[create-discord-bot-source]: https://github.com/discordjs/discord.js/tree/main/packages/create-discord-bot
 [brokers-source]: https://github.com/discordjs/discord.js/tree/main/packages/brokers
 [builders-source]: https://github.com/discordjs/discord.js/tree/main/packages/builders
 [collection-source]: https://github.com/discordjs/discord.js/tree/main/packages/collection
@@ -81,7 +91,9 @@ If you don't understand something in the documentation, you are experiencing pro
 [formatters-source]: https://github.com/discordjs/discord.js/tree/main/packages/formatters
 [proxy-source]: https://github.com/discordjs/discord.js/tree/main/packages/proxy
 [rest-source]: https://github.com/discordjs/discord.js/tree/main/packages/rest
-[voice-source]: https://github.com/discordjs/discord.js/tree/main/packages/voice
+[structures-source]: https://github.com/discordjs/discord.js/tree/main/packages/structures
 [util-source]: https://github.com/discordjs/discord.js/tree/main/packages/util
+[voice-source]: https://github.com/discordjs/discord.js/tree/main/packages/voice
 [ws-source]: https://github.com/discordjs/discord.js/tree/main/packages/ws
+[proxy-container-source]: https://github.com/discordjs/discord.js/tree/main/apps/proxy-container
 [good-first-issue]: https://github.com/discordjs/discord.js/contribute

api-extractor.json

@@ -89,42 +89,50 @@
 		 * DEFAULT VALUE: no overrideTsconfig section
 		 */
 		"overrideTsconfig": {
-			// Type Checking
-			"allowUnreachableCode": false,
-			"allowUnusedLabels": false,
-			"exactOptionalPropertyTypes": true,
-			"noFallthroughCasesInSwitch": true,
-			"noImplicitOverride": true,
-			"noImplicitReturns": true,
-			"noUnusedLocals": true,
-			"noUnusedParameters": true,
-			"strict": true,
-			"useUnknownInCatchVariables": true,
-			"noUncheckedIndexedAccess": true,
+			"compilerOptions": {
+				// Type Checking
+				"allowUnreachableCode": false,
+				"allowUnusedLabels": false,
+				"exactOptionalPropertyTypes": true,
+				"noFallthroughCasesInSwitch": true,
+				"noImplicitOverride": true,
+				"noImplicitReturns": true,
+				"noPropertyAccessFromIndexSignature": false,
+				"noUncheckedIndexedAccess": true,
+				"noUnusedLocals": true,
+				"noUnusedParameters": true,
+				"strict": true,
 
-			// Modules
-			"module": "ESNext",
-			"moduleResolution": "node",
-			"resolveJsonModule": true,
+				// Modules
+				"allowArbitraryExtensions": false,
+				"allowImportingTsExtensions": false,
+				"module": "ESNext",
+				"moduleResolution": "Bundler",
+				"resolveJsonModule": true,
+				"resolvePackageJsonExports": false,
+				"resolvePackageJsonImports": false,
 
-			// Emit
-			"declaration": true,
-			"declarationMap": true,
-			"importHelpers": true,
-			"inlineSources": true,
-			"newLine": "lf",
-			"noEmitHelpers": true,
-			"outDir": "dist",
-			"removeComments": false,
-			"sourceMap": true,
-			"esModuleInterop": true,
-			"forceConsistentCasingInFileNames": true,
+				// Emit
+				"declaration": true,
+				"declarationMap": true,
+				"importHelpers": false,
+				"newLine": "lf",
+				"noEmitHelpers": true,
+				"outDir": "dist",
+				"removeComments": false,
+				"sourceMap": true,
 
-			// Language and Environment
-			"experimentalDecorators": true,
-			"lib": ["ESNext"],
-			"target": "ES2021",
-			"useDefineForClassFields": true
+				// Interop Constraints
+				"esModuleInterop": false,
+				"forceConsistentCasingInFileNames": true,
+				"isolatedModules": true,
+
+				// Language and Environment
+				"experimentalDecorators": true,
+				"lib": ["ESNext"],
+				"target": "ES2022",
+				"useDefineForClassFields": true
+			}
 		}
 		/**
 		 * This option causes the compiler to be invoked with the --skipLibCheck option. This option is not recommended
@@ -216,7 +224,7 @@
 		/**
 		 * (REQUIRED) Whether to generate the .d.ts rollup file.
 		 */
-		"enabled": true,
+		"enabled": false,
 
 		/**
 		 * Specifies the output path for a .d.ts rollup file to be generated without any trimming.

apps/guide/.env.development

@@ -0,0 +1 @@
+NEXT_PUBLIC_LOCAL_DEV=true

apps/guide/.eslintignore

@@ -1 +0,0 @@
-next-env.d.ts

apps/guide/.eslintrc.json

@@ -1,12 +0,0 @@
-{
-	"extends": ["../../.eslintrc.json", "neon/react", "neon/next", "neon/edge", "@unocss", "neon/prettier"],
-	"settings": {
-		"react": {
-			"version": "detect"
-		}
-	},
-	"rules": {
-		"react/react-in-jsx-scope": 0,
-		"react/jsx-filename-extension": [1, { "extensions": [".tsx"] }]
-	}
-}

apps/guide/.gitignore

@@ -16,13 +16,13 @@ pids
 .env*.local
 
 # Dist
-.contentlayer
+.open-next
 .next
-public/searchIndex
-src/styles/unocss.css
+.wrangler
+.source
 
 # Miscellaneous
 .tmp
 .vscode
-lighthouse-results
-
+.vercel
+next-env.d.ts

apps/guide/.lintstagedrc.cjs

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

apps/guide/.prettierignore

@@ -1,7 +1,8 @@
-.contentlayer
 .next
 .turbo
 .vscode
 coverage
+src/assets/readme
 src/styles/unocss.css
 next-env.d.ts
+.source

apps/guide/.prettierrc.cjs

@@ -1 +1,6 @@
-module.exports = require('../../.prettierrc.json');
+/** @type {import('prettier').Config} */
+module.exports = {
+	...require('../../.prettierrc.json'),
+	plugins: ['prettier-plugin-tailwindcss'],
+	tailwindFunctions: ['cva', 'cx'],
+};

apps/guide/CONTRIBUTING.md

@@ -0,0 +1,135 @@
+# Contributing
+
+## Local development
+
+Clone the code base into a local folder, `cd` into it, and install the dependencies:
+
+```bash
+git clone https://github.com/discordjs/discord.js.git
+cd discord.js/apps/guide
+pnpm --filter guide install
+```
+
+You can and should use `pnpm dev` to check your changes out locally before pushing them for review.
+
+## Adding pages
+
+To add a new page to the guide, create a `filename.mdx` file in the folder of your choice located under `/content`. Fumadocs will pick it up and route appropriately. To list the section in the sidebar, make sure it is listed in the `meta.json` file of the directory you placed it in under the `pages` key. The order in the `pages` array determines the order pages have in the sidebar.
+
+## Framework and components
+
+The guide uses the fumadocs documentation framework for Next.js. You can find examples as well as documentation for the components you can use at <https://fumadocs.dev/docs/ui>.
+
+## General guidelines
+
+Please try your best to follow the guidelines below. They help to make the guide appear as a coherent piece of work rather than a collection of disconnected pieces with different writing styles.
+
+### Spelling, grammar, and wording
+
+Improper grammar, strange wording, and incorrect spelling are all things that may lead to confusion when a user reads a guide page. It's important to attempt to keep the content clear and consistent. Re-read what you've written and place yourself in the shoes of someone else for a moment to see if you can fully understand everything without any confusion.
+
+Don't worry if you aren't super confident with your grammar/spelling/wording skills; all pull requests get thoroughly reviewed, and comments are left in areas that need to be fixed or could be done better/differently.
+
+#### "You"/"your" instead of "we"/"our"
+
+When explaining parts of the guide, we recommend to use "you" instead of "we" when referring to the read or things they can do:
+
+```diff
+- To check our Node version, we can run `node -v`.
++ To check your Node version, you can run `node -v`.
+
+- To delete a message, we can do: `message.delete();`
++ To delete a message, you can do: `message.delete();`
+
+- Our final code should look like this: ...
++ Your final code should look like this: ...
+
+- Before we can actually do this, we need to update our configuration file.
++ Before you can actually do this, you need to update your configuration file.
+```
+
+#### "We" instead of "I"
+
+When referring to yourself, use "we" (as in "the writers of this guide") instead of "I". For example:
+
+```diff
+- If you don't already have this package installed, I would highly recommend doing so.
++ If you don't already have this package installed, we would highly recommend doing so.
+# Valid alternative:
++ If you don't already have this package installed, it's highly recommended that you do so.
+
+- In this section, I'll be covering how to do that really cool thing everyone's asking about.
++ In this section, we'll be covering how to do that really cool thing everyone's asking about.
+```
+
+#### Inclusive language
+
+Try to avoid using gendered and otherwise non-inclusive language. The following are just examples to give you an idea of what we expect. Don't understand this as a complete list of "banned terms":
+
+- Use they/them/their instead of gendered pronouns (he/him/his, she/her/hers).
+- Avoid using "master" and "slave", you can use "primary" and "replica" or "secondary" instead.
+- Avoid gendered terms like "guys", "folks" and "people" work just as well.
+- Avoid ableist terms "sanity check", use "confidence check" or "coherence check" instead.
+- Avoid talking about "dummy" values, call them "placeholder" or "sample value" instead.
+
+### Paragraph structure
+
+Try to keep guide articles formatted nicely and easy to read. If paragraphs get too long, you can usually split them up where they introduce a new concept or facet. Adding a bit of spacing can make the guide easier to digest and follow! Try to avoid run-on sentences with many embedded clauses.
+
+## Semantic components
+
+You can find the full documentation for the guide framework at <https://fumadocs.dev/docs/ui/>. If you are unsure what to use when, consider looking through the existing guide pages and how they approach things.
+
+### Callouts
+
+You can use [Callouts](https://fumadocs.dev/docs/ui/markdown#callouts) to describe additional context that doesn't fully fit into the flow of the paragraph or requires special attention. Prefer to MDX syntax `<Callout />` over Remark `:::` admonitions.
+
+### Code
+
+Fumadocs integrates [Shiki transformers](https://fumadocs.dev/docs/ui/markdown#shiki-transformers) for visual highlighting through the use of [Rhype Code](https://fumadocs.dev/docs/headless/mdx/rehype-code).
+
+When describing changes or additions to code, prefer using the appropriate language (`js` in most cases for this guide) with diff transformers over `diff` highlights:
+
+```js
+console.log('Hello'); // [!code --]
+console.log('Hello World'); // [!code ++]
+```
+
+You can put the transformer syntax above the respective line and declare ranges instead of repeating formatting intsructions. You can also combine different transformers on the same line. Note that word highlights highlight the word across the code block by default, but do respect ranges.
+
+```js
+console.log('Hello'); // [!code --:2]
+console.log('World');
+// [!code ++]
+console.log('Hello World');
+```
+
+```js
+// ...
+// [!code focus:2] [!code word:log:1]
+console.log('Hello World!'); // this instance of "log" is highlighted
+console.log('Foobar'); // this one is not
+// ...
+```
+
+When introducing new functions in a paragraph, consider highlighting them in the following code snippet to draw additional attention to their use. For example, if you just described the `log` function:
+
+```js
+console.log('Hello World'); // [!code word:log]
+```
+
+Make sure to denote the file names or paths if you describe progress in a specific code sample. When descrbing multiple files, use [tab groups](https://fumadocs.dev/docs/ui/markdown#tab-groups).
+
+````md
+```json title="package.json" tab="Configuration"
+{ ... }
+```
+
+```js tab="Usage"
+// code showing how to use what is being configured
+```
+````
+
+### Directory Structure
+
+You can use the [Files](https://fumadocs.dev/docs/ui/components/files) component to visualize the expected directory structure, if it is relevant to the approach you describe.

apps/guide/LICENSE

@@ -176,7 +176,6 @@
    END OF TERMS AND CONDITIONS
 
    Copyright 2022 Noel Buechler
-   Copyright 2022 Charlotte Cristea
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

apps/guide/README.md

@@ -5,8 +5,9 @@
 	</p>
 	<br />
 	<p>
-		<a href="https://discord.gg/djs"><img src="https://img.shields.io/discord/222078108977594368?color=5865F2&logo=discord&logoColor=white" alt="Discord server" /></a>
-		<a href="https://github.com/discordjs/discord.js/actions"><img src="https://github.com/discordjs/discord.js/actions/workflows/test.yml/badge.svg" alt="Build status" /></a>
+		<a href="https://discord.gg/djs"><img src="https://img.shields.io/badge/join_us-on_discord-5865F2?logo=discord&logoColor=white" alt="Discord server" /></a>
+		<a href="https://github.com/discordjs/discord.js/actions"><img src="https://github.com/discordjs/discord.js/actions/workflows/tests.yml/badge.svg" alt="Build status" /></a>
+		<a href="https://opencollective.com/discordjs"><img src="https://img.shields.io/opencollective/backers/discordjs?maxAge=3600&logo=opencollective" alt="backers" /></a>
 	</p>
 	<p>
 		<a href="https://vercel.com/?utm_source=discordjs&utm_campaign=oss"><img src="https://raw.githubusercontent.com/discordjs/discord.js/main/.github/powered-by-vercel.svg" alt="Vercel" /></a>
@@ -14,26 +15,21 @@
 	</p>
 </div>
 
-## About
-
-The official guide for discord.js, made to help you get started easily with the library.
-
 ## Links
 
 - [Website][website] ([source][website-source])
 - [Documentation][documentation]
 - [Guide][guide] ([source][guide-source])
-  Also see the v13 to v14 [Update Guide][guide-update], which includes updated and removed items from the library.
 - [discord.js Discord server][discord]
-- [Discord API Discord server][discord-api]
 - [GitHub][source]
-- [Related libraries][related-libs]
 
 ## Contributing
 
-Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the
-[documentation][documentation].  
-See [the contribution guide][contributing] if you'd like to submit a PR.
+Before creating an issue, please ensure that it hasn't already been reported/suggested, and double-check the existing guide. See [the contributing guide][contributing] if you'd like to submit a pull request.
+
+## Local Development
+
+To install and run just the guide portion of the repository for development, you can install dependencies with `pnpm --filter guide install` and serve a development version of the guide on localhost with `pnpm dev`.
 
 ## Help
 
@@ -42,11 +38,9 @@ If you don't understand something in the documentation, you are experiencing pro
 [website]: https://discord.js.org
 [website-source]: https://github.com/discordjs/discord.js/tree/main/apps/website
 [documentation]: https://discord.js.org/docs
-[guide]: https://discordjs.guide/
-[guide-source]: https://github.com/discordjs/guide
-[guide-update]: https://discordjs.guide/additional-info/changes-in-v14.html
+[guide]: https://discordjs.guide
+[guide-source]: https://github.com/discordjs/discord.js/tree/main/apps/guide
+[guide-update]: https://discordjs.guide/legacy/additional-info/changes-in-v14
 [discord]: https://discord.gg/djs
-[discord-api]: https://discord.gg/discord-api
 [source]: https://github.com/discordjs/discord.js/tree/main/apps/guide
-[related-libs]: https://discord.com/developers/docs/topics/community-resources#libraries
 [contributing]: https://github.com/discordjs/discord.js/blob/main/.github/CONTRIBUTING.md

apps/guide/content/docs/legacy/additional-features/cooldowns.mdx

@@ -0,0 +1,103 @@
+---
+title: Cooldowns
+---
+
+Spam is something you generally want to avoid, especially if one of your commands require calls to other APIs or takes a bit of time to build/send.
+
+<Callout>
+	This section assumes you followed the [Command Handling](../app-creation/handling-commands) part of the guide.
+</Callout>
+
+First, add a cooldown property to your command. This will determine how long the user would have to wait (in seconds) before using the command again.
+
+```js title="commands/utility/ping.js"
+const { SlashCommandBuilder } = require('discord.js');
+
+module.exports = {
+	cooldown: 5, // [!code ++]
+	data: new SlashCommandBuilder().setName('ping').setDescription('Replies with Pong!'),
+	async execute(interaction) {
+		// ...
+	},
+};
+```
+
+In your main file, initialize a [Collection](../additional-info/collections) to store cooldowns of commands:
+
+```js
+client.cooldowns = new Collection();
+```
+
+The key will be the command names, and the values will be Collections associating the user's id (key) to the last time (value) this user used this command. Overall the logical path to get a user's last usage of a command will be `cooldowns > command > user > timestamp`.
+
+In your `InteractionCreate` event handler, add the following code:
+
+```js title="index.js / interactionCreate.js (if you followed the event handler section)"
+// ...
+// [!code ++:14]
+const { cooldowns } = interaction.client;
+
+if (!cooldowns.has(command.data.name)) {
+	cooldowns.set(command.data.name, new Collection());
+}
+
+const now = Date.now();
+const timestamps = cooldowns.get(command.data.name);
+const defaultCooldownDuration = 3;
+const cooldownAmount = (command.cooldown ?? defaultCooldownDuration) * 1_000;
+
+if (timestamps.has(interaction.user.id)) {
+	// ...
+}
+```
+
+You check if the `cooldowns` Collection already has an entry for the command being used. If this is not the case, you can add a new entry, where the value is initialized as an empty Collection. Next, create the following variables:
+
+1. `now`: The current timestamp.
+2. `timestamps`: A reference to the Collection of user ids and timestamp key/value pairs for the triggered command.
+3. `cooldownAmount`: The specified cooldown for the command, converted to milliseconds for straightforward calculation. If none is specified, this defaults to three seconds.
+
+If the user has already used this command in this session, get the timestamp, calculate the expiration time, and inform the user of the amount of time they need to wait before using this command again. Note the use of the `return` statement here, causing the code below this snippet to execute only if the user has not used this command in this session or the wait has already expired.
+
+Continuing with your current setup, this is the complete `if` statement:
+
+```js title="index.js / interactionCreate.js (if you followed the event handler section)"
+const defaultCooldownDuration = 3;
+const cooldownAmount = (command.cooldown ?? defaultCooldownDuration) * 1_000;
+
+// [!code focus:13]
+if (timestamps.has(interaction.user.id)) {
+	// ... // [!code --]
+	// [!code ++:9]
+	const expirationTime = timestamps.get(interaction.user.id) + cooldownAmount;
+
+	if (now < expirationTime) {
+		const expiredTimestamp = Math.round(expirationTime / 1_000);
+		return interaction.reply({
+			content: `Please wait, you are on a cooldown for \`${command.data.name}\`. You can use it again <t:${expiredTimestamp}:R>.`,
+			flags: MessageFlags.Ephemeral,
+		});
+	}
+}
+```
+
+Since the `timestamps` Collection has the user's id as the key, you can use the `get()` method on it to get the value and sum it up with the `cooldownAmount` variable to get the correct expiration timestamp and further check to see if it's expired or not.
+
+The previous user check serves as a precaution in case the user leaves the guild. You can now use the `setTimeout` method, which will allow you to execute a function after a specified amount of time and remove the timeout.
+
+```js
+// [!code focus]
+if (timestamps.has(interaction.user.id)) {
+	const expiredTimestamp = Math.round(expirationTime / 1_000);
+	return interaction.reply({
+		content: `Please wait, you are on a cooldown for \`${command.data.name}\`. You can use it again <t:${expiredTimestamp}:R>.`,
+		flags: MessageFlags.Ephemeral,
+	});
+} // [!code focus]
+
+// [!code ++:2] [!code focus:2]
+timestamps.set(interaction.user.id, now);
+setTimeout(() => timestamps.delete(interaction.user.id), cooldownAmount);
+```
+
+This line causes the entry for the user under the specified command to be deleted after the command's cooldown time has expired for them.

apps/guide/content/docs/legacy/additional-features/meta.json

@@ -0,0 +1,3 @@
+{
+	"title": "Additional Features"
+}

apps/guide/content/docs/legacy/additional-features/reloading-commands.mdx

@@ -0,0 +1,74 @@
+---
+title: Reloading Commands
+---
+
+When writing your commands, you may find it tedious to restart your bot every time for testing the smallest changes. With a command handler, you can eliminate this issue and reload your commands while your bot is running.
+
+<Callout>
+	ESM does not support require and clearing import cache. You can use [hot-esm](https://www.npmjs.com/package/hot-esm)
+	to import files without cache. Windows support is experimental per [this
+	issue](https://github.com/vinsonchuong/hot-esm/issues/33).
+</Callout>
+
+<Callout>
+	This section assumes you followed the [Command Handling](../app-creation/handling-commands) part of the guide.
+</Callout>
+
+```js title="commands/utility/reload.js"
+const { SlashCommandBuilder } = require('discord.js');
+
+module.exports = {
+	data: new SlashCommandBuilder()
+		.setName('reload')
+		.setDescription('Reloads a command.')
+		.addStringOption((option) => option.setName('command').setDescription('The command to reload.').setRequired(true)),
+	async execute(interaction) {
+		// ...
+	},
+};
+```
+
+First off, you need to check if the command you want to reload exists. You can do this check similarly to getting a command.
+
+```js
+module.exports = {
+	// ...
+	// [!code focus:10]
+	async execute(interaction) {
+		// ... // [!code --]
+		// [!code ++:6]
+		const commandName = interaction.options.getString('command', true).toLowerCase();
+		const command = interaction.client.commands.get(commandName);
+
+		if (!command) {
+			return interaction.reply(`There is no command with name \`${commandName}\`!`);
+		}
+	},
+};
+```
+
+<Callout type="warn">
+	The reload command ideally should not be used by every user. You should deploy it as a guild command in a private
+	guild.
+</Callout>
+
+To build the correct file path, you will need the file name. You can use `command.data.name` for doing that.
+
+In theory, all there is to do is delete the previous command from `client.commands` and require the file again. In practice, you cannot do this easily as `require()` caches the file. If you were to require it again, you would load the previously cached file without any changes. You first need to delete the file from `require.cache`, and only then should you require and set the command file to `client.commands`:
+
+```js
+delete require.cache[require.resolve(`./${command.data.name}.js`)];
+
+try {
+	const newCommand = require(`./${command.data.name}.js`);
+	interaction.client.commands.set(newCommand.data.name, newCommand);
+	await interaction.reply(`Command \`${newCommand.data.name}\` was reloaded!`);
+} catch (error) {
+	console.error(error);
+	await interaction.reply(
+		`There was an error while reloading a command \`${command.data.name}\`:\n\`${error.message}\``,
+	);
+}
+```
+
+The snippet above uses a `try...catch` block to load the command file and add it to `client.commands`. In case of an error, it will log the full error to the console and notify the user about it with the error's message component `error.message`. Note that you never actually delete the command from the commands Collection and instead overwrite it. This behavior prevents you from deleting a command and ending up with no command at all after a failed `require()` call, as each use of the reload command checks that Collection again.

apps/guide/content/docs/legacy/additional-info/async-await.mdx

@@ -1,10 +1,7 @@
 ---
 title: Understanding async/await
-category: Additional info
 ---
 
-# Understanding async/await
-
 If you aren't very familiar with ECMAScript 2017, you may not know about async/await. It's a useful way to handle Promises in a hoisted manner. It's also slightly faster and increases overall readability.
 
 ## How do Promises work?
@@ -13,96 +10,82 @@ Before we can get into async/await, you should know what Promises are and how th
 
 Promises are a way to handle asynchronous tasks in JavaScript; they are the newer alternative to callbacks. A Promise has many similarities to a progress bar; they represent an unfinished and ongoing process. An excellent example of this is a request to a server (e.g., discord.js sends requests to Discord's API).
 
-A Promise can have three states; pending, resolved, and rejected
+A Promise can have three states; pending, resolved, and rejected.
 
-The **pending** state means that the Promise still is ongoing and neither resolved nor rejected.
-The **resolved** state means that the Promise is done and executed without any errors.
-The **rejected** state means that the Promise encountered an error and could not execute correctly.
+- The **pending** state means that the Promise still is ongoing and neither resolved nor rejected.
+- The **resolved** state means that the Promise is done and executed without any errors.
+- The **rejected** state means that the Promise encountered an error and could not execute correctly.
 
 One important thing to know is that a Promise can only have one state simultaneously; it can never be pending and resolved, rejected and resolved, or pending and rejected. You may be asking, "How would that look in code?". Here is a small example:
 
-<Alert title="Tip" type="success">
-	This example uses ES6 code. If you do not know what that is, you should read up on that
-	[here](/additional-info/es6-syntax.md).
-</Alert>
-
-<CH.Code>
+<Callout>
+	This example uses ES6 code. If you do not know what that is, you should read up on that [here](./es6-syntax).
+</Callout>
 
 ```js
 function deleteMessages(amount) {
-	return new Promise((resolve) => {
-		if (amount > 10) throw new Error("You can't delete more than 10 Messages at a time.");
-		setTimeout(() => resolve('Deleted 10 messages.'), 2000);
+	// [!code word:Promise]
+	return new Promise((resolve, reject) => {
+		if (amount > 10) return reject(new Error("You can't delete more than 10 Messages at a time."));
+		setTimeout(() => resolve('Deleted 10 messages.'), 2_000);
 	});
 }
 
 deleteMessages(5)
+	// [!code word:then]
 	.then((value) => {
 		// `deleteMessages` is complete and has not encountered any errors
 		// the resolved value will be the string "Deleted 10 messages"
 	})
+	// [!code word:catch]
 	.catch((error) => {
 		// `deleteMessages` encountered an error
 		// the error will be an Error Object
 	});
 ```
 
-</CH.Code>
-
-In this scenario, the _`deleteMessages`_ function returns a Promise. The _`.then()`_ method will trigger if the Promise resolves, and the _`.catch()`_ method if the Promise rejects. In the _`deleteMessages`_ function, the Promise is resolved after 2 seconds with the string "Deleted 10 messages.", so the _`.catch()`_ method will never be executed. You can also pass the _`.catch()`_ function as the second parameter of _`.then()`_.
+In this scenario, the `deleteMessages` function returns a Promise. The `.then()` method will trigger if the Promise resolves, and the `.catch()` method if the Promise rejects. In the `deleteMessages` function, the Promise is resolved after 2 seconds with the string "Deleted 10 messages.", so the `.catch()` method will never be executed. You can also pass the `.catch()` function as the second parameter of `.then()`.
 
 ## How to implement async/await
 
 ### Theory
 
-The following information is essential to know before working with async/await. You can only use the _`await`_ keyword inside a function declared as _`async`_ (you put the _`async`_ keyword before the _`function`_ keyword or before the parameters when using a callback function).
+The following information is essential to know before working with async/await. You can only use the `await` keyword inside a function declared as `async` (you put the `async` keyword before the `function` keyword or before the parameters when using a callback function).
 
 A simple example would be:
 
-<CH.Code>
-
 ```js
+// [!code word:async]
 async function declaredAsAsync() {
 	// ...
 }
 ```
 
-</CH.Code>
-
 or
 
-<CH.Code>
-
 ```js
+// [!code word:async]
 const declaredAsAsync = async () => {
 	// ...
 };
 ```
 
-</CH.Code>
-
 You can use that as well if you use the arrow function as an event listener.
 
-<CH.Code>
-
 ```js
 client.on('event', async (first, last) => {
 	// ...
 });
 ```
 
-</CH.Code>
-
-An important thing to know is that a function declared as _`async`_ will always return a Promise. In addition to this, if you return something, the Promise will resolve with that value, and if you throw an error, it will reject the Promise with that error.
+An important thing to know is that a function declared as `async` will always return a Promise. In addition to this, if you return something, the Promise will resolve with that value, and if you throw an error, it will reject the Promise with that error.
 
 ### Execution with discord.js code
 
 Now that you know how Promises work and what they are used for, let's look at an example that handles multiple Promises. Let's say you want to react with letters (regional indicators) in a specific order. For this example, here's a basic template for a discord.js bot with some ES6 adjustments.
 
-<CH.Code>
-
-```js
-import { Client, Events, GatewayIntentBits } from 'discord.js';
+```js title="promise-example.js" lineNumbers
+const { Client, Events, GatewayIntentBits } = require('discord.js');
 
 const client = new Client({ intents: [GatewayIntentBits.Guilds] });
 
@@ -121,17 +104,15 @@ client.on(Events.InteractionCreate, (interaction) => {
 client.login('your-token-goes-here');
 ```
 
-</CH.Code>
-
 If you don't know how Node.js asynchronous execution works, you would probably try something like this:
 
-<CH.Code>
-
-```js mark=4:7
-client.on('interactionCreate', (interaction) => {
+```js title="promise-example.js" lineNumbers=9
+client.on(Events.InteractionCreate, (interaction) => {
 	// ...
+	// [!code focus:7]
 	if (commandName === 'react') {
-		const message = interaction.reply({ content: 'Reacting!', fetchReply: true });
+		const response = interaction.reply({ content: 'Reacting!', withResponse: true }); // [!code ++:5]
+		const { message } = response.resource;
 		message.react('🇦');
 		message.react('🇧');
 		message.react('🇨');
@@ -139,18 +120,18 @@ client.on('interactionCreate', (interaction) => {
 });
 ```
 
-</CH.Code>
+But since all of these methods are started at the same time, it would just be a race to which server request finished first, so there would be no guarantee that it would react at all (if the message isn't fetched) or in the order you wanted it to. In order to make sure it reacts after the message is sent and in order (a, b, c), you'd need to use the `.then()` callback from the Promises that these methods return. The code would look like this:
 
-But since all of these methods are started at the same time, it would just be a race to which server request finished first, so there would be no guarantee that it would react at all (if the message isn't fetched) or in the order you wanted it to. In order to make sure it reacts after the message is sent and in order (a, b, c), you'd need to use the _`.then()`_ callback from the Promises that these methods return. The code would look like this:
-
-<CH.Code>
-
-```js mark=4:12
-client.on('interactionCreate', (interaction) => {
+```js title="promise-example.js" lineNumbers=9
+client.on(Events.InteractionCreate, (interaction) => {
 	// ...
 	if (commandName === 'react') {
-		interaction.reply({ content: 'Reacting!', fetchReply: true }).then((message) => {
-			message
+		interaction.reply({ content: 'Reacting!', withResponse: true }).then((response) => {
+			const { message } = response.resource;
+			message.react('🇦'); // [!code --:3]
+			message.react('🇧');
+			message.react('🇨');
+			message // [!code ++:7]
 				.react('🇦')
 				.then(() => message.react('🇧'))
 				.then(() => message.react('🇨'))
@@ -162,38 +143,37 @@ client.on('interactionCreate', (interaction) => {
 });
 ```
 
-</CH.Code>
+In this piece of code, the Promises are [chain resolved](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise/then#Chaining) with each other, and if one of the Promises gets rejected, the function passed to `.catch()` gets called. Here's the same code but with async/await:
 
-In this piece of code, the Promises are [chain resolved](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then#Chaining) with each other, and if one of the Promises gets rejected, the function passed to _`.catch()`_ gets called. Here's the same code but with async/await:
-
-<CH.Code>
-
-```js mark=1,4:7
-client.on('interactionCreate', async (interaction) => {
+```js title="promise-example.js" lineNumbers=9
+client.on(Events.InteractionCreate, async (interaction) => {
 	// ...
 	if (commandName === 'react') {
-		const message = await interaction.reply({ content: 'Reacting!', fetchReply: true });
-		await message.react('🇦');
+		const response = await interaction.reply({ content: 'Reacting!', withResponse: true });
+		const { message } = response.resource;
+		message.react('🇦'); // [!code --:3]
+		message.react('🇧');
+		message.react('🇨');
+		await message.react('🇦'); // [!code ++:3]
 		await message.react('🇧');
 		await message.react('🇨');
 	}
 });
 ```
 
-</CH.Code>
+It's mostly the same code, but how would you catch Promise rejections now since `.catch()` isn't there anymore? That is also a useful feature with async/await; the error will be thrown if you await it so that you can wrap the awaited Promises inside a try/catch, and you're good to go.
 
-It's mostly the same code, but how would you catch Promise rejections now since _`.catch()`_ isn't there anymore? That is also a useful feature with async/await; the error will be thrown if you await it so that you can wrap the awaited Promises inside a try/catch, and you're good to go.
-
-<CH.Code>
-
-```js mark=1,4:11
-client.on('interactionCreate', async (interaction) => {
+```js title="promise-example.js" lineNumbers=9
+client.on(Events.InteractionCreate, async (interaction) => {
 	if (commandName === 'react') {
+		// [!code ++]
 		try {
-			const message = await interaction.reply({ content: 'Reacting!', fetchReply: true });
+			const response = await interaction.reply({ content: 'Reacting!', withResponse: true });
+			const { message } = response.resource;
 			await message.react('🇦');
 			await message.react('🇧');
 			await message.react('🇨');
+			// [!code ++:3]
 		} catch (error) {
 			// handle failure of any Promise rejection inside here
 		}
@@ -201,23 +181,19 @@ client.on('interactionCreate', async (interaction) => {
 });
 ```
 
-</CH.Code>
-
 This code looks clean and is also easy to read.
 
 So you may be asking, "How would I get the value the Promise resolved with?".
 
 Let's look at an example where you want to delete a sent reply.
 
-<CH.Code>
-
-```js mark=3:10
-client.on('interactionCreate', (interaction) => {
+```js title="promise-example.js"
+client.on(Events.InteractionCreate, (interaction) => {
 	// ...
 	if (commandName === 'delete') {
 		interaction
-			.reply({ content: 'This message will be deleted.', fetchReply: true })
-			.then((replyMessage) => setTimeout(() => replyMessage.delete(), 10000))
+			.reply({ content: 'This message will be deleted.', withResponse: true })
+			.then((response) => setTimeout(() => response.resource.message.delete(), 10_000)) // [!code word:response]
 			.catch((error) => {
 				// handle error
 			});
@@ -225,18 +201,14 @@ client.on('interactionCreate', (interaction) => {
 });
 ```
 
-</CH.Code>
+The return value of a `.reply()` with the `withResponse` option set to `true` is a promise which resolves with `InteractionCallbackResponse`, but how would the same code with async/await look?
 
-The return value of a _`.reply()`_ with the _`fetchReply`_ option set to _`true`_ is a Promise which resolves with the reply when it has been sent, but how would the same code with async/await look?
-
-<CH.Code>
-
-```js mark=1,4:10
-client.on('interactionCreate', async (interaction) => {
+```js title="promise-example.js"
+client.on(Events.InteractionCreate, async (interaction) => {
 	if (commandName === 'delete') {
 		try {
-			const replyMessage = await interaction.reply({ content: 'This message will be deleted.', fetchReply: true });
-			setTimeout(() => replyMessage.delete(), 10000);
+			const response = await interaction.reply({ content: 'This message will be deleted.', withResponse: true }); // [!code word:response]
+			setTimeout(() => response.resource.message.delete(), 10_000);
 		} catch (error) {
 			// handle error
 		}
@@ -244,6 +216,4 @@ client.on('interactionCreate', async (interaction) => {
 });
 ```
 
-</CH.Code>
-
 With async/await, you can assign the awaited function to a variable representing the returned value. Now you know how you use async/await.

apps/guide/content/docs/legacy/additional-info/changes-in-v14.mdx

@@ -0,0 +1,674 @@
+---
+title: Updating to v14
+---
+
+## Before you start
+
+Make sure you're using the latest LTS version of Node. To check your Node version, use `node -v` in your terminal or command prompt, and if it's not high enough, update it! There are many resources online to help you with this step based on your host system.
+
+### Various packages are now included in v14
+
+If you previously had `@discordjs/builders`, `@discordjs/formatters`, `@discordjs/rest`, or `discord-api-types` manually installed, it's _highly_ recommended that you uninstall the packages to avoid package version conflicts.
+
+```sh tab="npm"
+npm uninstall @discordjs/builders @discordjs/formatters @discordjs/rest discord-api-types
+```
+
+```sh tab="yarn"
+yarn remove @discordjs/builders @discordjs/formatters @discordjs/rest discord-api-types
+```
+
+```sh tab="pnpm"
+pnpm remove @discordjs/builders @discordjs/formatters @discordjs/rest discord-api-types
+```
+
+## Breaking Changes
+
+### API version
+
+discord.js v14 makes the switch to Discord API v10!
+
+### Common Breakages
+
+### Enum Values
+
+Any areas that used to accept a `string` or `number` type for an enum parameter will now only accept exclusively `number`s.
+
+In addition, the old enums exported by discord.js v13 and lower are replaced with new enums from [discord-api-types](https://discord-api-types.dev/api/discord-api-types-v10).
+
+#### New enum differences
+
+Most of the difference between enums from discord.js and discord-api-types can be summarized as so:
+
+1. Enums are singular, i.e., `ApplicationCommandOptionTypes` -> `ApplicationCommandOptionType`
+2. Enums that are prefixed with `Message` no longer have the `Message` prefix, i.e., `MessageButtonStyles` -> `ButtonStyle`
+3. Enum values are `PascalCase` rather than `SCREAMING_SNAKE_CASE`, i.e., `.CHAT_INPUT` -> `.ChatInput`
+
+<Callout>
+	You might be inclined to use raw `number`s (most commonly referred to as [magic numbers](<https://en.wikipedia.org/wiki/Magic_number_(programming)>)) instead of enum values. This is highly discouraged. Enums provide more readability and are more resistant to changes in the API. Magic numbers can obscure the meaning of your code in many ways, check out this [blog post](https://blog.webdevsimplified.com/2020-02/magic-numbers/) if you want more context on as to why they shouldn't be used.
+</Callout>
+
+#### Common enum breakages
+
+Areas like `Client` initialization, JSON slash commands and JSON message components will likely need to be modified to accommodate these changes:
+
+##### Common Client Initialization Changes
+
+```js
+const { Client, Intents } = require('discord.js'); // [!code --]
+const { Client, GatewayIntentBits, Partials } = require('discord.js'); // [!code ++]
+
+const client = new Client({ intents: [Intents.FLAGS.GUILDS], partials: ['CHANNEL'] }); // [!code --]
+const client = new Client({ intents: [GatewayIntentBits.Guilds], partials: [Partials.Channel] }); // [!code ++]
+```
+
+##### Common Application Command Data changes
+
+```js
+const { ApplicationCommandType, ApplicationCommandOptionType } = require('discord.js'); // [!code ++]
+
+const command = {
+	name: 'ping',
+	type: 'CHAT_INPUT', // [!code --]
+	type: ApplicationCommandType.ChatInput, // [!code ++]
+	options: [
+		{
+			name: 'option',
+			description: 'A sample option',
+			type: 'STRING', // [!code --]
+			type: ApplicationCommandOptionType.String, // [!code ++]
+		},
+	],
+};
+```
+
+##### Common Button Data changes
+
+```js
+const { ButtonStyle } = require('discord.js'); // [!code ++]
+
+const button = {
+	label: 'test',
+	style: 'PRIMARY', // [!code --]
+	style: ButtonStyle.Primary, // [!code ++]
+	customId: '1234',
+};
+```
+
+### Removal of method-based type guards
+
+#### Channels
+
+Some channel type guard methods that narrowed to one channel type have been removed. Instead compare the `type` property against a [ChannelType](https://discord-api-types.dev/api/discord-api-types-v10/enum/ChannelType) enum member to narrow channels.
+
+```js
+const { ChannelType } = require('discord.js'); // [!code ++]
+
+channel.isText(); // [!code --]
+channel.type === ChannelType.GuildText; // [!code ++]
+
+channel.isVoice(); // [!code --]
+channel.type === ChannelType.GuildVoice; // [!code ++]
+
+channel.isDM(); // [!code --]
+channel.type === ChannelType.DM; // [!code ++]
+```
+
+### Builders
+
+Builders are no longer returned by the API like they were previously. For example you send the API an `EmbedBuilder` but you receive an `Embed` of the same data from the API. This may affect how your code handles received structures such as components. Refer to [message component changes section](#messagecomponent) for more details.
+
+Added `disableValidators()` and `enableValidators()` as top-level exports which disable or enable validation (enabled by default).
+
+### Consolidation of `create()` & `edit()` parameters
+
+Various `create()` and `edit()` methods on managers and objects have had their parameters consolidated. The changes are below:
+
+- `Guild#edit()` now takes `reason` in the `data` parameter
+- `GuildChannel#edit()` now takes `reason` in the `data` parameter
+- `GuildEmoji#edit()` now takes `reason` in the `data` parameter
+- `Role#edit()` now takes `reason` in the `data` parameter
+- `Sticker#edit()` now takes `reason` in the `data` parameter
+- `ThreadChannel#edit()` now takes `reason` in the `data` parameter
+- `GuildChannelManager#create()` now takes `name` in the `options` parameter
+- `GuildChannelManager#createWebhook()` (and other text-based channels) now takes `channel` and `name` in the `options` parameter
+- `GuildChannelManager#edit()` now takes `reason` as a part of `data`
+- `GuildEmojiManager#edit()` now takes `reason` as a part of `data`
+- `GuildManager#create()` now takes `name` as a part of `options`
+- `GuildMemberManager#edit()` now takes `reason` as a part of `data`
+- `GuildMember#edit()` now takes `reason` as a part of `data`
+- `GuildStickerManager#edit()` now takes `reason` as a part of `data`
+- `RoleManager#edit()` now takes `reason` as a part of `options`
+- `Webhook#edit()` now takes `reason` as a part of `options`
+- `GuildEmojiManager#create()` now takes `attachment` and `name` as a part of `options`
+- `GuildStickerManager#create()` now takes `file`, `name`, and `tags` as a part of `options`
+
+### Activity
+
+The following properties have been removed as they are not documented by Discord:
+
+- `Activity#id`
+- `Activity#platform`
+- `Activity#sessionId`
+- `Activity#syncId`
+
+### Application
+
+`Application#fetchAssets()` has been removed as it is no longer supported by the API.
+
+### BitField
+
+- BitField constituents now have a `BitField` suffix to avoid naming conflicts with the enum names:
+
+```js
+new Permissions(); // [!code --]
+new PermissionsBitField(); // [!code ++]
+
+new MessageFlags(); // [!code --]
+new MessageFlagsBitField(); // [!code ++]
+
+new ThreadMemberFlags(); // [!code --]
+new ThreadMemberFlagsBitField(); // [!code ++]
+
+new UserFlags(); // [!code --]
+new UserFlagsBitField(); // [!code ++]
+
+new SystemChannelFlags(); // [!code --]
+new SystemChannelFlagsBitField(); // [!code ++]
+
+new ApplicationFlags(); // [!code --]
+new ApplicationFlagsBitField(); // [!code ++]
+
+new Intents(); // [!code --]
+new IntentsBitField(); // [!code ++]
+
+new ActivityFlags(); // [!code --]
+new ActivityFlagsBitField(); // [!code ++]
+```
+
+- `#FLAGS` has been renamed to `#Flags`
+
+### CDN
+
+The methods that return CDN URLs have changed. Here is an example on a User:
+
+```js
+const url = user.displayAvatarURL({ dynamic: true, format: 'png', size: 1_024 }); // [!code --]
+const url = user.displayAvatarURL({ extension: 'png', size: 1_024 }); // [!code ++]
+```
+
+Dynamic URLs use `ImageURLOptions` and static URLs use `BaseImageURLOptions`. Since dynamic URLs are returned by default, this option has been renamed to `forceStatic` which forces the return of a static URL. Additionally, `format` has been renamed to `extension`.
+
+### CategoryChannel
+
+`CategoryChannel#children` is no longer a `Collection` of channels the category contains. It is now a manager (`CategoryChannelChildManager`). This also means `CategoryChannel#createChannel()` has been moved to the `CategoryChannelChildManager`.
+
+### Channel
+
+The following type guards have been removed:
+
+- `Channel#isText()`
+- `Channel#isVoice()`
+- `Channel#isDirectory()`
+- `Channel#isDM()`
+- `Channel#isGroupDM()`
+- `Channel#isCategory()`
+- `Channel#isNews()`
+
+Refer to [this section](#channels) for more context.
+
+The base channel class is now `BaseChannel`.
+
+### Client
+
+The `restWsBridgeTimeout` client option has been removed.
+
+### CommandInteractionOptionResolver
+
+`CommandInteractionOptionResolver#getMember()` no longer has a parameter for `required`. See [this pull request](https://github.com/discordjs/discord.js/pull/7188) for more information.
+
+### Constants
+
+- Many constant objects and key arrays are now top-level exports for example:
+
+```js
+const { Constants } = require('discord.js'); // [!code --]
+const { Colors } = Constants; // [!code --]
+const { Colors } = require('discord.js'); // [!code ++]
+```
+
+- The refactored constants structures have `PascalCase` member names as opposed to `SCREAMING_SNAKE_CASE` member names.
+
+- Many of the exported constants structures have been replaced and renamed:
+
+```js
+Opcodes; // [!code --]
+GatewayOpcodes; // [!code ++]
+
+WSEvents; // [!code --]
+GatewayDispatchEvents; // [!code ++]
+
+WSCodes; // [!code --]
+GatewayCloseCodes; // [!code ++]
+
+InviteScopes; // [!code --]
+OAuth2Scopes; // [!code ++]
+```
+
+### Events
+
+The `message` and `interaction` events are now removed. Use `messageCreate` and `interactionCreate` instead.
+
+`applicationCommandCreate`, `applicationCommandDelete` and `applicationCommandUpdate` have all been removed. See [this pull request](https://github.com/discordjs/discord.js/pull/6492) for more information.
+
+The `threadMembersUpdate` event now emits the users who were added, the users who were removed, and the thread respectively.
+
+### GuildBanManager
+
+Developers should utilise `deleteMessageSeconds` instead of `days` and `deleteMessageDays`:
+
+```js
+<GuildBanManager>.create('123456789', {
+ days: 3 // [!code --]
+ deleteMessageDays: 3 // [!code --]
+ deleteMessageSeconds: 3 * 24 * 60 * 60 // [!code ++]
+});
+```
+
+`deleteMessageDays` (introduced with version 14) and `days` are both deprecated and will be removed in the future.
+
+### Guild
+
+`Guild#setRolePositions()` and `Guild#setChannelPositions()` have been removed. Use `RoleManager#setPositions()` and `GuildChannelManager#setPositions()` instead respectively.
+
+`Guild#maximumPresences` no longer has a default value of 25,000.
+
+`Guild#me` has been moved to `GuildMemberManager#me`. See [this pull request](https://github.com/discordjs/discord.js/pull/7669) for more information.
+
+### GuildAuditLogs & GuildAuditLogsEntry
+
+`GuildAuditLogs.build()` has been removed as it has been deemed defunct. There is no alternative.
+
+The following properties & methods have been moved to the `GuildAuditLogsEntry` class:
+
+- `GuildAuditLogs.Targets`
+- `GuildAuditLogs.actionType()`
+- `GuildAuditLogs.targetType()`
+
+### GuildMember
+
+`GuildMember#pending` is now nullable to account for partial guild members. See [this issue](https://github.com/discordjs/discord.js/issues/6546) for more information.
+
+### IntegrationApplication
+
+`IntegrationApplication#summary` has been removed as it is no longer supported by the API.
+
+### Interaction
+
+Whenever an interaction is replied to and one fetches the reply, it could possibly give an `APIMessage` if the guild was not cached. However, interaction replies now always return an `InteractionCallbackResponse` with `withResponse` set to `true`.
+
+The base interaction class is now `BaseInteraction`.
+
+### Invite
+
+`Invite#inviter` is now a getter and resolves structures from the cache.
+
+### MessageAttachment
+
+`MessageAttachment` has now been renamed to `AttachmentBuilder`. // [!code --]
+
+```js
+new MessageAttachment(buffer, 'image.png'); // [!code --]
+new AttachmentBuilder(buffer, { name: 'image.png' }); // [!code ++]
+```
+
+### MessageComponent
+
+- MessageComponents have been renamed as well. They no longer have the `Message` prefix, and now have a `Builder` suffix:
+
+```js
+const button = new MessageButton(); // [!code --]
+const button = new ButtonBuilder(); // [!code ++]
+
+const selectMenu = new MessageSelectMenu(); // [!code --]
+const selectMenu = new StringSelectMenuBuilder(); // [!code ++]
+
+const actionRow = new MessageActionRow(); // [!code --]
+const actionRow = new ActionRowBuilder(); // [!code ++]
+
+const textInput = new TextInputComponent(); // [!code --]
+const textInput = new TextInputBuilder(); // [!code ++]
+```
+
+- Components received from the API are no longer directly mutable. If you wish to mutate a component from the API, use `ComponentBuilder#from`. For example, if you want to make a button mutable:
+
+```js
+const editedButton = receivedButton // [!code --]
+	.setDisabled(true); // [!code --]
+const { ButtonBuilder } = require('discord.js'); // [!code ++]
+const editedButton = ButtonBuilder.from(receivedButton) // [!code ++]
+	.setDisabled(true); // [!code ++]
+```
+
+### MessageManager
+
+`MessageManager#fetch()`'s second parameter has been removed. The `BaseFetchOptions` the second parameter once was is now merged into the first parameter.
+
+```js
+messageManager.fetch('1234567890', { cache: false, force: true }); // [!code --]
+messageManager.fetch({ message: '1234567890', cache: false, force: true }); // [!code ++]
+```
+
+### MessageSelectMenu
+
+- `MessageSelectMenu` has been renamed to `StringSelectMenuBuilder`
+- `StringSelectMenuBuilder#addOption()` has been removed. Use `StringSelectMenuBuilder#addOptions()` instead.
+
+### MessageEmbed
+
+- `MessageEmbed` has now been renamed to `EmbedBuilder`.
+- `EmbedBuilder#setAuthor()` now accepts a sole `EmbedAuthorOptions` object.
+- `EmbedBuilder#setFooter()` now accepts a sole `EmbedFooterOptions` object.
+- `EmbedBuilder#addField()` has been removed. Use `EmbedBuilder#addFields()` instead.
+
+```js
+new MessageEmbed().addField('Inline field title', 'Some value here', true); // [!code --]
+new EmbedBuilder().addFields([ // [!code ++]
+ { name: 'one', value: 'one', inline: true }, // [!code ++]
+ { name: 'two', value: 'two', inline: true }, // [!code ++]
++]);
+```
+
+### Modal
+
+- `Modal` has been renamed as well and now has a `Builder` suffix:
+
+```js
+const modal = new Modal(); // [!code --]
+const modal = new ModalBuilder(); // [!code ++]
+```
+
+### PartialTypes
+
+The `PartialTypes` string array has been removed. Use the `Partials` enum instead.
+
+In addition to this, there is now a new partial: `Partials.ThreadMember`.
+
+### Permissions
+
+Thread permissions `USE_PUBLIC_THREADS` and `USE_PRIVATE_THREADS` have been removed as they are deprecated in the API. Use `CREATE_PUBLIC_THREADS` and `CREATE_PRIVATE_THREADS` respectively.
+
+`ManageEmojisAndStickers` has been deprecated due to API changes. Its replacement is `ManageGuildExpressions`. See [this pull request](https://github.com/discord/discord-api-docs/pull/6017) for more information.
+
+### PermissionOverwritesManager
+
+Overwrites are now keyed by the `PascalCase` permission key rather than the `SCREAMING_SNAKE_CASE` permission key.
+
+### REST Events
+
+#### apiRequest
+
+This REST event has been removed as discord.js now uses [Undici](https://github.com/nodejs/undici) as the underlying request handler. You must now use a [Diagnostics Channel](https://undici.nodejs.org/#/docs/api/DiagnosticsChannel). Here is a simple example:
+
+```js
+import diagnosticsChannel from 'node:diagnostics_channel';
+
+diagnosticsChannel.channel('undici:request:create').subscribe((data) => {
+	// If you use TypeScript, `data` may be casted as
+	// `DiagnosticsChannel.RequestCreateMessage`
+	// from Undici to receive type definitions.
+	const { request } = data;
+	console.log(request.method); // Log the method
+	console.log(request.path); // Log the path
+	console.log(request.headers); // Log the headers
+	console.log(request); // Or just log everything!
+});
+```
+
+You can find further examples at the [Undici Diagnostics Channel documentation](https://undici.nodejs.org/#/docs/api/DiagnosticsChannel).
+
+#### apiResponse
+
+This REST event has been renamed to `response` and moved to `Client#rest`:
+
+```js
+client.on('apiResponse', ...); // [!code --]
+client.rest.on('response', ...); // [!code ++]
+```
+
+#### invalidRequestWarning
+
+This REST event has been moved to `Client#rest`:
+
+```js
+client.on('invalidRequestWarning', ...); // [!code --]
+client.rest.on('invalidRequestWarning', ...); // [!code ++]
+```
+
+#### rateLimit
+
+This REST event has been renamed to `rateLimited` and moved to `Client#rest`:
+
+```js
+client.on('rateLimit', ...); // [!code --]
+client.rest.on('rateLimited', ...); // [!code ++]
+```
+
+### RoleManager
+
+`Role.comparePositions()` has been removed. Use `RoleManager#comparePositions()` instead.
+
+### Sticker
+
+`Sticker#tags` is now a nullable string (`string | null`). Previously, it was a nullable array of strings (`string[] | null`). See [this pull request](https://github.com/discordjs/discord.js/pull/8010) for more information.
+
+### ThreadChannel
+
+The `MAX` helper used in `ThreadAutoArchiveDuration` has been removed. Discord has since allowed any guild to use any auto archive time which makes this helper redundant.
+
+### ThreadMemberManager
+
+`ThreadMemberManager#fetch()`'s second parameter has been removed. The `BaseFetchOptions` the second parameter once was is now merged into the first parameter. In addition, the boolean helper to specify `cache` has been removed.
+
+Usage is now as follows:
+
+```js
+// The second parameter is merged into the first parameter.
+threadMemberManager.fetch('1234567890', { cache: false, force: true }); // [!code --]
+threadMemberManager.fetch({ member: '1234567890', cache: false, force: true }); // [!code ++]
+
+// The lone boolean has been removed. One must be explicit here.
+threadMemberManager.fetch(false); // [!code --]
+threadMemberManager.fetch({ cache: false }); // [!code ++]
+```
+
+### Util
+
+`Util.removeMentions()` has been removed. To control mentions, you should use `allowedMentions` on `BaseMessageOptions` instead.
+
+`Util.splitMessage()` has been removed. This utility method is something the developer themselves should do.
+
+`Util.resolveAutoArchiveMaxLimit()` has been removed. Discord has since allowed any guild to use any auto archive time which makes this method redundant.
+
+Other functions in `Util` have been moved to top-level exports so you can directly import them from `discord.js`.
+
+```js
+import { Util } from 'discord.js'; // [!code --]
+Util.escapeMarkdown(message); // [!code --]
+import { escapeMarkdown } from 'discord.js'; // [!code ++]
+escapeMarkdown(message); // [!code ++]
+```
+
+### `.deleted` Field(s) have been removed
+
+You can no longer use the `deleted` property to check if a structure was deleted. See [this issue](https://github.com/discordjs/discord.js/issues/7091) for more information.
+
+### VoiceChannel
+
+`VoiceChannel#editable` has been removed. You should use `GuildChannel#manageable` instead.
+
+### VoiceRegion
+
+`VoiceRegion#vip` has been removed as it is no longer part of the API.
+
+### Webhook
+
+`Webhook#fetchMessage()`'s second parameter no longer allows a boolean to be passed. The `cache` option in `WebhookFetchMessageOptions` should be used instead.
+
+## Features
+
+### ApplicationCommand
+
+NSFW commands are supported.
+
+### Attachment
+
+Added support for voice message metadata fields.
+
+### AutocompleteInteraction
+
+`AutocompleteInteraction#commandGuildId` has been added which is the id of the guild the invoked application command is registered to.
+
+### BaseChannel
+
+Added support for `BaseChannel#flags`.
+
+Store channels have been removed as they are no longer part of the API.
+
+`BaseChannel#url` has been added which is a link to a channel, just like in the client.
+
+Additionally, new typeguards have been added:
+
+- `BaseChannel#isDMBased()`
+- `BaseChannel#isTextBased()`
+- `BaseChannel#isVoiceBased()`
+
+### BaseInteraction
+
+Added `BaseInteraction#isRepliable()` to check whether a given interaction can be replied to.
+
+### ClientApplication
+
+Added support for role connection metadata.
+
+### Collection
+
+- Added `Collection#merge()` and `Collection#combineEntries()`.
+- New type: `ReadonlyCollection` which indicates an immutable `Collection`.
+
+### Collector
+
+A new `ignore` event has been added which is emitted whenever an element is not collected by the collector.
+
+Component collector options now use the `ComponentType` enum values:
+
+```js
+const { ComponentType } = require('discord.js'); // [!code ++]
+
+const collector = interaction.channel.createMessageComponentCollector({
+	filter: collectorFilter,
+	componentType: 'BUTTON', // [!code --]
+	componentType: ComponentType.Button, // [!code ++]
+	time: 20_000,
+});
+```
+
+### CommandInteraction
+
+`CommandInteraction#commandGuildId` has been added which is the id of the guild the invoked application command is registered to.
+
+### CommandInteractionOptionResolver
+
+`CommandInteractionOptionResolver#getChannel()` now has a third parameter which narrows the channel type.
+
+### Events
+
+Added support for `guildAuditLogEntryCreate` event.
+
+### ForumChannel
+
+Added support for forum channels.
+
+Added support for `ForumChannel#defaultForumLayout`.
+
+### Guild
+
+Added `Guild#setMFALevel()` which sets the guild's MFA level.
+
+Added `Guild#maxVideoChannelUsers` which indicates the maximum number of video channel users.
+
+Added `Guild#maxStageVideoChannelUsers` which indicates the maximum number of video channel users for stage channels.
+
+Added `Guild#disableInvites()` which disables the guild's invites.
+
+Added support for the `after` parameter in `Guild#fetchAuditLogs()`.
+
+### GuildChannelManager
+
+`videoQualityMode` may be used whilst creating a channel to initially set the camera video quality mode.
+
+### GuildEmojiManager
+
+Added `GuildEmojiManager#delete()` and `GuildEmojiManager#edit()` for managing existing guild emojis.
+
+### GuildForumThreadManager
+
+Added `GuildForumThreadManager` as manager for threads in forum channels.
+
+### GuildMember
+
+Added support for `GuildMember#flags`.
+
+### GuildMembersChunk
+
+This object now supports the `GuildMembersChunk#notFound` property.
+
+### GuildMemberManager
+
+Added `GuildMemberManager#fetchMe()` to fetch the client user in the guild.
+
+Added `GuildMemberManager#addRole()` and `GuildMemberManager#removeRole()`. These methods allow a single addition or removal of a role respectively to a guild member, even if uncached.
+
+### GuildTextThreadManager
+
+Added `GuildTextThreadManager` as manager for threads in text channels and announcement channels.
+
+### Message
+
+`Message#position` has been added as an approximate position in a thread.
+
+Added support for role subscription data.
+
+### MessageReaction
+
+Added `MessageReaction#react()` to make the client user react with the reaction the class belongs to.
+
+### Role
+
+Added support for role subscriptions.
+
+Added support for `Role#tags#guildConnections`.
+
+### StageChannel
+
+Stage channels now allow messages to be sent in them, much like voice channels.
+
+### Sticker
+
+Added support for GIF stickers.
+
+### ThreadMemberManager
+
+The new `withMember` options returns the associated guild member with the thread member.
+
+When fetching multiple thread members alongside `withMember`, paginated results will be returned. The `after` and `limit` option are supported in this scenario.
+
+### Webhook
+
+Added `Webhook#applicationId`.
+
+Added the `threadName` property in `Webhook#send()` options which allows a webhook to create a post in a forum channel.
+
+### WebSocketManager
+
+discord.js uses `@discordjs/ws` internally

apps/guide/content/docs/legacy/additional-info/collections.mdx

@@ -0,0 +1,106 @@
+---
+title: Collections
+---
+
+discord.js comes with a utility class known as `Collection`.
+It extends JavaScript's native `Map` class, so it has all the `Map` features and more!
+
+<Callout type="warn">
+	If you're not familiar with `Map`, read [MDN's page on
+	it](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map) before continuing. You should be
+	familiar with `Array` [methods](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array) as
+	well. We will also use some ES6 features, so read up [here](./es6-syntax) if you do not know what they are.
+</Callout>
+
+A `Map` allows for an association between unique keys and their values.
+For example, how can you transform every value or filter the entries in a `Map` easily?
+This is the point of the `Collection` class!
+
+## Array-like Methods
+
+Many of the methods on `Collection` correspond to their namesake in `Array`. One of them is `find`:
+
+```js
+// Assume we have an array of users and a collection of the same users.
+array.find((u) => u.discriminator === '1000'); // [!code word:find]
+collection.find((u) => u.discriminator === '1000');
+```
+
+The interface of the callback function is very similar between the two.
+For arrays, callbacks usually pass the parameters `(value, index, array)`, where `value` is the value iterated to,
+`index` is the current index, and `array` is the array. For collections, you would have `(value, key, collection)`.
+Here, `value` is the same, but `key` is the key of the value, and `collection` is the collection itself instead.
+
+Methods that follow this philosophy of staying close to the `Array` interface are as follows:
+
+- `find`
+- `filter` - Note that this returns a `Collection` rather than an `Array`.
+- `map` - Yet this returns an `Array` of values instead of a `Collection`!
+- `every`
+- `some`
+- `reduce`
+- `concat`
+- `sort`
+
+## Converting to Array
+
+Since `Collection` extends `Map`, it is an [iterable](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Iteration_protocols), and can be converted to an `Array` through either `Array.from()` or spread syntax (`...collection`).
+
+```js
+// For values.
+Array.from(collection.values());
+[...collection.values()];
+
+// For keys.
+Array.from(collection.keys());
+[...collection.keys()];
+
+// For [key, value] pairs.
+Array.from(collection);
+[...collection];
+```
+
+<Callout>
+	Many people convert Collections to Arrays way too much!
+
+    This can lead to unnecessary and confusing code. Before you use `Array.from()` or similar, ask yourself if whatever you are trying to do can't be done with the given `Map` or `Collection` methods or with a for-of loop. Not being familiar with a new data structure should not mean you default to transforming it into the other.
+
+    There is usually a reason, why a `Map` or `Collection` is used. Most structures in Discord can be identified with an `id`, which lends itself well to `key -> value` associations like in `Map`s.
+
+</Callout>
+
+## Extra Utilities
+
+Some methods are not from `Array` and are instead entirely new to standard JavaScript.
+
+```js
+// A random value.
+collection.random();
+
+// The first value.
+collection.first();
+
+// The first 5 values.
+collection.first(5);
+
+// Similar to `first`, but from the end.
+collection.last();
+collection.last(2);
+
+// Removes anything that meets the condition from the collection.
+// Sort of like `filter`, but in-place.
+collection.sweep((user) => user.username === 'Bob');
+```
+
+A more complicated method is `partition`, which splits a single Collection into two new Collections based on the provided function.
+You can think of it as two `filter`s, but done at the same time (and because of that much more performant):
+
+```js
+// `bots` is a Collection of users where their `bot` property was true.
+// `humans` is a Collection where the property was false instead!
+const [bots, humans] = collection.partition((u) => u.bot); // [!code word:partition]
+
+// Both return true.
+bots.every((b) => b.bot);
+humans.every((h) => !h.bot); // note the "not" ! operator
+```

apps/guide/content/docs/legacy/additional-info/es6-syntax.mdx

@@ -0,0 +1,243 @@
+---
+title: ES6 Syntax
+---
+
+If you've used JavaScript for only a (relatively) small amount of time or don't have much experience with it, you might not be aware of what ES6 is and what beneficial features it includes. Since this is a guide primarily for Discord bots, we'll be using some discord.js code as an example of what you might have versus what you could do to benefit from ES6.
+
+Here's the startup code we'll be using:
+
+```js title="index.js" lineNumbers
+const { Client, Events, GatewayIntentBits } = require('discord.js'); // [!code word:const]
+const config = require('./config.json');
+
+const client = new Client({ intents: [GatewayIntentBits.Guilds] });
+
+// [!code word:=>]
+client.once(Events.ClientReady, () => {
+	console.log('Ready!');
+});
+
+client.on(Events.InteractionCreate, (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+
+	const { commandName } = interaction;
+
+	if (commandName === 'ping') {
+		interaction.reply('Pong.');
+	} else if (commandName === 'beep') {
+		interaction.reply('Boop.');
+	} else if (commandName === 'server') {
+		interaction.reply('Guild name: ' + interaction.guild.name + '\nTotal members: ' + interaction.guild.memberCount);
+	} else if (commandName === 'user-info') {
+		interaction.reply('Your username: ' + interaction.user.username + '\nYour ID: ' + interaction.user.id);
+	}
+});
+
+client.login(config.token);
+```
+
+If you haven't noticed, this piece of code is already using a bit of ES6 here! The `const` keyword and arrow function declaration (`() => ...`) is ES6 syntax, and we recommend using it whenever possible.
+
+As for the code above, there are a few places where things can be done better. Let's look at them.
+
+## Template literals
+
+If you check the code above, it's currently doing things like `'Guild name: ' + interaction.guild.name` and `'Your username: ' + interaction.user.username`, which is perfectly valid. It is a bit hard to read, though, and it's not too fun to constantly type out. Fortunately, there's a better alternative.
+
+```js title="index.js" lineNumbers=19
+} else if (commandName === 'server') {
+	interaction.reply('Guild name: ' + interaction.guild.name + '\nTotal members: ' + interaction.guild.memberCount); // [!code --]
+	interaction.reply(`Guild name: ${interaction.guild.name}\nTotal members: ${interaction.guild.memberCount}`); // [!code ++]
+}
+else if (commandName === 'user-info') {
+	interaction.reply('Your username: ' + interaction.user.username + '\nYour ID: ' + interaction.user.id); // [!code --]
+	interaction.reply(`Your username: ${interaction.user.username}\nYour ID: ${interaction.user.id}`); // [!code ++]
+}
+```
+
+Easier to read and write! The best of both worlds.
+
+### Template literals vs string concatenation
+
+If you've used other programming languages, you might be familiar with the term "string interpolation". Template literals would be JavaScript's implementation of string interpolation. If you're familiar with the heredoc syntax, it's very much like that; it allows for string interpolation, as well as multiline strings.
+
+The example below won't go too much into detail about it, but if you're interested in reading more, you can [read about them on MDN](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals).
+
+```js
+const username = 'Sanctuary';
+const password = 'pleasedonthackme';
+
+function letsPretendThisDoesSomething() {
+	return 'Yay for sample data.';
+}
+
+console.log('Your username is: **' + username + '**.'); // [!code --:2]
+console.log('Your password is: **' + password + '**.');
+console.log(`Your username is: **${username}**.`); // [!code ++:2]
+console.log(`Your password is: **${password}**.`);
+
+console.log('1 + 1 = ' + (1 + 1)); // [!code --]
+console.log(`1 + 1 = ${1 + 1}`); // [!code ++]
+
+console.log("And here's a function call: " + letsPretendThisDoesSomething()); // [!code --]
+console.log(`And here's a function call: ${letsPretendThisDoesSomething()}`); // [!code ++]
+
+console.log('Putting strings on new lines\n' + 'can be a bit painful\n' + 'with string concatenation.'); // [!code --]
+// [!code ++:5]
+console.log(`
+	Putting strings on new lines
+	is a breeze
+	with template literals!
+`);
+```
+
+<Callout>
+	As you will notice, template literals will also render the white space inside them, including the indentation! There
+	are ways around this, which we will discuss in another section.
+</Callout>
+
+You can see how it makes things easier and more readable. In some cases, it can even make your code shorter! This one is something you'll want to take advantage of as much as possible.
+
+## Arrow functions
+
+Arrow functions are shorthand for regular functions, with the addition that they use a lexical `this` context inside of their own. If you don't know what the `this` keyword is referring to, don't worry about it; you'll learn more about it as you advance.
+
+Here are some examples of ways you can benefit from arrow functions over regular functions:
+
+```js
+// [!code --:3]
+client.once(Events.ClientReady, function () {
+	console.log('Ready!');
+});
+client.once(Events.ClientReady, () => console.log('Ready!')); // [!code ++]
+
+// [!code --:3]
+client.on(Events.TypingStart, function (typing) {
+	console.log(typing.user.tag + ' started typing in #' + typing.channel.name);
+});
+client.on(Events.TypingStart, (typing) => console.log(`${typing.user.tag} started typing in #${typing.channel.name}`)); // [!code ++]
+
+// [!code --:3]
+client.on(Events.MessageCreate, function (message) {
+	console.log(message.author.tag + ' sent: ' + message.content);
+});
+client.on(Events.MessageCreate, (message) => console.log(`${message.author.tag} sent: ${message.content}`)); // [!code ++]
+
+// [!code --:3]
+var doubleAge = function (age) {
+	return 'Your age doubled is: ' + age * 2;
+};
+const doubleAge = (age) => `Your age doubled is: ${age * 2}`; // [!code ++]
+
+// [!code --:4]
+var collectorFilter = function (m) {
+	return m.content === 'I agree' && !m.author.bot;
+};
+var collector = message.createMessageCollector({ filter: collectorFilter, time: 15_000 });
+const collectorFilter = (m) => m.content === 'I agree' && !m.author.bot; // [!code ++:2]
+const collector = message.createMessageCollector({ filter: collectorFilter, time: 15_000 });
+```
+
+There are a few important things you should note here:
+
+- The parentheses around function parameters are optional when you have only one parameter but are required otherwise. If you feel like this will confuse you, it may be a good idea to use parentheses.
+- You can cleanly put what you need on a single line without curly braces.
+- Omitting curly braces will make arrow functions use **implicit return**, but only if you have a single-line expression. The `doubleAge` and `filter` variables are a good example of this.
+- Unlike the `function someFunc() { ... }` declaration, arrow functions cannot be used to create functions with such syntax. You can create a variable and give it an anonymous arrow function as the value, though (as seen with the `doubleAge` and `filter` variables).
+
+We won't be covering the lexical `this` scope with arrow functions in here, but you can Google around if you're still curious. Again, if you aren't sure what `this` is or when you need it, reading about lexical `this` first may only confuse you.
+
+## Destructuring
+
+Destructuring is an easy way to extract items from an object or array. If you've never seen the syntax for it before, it can be a bit confusing, but it's straightforward to understand once explained!
+
+### Object destructuring
+
+Here's a common example where object destructuring would come in handy:
+
+```js
+const config = require('./config.json');
+const prefix = config.prefix;
+const token = config.token;
+```
+
+This code is a bit verbose and not the most fun to write out each time. Object destructuring simplifies this, making it easier to both read and write. Take a look:
+
+```js
+const config = require('./config.json'); // [!code --:3]
+const prefix = config.prefix;
+const token = config.token;
+const { prefix, token } = require('./config.json'); // [!code ++]
+```
+
+Object destructuring takes those properties from the object and stores them in variables. If the property doesn't exist, it'll still create a variable but with the value of `undefined`. So instead of using `config.token` in your `client.login()` method, you'd simply use `token`. And since destructuring creates a variable for each item, you don't even need that `const prefix = config.prefix` line. Pretty cool!
+
+Additionally, you could do this for your commands:
+
+```js
+client.on(Events.InteractionCreate, (interaction) => {
+	const { commandName } = interaction;
+
+	if (commandName === 'ping') {
+		// ping command here...
+	} else if (commandName === 'beep') {
+		// beep command here...
+	}
+	// other commands here...
+});
+```
+
+The code is shorter and looks cleaner, but it shouldn't be necessary if you follow along with the [command handler](../app-creation/handling-commands) part of the guide.
+
+You can also rename variables when destructuring, if necessary. A good example is when you're extracting a property with a name already being used or conflicts with a reserved keyword. The syntax is as follows:
+
+```js
+// `default` is a reserved keyword
+const { default: defaultValue } = someObject;
+
+console.log(defaultValue);
+// 'Some default value here'
+```
+
+### Array destructuring
+
+Array destructuring syntax is very similar to object destructuring, except that you use brackets instead of curly braces. In addition, since you're using it on an array, you destructure the items in the same order the array is. Without array destructuring, this is how you'd extract items from an array:
+
+```js
+// assuming we're in a `profile` command and have an `args` variable
+const name = args[0];
+const age = args[1];
+const location = args[2];
+```
+
+Like the first example with object destructuring, this is a bit verbose and not fun to write out. Array destructuring eases this pain.
+
+```js
+const name = args[0]; // [!code --:3]
+const age = args[1];
+const location = args[2];
+const [name, age, location] = args; // [!code ++]
+```
+
+A single line of code that makes things much cleaner! In some cases, you may not even need all the array's items (e.g., when using `string.match(regex)`). Array destructuring still allows you to operate in the same sense.
+
+```js
+const [, username, id] = message.content.match(someRegex);
+```
+
+In this snippet, we use a comma without providing a name for the item in the array we don't need. You can also give it a placeholder name (`_match` or similar) if you prefer, of course; it's entirely preference at that point.
+
+<Callout>
+	The underscore `_` prefix is a convention for unused variables. Some lint rules will error or warn if you define
+	identifiers without using them in your code but ignore identifiers starting with `_`.
+</Callout>
+
+## var, let, and const
+
+Since there are many, many articles out there that can explain this part more in-depth, we'll only be giving you a TL;DR and an article link if you choose to read more about it.
+
+1. The `var` keyword is what was (and can still be) used in JavaScript before `let` and `const` came to surface. There are many issues with `var`, though, such as it being function-scoped, hoisting related issues, and allowing redeclaration.
+2. The `let` keyword is essentially the new `var`; it addresses many of the issues `var` has, but its most significant factor would be that it's block-scoped and disallows redeclaration (_not_ reassignment).
+3. The `const` keyword is for giving variables a constant value that is unable to be reassigned. `const`, like `let`, is also block-scoped.
+
+The general rule of thumb recommended by this guide is to use `const` wherever possible, `let` otherwise, and avoid using `var`. Here's a [helpful article](https://madhatted.com/2016/1/25/let-it-be) if you want to read more about this subject.

apps/guide/content/docs/legacy/additional-info/meta.json

@@ -0,0 +1,4 @@
+{
+	"title": "Additional Info",
+	"pages": ["async-await", "collections", "es6-syntax", "notation", "rest-api", "proxy"]
+}

apps/guide/content/docs/legacy/additional-info/notation.mdx

@@ -0,0 +1,61 @@
+---
+title: Understanding Notation
+---
+
+Throughout the discord.js docs and when asking for help on the official server, you will run into many different kinds of notations. To help you understand the texts that you read, we will be going over some standard notations.
+
+<Callout>
+	Always keep in mind that notation is not always rigorous. There will be typos, misunderstandings, or contexts that
+	will cause notation to differ from the usual meanings.
+</Callout>
+
+## Classes
+
+Some common notations refer to a class or the properties, methods, or events of a class. There are many variations on these notations, and they are very flexible depending on the person, so use your best judgment when reading them.
+
+The notation `<Class>` means an instance of the `Class` class. For example, a snippet like `<BaseInteraction>.reply('Hello')` is asking you to replace `<BaseInteraction>` with some value that is an instance of `BaseInteraction`, e.g. `interaction.reply('Hello')`. It could also just be a placeholder, e.g., `<id>` would mean a placeholder for some ID.
+
+The notation `Class#foo` can refer to the `foo` property, method, or event of the `Class` class. Which one the writer meant needs to be determined from context. For example:
+
+- `BaseInteraction#user` means that you should refer to the `user` property on a `BaseInteraction`.
+- `TextChannel#send` means that you should refer to the `send` method on a `TextChannel`.
+- `Client#interactionCreate` means that you should refer to the `interactionCreate` event on a `Client`.
+
+<Callout>
+	Remember that this notation is not valid JavaScript; it is a shorthand to refer to a specific piece of code.
+</Callout>
+
+Sometimes, the notation is extended, which can help you determine which one the writer meant. For example, `TextChannel#send(options)` is definitely a method of `TextChannel`, since it uses function notation. `Client#event:messageCreate` is an event since it says it is an event.
+
+The vital thing to take away from this notation is that the `#` symbol signifies that the property, method, or event can only be accessed through an instance of the class. Unfortunately, many abuse this notation, e.g., `<Message>#send` or `Util#resolveColor`. `<Message>` is already an instance, so this makes no sense, and `resolveColor` is a static method–you should write it as `Util.resolveColor`. Always refer back to the docs if you are confused.
+
+As an example, the documentation's search feature uses this notation.
+
+![Docs search](./images/search.png)
+
+Notice the use of the `.` operator for the static method, `Role.comparePositions` and the `#` notation for the method, `Role#comparePositionsTo`.
+
+## Types
+
+In the discord.js docs, there are type signatures everywhere, such as in properties, parameters, or return values. If you do not come from a statically typed language, you may not know what specific notations mean.
+
+The symbol `*` means any type. For example, methods that return `*` mean that they can return anything, and a parameter of type `*` can be anything.
+
+The symbol `?` means that the type is nullable. You can see it before or after the type (e.g. `?T` or `T?`). This symbol means that the value can be of the type `T` or `null`. An example is `GuildMember#nickname`; its type is `?string` since a member may or may not have a nickname.
+
+The expression `T[]` means an array of `T`. You can sometimes see multiple brackets `[]`, indicating that the array is multi-dimensional, e.g., `string[][]`.
+
+The expression `...T` signifies a rest parameter of type `T`. This means that the function can take any amount of arguments, and all those arguments must be of the type `T`.
+
+The operator `|`, which can read as "or", creates a union type, e.g. `A|B|C`. Simply, it means the value can be of any one of the types given.
+
+The angle brackets `<>` are used for generic types or parameterized types, signifying a type that uses another type(s). The notation looks like `A<B>` where `A` is the type and `B` is a type parameter. If this is hard to follow, it is enough to keep in mind that whenever you see `A<B>`, you can think of an `A` containing `B`. Examples:
+
+- `Array<String>` means an array of strings.
+- `Promise<User>` means a `Promise` that contains a `User`.
+- `Array<Promise<User|GuildMember>>` would be an array of `Promise`s, each containing a `User` or a `GuildMember`.
+- `Collection<Snowflake, User>` would be a `Collection`, containing key-value pairs where the keys are `Snowflake`s, and the values are `User`s.
+
+![TextChannel#send on the docs](./images/send.png)
+
+In this piece of the docs, you can see two type signatures, `string`, `MessagePayload`, or `MessageOptions`, and `Promise<(Message|Array<Message>)>`. The meaning of the word "or" here is the same as `|`.

apps/guide/content/docs/legacy/additional-info/proxy.mdx

@@ -0,0 +1,73 @@
+---
+title: Using a Proxy
+---
+
+This guide will show you how to set up a proxy with discord.js. This may be necessary if you are deploying your bot to a server with a firewall only allowing outside traffic through the proxy.
+
+Proxying discord.js requires two components: a REST proxy and a WebSocket proxy.
+
+## Prerequisites
+
+To achieve these two components you can utilize the `undici` and `global-agent` packages:
+
+```sh tab="npm"
+npm install undici global-agent
+```
+
+```sh tab="yarn"
+yarn add undici global-agent
+```
+
+```sh tab="pnpm"
+pnpm add undici global-agent
+```
+
+```sh tab="bun"
+bun add undici global-agent
+```
+
+## Setting up the proxy for REST calls
+
+The `@discordjs/rest` package handling HTTP requests in discord.js uses the `undici` package. Accordingly, you can provide a custom `ProxyAgent` configuration to the client constructor:
+
+```js title="index.js" lineNumbers
+const { ProxyAgent } = require('undici'); // [!code word:ProxyAgent]
+const { Client } = require('discord.js');
+
+const client = new Client({
+	// ...other client options
+	rest: {
+		agent: new ProxyAgent('http://my-proxy-server:port'),
+	},
+});
+
+client.login('your-token-goes-here');
+```
+
+<Callout>
+	For further information on the `undici` `ProxyAgent`, please refer to the [undici
+	documentation](https://undici.nodejs.org/#/docs/api/ProxyAgent.md).
+</Callout>
+
+## Setting up the proxy for the WebSocket connection
+
+To set up a proxy for WebSocket, you can use the `global-agent` package. You will need to import and call the `bootstrap()` function and set the required `GLOBAL_AGENT` globals as shown below:
+
+```js title="index.js" lineNumbers
+const { ProxyAgent } = require('undici');
+const { Client } = require('discord.js');
+const { bootstrap } = require('global-agent'); // [!code ++:5]
+
+bootstrap(); // [!code word:bootstrap]
+global.GLOBAL_AGENT.HTTP_PROXY = 'http://my-proxy-server:port';
+global.GLOBAL_AGENT.HTTPS_PROXY = 'https://my-proxy-server:port';
+
+const client = new Client({
+	// ...other client options
+	rest: {
+		agent: new ProxyAgent('http://my-proxy-server:port'),
+	},
+});
+
+client.login('your-token-goes-here');
+```

apps/guide/content/docs/legacy/additional-info/rest-api.mdx

@@ -0,0 +1,176 @@
+---
+title: REST APIs
+---
+
+REST APIs are extremely popular on the web and allow you to freely grab a site's data if it has an available API over an HTTP connection.
+
+## Making HTTP requests with Node
+
+In these examples, we will be using [undici](https://www.npmjs.com/package/undici), an excellent library for making HTTP requests.
+
+To install undici, run the following command:
+
+```sh tab="npm"
+npm i install undici
+```
+
+```sh tab="yarn"
+yarn add undici
+```
+
+```sh tab="pnpm"
+pnpm add undici
+```
+
+## Skeleton code
+
+To start off, you will be using the following skeleton code. Since both the commands you will be adding in this section require an interaction with external APIs, you will defer the reply, so your application responds with a "thinking..." state. You can then edit the reply once you got the data you need:
+
+```js title="rest-examples.js" lineNumbers
+const { Client, EmbedBuilder, Events, GatewayIntentBits } = require('discord.js');
+
+const client = new Client({ intents: [GatewayIntentBits.Guilds] });
+
+client.once(Events.ClientReady, (readyClient) => {
+	console.log(`Ready! Logged in as ${readyClient.user.tag}`);
+});
+
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+
+	const { commandName } = interaction;
+	await interaction.deferReply();
+	// ...
+});
+
+client.login('your-token-goes-here');
+```
+
+<Callout>
+	We're taking advantage of [destructuring](./es6-syntax#destructuring) in this tutorial to maintain readability.
+</Callout>
+
+## Using undici
+
+Undici is a Promise-based HTTP/1.1 client, written from scratch for Node.js. If you aren't already familiar with Promises, you should read up on them [here](./async-await).
+
+In this tutorial, you will be making a bot with two API-based commands using the [random.cat](https://aws.random.cat) and [Urban Dictionary](https://www.urbandictionary.com) APIs.
+
+On top of your file, import the library function you will be using:
+
+```js
+const { request } = require('undici');
+```
+
+### Random Cat
+
+<Callout title="No more cats :(" type="error">
+	Unfortunately, the `aws.random.cat` API doesn't work anymore. We will keep the example as-is until we find a better
+	showcase!
+</Callout>
+
+Random cat's API is available at [https://aws.random.cat/meow](https://aws.random.cat/meow) and returns a [JSON](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/JSON) response. To actually fetch data from the API, you're going to do the following:
+
+```js
+const catResult = await request('https://aws.random.cat/meow');
+const { file } = await catResult.body.json();
+```
+
+If you just add this code, it will seem like nothing happens. What you do not see, is that you are launching a request to the random.cat server, which responds some JSON data. The helper function parses the response data to a JavaScript object you can work with. The object will have a `file` property with the value of a link to a random cat image.
+
+Next, you will implement this approach into an application command:
+
+```js
+client.on(Events.InteractionCreate, async (interaction) => {
+	// ...
+	if (commandName === 'cat') {
+		const catResult = await request('https://aws.random.cat/meow');
+		const { file } = await catResult.body.json();
+		interaction.editReply({ files: [file] });
+	}
+});
+```
+
+So, here's what's happening in this code:
+
+1. Your application sends a `GET` request to random.cat.
+2. random.cat sees the request and gets a random file url from their database.
+3. random.cat then sends that file's URL as a JSON object in a stringified form that contains a link to the image.
+4. undici receives the response and you parse the body to a JSON object.
+5. Your application then attaches the image and sends it in Discord.
+
+### Urban Dictionary
+
+Urban Dictionary's API is available at [https://api.urbandictionary.com/v0/define](https://api.urbandictionary.com/v0/define), accepts a `term` parameter, and returns a JSON response.
+
+The following code will fetch data from this api:
+
+```js
+// ...
+client.on(Events.InteractionCreate, async (interaction) => {
+	// ...
+	if (commandName === 'urban') {
+		const term = interaction.options.getString('term');
+		const query = new URLSearchParams({ term }); // [!code word:URLSearchParams]
+
+		const dictResult = await request(`https://api.urbandictionary.com/v0/define?${query}`);
+		const { list } = await dictResult.body.json();
+	}
+});
+```
+
+Here, you are using JavaScript's native [URLSearchParams class](https://developer.mozilla.org/docs/Web/API/URLSearchParams) to create a [query string](https://en.wikipedia.org/wiki/Query_string) for the URL so that the Urban Dictionary server can parse it and know what you want to look up.
+
+If you were to do `/urban hello world`, then the URL would become https://api.urbandictionary.com/v0/define?term=hello%20world since the string `"hello world"` is encoded.
+
+You can get the respective properties from the returned JSON. If you were to view it in your browser, it usually looks like a bunch of mumbo jumbo. If it doesn't, great! If it does, then you should get a JSON formatter/viewer. If you're using Chrome, [JSON Formatter](https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa) is one of the more popular extensions. If you're not using Chrome, search for "JSON formatter/viewer &lt;your browser&gt;" and get one.
+
+Now, if you look at the JSON, you can see that it has a `list` property, which is an array of objects containing various definitions for the term (maximum 10). Something you always want to do when making API-based commands is to handle the case when no results are available. So, if you throw a random term in there (e.g. `njaksdcas`) and then look at the response the `list` array should be empty. Now you are ready to start writing!
+
+As explained above, you'll want to check if the API returned any answers for your query, and send back the definition if that's the case:
+
+```js
+if (commandName === 'urban') {
+	// ...
+	if (!list.length) {
+		return interaction.editReply(`No results found for **${term}**.`);
+	}
+
+	interaction.editReply(`**${term}**: ${list[0].definition}`);
+}
+```
+
+Here, you are only getting the first object from the array of objects called `list` and grabbing its `definition` property.
+
+If you've followed the tutorial, you should have something like this:
+
+Now, you can make it an [embed](../popular-topics/embeds) for easier formatting.
+
+You can define the following helper function at the top of your file. In the code below, you can use this function to truncate the returned data and make sure the embed doesn't error, because field values exceed 1024 characters.
+
+```js
+const trim = (str, max) => (str.length > max ? `${str.slice(0, max - 3)}...` : str);
+```
+
+And here is how you can build the embed from the API data:
+
+```js
+const [answer] = list;
+
+const embed = new EmbedBuilder()
+	.setColor(0xefff00)
+	.setTitle(answer.word)
+	.setURL(answer.permalink)
+	.addFields(
+		{ name: 'Definition', value: trim(answer.definition, 1_024) },
+		{ name: 'Example', value: trim(answer.example, 1_024) },
+		{ name: 'Rating', value: `${answer.thumbs_up} thumbs up. ${answer.thumbs_down} thumbs down.` },
+	);
+
+interaction.editReply({ embeds: [embed] });
+```
+
+<Callout>
+	Check out display components for a newer approach to message formatting! You can read the [display
+	components](../popular-topics/display-components) section of this guide to learn more about using them!
+</Callout>

apps/guide/content/docs/legacy/app-creation/creating-commands.mdx

@@ -0,0 +1,139 @@
+---
+title: Creating Slash Commands
+---
+
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+import { File, Folder, Files } from 'fumadocs-ui/components/files';
+
+Discord allows developers to register [slash commands](https://discord.com/developers/docs/interactions/application-commands), which provide users a first-class way of interacting directly with your application.
+
+Slash commands provide a huge number of benefits over manual message parsing, including:
+
+- Integration with the Discord client interface.
+- Automatic command detection and parsing of the associated options/arguments.
+- Typed argument inputs for command options, e.g. "String", "User", or "Role".
+- Validated or dynamic choices for command options.
+- In-channel private responses (ephemeral messages).
+- Pop-up form-style inputs for capturing additional information.
+
+...and many more!
+
+## Before you continue
+
+Assuming you've followed the guide so far, your project directory should look something like this:
+
+<Files>
+	<Folder name="discord-bot" defaultOpen>
+		<Folder name="node_modules" defaultOpen />
+		<File name="config.json" />
+		<File name="index.js" />
+		<File name="package-lock.json" />
+		<File name="package.json" />
+	</Folder>
+</Files>
+
+<Steps>
+<Step>
+
+### Command Files
+
+The individual command files, containing slash command definitions and functionality.
+
+</Step>
+<Step>
+
+### Command Handler
+
+The [command handler](./handling-commands), dynamically reads the command files and executes commands.
+
+</Step>
+<Step>
+
+### Command Deployment
+
+The command [deployment script](./deploying-commands) to register your slash commands with Discord.
+
+</Step>
+</Steps>
+
+These steps can be followed in any order, but are all required to make your bot work. This page details step **1**. Make sure you also check out the other linked pages.
+
+## Individual command files
+
+Create a new folder named `commands` and a subfolder named `utility` inside it, which is where you'll store all of your utility command files. You'll be using the class to construct the command definitions.
+
+At a minimum, the definition of a slash command must have a name and a description. Slash command names must be between 1-32 characters and contain no capital letters, spaces, or symbols other than `-` and `_`. Using the builder, a simple `ping` command definition would look like this:
+
+```js
+new SlashCommandBuilder().setName('ping').setDescription('Replies with Pong!');
+```
+
+A slash command also requires a function to run when the command is used, to respond to the interaction. Using an interaction response method confirms to Discord that your bot successfully received the interaction, and has responded to the user. Discord enforces this to ensure that all slash commands provide a good user experience (UX). Failing to respond will cause Discord to show that the command failed, even if your bot is performing other actions as a result.
+
+The simplest way to acknowledge and respond to an interaction is the `interaction.reply()` method. Other methods of replying are covered on the [Response methods](../slash-commands/response-methods) page later in this section.
+
+```js
+async execute(interaction) {
+	await interaction.reply('Pong!')
+}
+```
+
+Put these two together by creating a `ping.js` file in the `commands/utility` folder for your first command. Inside this file, you're going to define and export two items.
+
+- The `data` property, which will provide the command definition shown above for registering to Discord.
+- The `execute` method, which will contain the functionality to run from our event handler when the command is used.
+
+These are placed inside `module.exports` so they can be read by other files; namely the command loader and command deployment scripts mentioned earlier.
+
+```js title="commands/utility/ping.js"
+const { SlashCommandBuilder } = require('discord.js');
+
+module.exports = {
+	data: new SlashCommandBuilder().setName('ping').setDescription('Replies with Pong!'),
+	async execute(interaction) {
+		await interaction.reply('Pong!');
+	},
+};
+```
+
+<Callout>
+	[`module.exports`](https://nodejs.org/api/modules.html#modules_module_exports) is how you export data in Node.js so that you can [`require()`](https://nodejs.org/api/modules.html#modules_require_id) it in other files.
+
+    If you need to access your client instance from inside a command file, you can access it via `interaction.client`. If you need to access external files, packages, etc., you should `require()` them at the top of the file.
+
+</Callout>
+
+That's it for your basic ping command. Below are examples of two more commands we're going to build upon throughout the guide, so create two more files for these before you continue reading.
+
+```js tab="User" title="commands/utility/user.js"
+const { SlashCommandBuilder } = require('discord.js');
+
+module.exports = {
+	data: new SlashCommandBuilder().setName('user').setDescription('Provides information about the user.'),
+	async execute(interaction) {
+		// interaction.user is the object representing the User who ran the command
+		// interaction.member is the GuildMember object, which represents the user in the specific guild
+		await interaction.reply(
+			`This command was run by ${interaction.user.username}, who joined on ${interaction.member.joinedAt}.`,
+		);
+	},
+};
+```
+
+```js tab="Server" title="commands/utility/server.js"
+const { SlashCommandBuilder } = require('discord.js');
+
+module.exports = {
+	data: new SlashCommandBuilder().setName('server').setDescription('Provides information about the server.'),
+	async execute(interaction) {
+		// interaction.guild is the object representing the Guild in which the command was run
+		await interaction.reply(
+			`This server is ${interaction.guild.name} and has ${interaction.guild.memberCount} members.`,
+		);
+	},
+};
+```
+
+#### Next steps
+
+You can implement additional commands by creating new files within a dedicated subfolder in the `commands` folder, but these three are the ones we're going to use for the examples as we go on. For now let's move on to the code you'll need for command handling, to load the files and respond to incoming interactions.

apps/guide/content/docs/legacy/app-creation/deploying-commands.mdx

@@ -0,0 +1,153 @@
+---
+title: Registering Commands
+---
+
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+
+For fully functional slash commands, you need three important pieces of code:
+
+<Steps>
+<Step>
+
+### Command Files
+
+The individual command files, containing [slash command](./creating-commands) definitions and functionality.
+
+</Step>
+<Step>
+
+### Command Handler
+
+The [command handler](./handling-commands), dynamically reads the command files and executes commands.
+
+</Step>
+<Step>
+
+### Command Deployment
+
+The command deployment script to register your slash commands with Discord.
+
+</Step>
+</Steps>
+
+These steps can be followed in any order, but are all required to make your bot work. This page details step **3**. Make sure you also check out the other linked pages.
+
+## Command registration
+
+Slash commands can be registered in two ways; in one specific guild, or for every guild the bot is in. We're going to look at single-guild registration first, as this is a good way to develop and test your commands before a global deployment.
+
+Your application will need the `applications.commands` scope authorized in a guild for any of its slash commands to appear, and to be able to register them in a specific guild without error.
+
+Slash commands only need to be registered once, and updated when the definition (description, options etc) is changed. As there is a daily limit on command creations, it's not necessary nor desirable to connect a whole client to the gateway or do this on every `ready` event. As such, a standalone script using the lighter REST manager is preferred.
+
+This script is intended to be run separately, only when you need to make changes to your slash command **definitions** - you're free to modify parts such as the execute function as much as you like without redeployment.
+
+### Guild commands
+
+Create a `deploy-commands.js` file in your project directory. This file will be used to register and update the slash commands for your bot application.
+
+Add two more properties to your `config.json` file, which we'll need in the deployment script:
+
+- `clientId`: Your application's client id ([Discord Developer Portal](https://discord.com/developers/applications) > "General Information" > application id)
+- `guildId`: Your development server's id ([Enable developer mode](https://support.discord.com/hc/articles/206346498) > Right-click the server title > "Copy ID")
+
+```json title="config.json"
+{
+	"token": "your-token-goes-here",
+	// [!code ++:2]
+	"clientId": "your-application-id-goes-here",
+	"guildId": "your-server-id-goes-here"
+}
+```
+
+With these defined, you can use the deployment script below:
+
+```js title="deploy-commands.js" lineNumbers
+const { REST, Routes } = require('discord.js');
+const { clientId, guildId, token } = require('./config.json');
+const fs = require('node:fs');
+const path = require('node:path');
+
+const commands = [];
+// Grab all the command folders from the commands directory you created earlier
+const foldersPath = path.join(__dirname, 'commands');
+const commandFolders = fs.readdirSync(foldersPath);
+
+for (const folder of commandFolders) {
+	// Grab all the command files from the commands directory you created earlier
+	const commandsPath = path.join(foldersPath, folder);
+	const commandFiles = fs.readdirSync(commandsPath).filter((file) => file.endsWith('.js'));
+	// Grab the SlashCommandBuilder#toJSON() output of each command's data for deployment
+	for (const file of commandFiles) {
+		const filePath = path.join(commandsPath, file);
+		const command = require(filePath);
+		if ('data' in command && 'execute' in command) {
+			commands.push(command.data.toJSON());
+		} else {
+			console.log(`[WARNING] The command at ${filePath} is missing a required "data" or "execute" property.`);
+		}
+	}
+}
+
+// Construct and prepare an instance of the REST module
+const rest = new REST().setToken(token);
+
+// and deploy your commands!
+(async () => {
+	try {
+		console.log(`Started refreshing ${commands.length} application (/) commands.`);
+
+		// [!code word:Guild]
+		// The put method is used to fully refresh all commands in the guild with the current set
+		const data = await rest.put(Routes.applicationGuildCommands(clientId, guildId), { body: commands });
+
+		console.log(`Successfully reloaded ${data.length} application (/) commands.`);
+	} catch (error) {
+		// And of course, make sure you catch and log any errors!
+		console.error(error);
+	}
+})();
+```
+
+Once you fill in these values, run `node deploy-commands.js` in your project directory to register your commands to the guild specified. If you see the success message, check for the commands in the server by typing `/`! If all goes well, you should be able to run them and see your bot's response in Discord!
+
+### Global commands
+
+Global application commands will be available in all the guilds your application has the `applications.commands` scope authorized in, and in direct messages by default.
+
+To deploy global commands, you can use the same script from the guild commands section above and simply adjust the route in the script to `.applicationCommands(clientId)`
+
+```js
+await rest.put(Routes.applicationCommands(clientId), { body: commands });
+```
+
+### Where to deploy
+
+<Callout>
+    Guild-based deployment of commands is best suited for development and testing in your own personal server. Once you're satisfied that it's ready, deploy the command globally to publish it to all guilds that your bot is in.
+
+    You may wish to have a separate application and token in the Discord Dev Portal for your dev application, to avoid duplication between your guild-based commands and the global deployment.
+
+</Callout>
+
+#### Further reading
+
+You've successfully sent a response to a slash command! However, this is only the most basic of command event and response functionality. Much more is available to enhance the user experience including:
+
+<Cards>
+	<Card title="Event Handling" href="./handling-events">
+		Apply a similar dynamic, modular handling approach to client events.
+	</Card>
+	<Card title="Response Methods" href="../slash-commands/response-methods">
+		Utilize different response methods for slash commands.
+	</Card>
+	<Card title="Advanced Command Creation" href="../slash-commands/advanced-creation">
+		Expand on the command examples with additional, validated, option types.
+	</Card>
+	<Card title="Display Components" href="../popular-topics/display-components">
+		Level up command responses with formatted content and display components.
+	</Card>
+	<Card title="Interactive Components" href="../interactive-components/action-rows">
+		Enhance your commands with more input methods using Buttons, Select Menus, and Modals!
+	</Card>
+</Cards>

apps/guide/content/docs/legacy/app-creation/handling-commands.mdx

@@ -0,0 +1,171 @@
+---
+title: Command Handling
+---
+
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+
+Unless your bot project is small, it's not a very good idea to have a single file with a giant `if`/`else if` chain for commands. If you want to implement features into your bot and make your development process a lot less painful, you'll want to implement a command handler. Let's get started on that!
+
+For fully functional slash commands, you need three important pieces of code:
+
+<Steps>
+<Step>
+
+### Command Files
+
+The individual command files, containing [slash command](./creating-commands) definitions and functionality.
+
+</Step>
+<Step>
+
+### Command Handler
+
+The command handler, dynamically reads the command files and executes commands.
+
+</Step>
+<Step>
+
+### Command Deployment
+
+The command [deployment script](./deploying-commands) to register your slash commands with Discord.
+
+</Step>
+</Steps>
+
+These steps can be followed in any order, but are all required to make your bot work. This page details step **2**. Make sure you also check out the other linked pages.
+
+## Loading command files
+
+Now that your command files have been created, your bot needs to load these files on startup.
+
+In your `index.js` file, make these additions to the base template:
+
+```js title="index.js" lineNumbers
+// [!code ++:4]
+const fs = require('node:fs');
+const path = require('node:path');
+const { Client, Collection, Events, GatewayIntentBits, MessageFlags } = require('discord.js');
+const { token } = require('./config.json');
+
+const client = new Client({ intents: [GatewayIntentBits.Guilds] });
+
+client.once(Events.ClientReady, (readyClient) => {
+	console.log(`Ready! Logged in as ${readyClient.user.tag}`);
+});
+
+client.commands = new Collection(); // [!code ++]
+```
+
+We recommend attaching a `.commands` property to your client instance so that you can access your commands in other files. The rest of the examples in this guide will follow this convention. For TypeScript users, we recommend extending the base Client class to add this property, [casting](https://www.typescripttutorial.net/typescript-tutorial/type-casting/), or [augmenting the module type](https://www.typescriptlang.org/docs/handbook/declaration-merging.html#module-augmentation).
+
+<Callout>
+	- The [`fs`](https://nodejs.org/api/fs.html) module is Node's native file system module. `fs` is used to read the
+	`commands` directory and identify our command files. - The [`path`](https://nodejs.org/api/path.html) module is Node's
+	native path utility module. `path` helps construct paths to access files and directories. One of the advantages of the
+	`path` module is that it automatically detects the operating system and uses the appropriate joiners. - The
+	`Collection` class extends JavaScript's native
+	[`Map`](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Map) class, and includes more
+	extensive, useful functionality. `Collection` is used to store and efficiently retrieve commands for execution.
+</Callout>
+
+Next, using the modules imported above, dynamically retrieve your command files with a few more additions to the `index.js` file:
+
+```js title="index.js" lineNumbers=12
+client.commands = new Collection();
+
+const foldersPath = path.join(__dirname, 'commands');
+const commandFolders = fs.readdirSync(foldersPath);
+
+for (const folder of commandFolders) {
+	const commandsPath = path.join(foldersPath, folder);
+	const commandFiles = fs.readdirSync(commandsPath).filter((file) => file.endsWith('.js'));
+	for (const file of commandFiles) {
+		const filePath = path.join(commandsPath, file);
+		const command = require(filePath);
+		// Set a new item in the Collection with the key as the command name and the value as the exported module
+		if ('data' in command && 'execute' in command) {
+			client.commands.set(command.data.name, command);
+		} else {
+			console.log(`[WARNING] The command at ${filePath} is missing a required "data" or "execute" property.`);
+		}
+	}
+}
+```
+
+First, [`path.join()`](https://nodejs.org/api/path.html#pathjoinpaths) helps to construct a path to the `commands` directory. The first [`fs.readdirSync()`](https://nodejs.org/api/fs.html#fs_fs_readdirsync_path_options) method then reads the path to the directory and returns an array of all the folder names it contains, currently `['utility']`. The second `fs.readdirSync()` method reads the path to this directory and returns an array of all the file names they contain, currently `['ping.js', 'server.js', 'user.js']`. To ensure only command files get processed, `Array.filter()` removes any non-JavaScript files from the array.
+
+With the correct files identified, the last step is dynamically set each command into the `client.commands` Collection. For each file being loaded, check that it has at least the `data` and `execute` properties. This helps to prevent errors resulting from loading empty, unfinished, or otherwise incorrect command files while you're still developing.
+
+## Receiving command interactions
+
+You will receive an interaction for every slash command executed. To respond to a command, you need to create a listener for the `interactionCreate` event that will execute code when your application receives an interaction. Place the code below in the `index.js` file you created earlier.
+
+```js title="index.js" lineNumbers=32
+// [!code ++:3]
+client.on(Events.InteractionCreate, (interaction) => {
+	console.log(interaction);
+});
+```
+
+Not every interaction is a slash command (e.g. `MessageComponent` interactions). Make sure to only handle slash commands in this function by making use of the `BaseInteraction#isChatInputCommand` method to exit the handler if another type is encountered. This method also provides typeguarding for TypeScript users, narrowing the type from `BaseInteraction` to a `ChatInputCommandInteraction`.
+
+```js title="index.js" lineNumbers=32
+client.on(Events.InteractionCreate, (interaction) => {
+	if (!interaction.isChatInputCommand()) return; // [!code ++]
+	console.log(interaction);
+});
+```
+
+## Executing commands
+
+When your bot receives a `interactionCreate` event, the interaction object contains all the information you need to dynamically retrieve and execute your commands!
+
+Let's take a look at the `ping` command again. Note the `execute()` function that will reply to the interaction with "Pong!".
+
+```js title="commands/utility/ping.js"
+// [!code word:execute]
+module.exports = {
+	data: new SlashCommandBuilder().setName('ping').setDescription('Replies with Pong!'),
+	async execute(interaction) {
+		await interaction.reply('Pong!');
+	},
+};
+```
+
+First, you need to get the matching command from the `client.commands` Collection based on the `interaction.commandName`. Your `Client` instance is always available via `interaction.client`. If no matching command is found, log an error to the console and ignore the event.
+
+With the right command identified, all that's left to do is call the command's `.execute()` method and pass in the `interaction` variable as its argument. In case something goes wrong, catch and log any error to the console.
+
+```js title="index.js" lineNumbers=32
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+	// [!code ++:23]
+	const command = interaction.client.commands.get(interaction.commandName);
+
+	if (!command) {
+		console.error(`No command matching ${interaction.commandName} was found.`);
+		return;
+	}
+
+	try {
+		await command.execute(interaction);
+	} catch (error) {
+		console.error(error);
+		if (interaction.replied || interaction.deferred) {
+			await interaction.followUp({
+				content: 'There was an error while executing this command!',
+				flags: MessageFlags.Ephemeral,
+			});
+		} else {
+			await interaction.reply({
+				content: 'There was an error while executing this command!',
+				flags: MessageFlags.Ephemeral,
+			});
+		}
+	}
+});
+```
+
+#### Next steps
+
+Your command files are now loaded into your bot, and the event listener is prepared and ready to respond. In the next section, we cover the final step: a command deployment script you'll need to register your commands so they appear in the Discord client.

apps/guide/content/docs/legacy/app-creation/handling-events.mdx

@@ -0,0 +1,215 @@
+---
+title: Event Handling
+---
+
+import { File, Folder, Files } from 'fumadocs-ui/components/files';
+
+Node.js uses an event-driven architecture, making it possible to execute code when a specific event occurs. The discord.js library takes full advantage of this. You can visit the `Client` documentation to see the full list of events.
+
+<Callout>
+	This page assumes you've followed the guide up to this point, and created your `index.js` and individual slash
+	commands according to those pages.
+</Callout>
+
+At this point, your `index.js` file has listeners for two events: `ClientReady` and `InteractionCreate`.
+
+```js title="index.js"
+// [!code word:ClientReady]
+client.once(Events.ClientReady, (readyClient) => {
+	console.log(`Ready! Logged in as ${readyClient.user.tag}`);
+
+// [!code word:InteractionCreate]
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+
+	const command = interaction.client.commands.get(interaction.commandName);
+
+	if (!command) {
+		console.error(`No command matching ${interaction.commandName} was found.`);
+		return;
+	}
+
+	try {
+		await command.execute(interaction);
+	} catch (error) {
+		console.error(error);
+		if (interaction.replied || interaction.deferred) {
+			await interaction.followUp({
+				content: 'There was an error while executing this command!',
+				flags: MessageFlags.Ephemeral,
+			});
+		} else {
+			await interaction.reply({
+				content: 'There was an error while executing this command!',
+				flags: MessageFlags.Ephemeral,
+			});
+		}
+	}
+});
+```
+
+Currently, the event listeners are in the `index.js` file. `Client#ready`emits once when the `Client` becomes ready for use, and `Client#interactionCreate` emits whenever an interaction is received. Moving the event listener code into individual files is simple, and we'll be taking a similar approach to the command handler.
+
+<Callout type="warn">
+	You're only going to move these two events from `index.js`. The code for [loading command
+	files](./handling-commands#loading-command-files) will stay here!
+</Callout>
+
+## Individual event files
+
+Your project directory should look something like this:
+
+<Files>
+	<Folder name="discord-bot" defaultOpen>
+		<Folder name="commands" defaultOpen />
+		<Folder name="node_modules" defaultOpen />
+		<File name="config.json" />
+		<File name="deploy-commands.js" />
+		<File name="index.js" />
+		<File name="package-lock.json" />
+		<File name="package.json" />
+	</Folder>
+</Files>
+
+Create an `events` folder in the same directory. You can then move the code from your event listeners in `index.js` to separate files: `events/ready.js` and `events/interactionCreate.js`.
+
+```js tab="Ready Handler" title="events/ready.js"
+const { Events } = require('discord.js');
+
+module.exports = {
+	name: Events.ClientReady,
+	once: true,
+	execute(client) {
+		console.log(`Ready! Logged in as ${client.user.tag}`);
+	},
+};
+```
+
+```js tab="Interaction Handler" title="events/interactionCreate.js"
+const { Events, MessageFlags } = require('discord.js');
+
+module.exports = {
+	name: Events.InteractionCreate,
+	async execute(interaction) {
+		if (!interaction.isChatInputCommand()) return;
+
+		const command = interaction.client.commands.get(interaction.commandName);
+
+		if (!command) {
+			console.error(`No command matching ${interaction.commandName} was found.`);
+			return;
+		}
+
+		try {
+			await command.execute(interaction);
+		} catch (error) {
+			console.error(error);
+			if (interaction.replied || interaction.deferred) {
+				await interaction.followUp({
+					content: 'There was an error while executing this command!',
+					flags: MessageFlags.Ephemeral,
+				});
+			} else {
+				await interaction.reply({
+					content: 'There was an error while executing this command!',
+					flags: MessageFlags.Ephemeral,
+				});
+			}
+		}
+	},
+};
+```
+
+```js title="index.js" tab="Main File (after removing events)"
+const fs = require('node:fs');
+const path = require('node:path');
+const { Client, Collection, GatewayIntentBits } = require('discord.js');
+const { token } = require('./config.json');
+
+const client = new Client({ intents: [GatewayIntentBits.Guilds] });
+
+client.commands = new Collection();
+const foldersPath = path.join(__dirname, 'commands');
+const commandFolders = fs.readdirSync(foldersPath);
+
+for (const folder of commandFolders) {
+	const commandsPath = path.join(foldersPath, folder);
+	const commandFiles = fs.readdirSync(commandsPath).filter((file) => file.endsWith('.js'));
+	for (const file of commandFiles) {
+		const filePath = path.join(commandsPath, file);
+		const command = require(filePath);
+		if ('data' in command && 'execute' in command) {
+			client.commands.set(command.data.name, command);
+		} else {
+			console.log(`[WARNING] The command at ${filePath} is missing a required "data" or "execute" property.`);
+		}
+	}
+}
+
+client.login(token);
+```
+
+The `name` property states which event this file is for, and the `once` property holds a boolean value that specifies if the event should run only once. You don't need to specify this in `interactionCreate.js` as the default behavior will be to run on every event instance. The `execute` function holds your event logic, which will be called by the event handler whenever the event emits.
+
+## Reading event files
+
+Next, let's write the code for dynamically retrieving all the event files in the `events` folder. We'll be taking a similar approach to our [command handler](./handling-commands). Place the new code highlighted below in your `index.js`.
+
+`fs.readdirSync().filter()` returns an array of all the file names in the given directory and filters for only `.js` files, i.e. `['ready.js', 'interactionCreate.js']`.
+
+```js title="index.js"
+const fs = require('node:fs');
+const path = require('node:path');
+const { Client, Collection, GatewayIntentBits } = require('discord.js');
+const { token } = require('./config.json');
+
+const client = new Client({ intents: [GatewayIntentBits.Guilds] });
+
+client.commands = new Collection();
+const foldersPath = path.join(__dirname, 'commands');
+const commandFolders = fs.readdirSync(foldersPath);
+
+for (const folder of commandFolders) {
+	const commandsPath = path.join(foldersPath, folder);
+	const commandFiles = fs.readdirSync(commandsPath).filter((file) => file.endsWith('.js'));
+	for (const file of commandFiles) {
+		const filePath = path.join(commandsPath, file);
+		const command = require(filePath);
+		if ('data' in command && 'execute' in command) {
+			client.commands.set(command.data.name, command);
+		} else {
+			console.log(`[WARNING] The command at ${filePath} is missing a required "data" or "execute" property.`);
+		}
+	}
+}
+
+// [!code ++:12]
+const eventsPath = path.join(__dirname, 'events');
+const eventFiles = fs.readdirSync(eventsPath).filter((file) => file.endsWith('.js'));
+
+for (const file of eventFiles) {
+	const filePath = path.join(eventsPath, file);
+	const event = require(filePath);
+	if (event.once) {
+		client.once(event.name, (...args) => event.execute(...args));
+	} else {
+		client.on(event.name, (...args) => event.execute(...args));
+	}
+}
+
+client.login(token);
+```
+
+You'll notice the code looks very similar to the command loading above it - read the files in the events folder and load each one individually.
+
+The `Client` class in discord.js extends the [`EventEmitter`](https://nodejs.org/api/events.html#events_class_eventemitter) class. Therefore, the `client` object exposes the [`.on()`](https://nodejs.org/api/events.html#events_emitter_on_eventname_listener) and [`.once()`](https://nodejs.org/api/events.html#events_emitter_once_eventname_listener) methods that you can use to register event listeners. These methods take two arguments: the event name and a callback function. These are defined in your separate event files as `name` and `execute`.
+
+The callback function passed takes argument(s) returned by its respective event, collects them in an `args` array using the `...` [rest parameter syntax](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Functions/rest_parameters), then calls `event.execute()` while passing in the `args` array using the `...` [spread syntax](https://developer.mozilla.org/docs/Web/JavaScript/Reference/Operators/Spread_syntax). They are used here because different events in discord.js have different numbers of arguments. The rest parameter collects these variable number of arguments into a single array, and the spread syntax then takes these elements and passes them to the `execute` function.
+
+After this, listening for other events is as easy as creating a new file in the `events` folder. The event handler will automatically retrieve and register it whenever you restart your bot.
+
+<Callout>
+	In most cases, you can access your `client` instance in other files by obtaining it from one of the other discord.js
+	structures, e.g. `interaction.client` in the `interactionCreate` event. You do not need to manually pass it to your
+	events.
+</Callout>

apps/guide/content/docs/legacy/app-creation/main-file.mdx

@@ -0,0 +1,50 @@
+---
+title: The Main File
+---
+
+<Callout>
+	This page assumes you've already prepared the [configuration files](../app-creation/project-setup#configuration-files)
+	from the previous page. We're using the `config.json` approach, however feel free to substitute your own!
+</Callout>
+
+## Creating the main file
+
+Open your code editor and create a new file. We suggest that you save the file as `index.js`, but you may name it whatever you wish.
+
+Here's the base code to get you started:
+
+```js title="index.js"
+// Require the necessary discord.js classes
+const { Client, Events, GatewayIntentBits } = require('discord.js');
+const { token } = require('./config.json');
+
+// Create a new client instance
+const client = new Client({ intents: [GatewayIntentBits.Guilds] });
+
+// When the client is ready, run this code (only once).
+// The distinction between `client: Client<boolean>` and `readyClient: Client<true>` is important for TypeScript developers.
+// It makes some properties non-nullable.
+client.once(Events.ClientReady, (readyClient) => {
+	console.log(`Ready! Logged in as ${readyClient.user.tag}`);
+});
+
+// Log in to Discord with your client's token
+client.login(token);
+```
+
+This is how you create a client instance for your Discord bot and log in to Discord. The `GatewayIntentBits.Guilds` intents option is necessary for the discord.js client to work as you expect it to, as it ensures that the caches for guilds, channels, and roles are populated and available for internal use.
+
+<Callout>The term "guild" is used by the Discord API and in discord.js to refer to a Discord server.</Callout>
+
+Intents also define which events Discord should send to your bot, and you may wish to enable more than just the minimum. You can read more about the other intents in the [Intents topic](../popular-topics/intents).
+
+## Running your application
+
+Open your terminal and run `node index.js` to start the process. If you see "Ready!" after a few seconds, you're good to go! The next step is to start adding slash commands to develop your app's functionality.
+
+<Callout>
+    You can open your `package.json` file and edit the `"main": "index.js"` field to point to your main file. You can then run `node .` in your terminal to start the process!
+
+    After closing the process with <kbd>Ctrl</kbd> <kbd>C</kbd>, you can press the up arrow on your keyboard to bring up the latest commands you've run. Pressing up and then enter after closing the process is a quick way to start it up again.
+
+</Callout>

apps/guide/content/docs/legacy/app-creation/meta.json

@@ -0,0 +1,11 @@
+{
+	"title": "Creating Your App",
+	"pages": [
+		"project-setup",
+		"main-file",
+		"creating-commands",
+		"handling-commands",
+		"deploying-commands",
+		"handling-events"
+	]
+}

apps/guide/content/docs/legacy/app-creation/project-setup.mdx

@@ -0,0 +1,101 @@
+---
+title: Project Setup
+---
+
+## Configuration files
+
+Once you [add your bot to a server](../preparations/adding-your-app), the next step is to start coding and get it online! Let's start by creating a config file for your client token and a main file for your bot application.
+
+As explained in the ["What is a token, anyway?"](../preparations/app-setup#what-is-a-token-anyway) section, your token is essentially your bot's password, and you should protect it as best as possible. This can be done through a `config.json` file or by using environment variables.
+
+Open your application in the [Discord Developer Portal](https://discord.com/developers/applications) and go to the "Bot" page to copy your token.
+
+## Using `config.json`
+
+Storing data in a `config.json` file is a common way of keeping your sensitive values safe. Create a `config.json` file in your project directory and paste in your token. You can access your token inside other files by using `require()`.
+
+```json tab="Config" title="config.json"
+{
+	"token": "your-token-goes-here"
+}
+```
+
+```js tab="Usage"
+const { token } = require('./config.json');
+
+console.log(token);
+```
+
+<Callout title="Danger" type="error">
+	If you're using Git, you should not commit files containing secrets. Read on to find out how to [exclude them from
+	versioning by using `.gitignore`](#git-and-gitignore).
+</Callout>
+
+## Using environment variables
+
+Environment variables are, as the name suggests, values you can pass to your environment (e.g. terminal session, Docker container, node process). This has the benefit that you can keep your code the same for different execution contexts.
+
+```txt title=".env"
+A=Hello World
+B=123
+DISCORD_TOKEN=MTI3NDMxMjA3PDQ3ODIxNzIzNg.G6uEbl.IpA3-9YeScYr9pu9K1utMlpP4p-KJwNxcIAbi8
+```
+
+<Callout title="Danger" type="error">
+	If you're using Git, you should not commit `.env` or other environment files containing secrets. Read on to find out
+	how to [exclude them from versioning by using `.gitignore`](#git-and-gitignore).
+</Callout>
+
+To use environment variables in Node.js, we recommend you use the command line interface flag `--env-file` to point to the `.env` file you want to use. Note that the file name `.env` is just a convention. You could for example have a `.env.development` and `.env.production` file with different values depending on the Discord application you want to run your code.
+
+You can also read multiple environment files by using the `--env-file` flag multiple times.
+
+```sh
+node --env-file=.env index.js
+```
+
+<Callout>You don't need to pass any special flags when using Bun! Bun reads `.env` files automatically.</Callout>
+
+The values you specify in `.env` files this way are exposed through the `process.env` global variable in any file. Note that values passed this way will always be strings. If you want to do calculations on environment numbers, you will have to parse them:
+
+```js title="index.js"
+// [!code word:env]
+console.log(process.env.A);
+console.log(process.env.B + 9); // 1239 (this concatenates the number to the string!)
+console.log(Number(process.env.C) + 9); // 132
+console.log(process.env.DISCORD_TOKEN);
+```
+
+## Online editors
+
+While we generally do not recommend using online editors as hosting solutions, but rather invest in a proper virtual private server, these services do offer ways to keep your credentials safe as well! Please see the respective service's documentation and help articles for more information on how to keep sensitive values safe:
+
+<Cards>
+	<Card title="Glitch" href="https://help.glitch.com/s/article/Adding-Private-Data">
+		Learn more about storing secrets in `.env` files using Glitch
+	</Card>
+	<Card title="Heroku" href="https://devcenter.heroku.com/articles/config-vars">
+		Learn more about configuration variables in Heroku
+	</Card>
+	<Card title="Replit" href="https://docs.replit.com/replit-workspace/workspace-features/secrets#secrets">
+		Learn more about secrets and environment variables in Replit
+	</Card>
+</Cards>
+
+## Git and `.gitignore`
+
+Git is a fantastic tool to keep track of your code changes and allows you to upload progress to services like [GitHub](https://github.com/), [GitLab](https://about.gitlab.com/), or [Bitbucket](https://bitbucket.org/product). While this is super useful to share code with other developers, it also bears the risk of uploading your configuration files with sensitive values!
+
+You can specify files that Git should ignore in its versioning systems with a `.gitignore` file. Create a `.gitignore` file in your project directory and add the names of the files and folders you want to ignore. The following example ignores the `config.json` and `.env` files as well as the `node_modules` directory:
+
+```txt title=".gitignore"
+node_modules
+.env
+config.json
+```
+
+<Callout>
+	`.gitignore` files can specify intricate patterns and help with your general development flow. Apart from keeping your
+	credentials safe, you should exclude `node_modules` from version control as well, its contents can be restored from
+	the entries in your `package.json` and `package-lock.json` files.
+</Callout>

apps/guide/content/docs/legacy/improving-dev-environment/meta.json

@@ -0,0 +1,3 @@
+{
+	"title": "Improving Your Dev Environment"
+}

apps/guide/content/docs/legacy/improving-dev-environment/package-json-scripts.mdx

@@ -0,0 +1,200 @@
+---
+title: Package Scripts
+---
+
+## Setting up package.json scripts
+
+An easy way to run scripts like a script to start your bot, a script to lint your bot's files, or whatever scripts you use is by storing them in your `package.json` file. After you store these scripts in your `package.json` file, you can run the `start` script to start your bot or the `lint` script to lint your code for errors.
+
+```sh tab="npm"
+npm run start
+npm run lint
+```
+
+```sh tab="yarn"
+yarn run start
+yarn run lint
+```
+
+```sh tab="pnpm"
+pnpm run start
+pnpm run lint
+```
+
+```sh tab="bun"
+bun run start
+bun run lint
+```
+
+## Getting started
+
+<Callout>
+Before getting started, you'll need to have a `package.json` file. If you don't have a `package.json` file yet, you can run the following command in the console to generate one.
+
+```sh tab="npm"
+npm init -y
+```
+
+```sh tab="yarn"
+yarn init -y
+```
+
+```sh tab="pnpm"
+pnpm init
+```
+
+```sh tab="bun"
+bun init -y
+```
+
+</Callout>
+
+If you haven't touched your `package.json` file yet (excluding installing dependencies), your `package.json` file should look similar to the following:
+
+```json title="package.json"
+{
+	"name": "my-bot",
+	"version": "1.0.0",
+	"description": "A Discord bot!",
+	"main": "index.js",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1"
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC"
+}
+```
+
+Let's zoom in more. Below `main`, you'll see `scripts`. You can specify your scripts there. In this guide, we'll show how to start and lint your bot using a `package.json` script.
+
+## Adding your first script
+
+<Callout>
+	We'll assume you have finished the [creating your app](../app-creation/project-setup) section of the guide. If you
+	haven't, ensure to follow it first!
+</Callout>
+
+Over at your `package.json` file, add the following line to the `scripts`:
+
+```json title="package.json"
+{
+	"name": "my-bot",
+	"version": "1.0.0",
+	"description": "A Discord bot!",
+	"main": "index.js",
+	"scripts": { // [!code focus:5]
+		"test": "echo \"Error: no test specified\" && exit 1" // needs a comma // [!code --]
+		"test": "echo \"Error: no test specified\" && exit 1", // [!code ++]
+		"start": "node ." // [!code ++]
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC"
+}
+```
+
+<Callout>
+	The `node .` script will run the file you have specified at the `main` entry in your `package.json` file. If you don't
+	have it set yet, make sure to select your bot's main file as `main`!
+</Callout>
+
+Now, whenever you run the `start` script in your bot's directory, it will run the `node .` command.
+
+```sh tab="npm"
+npm run start
+```
+
+```sh tab="yarn"
+yarn run start
+```
+
+```sh tab="pnpm"
+pnpm run start
+```
+
+```sh tab="bun"
+bun run start
+```
+
+Let's create another script to lint your code via the command line. Add the following line to your scripts:
+
+```json title="package.json"
+{
+	"name": "my-bot",
+	"version": "1.0.0",
+	"description": "A Discord bot!",
+	"main": "index.js",
+	"scripts": { // [!code focus:6]
+		"test": "echo \"Error: no test specified\" && exit 1",
+		"start": "node ." // needs a comma // [!code --]
+		"start": "node .", // [!code ++]
+		"lint": "eslint ." // [!code ++]
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC"
+}
+```
+
+Now, whenever you run the `lint` script, ESLint will lint your `index.js` file.
+
+```sh tab="npm"
+npm run lint
+```
+
+```sh tab="yarn"
+yarn run lint
+```
+
+```sh tab="pnpm"
+pnpm run lint
+```
+
+```sh tab="bun"
+bun run lint
+```
+
+Your `package.json` file should now look similar to the following:
+
+```json
+{
+	"name": "my-bot",
+	"version": "1.0.0",
+	"description": "A Discord bot!",
+	"main": "index.js",
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1",
+		"start": "node .",
+		"lint": "eslint ."
+	},
+	"keywords": [],
+	"author": "",
+	"license": "ISC"
+}
+```
+
+And that's it! You can always add more scripts now, running them with:
+
+```sh tab="npm"
+npm run <script-name>
+```
+
+```sh tab="yarn"
+yarn run <script-name>
+```
+
+```sh tab="pnpm"
+pnpm run <script-name>
+```
+
+```sh tab="bun"
+bun run <script-name>
+```
+
+<Cards>
+	<Card title="Package Scripts" href="https://docs.npmjs.com/cli/v7/using-npm/scripts">
+		Package scripts allow some more configuration (like pre-, post- and lifecycle scripts) than we can cover in this
+		guide. Check out the official documentation on for more information.
+	</Card>
+</Cards>

apps/guide/content/docs/legacy/improving-dev-environment/pm2.mdx

@@ -0,0 +1,113 @@
+---
+title: PM2
+---
+
+PM2 is a process manager. It manages your applications' states, so you can start, stop, restart, and delete processes. It offers features such as monitoring running processes and setting up a "start with operating system" (be that Windows, Linux, or Mac) so your processes start when you boot your system.
+
+## Installation
+
+You can install PM2 via the following command:
+
+```sh tab="npm"
+npm install --global pm2
+```
+
+```sh tab="yarn"
+yarn global add pm2
+```
+
+```sh tab="pnpm"
+pnpm add --global pm2
+```
+
+```sh tab="bun"
+bun add --global pm2
+```
+
+## Starting your app
+
+After you install PM2, the easiest way you can start your app is by going to the directory your bot is in and then run the following:
+
+```sh
+pm2 start your-app-name.js
+```
+
+### Additional notes
+
+The `pm2 start` script allows for more optional command-line arguments.
+
+- `--name`: This allows you to set the name of your process when listing it up with `pm2 list` or `pm2 monit`:
+
+```sh
+pm2 start your-app-name.js --name "Some cool name"
+```
+
+- `--watch`: This option will automatically restart your process as soon as a file change is detected, which can be useful for development environments:
+
+```bash
+pm2 start your-app-name.js --watch
+```
+
+<Callout>
+	The `pm2 start` command can take more optional parameters, but only these two are relevant. If you want to see all the
+	parameters available, you can check the documentation of pm2
+	[here](https://pm2.keymetrics.io/docs/usage/pm2-doc-single-page/).
+</Callout>
+
+Once the process launches with pm2, you can run `pm2 monit` to monitor all console outputs from the processes started by pm2. This accounts for any `console.log()` in your code or outputted errors.
+
+In a similar fashion to how you start the process, running `pm2 stop` will stop the current process without removing it from PM2's interface:
+
+```sh
+pm2 stop your-app-name.js
+```
+
+## Setting up booting with your system
+
+Perhaps one of the more useful features of PM2 is being able to boot up with your Operating System. This feature will ensure that your bot processes will always be started after an (unexpected) reboot (e.g., after a power outage).
+
+The initial steps differ per OS. In this guide, we'll cover those for Windows and Linux/macOS.
+
+### Initial steps for Windows
+
+It is recommended to use `pm2-installer`. Follow the steps over at their [`GitHub`](https://github.com/jessety/pm2-installer).
+
+### Initial steps for Linux/macOS
+
+You'll need a start script, which you can get by running the following command:
+
+```sh
+# Detects the available init system, generates the config, and enables startup system
+pm2 startup
+```
+
+Or, if you want to specify your machine manually, select one of the options with the command:
+
+```sh
+pm2 startup [ubuntu | ubuntu14 | ubuntu12 | centos | centos6 | arch | oracle | amazon | macos | darwin | freesd | systemd | systemv | upstart | launchd | rcd | openrc]
+```
+
+The output of running one of the commands listed above will output a command for you to run with all environment variables and options configured.
+
+**Example output for an Ubuntu user:**
+
+```
+[PM2] You have to run this command as root. Execute the following command:
+      sudo su -c "env PATH=$PATH:/home/user/.nvm/versions/node/v8.9/bin pm2 startup ubuntu -u user --hp /home/user
+```
+
+After running that command, you can continue to the next step.
+
+### Saving the current process list
+
+To save the current process list so it will automatically get started after a restart, run the following command:
+
+```sh
+pm2 save
+```
+
+To disable this, you can run the following command:
+
+```sh
+pm2 unstartup
+```

apps/guide/content/docs/legacy/index.mdx

@@ -1,18 +1,19 @@
 ---
 title: Introduction
-category: Home
 ---
 
-# Introduction
+import { GithubInfo } from '@/components/GitHubInfo';
+
+<GithubInfo owner="discordjs" repo="discord.js" />
 
 If you're reading this, it probably means you want to learn how to make a bot with discord.js. Awesome! You've come to the right place.
 This guide will teach you things such as:
 
-- How to get a bot [up and running](/preparations/) from scratch;
-- How to properly [create](/creating-your-bot/), [organize](/creating-your-bot/command-handling.md), and expand on your commands;
-- In-depth explanations and examples regarding popular topics (e.g. [reactions](/popular-topics/reactions.md), [embeds](/popular-topics/embeds.md), [canvas](/popular-topics/canvas.md));
-- Working with databases (e.g. [sequelize](/sequelize/) and [keyv](/keyv/));
-- Getting started with [sharding](/sharding/);
+- How to get a bot [up and running](./legacy/preparations/app-setup) from scratch;
+- How to properly [create](./legacy/app-creation/project-setup), [organize](./legacy/app-creation/handling-commands), and expand on your commands;
+- In-depth explanations and examples regarding popular topics (e.g. [components](./legacy/popular-topics/display-components), [reactions](./legacy/popular-topics/reactions), [embeds](./legacy/popular-topics/embeds), [canvas](./legacy/popular-topics/canvas));
+- Working with databases (e.g. [sequelize](./legacy/sequelize/) and [keyv](./legacy/keyv/keyv));
+- Getting started with [sharding](./legacy/sharding/);
 - And much more.
 
 This guide will also cover subjects like common errors and how to solve them, keeping your code clean, setting up a proper development environment, etc.
@@ -29,7 +30,7 @@ If you don't know JavaScript but would like to learn about it, here are a few li
 - [JavaScript.info, a modern javascript tutorial](https://javascript.info/)
 - [Codecademy's interactive JavaScript course](https://www.codecademy.com/learn/introduction-to-javascript)
 - [Nodeschool, for both JavaScript and Node.js lessons](https://nodeschool.io/)
-- [MDN's JavaScript guide and full documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+- [MDN's JavaScript guide and full documentation](https://developer.mozilla.org/docs/Web/JavaScript)
 - [Google, your best friend](https://google.com)
 
 Take your pick, learn some JavaScript, and once you feel like you're confident enough to make a bot, come back and get started!

apps/guide/content/docs/legacy/interactions/context-menus.mdx

@@ -0,0 +1,52 @@
+---
+title: Context Menus
+---
+
+Context Menus are application commands which appear when right clicking or tapping a user or a message, in the Apps submenu.
+
+<Callout>
+	This page is a follow-up to the [slash commands](../slash-commands/advanced-creation) section. Please carefully read
+	those pages first so that you can understand the methods used in this section.
+</Callout>
+
+## Registering context menu commands
+
+To create a context menu command, use the `ContextMenuCommandBuilder` class. You can then set the type of the context menu (user or message) using the `setType()` method.
+
+```js
+const { ContextMenuCommandBuilder, ApplicationCommandType } = require('discord.js');
+
+const data = new ContextMenuCommandBuilder().setName('User Information').setType(ApplicationCommandType.User);
+```
+
+## Receiving context menu command interactions
+
+Context menus commands, just like slash commands, are received via an interaction. You can check if a given interaction is a context menu by invoking the `isContextMenuCommand()` method, or the `isMessageContextMenuCommand()` and `isUserContextMenuCommand()` methods to check for the specific type of context menu interaction:
+
+```js
+client.on(Events.InteractionCreate, (interaction) => {
+	if (!interaction.isUserContextMenuCommand()) return;
+	console.log(interaction);
+});
+```
+
+## Extracting data from context menus
+
+For user context menus, you can get the targeted user by accessing the `targetUser` or `targetMember` property from the `UserContextMenuCommandInteraction`.
+
+For message context menus, you can get the targeted message by accessing the `targetMessage` property from the `MessageContextMenuCommandInteraction`.
+
+```js
+client.on(Events.InteractionCreate, (interaction) => {
+	if (!interaction.isUserContextMenuCommand()) return;
+	// Get the User's username from context menu
+	const { username } = interaction.targetUser;
+	console.log(username);
+});
+```
+
+## Notes
+
+- Context menu commands cannot have subcommands or any options.
+- Responding to context menu commands functions the same as slash commands. Refer to our [slash command responses](../slash-commands/response-methods) guide for more information.
+- Context menu command permissions also function the same as slash commands. Refer to our [slash command permissions](../slash-commands/permissions) guide for more information.

apps/guide/content/docs/legacy/interactions/meta.json

@@ -0,0 +1,3 @@
+{
+	"title": "Other Interactions"
+}

apps/guide/content/docs/legacy/interactions/modals.mdx

@@ -0,0 +1,419 @@
+---
+title: Modals
+---
+
+Modals are pop-up forms that allow you to prompt users for additional input. This form-like interaction response blocks the user from interacting with Discord until the modal is submitted or dismissed. In this section, we will cover how to create, show, and receive modals using discord.js!
+
+<Callout>
+	This page is a follow-up to the [interactions (slash commands) page](../slash-commands/advanced-creation). Reading
+	that page first will help you understand the concepts introduced in this page.
+</Callout>
+
+## Building and responding with modals
+
+With the `ModalBuilder` class, discord.js offers a convenient way to build modals step by step using setters and callbacks.
+
+<Callout>
+	You can have a maximum of five top-level components per modal, each of which can be a label or a text display
+	component.
+</Callout>
+
+```js
+const { Events, ModalBuilder } = require('discord.js');
+
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+	if (interaction.commandName === 'ping') {
+		const modal = new ModalBuilder().setCustomId('myModal').setTitle('My Modal');
+
+		// TODO: Add components to modal...
+	}
+});
+```
+
+<Callout>
+	The `customId` is a developer-defined string of up to 100 characters and uniquely identifies this modal instance. You
+	can use it to differentiate incoming interactions.
+</Callout>
+
+The next step is adding components to the modal, which may either request input or present information.
+
+### Label
+
+Label components wrap around other modal components (text input, select menus, etc.) to add a label and description to it.
+Since labels are not stand-alone components, we will use this example label to wrap a text input component in the next section:
+
+```js
+const { LabelBuilder, ModalBuilder } = require('discord.js');
+
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+	if (interaction.commandName === 'ping') {
+		// [!code focus:11]
+		// Create the modal
+		const modal = new ModalBuilder().setCustomId('myModal').setTitle('My Modal');
+
+		// [!code ++:5]
+		const hobbiesLabel = new LabelBuilder()
+			// The label is a large header text that identifies the interactive component for the user.
+			.setLabel('What are some of your favorite hobbies?')
+			// The description is an additional optional subtext that aids the label.
+			.setDescription('Activities you like to participate in');
+
+		// [!code ++:2]
+		// Add label to the modal
+		modal.addLabelComponents(hobbiesLabel);
+	}
+});
+```
+
+<Callout>
+	The `label` field has a max length of 45 characters. The `description` field has a max length of 100 characters.
+</Callout>
+
+### Text input
+
+Text input components prompt users for single or multi line free-form text.
+
+```js
+const { LabelBuilder, ModalBuilder, TextInputBuilder, TextInputStyle } = require('discord.js');
+
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+	if (interaction.commandName === 'ping') {
+		// [!code focus:10]
+		// Create the modal
+		const modal = new ModalBuilder().setCustomId('myModal').setTitle('My Modal');
+
+		// [!code ++:6]
+		const hobbiesInput = new TextInputBuilder()
+			.setCustomId('hobbiesInput')
+			// Short means a single line of text.
+			.setStyle(TextInputStyle.Short)
+			// Placeholder text displayed inside the text input box
+			.setPlaceholder('card games, films, books, etc.');
+
+		// [!code focus:10]
+		const hobbiesLabel = new LabelBuilder()
+			// The label is a large header that identifies the interactive component for the user.
+			.setLabel("What's some of your favorite hobbies?")
+			// The description is an additional optional subtext that aids the label.
+			.setDescription('Activities you like to participate in')
+			// [!code ++:2]
+			// Set text input as the component of the label
+			.setTextInputComponent(hobbiesInput);
+
+		// Add the label to the modal
+		modal.addLabelComponents(hobbiesLabel);
+	}
+});
+```
+
+#### Input styles
+
+Discord offers two different input styles:
+
+- `Short`, a single-line text entry
+- `Paragraph`, a multi-line text entry
+
+#### Input properties
+
+A text input field can be customized in a number of ways to apply validation or set default values via the following `TextInputBuilder` methods:
+
+```js
+const input = new TextInputBuilder()
+	// Set the component id (this is not the custom id)
+	.setId(1)
+	// Set the maximum number of characters allowed
+	.setMaxLength(1_000)
+	// Set the minimum number of characters required for submission
+	.setMinLength(10)
+	// Set a default value to prefill the text input
+	.setValue('Default')
+	// Require a value in this text input field (defaults to true)
+	.setRequired(true);
+```
+
+<Callout>
+	The `id` field is used to differentiate components within interactions (which text input, selection, etc.). In
+	contrast, the `customId` covered earlier identifies the interaction (which modal, command, etc.).
+</Callout>
+
+### Select menu
+
+Select menus allow you to limit user input to a preselected list of values. Discord also offers select menus linked directly to native Discord entities like users, roles, and channels.
+Since they behave very similarly to how they do in messages, please refer to the [corresponding guide page](../interactive-components/select-menus) for more information on configuring select menus.
+
+Here again, you wrap the select menu with a label component to add context to the selection and add the label to the modal:
+
+```js
+// ...
+
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+	if (interaction.commandName === 'ping') {
+		// Create the modal
+		const modal = new ModalBuilder().setCustomId('myModal').setTitle('My Modal');
+
+		// ...
+
+		// [!code focus:24]
+		// [!code ++:23]
+		const favoriteStarterSelect = new StringSelectMenuBuilder()
+			.setCustomId('starter')
+			.setPlaceholder('Make a selection!')
+			// Modal only property on select menus to prevent submission, defaults to true
+			.setRequired(true)
+			.addOptions(
+				// String select menu options
+				new StringSelectMenuOptionBuilder()
+					// Label displayed to user
+					.setLabel('Bulbasaur')
+					// Description of option
+					.setDescription('The dual-type Grass/Poison Seed Pokémon.')
+					// Value returned to you in modal submission
+					.setValue('bulbasaur'),
+				new StringSelectMenuOptionBuilder()
+					.setLabel('Charmander')
+					.setDescription('The Fire-type Lizard Pokémon.')
+					.setValue('charmander'),
+				new StringSelectMenuOptionBuilder()
+					.setLabel('Squirtle')
+					.setDescription('The Water-type Tiny Turtle Pokémon.')
+					.setValue('squirtle'),
+			);
+
+		// ...
+
+		// [!code focus:4]
+		// [!code ++:4]
+		const favoriteStarterLabel = new LabelBuilder()
+			.setLabel("What's your favorite Gen 1 Pokémon starter?")
+			// Set string select menu as component of the label
+			.setStringSelectMenuComponent(favoriteStarterSelect);
+
+		// [!code focus:3]
+		// Add labels to modal
+		modal.addLabelComponents(hobbiesLabel); // [!code --]
+		modal.addLabelComponents(hobbiesLabel, favoriteStarterLabel); // [!code ++]
+	}
+});
+```
+
+### Text display
+
+Text display components offer you a way to give additional context to the user that doesn't fit into labels or isn't directly connected to any specific input field.
+
+```js
+// ...
+
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+	if (interaction.commandName === 'ping') {
+		// Create the modal
+		const modal = new ModalBuilder().setCustomId('myModal').setTitle('My Modal');
+
+		// ...
+
+		// [!code focus:3]
+		// [!code ++:3]
+		const text = new TextDisplayBuilder().setContent(
+			'Text that could not fit in to a label or description\n-# Markdown can also be used',
+		);
+
+		// [!code focus:5]
+		// Add components to modal
+		modal
+			// [!code --]
+			.addLabelComponents(hobbiesLabel, favoriteStarterLabel);
+			// [!code ++:2]
+			.addLabelComponents(hobbiesLabel, favoriteStarterLabel)
+			.addTextDisplayComponents(text);
+	}
+});
+```
+
+### File upload
+
+File upload components allow you to prompt the user to upload a file from their system.
+
+<Callout type="warn">
+	Discord **does not send the file data** itself in the resulting interaction. You will have to download it from
+	Discords CDN to process and validate it. Do not execute arbitrary code people upload via your app!
+</Callout>
+
+```js
+// ...
+
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+	if (interaction.commandName === 'ping') {
+		// Create the modal
+		const modal = new ModalBuilder().setCustomId('myModal').setTitle('My Modal');
+
+		// ...
+
+		// [!code focus:2]
+		// [!code ++]
+		const pictureOfTheWeekUpload = new FileUploadBuilder().setCustomId('picture');
+
+		// ...
+
+		// [!code focus:12]
+		// [!code ++:5]
+		const pictureOfTheWeekLabel = new LabelBuilder()
+			.setLabel('Picture of the Week')
+			.setDescription('The best pictures you have taken this week')
+			// Set file upload as component of the label
+			.setFileUploadComponent(pictureOfTheWeekUpload);
+
+		// Add components to modal
+		modal
+			.addLabelComponents(hobbiesLabel, favoriteStarterLabel)
+			// [!code --]
+			.addTextDisplayComponents(text);
+			// [!code ++:2]
+			.addTextDisplayComponents(text)
+			.addLabelComponents(pictureOfTheWeekLabel);
+	}
+});
+```
+
+#### File upload properties
+
+A file upload component can be customized to apply validation via the following `FileUploadBuilder` methods:
+
+```js
+const pictureOfTheWeekUpload = new FileUploadBuilder()
+	// Set the optional identifier for component
+	.setId(1)
+	// Minimum number of items that must be uploaded (defaults to 1); min 0, max 10
+	.setMinValues(1)
+	// Maximum number of items that can be uploaded (defaults to 1); max 10
+	.setMaxValues(1)
+	// Require a value in this file upload component (defaults to true)
+	.setRequired(true);
+```
+
+<Callout>
+ The `id` field is used to differentiate components within interactions (which text input, selection, etc.).   
+ In contrast, the `customId` covered earlier identifies the interaction (which modal, command, etc.).
+
+You **cannot** limit and validate the **file size** or the **file extension**.
+
+</Callout>
+
+### Responding with a modal
+
+With the modal built, call `ChatInputCommandInteraction#showModal()` to send the interaction response to Discord and display the modal to the user.
+
+<Callout type="warn">
+	Showing a modal must be the first response to an interaction. You **cannot** defer modals.
+</Callout>
+
+```js
+// ...
+// [!code focus:5]
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isChatInputCommand()) return;
+	if (interaction.commandName === 'ping') {
+		// Create the modal
+		const modal = new ModalBuilder().setCustomId('myModal').setTitle('My Modal');
+
+		// ...
+
+		// [!code focus:9]
+		// Add components to modal
+		modal
+			.addLabelComponents(hobbiesLabel, favoriteStarterLabel)
+			.addTextDisplayComponents(text)
+			.addLabelComponents(pictureOfTheWeekLabel);
+
+		// [!code ++:2]
+		// Show modal to the user
+		await interaction.showModal(modal);
+	}
+});
+```
+
+Restart your bot and invoke the `/ping` command again. You should see the modal as shown below:
+
+![Modal Example](./images/modal-example.png)
+
+## Receiving modal submissions
+
+### Interaction collectors
+
+Modal submissions can be collected within the scope of the interaction that sent the modal by utilizing an `InteractionCollector`, or the `ChatInputCommandInteraction#awaitModalSubmit` promisified version. These both provide instances of the `ModalSubmitInteraction` class as collected items.
+
+For a detailed guide on handling interactions with collectors, please refer to the [collectors guide](../popular-topics/collectors#interaction-collectors).
+
+### The interactionCreate event
+
+To receive a `ModalSubmitInteraction` event, attach an `Client#interactionCreate` event listener to your client and use the `BaseInteraction#isModalSubmit` type guard to make sure you only receive modals:
+
+```js
+client.on(Events.InteractionCreate, (interaction) => {
+	// ...
+	// [!code word:isModalSubmit] [!code highlight:2]
+	if (!interaction.isModalSubmit()) return;
+	console.log(interaction);
+});
+```
+
+## Responding to modal submissions
+
+The `ModalSubmitInteraction` class provides the same methods as the `ChatInputCommandInteraction` class. These methods behave equally:
+
+- `reply()`
+- `editReply()`
+- `deferReply()`
+- `fetchReply()`
+- `deleteReply()`
+- `followUp()`
+
+If the modal was prompted through a button or select menu interaction, these methods may be used to update the underlying message:
+
+- `update()`
+- `deferUpdate()`
+
+```js
+client.on(Events.InteractionCreate, async (interaction) => {
+	if (!interaction.isModalSubmit()) return;
+	console.log(interaction);
+	if (interaction.customId === 'myModal') {
+		// [!code highlight] [!code word:reply]
+		await interaction.reply({ content: 'Your submission was received successfully!' });
+	}
+});
+```
+
+<Callout>
+	If you're using TypeScript, you can use the `ModalSubmitInteraction#isFromMessage()` type guard to make sure the
+	received interaction originated from a `MessageComponentInteraction`.
+</Callout>
+
+## Extracting data from modal submissions
+
+You can process the submitted input fields through the use of convenience getters on `ModalSubmitInteraction#fields`. The library provides getters for all modal components with user submitted data:
+
+```js
+client.on(Events.InteractionCreate, (interaction) => {
+	if (!interaction.isModalSubmit()) return;
+	if (interaction.customId === 'myModal') {
+		await interaction.reply({ content: 'Your submission was received successfully!' });
+
+		// [!code focus:6]
+		// Get the data entered by the user
+		const hobbies = interaction.fields.getTextInputValue('hobbiesInput');
+		const starter = interaction.fields.getStringSelectValues('starter');
+		const picture = interaction.fields.getUploadedFiles('picture');
+
+		console.log({ hobbies, starter, picture });
+	}
+});
+```
+
+<Callout>
+	Empty text input submissions return an empty string `""`. Select menus without a selection return an empty array `[]`.
+</Callout>