Recently/most used emojis

[delowardev]

Create a new group for showing recently/most used emojis

[scottward]

This could be abstracted out to the ability to add groups with a list of emojis to include. E.g. I might want to take all the hand signals and make a special group out of them.

I think the ability to order the groups would be important as well. E.g. If I create a group maybe I'd like to to appear between two of the default groups.

What is the priority of this? Feels like a very useful feature for us...

[scottward]

@delowardev would you be open to implementing this and us providing a financial gift of appreciation!!??

[delowardev]

Hello @scottward, Thanks for your feature suggestion, next week I will check the possibilities and work on it.

[scottward]

That would be awesome! We're just about to launch emoji's in our app and we're loving this component. Again, happy to support this financially. Let me know.

[scottward]

@delowardev would it be helpful to have my frontend dev put a couple of hours into this? If so, maybe you could provide some quick direction on where to dig in?

[delowardev]

Hello @scottward, Thanks for being active in this issue. I'm already working on this #34 And my goal is:

• [x] Add recently used emojis
• [x] Options for sorting groups
• [x] Options for adding new groups/sets of emojis

But unfortunately, I can't promise a fast development because there are a few ongoing projects on my hand. So if you're interested in contributing to this plugin, you are welcome to do that. I would highly appreciate that.

To contribute, the steps are easy:

• git pull ...
• npm install
• npm run dev

Thanks

[scottward]

@delowardev does this seem OK as far as the interface:

New prop: group-order (or similar name)

[
  "flags"
  "activities",
  "smileys_people",
  "animals_nature",
  "my_custom_group_name",
  "food_drink",
  "travel_places",
  "objects",
  "symbols"
]

Notes:

• Any groups not mentioned will be at the end of the list.
• Any group names that aren't in the standard group names or in additionalGroups will be ignored.

New prop: additional-groups

{
  "my_custom_group": [
    {
      "n": ["grinning face", "grinning"],
      "u": "1f600"
    },
    {
      "n": ["grinning face with smiling eyes", "grin"],
      "u": "1f601"
    },
...

Notes:

• By default, custom groups will be named based on the key in additional-groups. E.g. my_custom_group will be translated to "My Custom Group"
• group-names can also be used to rename additional groups (e.g. if you want to use characters that are not allowed in keys):

{
  "my_custom_group": "Mountains & Hills!"
}

[delowardev]

The latest changes have been published to the npm with a beta tag and it can be installed from here: https://www.npmjs.com/package/vue3-emoji-picker/v/1.1.5-beta.0

Note: This beta version can be used in production; I did perform the basic testing, and there won't be any new changes in the stable version. I want to perform some additional testing before publishing the stable version.

Thanks so much for your efforts in this issue.

@scottward @maarteNNNN

[scottward]

And thank you @delowardev for the wonderful library! Note that @maarteNNNN opened another PR with a small fix.