fix(strudel): Workaround - On init, eval silence to make sure everyth…

…ing is loaded

packages/web/src/lib/strudel-wrapper.ts

@@ -60,7 +60,6 @@ export class StrudelWrapper {
     this._session = session;
 
     let lastFrame: number | null = null;
-
     this.framer = new Framer(
       () => {
         const phase = this._repl.scheduler.now();
@@ -71,6 +70,9 @@ export class StrudelWrapper {
         if (!this._editorRefs) {
           return;
         }
+        if (!this._repl.scheduler.pattern) {
+          return;
+        }
         // queries the stack of strudel patterns for the current time
         const allHaps = this._repl.scheduler.pattern.queryArc(
           Math.max(lastFrame!, phase - 1 / 10), // make sure query is not larger than 1/10 s
@@ -144,8 +146,14 @@ export class StrudelWrapper {
       getTime: () => getAudioContext().currentTime,
       transpiler,
     });
+
     this.framer.start(); // TODO: when to start stop?
 
+    // For some reason, we need to make a no-op evaluation ("silence") to make
+    // sure everything is loaded correctly.
+    const pattern = await this._repl.evaluate(`silence`);
+    await this._repl.scheduler.setPattern(pattern, true);
+
     this.initialized = true;
   }