Skip to content

Emoji Picker Build Script

Jump to bottom
Bailey Townsend edited this page Dec 22, 2021 · 1 revision

With the addition of the Emoji Picker into the project, we now have a script for developers to use to add/create new Emojis for the picker!

Can run this script from the vueapp directory by running npm run build:emoji

How categories are decided

The script reads vueapp/public/icons/categoriesIcons. How many SVG files are in there determines how many categories there are for the Emoji Picker. Each filename must correlate with a folder name inside vueapp/public/icons so the script knows where to get the icons for the category.

How are icon filenames parsed

Filenames are parsed to get data about the icon to help users find them inside of the Emoji Picker search feature. - Means start a new phrase, and _ Means to start a new word. So, for example, The_Quick_Brown_Fox-Brown_Fox gets divided into this array ['The Quick Brown Fox', 'Brown Fox'] and become search terms to find new icons!

Clone this wiki locally