mirror/strudel
1
0
Fork 0
mirror of https://codeberg.org/uzu/strudel synced 2026-09-05 14:58:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

react: usable onEvent

Browse Source
This commit is contained in:
Felix Roos
2022-06-07 21:16:17 +02:00
parent 8a57333f72
commit 8051286904
4 changed files with 17 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react/dist/index.cjs.js
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
packages/react/dist/index.es.js
Vendored
+8 -5
View File
@@ -330,7 +330,7 @@ function useRepl({ tune, defaultSynth, autolink = true, onEvent, onDraw: onDrawP
onEvent: useCallback(
(time, event, currentTime) => {
try {
onEvent?.(event);
onEvent?.(time, event, currentTime);
if (event.context.logs?.length) {
event.context.logs.forEach(pushLog);
}
@@ -339,8 +339,10 @@ function useRepl({ tune, defaultSynth, autolink = true, onEvent, onDraw: onDrawP
if (defaultSynth) {
const note = getPlayableNoteValue(event);
defaultSynth.triggerAttackRelease(note, event.duration.valueOf(), time, velocity);
} else {
throw new Error('no defaultSynth passed to useRepl.');
} else if (!onEvent) {
throw new Error(
'no defaultSynth nor onEvent passed to useRepl + event has no onTrigger. nothing happens',
);
}
/* console.warn('no instrument chosen', event);
throw new Error(`no instrument chosen for ${JSON.stringify(event)}`); */
@@ -563,11 +565,12 @@ function Icon({ type }) {
}[type]);
}
function MiniRepl({ tune, defaultSynth, hideOutsideView = false, theme, init }) {
function MiniRepl({ tune, defaultSynth, hideOutsideView = false, theme, init, onEvent }) {
const { code, setCode, pattern, activeCode, activateCode, evaluateOnly, error, cycle, dirty, togglePlay, stop } = useRepl({
tune,
defaultSynth,
autolink: false
autolink: false,
onEvent
});
useEffect(() => {
init && evaluateOnly();
packages/react/src/components/MiniRepl.jsx
+2 -1
View File
@@ -9,12 +9,13 @@ import './style.css';
import styles from './MiniRepl.module.css';
import { Icon } from './Icon';
export function MiniRepl({ tune, defaultSynth, hideOutsideView = false, theme, init }) {
export function MiniRepl({ tune, defaultSynth, hideOutsideView = false, theme, init, onEvent }) {
const { code, setCode, pattern, activeCode, activateCode, evaluateOnly, error, cycle, dirty, togglePlay, stop } =
useRepl({
tune,
defaultSynth,
autolink: false,
onEvent,
});
useEffect(() => {
init && evaluateOnly();
packages/react/src/hooks/useRepl.mjs
+5 -3
View File
@@ -42,7 +42,7 @@ function useRepl({ tune, defaultSynth, autolink = true, onEvent, onDraw: onDrawP
onEvent: useCallback(
(time, event, currentTime) => {
try {
onEvent?.(event);
onEvent?.(time, event, currentTime);
if (event.context.logs?.length) {
event.context.logs.forEach(pushLog);
}
@@ -51,8 +51,10 @@ function useRepl({ tune, defaultSynth, autolink = true, onEvent, onDraw: onDrawP
if (defaultSynth) {
const note = getPlayableNoteValue(event);
defaultSynth.triggerAttackRelease(note, event.duration.valueOf(), time, velocity);
} else {
throw new Error('no defaultSynth passed to useRepl.');
} else if (!onEvent) {
throw new Error(
'no defaultSynth nor onEvent passed to useRepl + event has no onTrigger. nothing happens',
);
}
/* console.warn('no instrument chosen', event);
throw new Error(`no instrument chosen for ${JSON.stringify(event)}`); */