From 0e185b73355c1cbfde6a7654a0e6d2c99a011cf4 Mon Sep 17 00:00:00 2001
From: Felix Roos <flix91@gmail.com>
Date: Sun, 14 Aug 2022 15:43:17 +0200
Subject: [PATCH] wait for prebake to finish before evaluating

---
 repl/src/App.jsx     | 4 ++--
 repl/src/prebake.mjs | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/repl/src/App.jsx b/repl/src/App.jsx
index ce9be045..fd464d2b 100644
--- a/repl/src/App.jsx
+++ b/repl/src/App.jsx
@@ -219,12 +219,12 @@ function App() {
                 className="hover:bg-gray-300 p-2"
                 onClick={async () => {
                   const _code = getRandomTune();
-                  console.log('tune', _code); // uncomment this to debug when random code fails
+                  // console.log('tune', _code); // uncomment this to debug when random code fails
                   setCode(_code);
                   cleanupDraw();
                   cleanupUi();
                   resetLoadedSamples();
-                  prebake();
+                  await prebake(); // declare default samples
                   const parsed = await evaluate(_code);
                   setPattern(parsed.pattern);
                   setActiveCode(_code);
diff --git a/repl/src/prebake.mjs b/repl/src/prebake.mjs
index ef617621..49fc4a64 100644
--- a/repl/src/prebake.mjs
+++ b/repl/src/prebake.mjs
@@ -1,7 +1,7 @@
 import { Pattern, toMidi } from '@strudel.cycles/core';
 import { samples } from '@strudel.cycles/webaudio';
 
-export function prebake(isMock = false) {
+export async function prebake(isMock = false) {
   samples(
     {
       piano: {
@@ -42,7 +42,7 @@ export function prebake(isMock = false) {
     './piano/',
   );
   if (!isMock) {
-    fetch('EmuSP12.json')
+    await fetch('EmuSP12.json')
       .then((res) => res.json())
       .then((json) => samples(json, './EmuSP12/'));
   }