Haha-Yes/commands/images/ugly.js

const { Command } = require('discord-akairo');
const Discord = require('discord.js');
const { createCanvas, loadImage, getContext } = require('canvas');
const superagent = require('superagent');

class UglyCommand extends Command {
    constructor() {
        super('ugly', {
            aliases: ['ugly'],
            category: 'images',
            args: [
                {
                    id: 'image',
                    type: 'string',
                }
            ]
        });
    }

    async exec(message, args) {
        let Attachment = (message.attachments).array();
        let image = args.image;
        if (!Attachment[0] && !image)
            image = message.author.displayAvatarURL
        else if (Attachment[0] && Attachment[0].url.endsWith('gif'))
            return message.channel.send('Gif dosent work, sorry')
        else if (!image) { // you should be careful in what is included in your scopes, you didn't use the {}
            image = Attachment[0].url;

            message.channel.send('Processing <a:loadingmin:527579785212329984>')
                .then(loadingmsg => loadingmsg.delete(1000));
        }

        const canvas = createCanvas(323, 400)
        const ctx = canvas.getContext('2d')
        const background = await loadImage('https://image.noelshack.com/fichiers/2018/42/1/1539598678-untitled.png').catch(error => {
            return message.channel.send('An error as occured, please try again')
        })
        ctx.drawImage(background, 0, 0, canvas.width, canvas.height);
        const { body: buffer } = await superagent.get(image);
        const bg = await loadImage(buffer);
        ctx.drawImage(bg, 40, 100, 250, 250);

        const attachment = new Discord.Attachment(canvas.toBuffer(), 'ugly.png');

        message.channel.send(attachment).catch(error => {
            message.channel.send('an error as occured. Check the bot/channel permissions')
        })
    }
}

module.exports = UglyCommand;