stave-code

O Stave Code oferece um ambiente de live-coding completo, adaptado para codificação criativa em música e visuais. Ele integra-se estreitamente com Strudel, Sonic Pi, p5.js e Hydra, oferecendo uma interface semelhante ao VS Code, incluindo abas, painéis divididos, paleta de comandos e modo zen — tudo sem as limitações de iframes. Visualizadores inline são renderizados diretamente entre as linhas de código via sintaxe .viz("name"), permitindo feedback em tempo real sincronizado com os padrões. O editor suporta realce de sintaxe, preenchimento automático, busca global e atalhos de teclado personalizáveis. Os recursos de áudio incluem integração direta com @strudel/core e @strudel/webaudio, realce de notas ativas, analisadores por trilha e exibição de erros de execução dentro do editor. Os visualizadores podem ser nomeados, reutilizados e recarregados a quente; os integrados incluem spectrum, oscilloscope, pianoroll e mais. Os projetos são armazenados localmente usando Yjs + y-indexeddb, suportando pastas, histórico de versões e importação/exportação de arquivos ZIP. As opções de exportação incluem arquivos WAV de renderização rápida e exportações multi-stem. O editor principal está disponível como uma biblioteca de componentes React para incorporação em outros aplicativos. Construído com React 19, Next.js 16 (Turbopack), TypeScript e Monaco Editor, ele funciona localmente ou hospedado em stave.live. Pré-requisitos: Node 18+, pnpm 9+.