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

support multiple repls on same page

Browse source
This commit is contained in:
Felix Roos 2022-02-18 15:01:01 +01:00
parent 3f051cdd8d
commit a05757f8d6
4 changed files with 36 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
repl/src/useCycle.ts
View file

@ -1,8 +1,9 @@
import { useEffect, useRef, useState } from 'react';
import { useEffect, useMemo, useRef, useState } from 'react';
import type { ToneEventCallback } from 'tone';
import * as Tone from 'tone';
import { TimeSpan } from '../../strudel.mjs';
import type { Hap } from './types';
import usePostMessage from './usePostMessage';
export declare interface UseCycleProps {
onEvent: ToneEventCallback<any>;
@ -61,7 +62,6 @@ function useCycle(props: UseCycleProps) {
}, [onEvent, onSchedule, onQuery, ready]);
const start = async () => {
console.log('start');
setStarted(true);
await Tone.start();
Tone.Transport.start('+0.1');
@ -72,7 +72,7 @@ function useCycle(props: UseCycleProps) {
Tone.Transport.pause();
};
const toggle = () => (started ? stop() : start());
return { start, stop, onEvent, started, toggle, query, activeCycle };
return { start, stop, setStarted, onEvent, started, toggle, query, activeCycle };
}
export default useCycle;