« Le futur de la mise en page du texte n’est pas le CSS » : un ingénieur de Midjourney a rendu open source Pretext

Selon la surveillance de 1M AI News, Cheng Lou, ingénieur chez Midjourney et auteur de la bibliothèque d’animation React react-motion, a open-sourcé Pretext, une bibliothèque de mesure et de typographie de texte purement JavaScript/TypeScript, sans dépendances. Pretext contourne la mesure du DOM du navigateur (comme getBoundingClientRect, offsetHeight), évitant le reflow de mise en page, et réalise le calcul de la hauteur du texte et le retour à la ligne uniquement par des opérations arithmétiques.

Pretext fonctionne en deux phases : prepare() mesure la largeur des caractères en une seule fois via l’API Canvas, et layout() effectue des calculs arithmétiques basés sur les données de largeur mises en cache. Dans un test de référence avec 500 segments de texte, prepare() prend environ 19 ms, tandis que layout() nécessite seulement 0,09 ms. Cheng Lou a écrit dans un article d’accompagnement : « L’amélioration des performances n’est pas progressive, mais qualitative : 0,05 ms contre 30 ms, zéro reflow contre cinq cents ».

La bibliothèque prend en charge toutes les langues, y compris le chinois, le japonais, le coréen, l’arabe, ainsi que les emoji et le texte bidirectionnel mixte, et peut être rendu dans le DOM, Canvas, SVG. Les scénarios d’application typiques incluent :

1. Listes virtuelles et élimination de l’occlusion sans deviner la hauteur
2. Dispositions personnalisées pilotées par JavaScript comme le flux de cascade
3. Textes de bulles de chat s’adaptant à la largeur de manière multi-lignes
4. Mise en page d’édition avec texte entourant des images