「O futuro da formatação de texto não é CSS」: Engenheiro do Midjourney lança open source o Pretext

Segundo a monitorização da 1M AI News, o engenheiro da Midjourney, o autor da biblioteca de animações React react-motion, Cheng Lou, disponibilizou em open source o Pretext, uma biblioteca de medição e composição de texto em JavaScript/TypeScript pura, sem dependências. O Pretext contorna a medição do DOM no navegador (por exemplo, getBoundingClientRect, offsetHeight), evitando reflows de layout (layout reflow) e completando o cálculo da altura do texto e a quebra de linhas apenas com aritmética pura.

O Pretext funciona em duas fases: prepare() mede a largura dos caracteres de forma única através da Canvas API e layout() realiza operações aritméticas puras com base nos dados de largura em cache. Num benchmark de 500 blocos de texto, prepare() demora cerca de 19ms, enquanto layout() precisa apenas de 0.09ms. Cheng Lou escreveu, no artigo complementar, que «o ganho de desempenho não é incremental, é uma transformação: 0.05ms vs 30ms, zero reflow vs quinhentas vezes».

A biblioteca suporta todas as línguas, incluindo coreano, japonês e chinês, bem como árabe, e emoji, e textos bidirecionais mistos; pode ser renderizada para o DOM, Canvas e SVG. Os cenários de aplicação típicos incluem:

1. Listas virtuais e eliminação de elementos fora de vista sem necessidade de adivinhar a altura
2. Layouts personalizados acionados por JavaScript, como o waterfall
3. Texto multi-linha de balões de chat que se adapta comprimindo a largura
4. Composição e edição de texto com contorno de imagens