Un.e proche a accepté de jouer le jeu et de tester mon projet Wavve. Étant une personne Dev et MJ c’était une bonne occasion d’avoir des retours
Et j’en ai eu plusieurs mais notamment :
- Impossible d’ajouter des sons a une scène
- Impossible d’ajouter de nouvelles scènes
Et bien évidemment, pour moi il était impossible de reproduire ces bugs, « Sur mon pc ça marche »©. J’ai donc dans un premier temps installé Sentry sur le projet, pour avoir des logs en cas de crash (spoiler: rien du tout)
Puis j’ai commencé a mettre en place un petit intercepteur Axios pour faire du chaos engineering, et vérifier que je gérais bien les erreurs (spoiler bis: pas du tout)
Avec ça j’ai pu commencer a voir mon interface exploser un peu partout. Aucun message d’erreur visible pour l’utilisateur.rice, juste des pans entiers de l’app qui ne s’affichent pas.
Donc première étape ça a été ajouter une gestion d’erreur basique dans mon client Tanstack-query. Pour ça j’ai simplement suivi les recommandations de Dominik Dorfmeister a.k.a Tkdodo
A présent, dès qu’une de mes query est en erreur, j’ai un petit toast d’erreur qui s’affiche, a la condition que j’ai rempli le champ meta de ma query, qui sert a ajouter des informations de contexte dans le cache de TanstackQuery. Pour ma part je met un message avec ma clé de traduction i18next.
J’ai pu voir assez vite que l’erreur numéro 1 n’en était pas vraiment, mais que c’était lié a un manque d’informations donné a l’utilisateur pour uploader ses sons. En effet l’erreur qui apparaissait était que le type de fichier envoyé n’était pas supporté
Et…. c’est normal, la plateforme gère des sons, pas des mp4 ou autre format invalide. J’ai donc mis a jour mon composant pour n’accepter que les formats autorisés en utilisant la propriété accepted natif d’HTML
