chenglou/pretext：README 來源編輯指南

chenglou/pretext 的 README 將專案描述為「Fast, accurate & comprehensive text measurement & layout」。本文只整理倉庫可直接核對的內容，不把 star、Fork 或宣傳語當成品質證明。README 在「Pretext」下寫到：Pure JavaScript/TypeScript library for multiline text measurement & layout. Fast, accurate & supports all the languages you didn't even know about. Allows rendering to DOM, Canvas, SVG and soon, server-side.。這說明的是專案邊界，不是已完成的生產驗證。

從 README 的「1. Measure a paragraph's height without ever touching DOM」與相關條目，可以先判斷它是否處理你的實際問題：fancy userland layouts: masonry, JS-driven flexbox-like implementations, nudging a few layout values without CSS hacks (imagine that), etc.。若需求不同，不應只因專案熱度就採用。本文保留原始專案名、命令與元件名，方便回到一手來源核對。 README 另外列出一項可核對的資訊：proper virtualization/occlusion without guesstimates & caching。這類原文條目可用來設計試跑步驟，但不能取代實際環境測試。

README 將運作方式分散在「Demos」等段落。可確認的線索包括：Clone the repo, run bun install, then bun start, and open /demos/index in your browser. On Windows, use bun run start:windows. Alternatively, see them live at chenglou.me/pretext。本文不把未寫出的架構、效能或安全邊界補成結論；真正的執行鏈仍要配合目錄、設定檔與版本標籤檢查。

第一次安裝應從 README 指出的入口開始。目前可核對的命令是： npm install @chenglou/pretext 如果倉庫沒有命令，本文不會自行編造步驟，而是建議先閱讀「Installation」，確認系統依賴、預設埠與首次初始化。

日常使用取決於專案文件。README 的「1. Measure a paragraph's height without ever touching DOM」段落提到：prepare() does the one-time work: normalize whitespace, segment the text, apply glue rules, measure the segments with canvas, and return an opaque handle. layout() is the cheap hot path after that: pure arithmetic over cached widths.。設定檔、環境變數、權限與資料目錄只在來源明確時才會記錄；沒有寫出的預設值，應在測試環境驗證並保留回滾副本。 同一部分也提到：development time verification (especially now with AI) that labels on e.g. buttons don't overflow to the next line, browser-free。