Mise à jour du lundi 15 septembre 2025

Regardez putain, on peut enfin bouger les images en plein écran et zoomer ! Y'a même des pôtits boutons pour le zoom

Ça a l'air con comme ça mais en vrai c'était un véritable lutte avec la Drag And Drop API, qui a sa manière bien à elle de se comporter et surtout qui se comporte pas tout à fait pareil d'un navigateur à l'autre. J'ai pas encore pu tester sur téléphone, j'ai aucune idée de ce que ça va donner. Si ça se trouve rien ne marche, j'en sais rien j'ai pas d'environnement de test pour les mobiles.

À défaut de marcher sur tel, ça marche au moins sur PC. Les détails techniques :

• Nouvelle classe DragMoveAndZoomImgManager qui gère la nouvelle feature en question
  • Se sert de l'API Drag And Drop pour gérer le déplacement de la souris
  • A une propriété statique pour désactiver la feature en cas de merde
  • Attribue dynamiquement des listeners sur des éléments du DOM
  • Parce que j'avais la flemme de me taper deux API d'événement différentes pour gérer le toucher - pincer sur téléphone (typiquement, action de zoomer sur écran tactile), j'ai géré le zoom avec des boutons. Au moins c'est turbo compatible et Safari casse pas les couilles à pas faire comme les autres. Et puis, c'est visible et low-effort.
• Nouvelle classe utilitaire Position2D parce que je suis influencée par Godot Engine
• Nouvelle route pour tester des trucs en prod à la crado : /le-bakasable
• La mise en plein écran ne paraît plus saccadée comme avant : on await la fin de la mise en plein écran ou la sortie de celle-ci avant de changer le style de l'élément (en d'autres termes c mieux tkt)
• Nouvelle classe CSS icon-button pour les boutons icônes pour avoir un padding égalisé et plus élégant sans trahir le côté "brut / truc par défaut"
• on rajoute une petite barre horizontale en dessous de chaque changelog parce que c joli