Pretext.js

Pretext.js's 개요

Pretext.js는 DOM에 전혀 접근하지 않고도 빠르게 텍스트 크기를 측정하고 레이아웃을 계산할 수 있는 순수 JavaScript/TypeScript 라이브러리예요. prepare() 단계에서 Canvas로 글리프 너비를 한 번만 측정해 캐싱하고, 이후 layout()에서는 순수 산술 연산만으로 즉시 높이와 줄 수를 계산해요. 1,000개 블록 기준 약 2ms가 걸리고, CJK, 아라비아어, 히브리어, 태국어, 힌디어, 한국어를 포함한 12개 이상의 쓰기 체계를 지원해요. 런타임 의존성이 0개이고 실제 폰트 메트릭을 사용하며, 여러 너비에 재사용 가능한 핸들도 제공해요. 가상 스크롤링, AI 채팅 말풍선, 다국어 피드, 성능이 중요한 텍스트 중심 UI에 특히 잘 맞아요. GitHub 스타 14k+ 개를 받은 프로젝트예요.

Pretext.js's 특징

• prepare() 이후 DOM 읽기 제로

• Canvas measureText()를 이용한 실제 폰트 메트릭 사용

• 12개 이상의 쓰기 체계를 지원하는 다국어 처리

• 전체 타입을 제공하는 TypeScript 우선 설계

• 여러 컨테이너 너비에 재사용 가능한 준비된 핸들

• 런타임 의존성 제로

• 즉시 결과를 주는 순수 산술 레이아웃

• 정확한 줄바꿈과 양방향 텍스트 처리

Pretext.js's Q&A

Pretext.js's 가격 책정

무료 오픈소스 라이브러리로 npm에 배포되며 런타임 의존성이 없어요. 유료 요금제나 구독은 언급되지 않아요.