No description
  • JavaScript 78.1%
  • CSS 14.5%
  • HTML 7.4%
Find a file
unknown 9703f62b4d fix: show OAuth2 redirect URL in developer setup for easy copy to Discord
The redirect URL is unique per extension installation and must be registered
in the Discord Developer Portal. Without seeing it, users get "invalid
oauth2 redirect_uri" errors.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-23 22:58:38 -05:00
.claude/worktrees/feat-discord-share-extension feat: Discord API module for OAuth2 and bot operations 2026-02-23 22:34:32 -05:00
docs/plans docs: add implementation plan for Discord auto-populate feature 2026-02-23 22:17:10 -05:00
icons feat: scaffold MV3 extension with manifest and empty shells 2026-02-23 12:55:13 -05:00
options fix: show OAuth2 redirect URL in developer setup for easy copy to Discord 2026-02-23 22:58:38 -05:00
popup feat: popup JS with channel selection, preview, send, and success state 2026-02-23 13:57:29 -05:00
background.js feat: background service worker with context menus and send logic 2026-02-23 13:38:43 -05:00
content.js feat: content script captures selection and page metadata 2026-02-23 13:01:57 -05:00
discord-api.js feat: Discord API module for OAuth2 and bot operations 2026-02-23 22:36:16 -05:00
formatter.js feat: Discord message formatter for text, links, and images 2026-02-23 13:28:05 -05:00
manifest.json feat: add identity permission and Discord API host permission 2026-02-23 22:34:54 -05:00
README.md docs: add README with installation and usage instructions 2026-02-23 14:10:01 -05:00
storage.js feat: add Discord app and auth storage methods 2026-02-23 22:33:49 -05:00

Discord Share — Chrome/Edge Extension

Send selected text, links, and images from any webpage directly to Discord channels.

Installation

  1. Clone or download this repo
  2. Open Chrome/Edge → go to chrome://extensions (or edge://extensions)
  3. Enable Developer mode (top right toggle)
  4. Click Load unpacked → select this folder
  5. Pin the extension icon to your toolbar

Setup

  1. Click the extension icon → click ⚙ (or right-click extension icon → Options)
  2. Click + Add Server → enter a name for your Discord server
  3. Click + Add Channel → enter the channel name and paste the Discord webhook URL

Getting a Webhook URL

  1. Open Discord → Server Settings → Integrations → Webhooks
  2. Click New Webhook → choose a channel → copy the webhook URL
  3. Paste it into the extension's channel settings

Usage

Toolbar popup: Click the extension icon on any page to send the current page (or active text selection) to a channel.

Right-click menu: Select text, right-click a link, or right-click an image → "Send to Discord" → pick a channel → add an optional note → Send.

What Gets Sent

Content Discord Format
Text selection Code block + page title + URL
Link / page Rich embed with title + URL
Image Embedded image preview