인라인 KaTeX와 순차 스트리밍 애니메이션 추가
인라인 KaTeX 지원과 순차적 스트리밍 애니메이션이 추가되고, 코드 블록·CSV 저장·Tailwind v3 호환성이 개선됐다.
교안에 영향
기존 안내 글의 code block 줄 번호 표시와 긴 줄 처리, Tailwind v3 관련 설명은 더 이상 맞지 않을 수 있다.
요약
- inlineKatex 옵션으로 스트리밍 중에도 인라인 수식을 더 자연스럽게 완성할 수 있게 됐다. - stagger 옵션으로 word와 character 애니메이션을 순차적으로 재생할 수 있게 됐다. - code block의 meta 전달, lineNumbers 제어, 긴 줄 스크롤, 언어 식별자 처리, 완료된 블록 재렌더링 문제가 개선됐다. - save()의 text/csv 저장과 Tailwind v3 호환성이 수정됐다.
바뀐 것
새 기능
- inlineKatex 옵션이 추가되어 스트리밍 중 $formula 를 $formula$ 로 자동 완성할 수 있게 됐다.
- single ~ 가 단어 문자 사이에 있을 때 잘못된 strikethrough로 렌더링되지 않도록 하는 singleTilde 옵션이 추가됐고 기본값은 활성화다.
- word와 character 스트리밍 애니메이션이 한꺼번에가 아니라 순차적으로 이어지도록 바뀌었고, stagger 옵션으로 간격을 조절할 수 있다.
- stagger 옵션이 추가되어 스트리밍 애니메이션 지연 시간을 설정할 수 있으며 기본값은 40ms다.
- custom renderers가 code fence의 raw metastring을 받을 수 있도록 선택적 meta prop이 추가됐다.
- lineNumbers prop이 추가되어 줄 번호 표시를 끌 수 있게 됐다.
개선
- 긴 code block 줄은 잘리지 않고 가로로 스크롤되도록 바뀌었다.
수정
- block KaTeX 완성 동작이 스트리밍 중 partial closing $ 가 나와도 올바르게 처리되도록 고쳐졌다.
- 완료된 code block이 새 streaming content가 와도 다시 렌더링되지 않도록 고쳐졌다.
- 알 수 없거나 잘린 언어 식별자는 오류를 내지 않고 plain text highlighting으로 처리되도록 바뀌었다.
- save()가 text/csv 저장 시 UTF-8 BOM을 앞에 붙여 Windows의 Excel이 인코딩을 올바르게 감지하도록 고쳐졌다.
- Tailwind v4 전용 *:last: / *:first: 문법을 대체해 Tailwind CSS v3에서 caret 렌더링이 깨지지 않도록 수정했다.