From 6eec4277c18c388a489552687186bbae17f9eff1 Mon Sep 17 00:00:00 2001
From: "Jade (Rose) Rowland" <jaderowlanddev@gmail.com>
Date: Mon, 8 Jan 2024 23:34:12 -0500
Subject: [PATCH] playing around

---
 packages/core/cyclist.mjs | 60 +++++++++++++++++++++++++++++++--------
 1 file changed, 48 insertions(+), 12 deletions(-)

diff --git a/packages/core/cyclist.mjs b/packages/core/cyclist.mjs
index c835ca76..9044980f 100644
--- a/packages/core/cyclist.mjs
+++ b/packages/core/cyclist.mjs
@@ -16,9 +16,20 @@ export class Cyclist {
     this.lastBegin = 0; // query begin of last tick
     this.lastEnd = 0; // query end of last tick
     this.getTime = getTime; // get absolute time
-    this.num_cycles_since_last_cps_change = 0;
+    this.num_cycles_at_cps_change = 0;
     this.onToggle = onToggle;
     this.latency = latency; // fixed trigger time offset
+    this.broadcast = new BroadcastChannel('strudel_clock');
+    this.nextCycleStartTime = 0;
+    this.broadcast.onmessage = (event) => {
+      const data = event.data;
+      const { cps, sendTime, phase, nextCycleStartTime, cycle } = data;
+      this.cps = cps;
+      const now = Date.now();
+      const messageLatency = now - sendTime;
+      console.log({ messageLatency });
+      this.nextCycleStartTime = now + nextCycleStartTime - messageLatency;
+    };
     this.clock = createClock(
       getTime,
       // called slightly before each cycle
@@ -27,23 +38,25 @@ export class Cyclist {
           this.origin = phase;
         }
         if (this.num_ticks_since_cps_change === 0) {
-          this.num_cycles_since_last_cps_change = this.lastEnd;
+          this.num_cycles_at_cps_change = this.lastEnd;
         }
         this.num_ticks_since_cps_change++;
         try {
           const time = getTime();
           const begin = this.lastEnd;
           this.lastBegin = begin;
-
+          console.log();
           //convert ticks to cycles, so you can query the pattern for events
           const eventLength = duration * this.cps;
-          const end = this.num_cycles_since_last_cps_change + this.num_ticks_since_cps_change * eventLength;
+          const num_cycles_since_cps_change = this.num_ticks_since_cps_change * eventLength;
+          const end = this.num_cycles_at_cps_change + num_cycles_since_cps_change;
           this.lastEnd = end;
 
           // query the pattern for events
           const haps = this.pattern.queryArc(begin, end);
 
           const tickdeadline = phase - time; // time left until the phase is a whole number
+
           this.lastTick = time + tickdeadline;
 
           haps.forEach((hap) => {
@@ -53,6 +66,16 @@ export class Cyclist {
               onTrigger?.(hap, deadline, duration, this.cps);
             }
           });
+          console.log(1 - (num_cycles_since_cps_change % 1));
+          if (tick % 1 === 0) {
+            // this.broadcast.postMessage({
+            //   cps: this.cps,
+            //   sendTime: Date.now(),
+            //   phase,
+            //   nextCycleStartTime: (1 - (num_cycles_since_cps_change % 1)) * this.cps * 1000,
+            //   cycle: num_cycles_since_cps_change,
+            // });
+          }
         } catch (e) {
           logger(`[cyclist] error: ${e.message}`);
           onError?.(e);
@@ -70,14 +93,27 @@ export class Cyclist {
     this.onToggle?.(v);
   }
   start() {
-    this.num_ticks_since_cps_change = 0;
-    this.num_cycles_since_last_cps_change = 0;
-    if (!this.pattern) {
-      throw new Error('Scheduler: no pattern set! call .setPattern first.');
-    }
-    logger('[cyclist] start');
-    this.clock.start();
-    this.setStarted(true);
+    const date = Date.now();
+    let wait = this.nextCycleStartTime - date;
+    wait = Math.max(0, wait);
+    console.log({ wait });
+
+    this.broadcast.postMessage({
+      type: 'request_start',
+    });
+
+    this.broadcast.onmessage;
+
+    setTimeout(() => {
+      this.num_ticks_since_cps_change = 0;
+      this.num_cycles_at_cps_change = 0;
+      if (!this.pattern) {
+        throw new Error('Scheduler: no pattern set! call .setPattern first.');
+      }
+      logger('[cyclist] start');
+      this.clock.start();
+      this.setStarted(true);
+    }, wait);
   }
   pause() {
     logger('[cyclist] pause');