Skip to content

Feat: Discord Embed Component - #16

Merged
tobias-hay merged 24 commits into
mainfrom
feat/embeds
Jul 20, 2025
Merged

Feat: Discord Embed Component#16
tobias-hay merged 24 commits into
mainfrom
feat/embeds

Conversation

@tobias-hay

Copy link
Copy Markdown
Member

Closes #3
Closes #9

- chore: update deps

  • feat(embed): base embed & author
  • chore(deps): resolve biome errors
  • chore(deps): fix linting issues
  • fix(base/mentions): add missing mention css classes
  • feat(embed): title & desc items
  • feat(embed): add fields
  • feat(embed): thumbnail image
  • chore(embed): add a biome ignore
  • feat(embed): footer
  • feat(embed): embed images
  • fix(post-merg): fix post merge conflicts
  • style: format & lint code
  • fix(embed): text color is now discord controlled
  • fix(embed/images): make image cover whole area
  • style(emebed/image): format
  • chore(reg): update base reg styles
  • feat(embed/reg): add discord embeds to the registry
  • style: apply formating

@tobias-hay
tobias-hay enabled auto-merge (squash) July 19, 2025 23:52
@mezotv
mezotv requested a review from Copilot July 20, 2025 08:17

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This pull request introduces Discord embed components to complement the existing Discord base components. The PR implements a comprehensive Discord embed system that allows users to create authentic-looking Discord embeds with all their typical features like authors, titles, descriptions, fields, images, thumbnails, and footers.

  • Adds new Discord embed component library with 13 different embed-related components
  • Updates existing Discord base components with improved styling and color handling
  • Includes comprehensive CSS variables for Discord embed theming across all Discord color schemes

Reviewed Changes

Copilot reviewed 31 out of 32 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
registry/discord-embeds/discord-embeds.tsx New comprehensive Discord embed component library with all embed features
registry/discord-base/discord-base.tsx Updated base components with improved styling and color variables
registry/discord-base/discord-icons.tsx Reformatted SVG icon components for consistency
registry.json Added discord-embed registry entry with proper dependencies and CSS variables
public/r/discord-embed.json New public registry file for the Discord embed component
app/(home)/page.tsx Added example usage of Discord embed components in the demo
app/globals.css Added CSS variables for Discord embed theming
Files not reviewed (1)
  • pnpm-lock.yaml: Language not supported
Comments suppressed due to low confidence (1)

app/globals.css:93

  • CSS variable name has inconsistent casing. Should be '--discord-header' (lowercase) to match other Discord variables like '--discord-foreground' and '--discord-link'.
	--Discord-header: oklch(0.9897 0.0042 271.37);

Comment thread registry/discord-embeds/discord-embeds.tsx Outdated
Comment thread registry/discord-embeds/discord-embeds.tsx Outdated
Comment thread registry/discord-embeds/discord-embeds.tsx Outdated
Comment thread public/r/discord-embed.json Outdated
mezotv
mezotv previously approved these changes Jul 20, 2025
@tobias-hay
tobias-hay merged commit e5e317e into main Jul 20, 2025
2 checks passed
@tobias-hay
tobias-hay deleted the feat/embeds branch July 20, 2025 12:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create embed components feat: Embeds

3 participants