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

state

Browse Source
This commit is contained in:
Jade (Rose) Rowland 2024-01-03 01:04:39 -05:00
parent 1e2c26123b
commit 1bc86c359e
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
website/src/repl/Repl.jsx
View File

@ -18,6 +18,7 @@ import {
settingsMap,
updateUserCode,
useSettings,
useActivePattern,
} from '../settings.mjs';
import { Header } from './Header';
import Loader from './Loader';
@ -33,7 +34,7 @@ export const ReplContext = createContext(null);
const { latestCode } = settingsMap.get();
let modulesLoading, presets, drawContext, clearCanvas, isIframe;
let modulesLoading, presets, drawContext, clearCanvas, isIframe, viewingPatternID;
if (typeof window !== 'undefined') {
initAudioOnFirstClick();
modulesLoading = loadModules();
@ -140,8 +141,10 @@ export function Repl({ embedded = false }) {
const handleTogglePlay = async () => editorRef.current?.toggle();
// payload = {reset: boolean, code: string, evaluate: boolean}
const handleUpdate = async ({ reset = false, code = null, evaluate = true }) => {
// payload = {reset?: boolean, code?: string, evaluate?: boolean, patternID?: string }
const handleUpdate = async (payload) => {
const { reset = false, code = null, evaluate = true, patternID = null } = payload;
console.log(payload);
if (reset) {
clearCanvas();
resetLoadedSounds();
@ -150,9 +153,15 @@ export function Repl({ embedded = false }) {
}
if (code != null) {
editorRef.current.setCode(code);
viewingPatternID = patternID;
}
if (evaluate && isDirty) {
console.log(isDirty);
if (evaluate) {
editorRef.current.evaluate();
if (viewingPatternID != null) {
setActivePattern(viewingPatternID);
}
}
};
const handleShuffle = async () => {

3
website/src/repl/panel/PatternsTab.jsx
View File

@ -46,8 +46,7 @@ export function PatternsTab({ context }) {
const isExample = useMemo(() => activePattern && !!tunes[activePattern], [activePattern]);
const onPatternClick = (key, data) => {
const { code } = data;
setActivePattern(key);
context.handleUpdate({ code, evaluate: false });
context.handleUpdate({ patternID: key, code, evaluate: false });
};
const examplePatterns = {};