stave-code

Stave Code는 음악 및 비주얼 크리에이티브 코딩에 최적화된 풀 기능 라이브 코딩 환경을 제공합니다. Strudel, Sonic Pi, p5.js, Hydra와 긴밀하게 통합되며, iframe 경계 없이 탭, 분할 창, 커맨드 팔레트, 젠 모드 등 VS Code와 유사한 인터페이스를 제공합니다. 인라인 시각화 도구는 .viz("name") 구문을 통해 코드 라인 사이에 직접 렌더링되어 패턴과 동기화된 실시간 피드백을 가능하게 합니다. 에디터는 구문 강조, 자동 완성, 글로벌 검색 및 사용자 정의 키보드 단축키를 지원합니다. 오디오 기능에는 @strudel/core 및 @strudel/webaudio와의 직접 통합, 활성 노트 하이라이팅, 트랙별 분석기, 에디터 내 런타임 오류 표시가 포함됩니다. 시각화 도구는 이름을 지정하여 재사용 및 핫 리로딩이 가능하며, 스펙트럼, 오실로스코프, 피아노 롤 등의 내장 도구를 제공합니다. 프로젝트는 Yjs + y-indexeddb를 사용하여 로컬에 저장되며 폴더, 버전 기록, ZIP 가져오기/내보내기를 지원합니다. 내보내기 옵션으로는 빠르게 렌더링된 WAV 파일과 멀티 스템 내보내기가 있습니다. 핵심 에디터는 다른 앱에 임베드할 수 있도록 React 컴포넌트 라이브러리로 제공됩니다. React 19, Next.js 16 (Turbopack), TypeScript 및 Monaco Editor로 구축되었으며, 로컬에서 실행하거나 stave.live에서 호스팅됩니다. 필수 요구 사항은 Node 18+, pnpm 9+입니다.