Measure multiline text height and line layout without DOM reflow.
npx skills add https://github.com/akillness/jeo-skills --skill pretext-akillness
Please help me install this Agent Skill. Skill: pretext Source: https://github.com/akillness/jeo-skills/tree/main/.agent-skills/pretext Command: npx skills add https://github.com/akillness/jeo-skills --skill pretext-akillness
Fast multiline text measurement and layout without DOM reflow; enables precise heights, line counts, and per-line rendering for canvas, SVG, or DOM contexts in JavaScript/TypeScript.
Install the pretext package and run a simple example to measure text heights for a given container.
High-intent search queries and answers about installing and using this skill.
You can measure multiline text height without DOM reflow using a pure JavaScript API that calculates precise heights and line counts via cached font metrics and Canvas 2D measurement, avoiding layout thrashing entirely.
Yes, per-line text layout is supported for manual rendering in Canvas or SVG. The API provides per-line access, allowing you to render text around custom flows or images by calculating exact line breaks and bounds.
The text measurement API works in both modern browsers and Node.js. It requires Intl.Segmenter support for locale-aware segmentation and utilizes Canvas 2D measurement to function across these environments.
The best way to handle locale-aware segmentation and soft hyphenation is using an API built on Intl.Segmenter. It accurately segments text across different fonts and locales while applying soft hyphenation rules.
Supported text layout options include whiteSpace, wordBreak, and letterSpacing. These options integrate with Intl.Segmenter to provide precise control over how multiline text is measured and flowed.
OpenCovenMeasure and lay out text without triggering DOM reflow.
MarbleSodasMeasure and lay out multiline text in the browser without DOM geometry.
GuiGPaPMeasure text metrics and line breaks using Canvas measureText and Intl.Segmenter.
cxnaiveMeasure and lay out multiline text on canvas without DOM reflows.
