# Profile Card

## 🐈‍⬛ Canvafy Design;

<figure><img src="https://1203280867-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQ8KI56rkXEQp2Ao9aeTJ%2Fuploads%2F54B3aXn8bGIQ52fIURO6%2Fprofile.png?alt=media&#x26;token=ac54d24f-b847-41a1-935a-b131284348bc" alt=""><figcaption></figcaption></figure>

```javascript
await new canvafy.Profile()
```

## [.setUser(id)](#.setavatar-imageurl)

| PARAMETER                               | TYPE                                       | DESCRIPTION         |
| --------------------------------------- | ------------------------------------------ | ------------------- |
| <mark style="color:blue;">**id**</mark> | <mark style="color:red;">**String**</mark> | **Setting User ID** |

## [.setActivity({activity,largeImage)](#.setlevels-oldlevel-newlevel)

| PARAMETER                                       | TYPE                                          | DESCRIPTION                                                                                                                                               |
| ----------------------------------------------- | --------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <mark style="color:blue;">**activity**</mark>   | <mark style="color:orange;">**Object**</mark> | <p><strong>User Activity Status</strong><br><mark style="background-color:purple;"><strong>(</strong>Preferred Option<strong>)</strong></mark></p>        |
| <mark style="color:blue;">**largaImage**</mark> | <mark style="color:red;">**String**</mark>    | <p><strong>User Activity LargeImageURL</strong><br><mark style="background-color:purple;"><strong>(</strong>Preferred Option<strong>)</strong></mark></p> |

## [.setBorder(color)](#.setborder-color)

| PARAMETER                                  | TYPE                                       | DESCRIPTION                                                                                                                                         |
| ------------------------------------------ | ------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
| <mark style="color:blue;">**color**</mark> | <mark style="color:red;">**String**</mark> | <p><strong>"hexColor" adjustment</strong><br><mark style="background-color:purple;"><strong>(</strong>Preferred Option<strong>)</strong></mark></p> |

## [.build()](#.build)

| PARAMETER                                       | TYPE                                            | DESCRIPTION                                                                                                            |
| ----------------------------------------------- | ----------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| ~~<mark style="color:purple;">**None**</mark>~~ | ~~<mark style="color:purple;">**None**</mark>~~ | <p><strong>Image Maker.</strong><br><em><mark style="color:orange;"><strong>❗Required to Use!</strong></mark></em></p> |

### **🌙 Example Of Code With Discord.js v14** <a href="#usage" id="usage"></a>

<pre class="language-javascript"><code class="lang-javascript">client.on("messageCreate", async message => {
  if (message.content === "!profile") {
<strong>   const profile = await new canvafy.Profile()
</strong>    .setUser("928259219038302258")
    .setBorder("#f0f0f0")
<strong>    .setActivity({activity:{
</strong>      name: 'Visual Studio Code',
      type: 0,
      url: null,
      details: '📝 In canvafy ❓ 0 problems found',
      state: 'Working on package.json:45:5',
      applicationId: '810516608442695700',
      party: null,
      assets:{
        largeText: '📝 Editing a NPM',
        smallText: '❓ Visual Studio Code',
        largeImage: 'mp:external/CPFiq3MlvnvOKJSW6pUeZ7gfOdfcrLPtGK9dT3LrsCo/https/raw.githubusercontent.com/LeonardSSH/vscord/main/assets/icons/npm.png',
        smallImage: 'mp:external/Joitre7BBxO-F2IaS7R300AaAcixAvPu3WD1YchRgdc/https/raw.githubusercontent.com/LeonardSSH/vscord/main/assets/icons/vscode.png'
      }},
     largeImage:"https://raw.githubusercontent.com/LeonardSSH/vscord/main/assets/icons/js.png"
    })
    .build();

    message.reply({
      files: [{
        attachment: profile,
        name: `profile-${message.member.id}.png`
      }]
    });
  }
});

</code></pre>

## 📃Support Server; [discord.gg/luppux](https://discord.gg/luppux)