feat(ios): add an emoji picker / selector

[MayuraVerma]

Hello We need a short cut to emoji keyboard and back to alpha keyboard

All iOS standard keyboards have it irrespective of keyboard language. We need this in keyman also.

I suppose android also has something similar.

We need this feature to bring system emoji layout inside keyman layout and jump back to keyman layout.

[dyacob]

I was wishing for this to recently -a special, out of the box, key that would launch an emoji layer.

[jahorton]

I'm not sure how long this has been around, but I discovered this when searching recently: https://github.com/missive/emoji-mart. It's MIT licensed, which is favorable. Comes with a lot of features as well... there's clearly been a lot of solid work put into it.

The look and feel are remarkably similar to the picker for the iOS system keyboard, even if the ordering of entries is different. It has the same categories and style. It also does not appear to be dependent on any specific JS framework, which is certainly favorable.

My biggest concern, on first look, is that the built-in search is English based... which is not ideal. The backing data is pretty much all in JSON, though. (This concern relates directly to #9373 - we want any emoji picker to be fully usable for all supported languages, rather than focused on just the one.)

• https://github.com/missive/emoji-mart/tree/main/packages/emoji-mart-data/sets
• What I assume to be the latest collated set: https://github.com/missive/emoji-mart/blob/main/packages/emoji-mart-data/sets/15/all.json
  • It weighs in at nearly 0.5 MB of raw JSON. Just the data. (468 KB)
• The search seems to look for prefixes to the emoji's plain-text name (when spec'd via Slack/Github style :emoji_name: syntax)
• It also supports a few keywords per emoji; a prefix to a keyword also tends to yield results.

Granted, the fact that the data is in JSON means we could probably extract the contents and make them accessible in localization here. I'm just spitballing here, but it may be possible to make the data possible to localize via Crowdin. It'd be no small undertaking, though... and the infrastructure that would be required to link everything together... for each language in the repo... would likely be pretty formidable.

For an easily-accessible demo of it, this site is implemented through using it: https://github-emoji-picker.vercel.app/. It's actually what led me to discovering EmojiMart.