Avant d'entamer ce défi, assure toi d'avoir déjà fait ceux ci:

Ensuite, assure-toi que tu sois bien connecté à ton compte Repl.It, et que tu aies ton projet de la fois passée.

Pour l'instant nos messages sont très standards... On pourrait par example rajouter un peu de couleur!

Pour ce faire, on utilise quelque chose qui s'appelle des "embeds". C'est quelque chose qui vient avec la librarie Discord.js qu'on a importée plus tôt!

Pour créer un tel embed, il suffit de, après avoir importé la librarie mais avant d'écouter pour les messages, de l'initialiser avec le code suivant:


              const exampleEmbed = new Discord.MessageEmbed()
                                              .setColor('#ff0000')
                                              .setTitle('Bonjour');
            

Pour les couleurs, tu remarqueras que j'ai utilise '#ff0000'. Ceci correspond au rouge. Pour trouver le code hexadecimal de ta couleur préférée, tu peux regarder ici

Ceci est un embed très basique, qui a simplement une couleur rouge et un titre 'Bonjour'.

Maintenant il faut envoyer cet embed. Pour envoyer un embed, on le met simplement comme paramètre au .send() ou .reply(), comme n'importe quel autre message.

Cela ressemble donc à:


              msg.reply(exampleEmbed);
            

Tu pourrais bien entendu rajouter plus à ton message. Je te donne ici une liste d'autres méthodes à application au Discord.MessageEmbed() (Donc à rajouter après en utilisant un .) pour changer l'embed. Essaie les et crée un message super stylé!

  1. .setURL('https://discord.js.org/') pour ajouter un lien au titre.
  2. .setAuthor('Some name', 'https://i.imgur.com/wSTFkRM.png', 'https://discord.js.org') pour ajouter un auteur au embed, avec un nom, un lien vers son image et un lien vers sa page.
  3. .setDescription('Some description here') pour ajouter du vrai texte au embed.
  4. .setThumbnail('https://i.imgur.com/wSTFkRM.png') pour ajouter une image à côté du titre.
  5. .setFooter('Some footer text here', 'https://i.imgur.com/wSTFkRM.png') pour ajouter du texte et une petite image en bas de l'embed.
  6. .setTimestamp() pour ajouter l'heure à laquelle le message était envoyé.
  7. .setImage('https://i.imgur.com/wSTFkRM.png') pour ajouter une image.

Finalement, il y a encore une méthode qu'on pourrait utiliser, mais elle est compliquée!

              
                .addFields(
                  { name: 'Regular field title', value: 'Some value here' },
                  { name: 'Inline field title', value: 'Some value here' },
                  { name: 'Inline field title', value: 'Some value here' },
                )
              
            

Ceci ajoute des champs de texte, avec un petit titre (name) et une description (value).

Si tout ceci est trop facile pour toi, tu peux essayer de faire 2 types de embeds differénts et de les envoyer à différents moments! Tu peux aussi rendre le message différent dépendant de qui envoie le message!