elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-13 06:38:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

build react package

Browse Source
This commit is contained in:
Felix Roos 2022-08-21 11:22:30 +02:00
parent 8103943396
commit e37e0f189a
3 changed files with 23 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/react/dist/index.cjs.js vendored
View File

File diff suppressed because one or more lines are too long

43
packages/react/dist/index.es.js vendored
View File

@ -552,38 +552,34 @@ function MiniRepl({ tune, defaultSynth, hideOutsideView = false, theme, init, on
})));
}
function useScheduler(pattern, defaultOutput, interval = 0.1) {
const [error, setError] = useState();
const scheduler = useMemo(
() => new Scheduler({ interval, onTrigger: defaultOutput, onError: setError }),
[defaultOutput, interval]
);
useEffect(() => {
pattern && scheduler?.setPattern(pattern);
}, [pattern, scheduler]);
return { error, scheduler };
}
function useEvaluator({ code, evalOnMount = true }) {
const [error, setError] = useState();
function useStrudel({ defaultOutput, interval, getTime, code, evalOnMount = true }) {
// scheduler
const [schedulerError, setSchedulerError] = useState();
const [evalError, setEvalError] = useState();
const [activeCode, setActiveCode] = useState(code);
const [pattern, setPattern] = useState();
const isDirty = code !== activeCode;
// TODO: how / when to remove schedulerError?
const scheduler = useMemo(
() => new Scheduler({ interval, onTrigger: defaultOutput, onError: setSchedulerError, getTime }),
[defaultOutput, interval],
);
const evaluate$1 = useCallback(async () => {
if (!code) {
console.log("no code..");
console.log('no code..');
return;
}
try {
const { pattern: _pattern } = await evaluate(code);
// TODO: let user inject custom eval function?
const { pattern } = await evaluate(code);
setActiveCode(code);
setPattern(_pattern);
setError();
scheduler?.setPattern(pattern);
setEvalError();
} catch (err) {
setError(err);
console.warn("eval error", err);
setEvalError(err);
console.warn('eval error', err);
}
}, [code, scheduler]);
const inited = useRef();
useEffect(() => {
if (!inited.current && evalOnMount) {
@ -591,7 +587,8 @@ function useEvaluator({ code, evalOnMount = true }) {
evaluate$1();
}
}, [evaluate$1, evalOnMount]);
return { error, evaluate: evaluate$1, activeCode, pattern, isDirty };
return { schedulerError, scheduler, evalError, evaluate: evaluate$1, activeCode, isDirty };
}
// set active pattern on ctrl+enter
@ -640,4 +637,4 @@ function useWebMidi(props) {
return { loading, outputs, outputByName };
}
export { CodeMirror, MiniRepl, cx, flash, useCycle, useEvaluator, useHighlighting, useKeydown, usePostMessage, useRepl, useScheduler, useWebMidi };
export { CodeMirror, MiniRepl, cx, flash, useCycle, useHighlighting, useKeydown, usePostMessage, useRepl, useStrudel, useWebMidi };

3
packages/react/src/index.js
View File

@ -6,8 +6,7 @@ export { default as useCycle } from './hooks/useCycle';
export { default as useHighlighting } from './hooks/useHighlighting';
export { default as usePostMessage } from './hooks/usePostMessage';
export { default as useRepl } from './hooks/useRepl';
export { default as useScheduler } from './hooks/useScheduler';
export { default as useEvaluator } from './hooks/useEvaluator';
export { default as useStrudel } from './hooks/useStrudel';
export { default as useKeydown } from './hooks/useKeydown';
export { default as cx } from './cx';
export { useWebMidi } from './hooks/useWebMidi';