Add-on Store front-end - Use correct alphabetic order

[CyrilleB79]

Issue

A new Add-on Store front-end has just been published and alphabetic sorting has been implemented.

Though this sorting is not correct because it is done with char number as a key so:

• "Yandex translator for NVDA" comes before "alzaker"
• "xTrack" comes before "Émoticônes"

Expected

Sorting should not be case sensitive. So at least, case should be ignored when sorting.

Still, the sorting order actually depends on the language. In French, but probably in many other languages, a letter with diacritic, e.g. "é" should be sorted along with its equivalent without diacritic, e.g. "e". In Python for example, this can be achieved with strxfrm function.

So "Émoticônes" should appear between "Emoji menu" and "eMule".

[seanbudd]

Thanks for catching this. Unfortunately strxfrm is not an option, as you cannot use it effectively for different languages without changing the system locale (e.g. the server). I'm looking into other options

[seanbudd]

We can use casefold in the meantime

[CyrilleB79]

I am not at all an expert in website development.

According to ChatGPT, the simplest way to do this is to perform the sorting on the client side, e.g. using Intl.Collator.

If for any reason it is not possible:

1. casefold will already be an improvement
2. I guess that using strxfrm, even with english sorting order for any client locale/language, will already catch most of the sorting issues, e.g. letters with diacritics.

[seanbudd]

@CyrilleB79 - we are trying to avoid using client side JS for functionality in the store. In my testing, English strxfrm collation didn't handle the Émoticônes case. I think we will have find a collation option like PyICU. FWIW using casefold has now landed.