Unocss v66.1.2 representa una actualización significativa del motor de CSS atómico, enfocada en optimizar el manejo de pseudoclases y resolver problemas de compatibilidad reportados. Esta versión refuerza el enfoque de "generación bajo demanda" al mejorar el sistema de variantes y la eficiencia en el aálisis de reglas, reduciendo la carga de trabajo al escribir estilos.

Mejoras Principales

Refuerzo en Sintaxis de Pseudoclases

Se ha reescrito el motor de análisis de variantes para pseudoclases, permitiendo ahora soporte para combinaciones complejas y anidadas. Con un nuevo analizador sintáctico basado en estados, se puede integrar expresiones de pseudoclases directamente en nombres de clase, mejorando la eficiencia en aproximadamente un 30%.

<button class="focus:(bg-green-400 text-black) hover:bg-green-600">
  Botón de Interacción
</button>

Optimización de Rendimiento

• Reducción del uso de memoria en un 15% mediante algoritmos mejorados de generación de reglas CSS.
• Actualización en caliente más rápida, con tiempos de respuesta inferiores a 50ms en proyectos grandes.
• Velocidad de análisis incrementada en un 22% para selectores complejos, gracias a mejoras en el motor de coincidencia de expresiones regulares.

Correcciones Importantes

• Error en Análisis de Grupos de Variantes: Se corrigió un problema en el procesamiento de grupos de variantes anidados, permitiendo ahora combinacinoes multinivel como se muestra a continuación: ```
• Compatibilidad con Modo Atributify: Se resolvió un conflicto con componentes de Vue de archivo único, restaurando el enlace dinámico de atributos.
• Carga de Iconos Predefinidos: Se optimizó el precargado de iconos para evitar fugas de memoria con conjuntos extensos.

Guía de Uso

Instalación

npm install unocss@66.1.2
# o
yarn add unocss@66.1.2

Ejemplo de Configuración

// archivo.config.ts
import { definirConfig } from 'unocss'

export default definirConfig({
  preajustes: [
    preajusteUno(),
    preajusteAtributify(),
    preajusteIconos()
  ],
  tema: {
    // Personalización del tema
  }
})

Notas de Compatibilidad

• Se requiere Node.js v16.14.0 o superior.
• Compatibilidad total con Vite v5.0+.
• Soporte para inferencia de tipos en TypeScript 5.2+.

Futuros Desarrollos

El equipo planea enfocarse en la próxima versión en:

• Integración mejorada con CSS-in-JS.
• API ampliada para crear reglas personalizadas.
• Mejoras en el soporte de IDE para autocompletado.