Что произошло: веб получил инструмент, который менял всё
Чэнь Лу, звёздный инженер, работавший над React, ReScript и Midjourney, 27 марта 2026 года объявил об открытом решении Pretext. Это библиотека размером всего 15KB на TypeScript, которая решает проблему, мучившую веб 30 лет: она позволяет измерять текст и его расположение на странице без мучительного пересчёта всей геометрии браузером.
Что такое Midjourney
Midjourney — это нейросеть и платформа для генерации изображений на основе текстовых описаний. Инженеры из этого проекта, как Чэнь Лу, применяют передовые подходы к решению сложных технических задач. Midjourney нейросеть использует глубокое машинное обучение, а инженеры платформы часто разрабатывают инструменты, которые революционизируют смежные области веб-разработки.
Почему это важно именно сейчас
Представь: веб был создан для статических научных статей. Но сейчас мы пытаемся натянуть на него самые сложные интерактивные интерфейсы. И вот в центре этого конфликта сидит невидимая проблема — «layout reflow». Каждый раз, когда разработчик спрашивает браузер «какая высота у этого параграфа?», браузер должен пересчитать геометрию ВСЕй страницы. Как если бы город перерисовывал всю карту каждый раз, когда кто-то открывает входную дверь.
Лу использовал AI-инструменты вроде OpenAI Codex и Anthropic Claude, чтобы «протащить» через эту проблему решение. Результат: вместо обращения к браузеру Pretext просто считает, где будет каждая буква, используя метрики Canvas и чистую математику. Кстати, если хочешь работать с такими инструментами как Codex или Claude из России без блокировок — виртуальные карты от Zarub позволяют оплачивать зарубежные подписки и API-тарифы напрямую рублями.
Цифры, которые шокируют
Вот где становится по-настоящему дико. Функция layout() обрабатывает 500 разных текстов за 0.09 миллисекунды. По сравнению с традиционным подходом — это 300-600x ускорение. Теперь то, что было тяжёлой, асинхронной работой, превратилось в синхронный примитив. Это работает на мобильных устройствах на 120fps без запинок.
Как это вообще устроено
Pretext разбивает работу на два этапа:
- prepare(text, font) — тяжёлая подготовка. Библиотека нормализует пробелы, разбивает текст, применяет правила расстановки переносов для разных языков, всё измеряет. Результат кэшируется.
- layout(preparedData, maxWidth, lineHeight) — это уже только математика. Считает высоты и количество строк. Можно вызывать столько раз, сколько хочешь, без штрафов за производительность.
Поддерживает то, что раньше было почти невозможно на веб: двунаправленный текст (английский и арабский в одном предложении), эмодзи и сложные символы, которые не разбиваются на части, таблуляции и переносы строк.
Что делают с этим разработчики
Pretext был выложен всего неделю назад, а люди уже создают бешеные демонстрации. Дракон летает сквозь текст, плюя огнём и разжимая буквы. На одном сайте буквы падают, как физические объекты, если ты наклонишь телефон. Кто-то вообще встроил показ фильма «Project Hail Mary» со звёздным Райаном Гослингом, одновременно читая книгу — всё в интерактивном, живом тексте.
Да, некоторые говорят: «Стоп, текст стал нечитаемым». Но они упускают суть. Один человек с AI-инструментами только что дал каждому разработчику на планете новую суперспособность. Вот что важно.
За 72 часа люди сделали:
- Алгоритм типографии Knuth-Plass для профессионального выравнивания текста прямо в браузере
- AI-газету, которая парсит X-посты, используя Grok, и мгновенно раскладывает статьи
- Рыбок, плывущих сквозь текст с физической симуляцией Three.js
- Визуализации с 52 блоками данных, которые пересчитывают раскладку за 0.04ms каждый кадр
Что говорят верхи индустрии
Гильермо Рауч из Vercel и Райан Флоренс из Remix восторгаются производительностью. Все понимают: это не просто улучшение. Это смена парадигмы. Следите за новостями в мире AI и узнавайте об освоении новых AI сервисов — подпишитесь на Telegram-канал ProAi, где делятся опытом создания автоматизаций и обсуждают такие революционные разработки.
Но есть и критики. Они говорят о «толстом клиенте» — мол, мы отходим от простоты веб-стандартов, обходя DOM. Лу ответил размышлениями о том, как iOS началась со статического PostScript, а превратилась в гибкую платформу. Веб застрял в «формате документа» из 90-х. Pretext — это попытка перезагрузить эту беседу.
Стоит ли внедрять сейчас
Проект выложен под MIT License. Это публичный инструмент для всех.
Внедрять сейчас, если ты строишь генеративные интерфейсы или высокочастотные дашборды данных. Если в чате заикается текст при длинных ответах или сетка прыгает при расчёте высот — Pretext твой спаситель.
Знай об этом: нужны специалисты, которые понимают типографику и инженерию. Когда раскладка переходит в userland, ты сам становишься ответственным за доступность и стандартное поведение, которое браузер давал даром. Чтобы тестировать такие решения и оплачивать нужные инструменты — разработчики из России используют виртуальные карты Zarub, которые позволяют без лишних сложностей оплачивать зарубежные сервисы, платформы и API рублями.
За 48 часов проект собрал более 14 тысяч звёзд на GitHub и 19 миллионов просмотров на X. Это первый большой шаг к веб-платформе, которая чувствуется как игровой движок, а не статический документ. Те, кто обнимет эту модель, определят визуальный язык эры AI.
🔔 Чтобы читать больше про нейросети, AI-сервисы и практические кейсы, подписывайся на канал «ProAI» в Telegram!