Help trying out canvas v14 poplar topic

[TheBaconSpace]

Npm Modules

+-- @napi-rs/canvas@0.1.30
+-- canvas@2.10.2
+-- discord.js@14.7.1
+-- fs@0.0.1-security
`-- undici@5.14.0

was wondering if i can get it as a normal command for the module im using

const { createCanvas, Image } = require('@napi-rs/canvas');
const { readFile } = require('fs/promises');
const { request } = require('undici');
const config = require('./config.json')

const client = new Client({ intents: [GatewayIntentBits.Guilds] });

client.once(Events.ClientReady, () => {
  console.log('Ready!');
});

const applyText = (canvas, text) => {
  const context = canvas.getContext('2d');
  let fontSize = 70;

  do {
    context.font = `${fontSize -= 10}px sans-serif`;
  } while (context.measureText(text).width > canvas.width - 300);

  return context.font;
};

client.on(Events.InteractionCreate, async interaction => {
  if (!interaction.isChatInputCommand()) return;

  if (interaction.commandName === '^profile') {
    const canvas = createCanvas(700, 250);
    const context = canvas.getContext('2d');

    const background = await readFile('./wallpaper.jpg');
    const backgroundImage = new Image();
    backgroundImage.src = background;
    context.drawImage(backgroundImage, 0, 0, canvas.width, canvas.height);

    context.strokeStyle = '#0099ff';
    context.strokeRect(0, 0, canvas.width, canvas.height);

    context.font = '28px sans-serif';
    context.fillStyle = '#ffffff';
    context.fillText('Profile', canvas.width / 2.5, canvas.height / 3.5);

    context.font = applyText(canvas, `${interaction.member.displayName}!`);
    context.fillStyle = '#ffffff';
    context.fillText(`${interaction.member.displayName}!`, canvas.width / 2.5, canvas.height / 1.8);

    context.beginPath();
    context.arc(125, 125, 100, 0, Math.PI * 2, true);
    context.closePath();
    context.clip();

    const { body } = await request(interaction.user.displayAvatarURL({ format: 'jpg' }));
    const avatar = new Image();
    avatar.src = Buffer.from(await body.arrayBuffer());
    context.drawImage(avatar, 25, 25, 200, 200);

    const attachment = new AttachmentBuilder(canvas.toBuffer('image/png'), { name: 'profile-image.png' });

    interaction.reply({ files: [attachment] });
  }
});

client.login(config.thecube);