hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add onEvent to useRepl

Browse source
This commit is contained in:
Felix Roos 2022-02-20 20:19:19 +01:00
parent d3dce4c662
commit 72835c80ed
1 changed files with 29 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

15
repl/src/useRepl.ts
View file

@ -1,7 +1,6 @@
import { useCallback, useLayoutEffect, useState, useMemo, useEffect } from 'react'; import { useCallback, useState, useMemo } from 'react';
import { isNote } from 'tone'; import { isNote } from 'tone';
import { evaluate } from './evaluate'; import { evaluate } from './evaluate';
import { useWebMidi } from './midi';
import type { Pattern } from './types'; import type { Pattern } from './types';
import useCycle from './useCycle'; import useCycle from './useCycle';
import usePostMessage from './usePostMessage'; import usePostMessage from './usePostMessage';
@ -12,7 +11,7 @@ let s4 = () => {
.substring(1); .substring(1);
}; };
function useRepl({ tune, defaultSynth, autolink = true }) { function useRepl({ tune, defaultSynth, autolink = true, onEvent }: any) {
const id = useMemo(() => s4(), []); const id = useMemo(() => s4(), []);
const [code, setCode] = useState<string>(tune); const [code, setCode] = useState<string>(tune);
const [activeCode, setActiveCode] = useState<string>(); const [activeCode, setActiveCode] = useState<string>();
@ -48,8 +47,10 @@ function useRepl({ tune, defaultSynth, autolink = true }) {
}; };
// cycle hook to control scheduling // cycle hook to control scheduling
const cycle = useCycle({ const cycle = useCycle({
onEvent: useCallback((time, event) => { onEvent: useCallback(
(time, event) => {
try { try {
onEvent?.(event);
if (!event.value?.onTrigger) { if (!event.value?.onTrigger) {
const note = event.value?.value || event.value; const note = event.value?.value || event.value;
if (!isNote(note)) { if (!isNote(note)) {
@ -71,7 +72,9 @@ function useRepl({ tune, defaultSynth, autolink = true }) {
err.message = 'unplayable event: ' + err?.message; err.message = 'unplayable event: ' + err?.message;
pushLog(err.message); // not with setError, because then we would have to setError(undefined) on next playable event pushLog(err.message); // not with setError, because then we would have to setError(undefined) on next playable event
} }
}, []), },
[onEvent]
),
onQuery: useCallback( onQuery: useCallback(
(span) => { (span) => {
try { try {
@ -146,7 +149,7 @@ function useRepl({ tune, defaultSynth, autolink = true }) {
togglePlay, togglePlay,
activateCode, activateCode,
activeCode, activeCode,
pushLog, pushLog
}; };
} }