I was creating a slash mand for my bot. So I tried this

Client.ws.on('INTERACTION_CREATE', async interaction => {
    Client.api.interactions(interaction.id, interaction.token).callback.post({data: {
        type: 4,
        data: {
            content: 'hello world!'
        }
    }})
})

And this works fine.
So I tried sending an embed with it and tried these (2) code below

Client.ws.on('INTERACTION_CREATE', async interaction => {
    Client.api.interactions(interaction.id, interaction.token).callback.post({data: {
        type: 4,
        data: {
            content: {
                embed: exampleEmbed
            }
        }
    }})
})

and

Client.ws.on('INTERACTION_CREATE', async interaction => {
    Client.api.interactions(interaction.id, interaction.token).callback.post({data: {
        type: 4,
        data: {
            embed: exampleEmbed
        }
    }})
})

And none of these works.

So what am I doing wrong ?
Or, How can I send an embed with slash mand?

Edit: This is how I define exampleEmbed

const exampleEmbed = {
    color: 0x0099ff,
    title: 'Hello world',
    thumbnail: {
        url: '.png',
    },
    image: {
        url: '.png',
    }
};

I was creating a slash mand for my bot. So I tried this

Client.ws.on('INTERACTION_CREATE', async interaction => {
    Client.api.interactions(interaction.id, interaction.token).callback.post({data: {
        type: 4,
        data: {
            content: 'hello world!'
        }
    }})
})

And this works fine.
So I tried sending an embed with it and tried these (2) code below

Client.ws.on('INTERACTION_CREATE', async interaction => {
    Client.api.interactions(interaction.id, interaction.token).callback.post({data: {
        type: 4,
        data: {
            content: {
                embed: exampleEmbed
            }
        }
    }})
})

and

Client.ws.on('INTERACTION_CREATE', async interaction => {
    Client.api.interactions(interaction.id, interaction.token).callback.post({data: {
        type: 4,
        data: {
            embed: exampleEmbed
        }
    }})
})

And none of these works.

So what am I doing wrong ?
Or, How can I send an embed with slash mand?

Edit: This is how I define exampleEmbed

const exampleEmbed = {
    color: 0x0099ff,
    title: 'Hello world',
    thumbnail: {
        url: 'https://i.imgur./wSTFkRM.png',
    },
    image: {
        url: 'https://i.imgur./wSTFkRM.png',
    }
};

• javascript
• node.js
• discord
• discord.js

4 Answers 4

For anyone using the discord.js API I use:

    const embed = new MessageEmbed().setTitle('testing');

    const messageId = await interaction.reply({ embeds: [ embed ] });

It accepts an array of embeds, known as embeds property.

Client.ws.on('INTERACTION_CREATE', async interaction => {
    Client.api.interactions(interaction.id, interaction.token).callback.post({data: {
        type: 4,
        data: {
            embeds: [ exampleEmbed ]
        }
    }})
})

From https://discord./developers/docs/interactions/slash-mands#responding-to-an-interaction

I think you'll need to send embeds inside data as an array using the embeds property, but according to the docs "Not all message fields are currently supported."

Client.ws.on('INTERACTION_CREATE', async interaction => {
    Client.api.interactions(interaction.id, interaction.token).callback.post({data: {
        type: 4,
        data: {
            content: 'hello world!',
            embeds: [exampleEmbed]
        }
    }})
})

For anyone who is using discord.js for the embeds, you have to set the type property on the embed! You will get an error 400 otherwise.

import { MessageEmbed } from 'discord.js'

const exampleEmbed = new MessageEmbed({
    title: 'Error occurred',
    description: description,
    type: 'rich',
  });

Client.ws.on('INTERACTION_CREATE', async interaction => {
    Client.api.interactions(interaction.id, interaction.token).callback.post({data: {
        type: 4,
        data: {
            embeds: [exampleEmbed]
        }
    }})
})