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+ です。