dabreadman / discord-text-formatter

Format text to emotes in Discord

🇩 🇮 🇸 🇨 🇴 🇷 🇩 _ 🇫 🇴 🇷 🇲 🇦 🇹 🇪

Format text to emotes in Discord!

What is this?

Discord Formate is a web extension that helps to convert sentenses into their emote-equivalents.

How to use it?

1. Download extension.
2. Click on it or open option page.
3. Type something.
4. Formate & Copy
   
5. Paste into Discord!

Input: Hell0 W0rld 1234
Output: 🇭 🇪 🇱 🇱 0️⃣ 🇼 0️⃣ 🇷 🇱 🇩 1️⃣ 2️⃣ 3️⃣ 4️⃣

How does it work?

• We map each characters to it's Unicode equivalent, and replace them.
• Discord detects the Unicode, and renders it's own flavour of the characters.

Supported Characters

We use default emotes, so no Nitro or server-specified emotes required!

• Any digits: 0-9
• Any English alphabets: a-z
• Question Mark: ?
• Exclamation Mark: !

Spaces Replacement

We replace 1 space _ with 2 spaces __ or 6 spaces ______.
2 spaces if:

• More than 28 emotes, or include non-emote (space excluded) characters.

This is due to the fact that Discord renders a smaller emote when either of these condition occurs, making 1 too small, and 6 too big.

Limitation

Discord has a character limit of 5000 before a message will be converted into a text file.

• We need to separate each emote with a space, otherwise Discord will encode them differently.
  to
• We used to replace a with :regional_indicator_a:, and 1 with one instead of 🇦 1️⃣.

This puts us to around ~530 alphabets characters long per message.

Development

• popup.js is the core component. It handles all the logic and interaction, from getting and parsing input to displaying and copying output to clipboard.
• popup.html provides a structure for the interaction.
  It is both the Popup and the Option page.

<meta charset="UTF-8" />

Ensures that the Unicode will retain its encoding.

• pages.css houses our CSS.
  It has minimal CSS declartion, mainly to make the interact good enough.
• manifest.json is the manifest for our extension.
  Let more here.