Temps de lecture: 3 minutes
Tout d’abord, quelques nouvelles : j’ai accepté d’être le responsable du contenu CSS de cette année pour le Web Almanach ! L’une des premières choses à faire est de préciser quelles statistiques nous devrions étudier pour répondre à la question “Quel est l’état du CSS en 2020 ?”. Vous pouvez consulter le chapitre de l’année dernière pour avoir une idée du type de statistiques qui pourraient aider à répondre à cette question.
Bien sûr, ma première pensée a été « Nous devrions impliquer la communauté ! Les gens pourraient avoir de bonnes idées de statistiques que nous pourrions étudier !. Mais que devrions-nous utiliser pour voter sur des idées et les faire monter au sommet ?
Je voulais utiliser un référentiel pour gérer tout cela, car j’aime toutes les commodités pour gérer les problèmes. Cependant, il n’y a pas grand-chose sur Github pour voter. Vous pouvez ajouter des réactions 👍, mais pas les trier, et le vote lui-même est fastidieux : vous devez ouvrir le commentaire, cliquer sur la réaction, puis revenir à la liste des problèmes, rincer et répéter. Idéalement, je voulais quelque chose comme UserVoice™️, qui permet de voter en un clic, et de trier les propositions par votes.
Et puis j’ai compris : je vais simplement créer une application Mavo en plus des problèmes de repo, qui les affiche sous forme de propositions à voter et les trie par 👍 réactions, à la manière de UserVoice™️ mais sans l’étiquette de prix UserVoice™️. 😎 En fait, j’avais commencé une telle application Mavo il y a quelques années, et je ne l’ai jamais terminée ni publiée. Alors, je viens de le déterrer et de le ressusciter de ses cendres ! Il s’appelle – à juste titre je pense – MaVoix.
Vous pouvez le définir sur n’importe quel dépôt via le repo paramètre d’URL, et toute étiquette via le labels Paramètre d’URL (par défaut à enhancement) pour créer une URL personnalisée pour n’importe quel dépôt que vous voulez en quelques secondes ! Par exemple, voici l’URL du référentiel css-almanac, qui n’affiche que les problèmes avec l’étiquette “proposed stat”: https://leaverou.github.io/mavoice/?repo=leaverou/css-almanac&labels=proposed%20stat
Bien que cela ait besoin de JS personnalisé, contrairement à d’autres applications Mavo qui n’en ont pas besoin, je suis toujours assez heureux de pouvoir créer ce type d’application avec <100 lignes de JS 🙂
Oui, c’est encore difficile sur les bords, et je suis sûr que vous pouvez trouver beaucoup de choses qui pourraient être améliorées, mais ça fait le travail pour l’instant, et les relations publiques sont toujours les bienvenues 🤷🏽♀️
La principale mise en garde si vous décidez de l’utiliser pour votre propre dépôt: Parce que (à ma connaissance) l’API Github ne fournit toujours pas de moyen de trier les problèmes par 👍 réactions, ou même les réactions en général (dans l’API REST v3 ou l’API GraphQL), les problèmes sont plutôt demandés triés par nombre de commentaires, et sont triés par 👍 réactions côté client, juste avant le rendu. En raison des limitations de l’API, cet appel d’API ne peut récupérer que les 100 meilleurs résultats. Cela signifie que si vous avez plus de 100 problèmes à afficher (c’est-à-dire plus de 100 problèmes ouverts avec l’étiquette donnée), cela pourrait être inexact, surtout si vous avez des problèmes avec de nombreuses réactions et peu de commentaires.
Une autre mise en garde est que parce qu’il s’agit essentiellement de réactions sur les problèmes de Github, il n’y a pas de limite au nombre de problèmes sur lesquels une personne peut voter. En théorie, s’il est un mauvais acteur (ou juste surexcité), il peut simplement voter sur tout. Mais je suppose que c’est un problème intrinsèque avec l’utilisation de réactions pour voter pour des choses, avoir une interface utilisateur pour cela ne fait que révéler le problème existant, cela ne le crée pas.
J’espère que vous apprécierez, et n’oubliez pas de voter sur les statistiques CSS que nous devrions étudier !