Pretext Field Lab

This is a small observatory for Pretext.js: one prepared text handle, several widths, and a live view of how lines reflow without touching DOM measurement APIs.

import { prepare, layout } from '@chenglou/pretext'

const prepared = prepare(
  'Hello, pretext.js — no reflow needed.',
  '16px system-ui'
)

const { height, lineCount } = layout(prepared, 400, 24)

The lab below uses the line-producing path so the resulting wraps can be rendered directly into visible surfaces. The essential idea stays the same: prepare once, reuse the handle as widths change.