Pretext — Das Codex Pretext — The Codex

Das älteste Prinzip der Informatik, und warum es auf KI nicht mehr zutrifft. Ich habe ein Emoji als Prompt verwendet. Was rauskam, war Gold. Und das hat weniger mit dem Input zu tun als mit allem, was das System über mich weiss. The oldest principle in computing, and why it no longer applies to AI. I used an emoji as a prompt. What came out was gold. And it has less to do with the input than with everything the system knows about me.

OpenAI fokussiert auf Enterprise und stellt Sora ein. Meta kauft Manus und macht KI zur Pflicht. Claudes Computer-Use erschreckt Software-Aktien. Und aus der Dev-Community explodiert Pretext mit 14k Stars in 48 Stunden. OpenAI focuses on enterprise and shuts down Sora. Meta acquires Manus and makes AI mandatory. Claude's computer-use rattles software stocks. And from the dev community, Pretext explodes with 14k stars in 48 hours.

Pretext von Cheng Lou löst ein fundamentales Browser-Problem: Text messen ohne DOM-Reflow. Statt teurer getBoundingClientRect()-Aufrufe nutzt es die Canvas-API für präzises mehrzeiliges Text-Measurement. Das Ergebnis: 19ms für 500 Texte im prepare()-Schritt, danach 0.09ms reines Arithmetik-Layout. Pretext by Cheng Lou solves a fundamental browser problem: measuring text without DOM reflow. Instead of expensive getBoundingClientRect() calls, it uses the Canvas API for precise multiline text measurement. Result: 19ms for 500 texts in prepare(), then 0.09ms pure arithmetic layout.

Wo bringt Pretext konkret etwas? Virtualisierte Listen ohne Heuristiken, Text der um Objekte fliesst, und vollständige RTL-Unterstützung. Die offiziellen Demos — Masonry, Bubbles, Dynamic Layout, Accordion — zeigen das eindrücklich. Where does Pretext actually help? Virtualized lists without heuristics, text flowing around objects, full RTL support. The official demos — Masonry, Bubbles, Dynamic Layout, Accordion — show it impressively.

Layout-Reflow ist einer der teuersten Vorgänge im Browser. Pretext umgeht das komplett: prepare() einmal, dann layout() in reiner Arithmetik — bis zu 200× schneller als DOM-Messung. Layout reflow is one of the most expensive browser operations. Pretext bypasses it entirely: prepare() once, then layout() as pure arithmetic — up to 200× faster than DOM measurement.

Von npm install bis zur ersten Layout-Berechnung. Eine praktische Schritt-für-Schritt Anleitung mit Code-Beispielen für prepare(), layout() und Canvas-Rendering. Inklusive Erklärung warum Pretext für dein Projekt sinnvoll sein könnte. From npm install to your first layout calculation. A practical step-by-step guide with code examples for prepare(), layout(), and Canvas rendering. Includes an explanation of why Pretext might be right for your project.