Streamdown 2.3 — 새로워진 디자인 및 인터랙티브 플레이그라운드

Source: Vercel Blog

개요

Streamdown 2.3은 테이블, 코드 블록, Mermaid 다이어그램에 통합된 중첩 카드 디자인을 적용해 디자인 일관성을 높였습니다. 액션 버튼은 스크롤 중에도 고정되어 남으며, 코드 블록은 구문 강조가 로드되기 전 바로 일반 텍스트를 렌더링해 인지된 지연 시간을 줄입니다.

새로운 기능

• 인터랙티브 플레이그라운드 – 사용자 정의 마크다운과 편집 가능한 props를 사용한 실시간 실행으로, 로컬 프로젝트를 띄우지 않고도 구성 변경을 빠르게 실험할 수 있습니다.
• 통합 카드 디자인 – 테이블, 코드 블록, Mermaid 다이어그램이 일관된 중첩 카드 외관을 공유합니다.
• 고정 액션 버튼 – 스크롤하는 동안에도 액션 버튼이 화면에 계속 표시됩니다.
• 즉시 일반 텍스트 렌더링 – 코드 블록이 먼저 원시 텍스트를 즉시 표시하고, 이후 구문 강조를 적용합니다.

개선 사항

• 새 훅 – useIsCodeFenceIncomplete는 스트리밍 중인 진행 중인 펜스 코드 블록을 감지합니다.
• 테이블 개선 – 테이블이 이제 마크다운 복사를 지원합니다.
• HTML 정규화 – 새로운 HTML 들여쓰기 정규화 속성이 원시 입력의 불규칙한 공백을 처리합니다.
• 이미지 렌더링 – 사용자 정의 메시지를 통한 오류 처리 기능이 향상되었습니다.
• 문서 재구성 – CJK, Math, Mermaid 플러그인 문서가 전용 페이지로 통합되고, 새롭게 디자인된 홈 페이지가 템플릿으로 바로 연결돼 온보딩 속도가 빨라졌습니다.

버그 수정

• 중첩 HTML 블록 파싱, 커스텀 태그 처리, Mermaid 다이어그램 아티팩트, Shiki 구문 엔진 불일치와 관련된 문제를 해결했습니다.
• Streamdown 2.3은 완전히 정리된 버그 백로그와 함께 제공됩니다.

추가 읽을거리

문서 읽기