stave-code

Stave Code 提供了一个功能齐全的实时编程环境，专为音乐和视觉创意编程而设计。它与 Strudel、Sonic Pi、p5.js 和 Hydra 紧密集成，提供类似于 VS Code 的界面，包括标签页、分屏窗格、命令面板和禅模式，且无需 iframe 边界。内联可视化工具通过 .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+。