/discord-embed-previewer

An open-source Chrome extension for previewing what your site's embed would look like when your site is linked in Discord.

Primary LanguageSvelteGNU General Public License v3.0GPL-3.0

Discord Embed Previewer

Install on Chrome Web Store

The problem

When I was working on the Rythm website I came across the problem that I couldn't test the Discord embed, as what I was building was not yet to be announced. If I put it under a URL, it would've leaked eventually. Even when this is not a problem, perhaps in the case of an open-source project, it is still annoying and time-consuming to have to deploy your site somewhere to find out what it looks like in Discord. Not to mention you'd have to keep adding to the query string to bypass Discord's caching systems.

The solution

I've made an extension that allows you to preview any site's Discord embed. This should make checking what it roughly looks like on Discord a trivial process.

Known issues

  • [LOOKING INTO] Still looking into the legality of using the Whitney font that Discord uses in their clients. If I find a way to do it in a legal way, I'll be sure to add the actual font in.
  • [WON'T FIX] YouTube and Twitter have custom embeds in-client, I do not plan to support these as these are out of scope of this project.

Reporting inaccuracies

You can just open an issue. Reporting inaccuracies is greatly appreciated.

Images