@sapphire/embed-jsx

Description

Discord embeds have a structure that translates very nicely to JSX syntax, making it a very interesting way to define embed structures in this variant of regular JavaScript. To translate the JSX code to DiscordJS compatible MessageEmbed data there is this library.

Features

Written in TypeScript
Offers CommonJS and ESM variants
Fully tested

Installation

@sapphire/embed-jsx depends on the following packages. Be sure to install these along with this package!

discord.js

You can use the following command to install this package, or replace npm install with your package manager of choice.

npm install @sapphire/embed-jsx discord.js

Usage

In your tsconfig.json, add

{
	"compilerOptions": {
		"jsx": "react",
		"jsxFactory": "EmbedJsx.make"
	}
}

and in any tsx file, import the EmbedJsx namespace as you would if you were using React

import { EmbedJsx } from '@sapphire/embed-jsx';

Note: as of now the package is currently not fully typed, so to get around any compiler errors you may have to add

"noImplicitAny": false

to your tsconfig.json

Buy us some doughnuts

Sapphire Project is and always will be open source, even if we don't get donations. That being said, we know there are amazing people who may still want to donate just to show their appreciation. Thank you very much in advance!

We accept donations through Open Collective, Ko-fi, Paypal, Patreon and GitHub Sponsorships. You can use the buttons below to donate through your method of choice.

Donate With	Address
Open Collective	Click Here
Ko-fi	Click Here
Patreon	Click Here
PayPal	Click Here

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Jeroen Claassens} 💻 🚇 📆 📖 ⚠️	_{Antonio Román} 💻 📆 👀 ⚠️	_{Gryffon Bellish} 💻 👀 ⚠️	_{Vlad Frangu} 💻 🐛 👀 📓 ⚠️	_Stitch07 💻 📆 ⚠️	_depfu[bot] 🚧	_{allcontributors[bot]} 📖
_{Tyler J Russell} 📖	_{Ivan Lieder} 💻 🐛	_{Hezekiah Hendry} 💻	_Vetlix 💻	_{Ethan Mitchell} 📖	_Elliot 💻	_{Jurien Hamaker} 💻
_{Charalampos Fanoulis} 📖	_{dependabot[bot]} 🚧	_Kaname 💻	_nandhagk 🐛	_megatank58 💻	_UndiedGamer 💻	_Lioness100 📖 💻
_David 💻	_{renovate[bot]} 🚧	_{WhiteSource Renovate} 🚧	_FC 💻	_{Jérémy de Saint Denis} 💻	_MrCube 💻	_bitomic 💻
_c43721 💻