Ajoute des packs d'emojis dedies par canal au selecteur d'emojis des messages C411, avec preselection automatique et barre de recherche transverse aux packs. Packs disponibles : Audio, Video, Ebook, Application, Jeux video, XXX (NSFW).
Ajoute des packs d'émojis dédiés par canal au sélecteur d'émojis des messages de c411.org, avec présélection automatique quand on est dans un canal couvert, et une barre de recherche transverse pour retrouver un émoji par mot-clé sans parcourir les onglets. Six packs couvrent aujourd'hui les principaux canaux thématiques.
Le sélecteur d'émojis natif du chat C411 propose quatre onglets génériques : Visages, Cœurs, Populaires, Gestes. Ils couvrent l'essentiel de la conversation courante, mais il manque deux choses :
Le script ajoute deux choses au sélecteur d'émojis natif :
Packs disponibles :
D'autres packs pourront être ajoutés au fil des suggestions de la communauté.
Tout en haut du picker, au-dessus de la rangée des émojis populaires et du bouton de dépliage. Dès que le picker s'ouvre, le focus est automatiquement placé dans le champ - il suffit de taper pour filtrer, sans cliquer.
cafe, café et
CaFe matchent indifféremment ☕.guitar trouve guitare 🎸, coeur
trouve toute la palette ❤️ 🧡 💛 💚 💙 💜 🖤 🤍 🤎 💔 …Entrée : insère ou réagit avec le premier
résultat et ferme le picker. Idéal pour un usage clavier rapide.Echap : vide la recherche, le picker reprend son
affichage normal.Quelques exemples : feu → 🔥, salut ou coucou → 👋, rire →
😂, merci → 🙏, pouce → 👍 👎, cool → 😎 🤙 🕶️, yeux → 👀.
Le comportement (packs comme recherche) est identique entre :
Les onglets natifs restent accessibles : un clic sur Visages, Cœurs, etc. bascule normalement vers la grille native ; un nouveau clic sur l'onglet du pack ramène la grille thématique.
Hors des canaux couverts par un pack, la barre de recherche reste disponible (elle est utile partout) ; seul l'onglet thématique n'apparaît pas. Hors du chat (autres pages du site), le script est totalement invisible.
/messages?channel=13
pour Audio). Aucun effet ailleurs sur le site, aucune requête
réseau hors interaction utilisateur.display:none après mémorisation de son display initial dans un
attribut, ce qui garantit la restauration à l'identique quand le
champ se vide.EMOJI_KEYWORDS est la source de
vérité. Tout émoji y figurant est cherchable, qu'il soit ou non
rangé dans un pack - ce qui permet d'enrichir la recherche
(visages, cœurs, gestes…) sans toucher au contenu des onglets.
Normalisation Unicode NFD côté code pour ignorer les accents.MutationObserver global détecte chaque ouverture du picker (sur
un canal éligible) et y injecte la barre de recherche puis, si
l'utilisateur déplie, l'onglet du pack - l'idempotence est garantie
par des attributs marqueurs, donc pas de doublon en cas de
re-render.<textarea> puis un
évènement input est émis - Vue voit la modification comme une
saisie clavier normale, le bouton "Envoyer" s'active, etc.POST sur
/api/messages/channels/{channelId}/messages/{messageId}/reactions
avec le token CSRF de la session (récupéré dans le <meta> SSR
injecté par Nuxt). Le picker se referme automatiquement après
succès.{ channelId: { name, emojis } } pour les packs et une map
{ emoji: [mots-clés] } pour la recherche. Pour ajouter un pack à
un autre canal ou enrichir la recherche, il suffit d'ajouter une
entrée - la logique d'injection est mutualisée.Le script est organisé en modules distincts (config, utilitaires,
client API, injection picker, observer SPA) puis concaténé en un seul
fichier par un script de build qui valide la syntaxe via node --check
avant chaque artefact.
Aucune dépendance externe. Le code est lisible, commenté en français, et placé sous licence MIT - tu peux l'inspecter, le forker ou le modifier librement.
Les packs #Vidéo, #Ebook, #Application, #Jeux vidéo et #XXX (NSFW) ont été proposés par Cbo (membre de la communauté C411). Merci à lui pour ce travail.
Utiliser l'onglet Feedback ou Discussions de cette page GreasyFork. Les suggestions de packs (canal + liste d'émojis) et de mots-clés FR supplémentaires pour la recherche sont les bienvenues.