request: Custom emoji component for messages and embeds

What are your thoughts on a Discord-Emoji component allowing developers to add custom server emojis to their messages?

This component could accept an emojiName and emojiUrl as properties. They would also be inline components which would be embedded in messages or text. Bot developers using custom emojis in their bots would definitely benefit from this feature.

For bot developers using custom emojis in their embed titles, what are your thoughts on including the ability to add custom emojis in embed titles and field names like so?

Discord Custom Emoji Examples

I’d be more than happy to help implement this if needed!

[favna]

That’s very interesting @YoannMa. I never would’ve thought it could be done like that. Thanks!

[YoannMa]

You don’t need to create a mapping for the Twemoji as you can build the code from the name, I took the algorithm from https://github.com/twitter/twemoji and made my own helper to get the URL out of an emoji object

    /**
     * @param {Emoji|GuildEmoji|ReactionEmoji} emoji
     * @param {Object}                         [options]
     *
     * @return {string}
     */
    static emojiURL(emoji, options = {}) {

        if (emoji.url) {

            return emoji.url;
        }

        const { cdn = 'https://twemoji.maxcdn.com', v = 'latest', sep = '-', size = '72x72', ext = 'png' } = options;

        const surrogates = emoji.name.indexOf(String.fromCharCode(0x200D)) < 0 ? emoji.name.replace(/\uFE0F/g, '') : emoji.name;

        const r = [];

        let c = 0;
        let p = 0;
        let i = 0;

        while (i < surrogates.length) {

            c = surrogates.charCodeAt(i++);

            if (p) {
                r.push((0x10000 + ((p - 0xD800) << 10) + (c - 0xDC00)).toString(16));
                p = 0;
            }
            else if (c >= 0xD800 && c <= 0xDBFF) {
                p = c;
            }
            else {
                r.push(c.toString(16));
            }
        }

        const code = r.join(sep);

        return [cdn, 'v', v, size, `${ code }.${ ext }`].join('/');
    }

I haven’t tested all the different Twemoji, but I tested composed emoji like :woman_factory_worker: without issues.