stave-code

Stave Code proporciona un entorno de live-coding completo diseñado para la programación creativa en música y visuales. Se integra estrechamente con Strudel, Sonic Pi, p5.js e Hydra, ofreciendo una interfaz similar a VS Code que incluye pestañas, paneles divididos, paleta de comandos y modo zen, todo sin límites de iframe. Los visualizadores integrados se renderizan directamente entre líneas de código mediante la sintaxis .viz("name"), permitiendo un feedback en tiempo real sincronizado con los patrones. El editor soporta resaltado de sintaxis, autocompletado, búsqueda global y atajos de teclado personalizables. Las funciones de audio incluyen integración directa con @strudel/core y @strudel/webaudio, resaltado de notas activas, analizadores por pista y visualización de errores de ejecución dentro del editor. Los visualizadores pueden nombrarse, reutilizarse y recargarse en caliente; los integrados incluyen spectrum, oscilloscope, pianoroll y más. Los proyectos se almacenan localmente utilizando Yjs + y-indexeddb, soportando carpetas, historial de versiones e importación/exportación de archivos ZIP. Las opciones de exportación incluyen archivos WAV de renderizado rápido y exportaciones multi-stem. El editor central está disponible como una librería de componentes de React para ser embebido en otras aplicaciones. Construido con React 19, Next.js 16 (Turbopack), TypeScript y Monaco Editor, se ejecuta localmente o alojado en stave.live. Requisitos previos: Node 18+, pnpm 9+.