Cherry Chu

Appearance

Notes de version de Lyrics Card Generator v3.8.0 ​

Date de publication : 2026-06-30

v3.8.0 se concentre sur les animations d’interface et le raffinement des interactions, en s’appuyant sur la standardisation des contrôles de la v3.7.1 avec un système de mouvement centralisé. Les animations concernent l’enveloppe de l’éditeur, les boîtes de dialogue de réglages, l’enveloppe de prévisualisation, les contrôles partagés, le panneau IA et le fond de l’application. Le rendu PNG exporté des cartes de paroles n’est pas modifié intentionnellement, et cette version n’ajoute pas d’exports de cartes animées.

Système de mouvement et édition ​

  • Ajout de jetons de mouvement légers et de composants réutilisables pour les durées, courbes d’assouplissement, ressorts, transitions de panneaux, transitions de dialogue, transitions d’étapes et comportement en réduction des animations.
  • Le sélecteur d’étapes utilise désormais des transitions sensibles à la direction : en avançant, le contenu entre par la droite et sort vers la gauche ; en revenant, le sens est inversé.
  • Les réglages, les onglets de réglages et l’enveloppe de prévisualisation utilisent des entrées / sorties unifiées, avec un dépliage de prévisualisation mobile plus fluide.

Contrôles, panneau IA et arrière-plan ​

  • Les boutons, interrupteurs, cartes d’option et contrôles segmentés partagés gagnent des micro-interactions sobres de pression, sélection et indicateur, tout en conservant clavier, focus, rôles ARIA et crochets de test.
  • Le panneau de traduction IA utilise les cartes d’option, interrupteurs et boutons partagés, avec des transitions unifiées pour le statut, le raisonnement et le flux de traduction. Les requêtes, le streaming et l’annulation restent inchangés.
  • Les transitions du fond d’application sont plus douces lors des changements de thème, d’image et de mode palette, sans modifier le PaletteBackground des cartes exportées.

Accessibilité et sécurité d’export ​

  • prefers-reduced-motion est respecté : déplacements horizontaux, mouvements au survol, keyframes décoratifs, étincelles de clic et célébration d’export sont réduits à de l’opacité ou désactivés.
  • LyricCard.tsx, LandscapeLyricCard.tsx et PaletteBackground.tsx n’importent pas Framer Motion.
  • Le chemin d’export statique data-export-card="true" reste stable, et l’apparence des PNG exportés n’a pas été modifiée intentionnellement.

Vérification ​

  • npm run typecheck
  • npm run core:test
  • npm run build

Cherry Chu · Projects, notes, and working documentation.

© 2026 Qrzzzz