mirror of
https://github.com/eliasstepanik/strudel.git
synced 2026-01-11 21:58:37 +00:00
fada7fc9cc
- @strudel.cycles/eval@0.3.1 - @strudel.cycles/midi@0.3.1 - @strudel.cycles/mini@0.3.1 - @strudel.cycles/react@0.3.1 - @strudel.cycles/soundfonts@0.3.1 - @strudel.cycles/tonal@0.3.1 - @strudel.cycles/tone@0.3.1 - @strudel.cycles/webaudio@0.3.1 - @strudel.cycles/webdirt@0.3.1 - @strudel.cycles/xen@0.3.1
@strudel.cycles/react
This package contains react hooks and components for strudel. It is used internally by the Strudel REPL.
Install
npm i @strudel.cycles/react
Usage
Here is a minimal example of how to set up a MiniRepl:
import { evalScope, controls } from '@strudel.cycles/core';
import { MiniRepl } from '@strudel.cycles/react';
import { prebake } from '../repl/src/prebake.mjs';
evalScope(
controls,
import('@strudel.cycles/core'),
import('@strudel.cycles/tonal'),
import('@strudel.cycles/mini'),
import('@strudel.cycles/webaudio'),
/* probably import other strudel packages */
);
prebake();
export function Repl({ tune }) {
return <MiniRepl tune={tune} hideOutsideView={true} />;
}
Development
If you change something in here and want to see the changes in the repl, make sure to run npm run build inside this folder!
npm run dev # dev server
npm run build # build package