Add English and translated aliases for Emojis

[gerhard (Gerhard Schlager)]

Continuing the discussion from Add alias support to emoji picker:

Our Emoji picker could be greatly improved by adding support for English and translated search aliases. The Unicode Consortium provides all the data we need:

• Emoji List, v11.0
• Emoji character annotations

This feature consists of two parts:

1. Doing all the aliases properly for English
2. Adding support for per locale aliases, so you can type :sourire in French on French sites and get in the window.

I’m putting it on my list.

[j.jaffeux (Joffrey Jaffeux)]

Just as a note here, we need it to be lazy loaded, this is why I haven’t been doing it yet.

[sam (Sam Saffron)]

I think it is fine to have alias.en and alias.de etc… files, so we can lazy load per locale.

[codinghorror (Jeff Atwood)]

Isn’t this complete @gerhard?

[gerhard (Gerhard Schlager)]

No, not yet. I decided to work on it next month because it was moved to the next release.

[Falco]

Just found out about this “public” list of translated emoji aliases: Translations

[SvenC56 (Sven)]

Hey

I have a general question. I created my custom emoji group. How do I override this translation key?

Thank you.

[j.jaffeux (Joffrey Jaffeux)]

Currently you have to add translations into a theme or component, in your case it would be something like:

<script>
    I18n.translations.en.js.emoji_picker.twitch = "Twitch";
</script>

You can also add de if you need a different name for de.

@gerhard I had to ask you about this, do you see a better way to accomplish this given custom group names are set by admins ?

[gerhard (Gerhard Schlager)]

The easiest solution I can think of is to use the custom group name if the translation can’t be found. The only problem I’m seeing is that group names seem to be converted to lowercase.

I18n.t("emoji_picker.twitch", { defaultValue: "twitch" })

The more involved solution would be to make SiteTextsController and TranslationOverride work with custom emoji group names (or any other custom translation that needs to be added at runtime).

[j.jaffeux (Joffrey Jaffeux)]

Cool might investigate the second one at some point, thanks.

[SvenC56 (Sven)]

@j.jaffeux

I18n.translations.en.js.emoji_picker.twitch = "Twitch";

Hey I just did console.log(I18n.translations.en.js) which outputs me the following:

It seems that emoji_picker is not available for a translation for me. There are also no effects if I paste in your code into my theme head.

Thank you.

[sam (Sam Saffron)]

This was reported again here: (now closed)

Suggestion: emoji picker search improvement

Today I was trying to find the emoji (officially called party popper, but shorted to ) and muscle memory (with MacOS) has me trained to expect finding it by searching for party: [image] However, Discourse’s emoji picker doesn’t find it for the same search term, even if it is part of the emoji name. [Screenshot 2021-08-16 at 11.28.20] Perhaps the emojis official names could be an alias to each emoji (when they differ from the short version) to improve search on the emoji picker? …

We will be prioritizing this and get to it in the next release.

[vinothkannans (Vinoth Kannan)]

FEATURE: add search aliases for emojis.

@j.jaffeux I created a PR to include search aliases in our emoji-db repo.

[Falco]

This has been implemented in the following pull requests:

FEATURE: Add locale-specific emoji search aliases from Telegram (#12)

FEATURE: Locale-specific emoji search aliases (#39089)

In the process, a bug was resolved that reduced the emojis.json payload by 160KB

This introduces comprehensive localized search aliases.

[Falco]

I merged support for localized emoji aliases for some languages, so we finally

@gerhard

can type :sourire in French on French sites and get in the window.

as well as

[Falco]

Expanding this further

FEATURE: Add CLDR emoji search aliases and merge pipeline (#13)