Cherry Chu

Appearance

Notas de la versión Lyrics Card Generator v3.8.0 ​

Fecha de publicación: 2026-06-30

v3.8.0 se centra en el movimiento de la interfaz y el pulido de las interacciones, apoyándose en la estandarización de controles compartidos de v3.7.1 con un sistema de movimiento centralizado. El movimiento se aplica al contenedor del editor, los diálogos de ajustes, el contenedor de vista previa, los controles compartidos, el panel de IA y el fondo de la aplicación. La salida PNG exportada de las tarjetas de letras no cambia de forma intencionada, y esta versión no introduce exportaciones de tarjetas animadas.

Sistema de movimiento y edición ​

  • Se añadieron tokens de movimiento ligeros y componentes reutilizables para duraciones, curvas de aceleración, presets de resorte, transiciones de panel, transiciones de diálogo, transiciones de pasos y comportamiento con movimiento reducido.
  • El asistente de ajustes usa transiciones conscientes de la dirección: al avanzar, el contenido entra desde la derecha y sale hacia la izquierda; al retroceder, la dirección se invierte.
  • Los diálogos de ajustes, las pestañas de ajustes y el contenedor de vista previa comparten entradas / salidas unificadas, con una expansión y contracción más suave en móvil.

Controles, panel de IA y fondo ​

  • Botones, interruptores, tarjetas de opción y controles segmentados compartidos reciben microinteracciones contenidas de pulsación, selección e indicador, conservando teclado, foco, roles ARIA y hooks de prueba.
  • El panel de traducción IA usa tarjetas de opción, interruptores y botones de acción compartidos, con transiciones unificadas para estado, razonamiento y salida de traducción. Las solicitudes, el streaming y la cancelación no cambian.
  • Las transiciones del fondo de la aplicación son más suaves al cambiar tema, imagen y modo de paleta, sin modificar el PaletteBackground dentro de las tarjetas exportadas.

Accesibilidad y seguridad de exportación ​

  • Se respeta prefers-reduced-motion: desplazamientos horizontales, movimiento al pasar el cursor, keyframes decorativos, chispas de clic y celebración de exportación se reducen a opacidad o se desactivan.
  • LyricCard.tsx, LandscapeLyricCard.tsx y PaletteBackground.tsx no importan Framer Motion.
  • La ruta de exportación estática data-export-card="true" se mantiene estable, y la apariencia de los PNG exportados no se modificó intencionadamente.

Verificación ​

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

Cherry Chu · Projects, notes, and working documentation.

© 2026 Qrzzzz