Music Command Update

- Utilises Musicard for songs
- Displays username for queue

bot.js

@@ -315,7 +315,7 @@ for (const folder of triggerFolders) {
 
 // Music Commands
 
-const musicCommandHandler = require('./music_index');
+const musicCommandHandler = require('./music_index.js');
 
 const plugins = [
 	new SpotifyPlugin(),

interactions/slash/misc/music.js

@@ -152,7 +152,7 @@ module.exports = {
                             }
                         case "queue":
                             embed.setColor("Green").setDescription(`${queue.songs.map(
-                                (song, id) => `\n**${id + 1}.** ${song.name} -\` ${song.formattedDuration} \``
+                                (song, id) => `\n**${id + 1}.** ${song.name} -\` ${song.formattedDuration}\` | ${song.user} `
                             )}`);
                             return interaction.reply({ embeds: [embed], ephemeral: true});
 

music_index.js

@@ -1,18 +1,45 @@
 const { EmbedBuilder } = require("discord.js");
+const { musicCard } = require("musicard");
+const fs = require("fs");
 
 const status = queue =>
     `Volume: \`${queue.volume}%\` | Filter: \`${queue.filters.names.join(', ') || 'Off'}\` | Loop: \`${queue.repeatMode ? (queue.repeatMode === 2 ? 'All Queue' : 'This Song') : 'Off'
     }\` | Autoplay: \`${queue.autoplay ? 'On' : 'Off'}\``
 
 module.exports = (client) => {
+
     client.distube
-        .on('playSong', (queue, song) =>
-            queue.textChannel.send({
-                embeds: [new EmbedBuilder().setColor("Green")
-                    .setDescription(`🎶 | Playing \`${song.name}\` - \`${song.formattedDuration}\`\nRequested by: ${song.user
-                        }\n${status(queue)}`)]
-            })
-        )
+        .on('playSong', (queue, song) => {
+            const songInfo = {
+                name: song.name,
+                user: song.user,
+                thumbnail: song.thumbnail,
+                formattedDuration: song.formattedDuration,
+            };
+
+
+            const card = new musicCard()
+            .setName(songInfo.name)
+            .setAuthor(`‣ ${songInfo.user.username}`)
+            .setColor("auto")
+            .setTheme("classic")
+            .setBrightness(50)
+            .setThumbnail(songInfo.thumbnail)
+            .setProgress(queue.volume)
+            .setStartTime(`Volume: ${queue.volume}%`)
+            .setEndTime(songInfo.formattedDuration)
+
+
+            async function buildAndSendCard() {
+                const cardBuffer = await card.build();
+                fs.writeFileSync(`musicard.png`, cardBuffer);
+
+                queue.textChannel.send({
+                    files: [`musicard.png`],
+                    });
+                }
+            buildAndSendCard();
+        })
         .on('addSong', (queue, song) =>
             queue.textChannel.send(
                 {