Streamdown 2.3 — Refreshed design and interactive playground
요약
Streamdown 2.3 버전은 전반적인 사용자 경험(UX)과 개발 편의성을 대폭 향상시킨 주요 업데이트입니다. 테이블, 코드 블록, Mermaid 다이어그램 등에 통일된 'Nested-Card' 디자인을 적용하여 시각적 일관성을 높였습니다. 특히, 새로운 인터랙티브 플레이그라운드는 커스텀 마크다운 및 편집 가능한 속성(props)으로 실시간 실행이 가능해져, 로컬 프로젝트 설정 없이도 빠른 테스트와 실험이 가능합니다. 또한, 코드 블록의 초기 렌더링 지연 시간을 줄이고, 테이블에서 Markdown 복사 기능을 추가하는 등 개발자
핵심 포인트
- 통일된 Nested-Card 디자인을 적용하여 테이블, 코드 블록, Mermaid 다이어그램 등의 시각적 일관성을 확보했습니다.
- 새로운 인터랙티브 플레이그라운드를 통해 커스텀 마크다운과 편집 가능한 속성(props)으로 실시간 테스트 및 빠른 실험이 가능합니다.
- 코드 블록의 초기 렌더링 지연 시간을 줄여 사용자 체감 성능을 개선하고, 테이블에서 Markdown 복사 기능을 추가했습니다.
- CJK, Math, Mermaid 등 플러그인 문서를 전용 페이지로 통합하고 홈페이지를 개편하여 온보딩 경험을 최적화했습니다.
Streamdown 2.3 — Refreshed design and interactive playground
Streamdown 2.3은 테이블(tables), 코드 블록(code blocks), Mermaid 다이어그램에 통일된 중첩 카드 디자인(unified nested-card design)을 적용하여 디자인 일관성을 향상시킵니다. 액션 버튼(Action buttons)은 이제 스크롤 중에도 고정(sticky) 상태를 유지하며, 코드 블록은 구문 강조(syntax highlighting)가 로드되기 전에 일반 텍스트(plain text)로 즉시 렌더링되어 체감 지연 시간(perceived latency)을 줄입니다. 테스트 속도를 높이기 위해 새로운 인터랙티브 플레이그라운드(interactive playground)는 사용자 지정 마크다운(custom markdown) 및 편집 가능한 속성(editable props)으로 실시간 실행을 지원합니다. 이를 통해 로컬 프로젝트를 구동하지 않고도 구성 변경에 대한 더 빠른 실험이 가능해졌습니다. 새로운 훅(hooks)과 유틸리티(utilities)는 렌더링에 대한 제어력을 향상시킵니다. 이 훅은 스트리밍 중인(streaming) 진행 중인 울타리 코드 블록(fenced code blocks)을 감지합니다. 테이블은 이제 마크다운으로 복사하는 기능을 지원하며, 새로운 HTML 들여쓰기 정규화 속성(HTML indentation normalization property)이 원시 입력(raw input)의 일관되지 않은 공백(inconsistent whitespace)을 처리합니다. 이미지 렌더링 또한 사용자 지정 메시지(custom messaging)를 포함하여 향상된 오류 처리 기능을 제공합니다. UseIsCodeFenceIncomplete 문서는 더 쉬운 참고를 위해 재구성되었습니다. CJK, 수학(Math), Mermaid에 대한 플러그인 문서가 전용 페이지로 통합되었으며, 개편된 홈페이지는 더 빠른 온보딩을 위해 템플릿으로 직접 연결됩니다. 이 릴리스에서는 또한 중첩 HTML 블록 파싱(nested HTML block parsing), 사용자 지정 태그 처리(custom tag handling), Mermaid 다이어그램 아티팩트(diagram artifacts), 그리고 Shiki 구문 엔진 불일치성(syntax engine inconsistencies)과 관련된 문제를 해결했습니다. Streamdown 2.3은 완전히 정리된 버그 백로그(bug backlog)와 함께 출시됩니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 Vercel AI의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기