«El futuro de la maquetación de textos no es CSS»: Ingeniero de Midjourney publica en código abierto Pretext

Según el monitoreo de 1M AI News, Cheng Lou, ingeniero de Midjourney y autor de la biblioteca de animación React react-motion, ha lanzado Pretext, una biblioteca de medición y tipografía de texto en JavaScript/TypeScript puro, sin dependencias. Pretext elude la medición del DOM del navegador (como getBoundingClientRect, offsetHeight), evitando el reflujo de diseño (layout reflow), y realiza el cálculo de altura del texto y el ajuste de línea con pura aritmética.

Pretext trabaja en dos fases: prepare() mide el ancho de los caracteres de una vez usando la API de Canvas, y layout() realiza operaciones aritméticas puras basadas en los datos de ancho en caché. En una prueba de referencia con 500 segmentos de texto, prepare() tomó aproximadamente 19 ms, mientras que layout() solo necesitó 0.09 ms. Cheng Lou escribió en el artículo de acompañamiento: “La mejora del rendimiento no es gradual, sino cualitativa: 0.05 ms en comparación con 30 ms, cero reflujo en comparación con quinientos”.

La biblioteca soporta todos los idiomas, incluidos chino, japonés, coreano, árabe, así como emoji y texto bidireccional mixto, y puede renderizarse en DOM, Canvas, SVG. Los escenarios de aplicación típicos incluyen:

1. Listas virtuales y eliminación de obstrucciones sin necesidad de adivinar la altura
2. Diseño personalizado impulsado por JavaScript, como el flujo de cascada
3. Ajuste automático del ancho de texto en burbujas de chat de múltiples líneas
4. Edición y tipografía de texto que rodea imágenes