Skip to content

Notes de version de Lyrics Card Generator v4.4.3 ​

Date de publication : 2026-07-10

Cette version améliore la cohérence des interactions dans l’aile des paramètres et sur les boutons de l’application. L’architecture existante — éditeur, exemples de paroles et paramètres — reste intacte, tandis que la navigation sur petit écran, l’état de sauvegarde de l’IA, les transitions spatiales et plusieurs détails visuels sont corrigés.

Principales nouveautés ​

  • Un léger déplacement de 1px au survol est appliqué à la plupart des boutons via le système de mouvement existant. Les contrôles partagés gardent leur animation spring, les boutons natifs utilisent la même durée et le même easing, et le mode reduced motion est respecté.
  • Sous 720px, les catégories utilisent désormais une disclosure/list ordinaire au lieu d’un modèle menu incomplet. Fermer les paramètres replie toujours la liste et empêche tout état développé résiduel à la réouverture.
  • Lorsque la liste est ouverte, le premier Échap ne ferme que la liste, bloque la fermeture des paramètres et rend le focus au bouton déclencheur. Un second Échap ferme ensuite l’aile des paramètres.
  • Les paramètres d’IA présentent quatre états explicites : saved, pending, saving et error. Toute modification affiche immédiatement l’attente de sauvegarde et un échec ne revient plus à un faux message vert de réussite.
  • Le délai de 700ms et la sauvegarde à la fermeture sont conservés. Les écritures sont strictement séquentielles et chaque résultat est comparé aux derniers paramètres souhaités afin d’enregistrer automatiquement la valeur finale si nécessaire.
  • La garde qui empêchait l’ouverture des paramètres après les exemples a été supprimée, ce qui rétablit de manière fiable la transition horizontale après la fermeture des exemples de paroles.
  • La couche extérieure des paramètres est transparente et repose directement sur le fond de l’application. La qualité d’exportation utilise le sélecteur segmenté à trois positions existant, les angles de fenêtre partagent un rayon de 8px et le bouton de fermeture des exemples adopte un accent neutre.
  • Les tests de régression couvrent davantage les paramètres, le mouvement, la barre de titre et la cohérence de publication. Les libellés d’attente et d’échec sont localisés dans les six langues.

Vérification ​

  • npm run typecheck
  • npm run core:test
  • npm run build
  • npm run desktop:build
  • git diff --check
  • Contrôle à 680px d’Échap, du retour du focus et de l’état après réouverture
  • Contrôle de la transition après les exemples et vérification visuelle sur bureau

Cherry Chu · Projects, notes, and working documentation.