pass data from ssocket

apps/client/src/common/hooks/useSocket.ts

@@ -172,8 +172,11 @@ export const useTimelineStatus = createSelector((state: RuntimeStore) => ({
 
 export const useTimeUntilData = createSelector((state: RuntimeStore) => ({
   clock: state.clock,
-  offset: state.runtime.offset,
+  offset: state.runtime.offsetMode === OffsetMode.Absolute ? state.runtime.offset : state.runtime.relativeOffset,
+  offsetMode: state.runtime.offsetMode,
   currentDay: state.eventNow?.dayOffset ?? 0, //The day of the currently running event
+  actualStart: state.runtime.actualStart,
+  plannedStart: state.runtime.plannedStart,
 }));
 
 export const useRuntimeOffset = createSelector((state: RuntimeStore) => ({

apps/client/src/common/utils/__tests__/time.test.ts

@@ -54,6 +54,8 @@ describe('calculateTimeUntilStart()', () => {
         clock: 90,
         offset: 0,
         offsetMode: OffsetMode.Absolute,
+        actualStart: null,
+        plannedStart: null,
       };
 
       expect(calculateTimeUntilStart({ ...test, isLinkedToLoaded: false })).toBe(10);
@@ -70,6 +72,8 @@ describe('calculateTimeUntilStart()', () => {
         clock: 90,
         offset: -20,
         offsetMode: OffsetMode.Absolute,
+        actualStart: null,
+        plannedStart: null,
       };
 
       expect(calculateTimeUntilStart({ ...test, isLinkedToLoaded: false })).toBe(30);
@@ -86,6 +90,8 @@ describe('calculateTimeUntilStart()', () => {
         clock: 80,
         offset: 10,
         offsetMode: OffsetMode.Absolute,
+        actualStart: null,
+        plannedStart: null,
       };
 
       expect(calculateTimeUntilStart({ ...test, isLinkedToLoaded: false })).toBe(20); // <-- when running ahead the unlinked timer stays put
@@ -102,6 +108,8 @@ describe('calculateTimeUntilStart()', () => {
         clock: 50,
         offset: -20,
         offsetMode: OffsetMode.Absolute,
+        actualStart: null,
+        plannedStart: null,
       };
 
       expect(calculateTimeUntilStart({ ...test, isLinkedToLoaded: false })).toBe(50);
@@ -118,6 +126,8 @@ describe('calculateTimeUntilStart()', () => {
         clock: 50,
         offset: -20,
         offsetMode: OffsetMode.Absolute,
+        actualStart: 0,
+        plannedStart: 0,
       };
 
       expect(calculateTimeUntilStart({ ...test, isLinkedToLoaded: false })).toBe(60);

apps/client/src/common/utils/time.ts

@@ -138,11 +138,10 @@ export function useTimeUntilStart(
   data: Pick<OntimeEvent, 'timeStart' | 'dayOffset' | 'delay'> & {
     totalGap: number;
     isLinkedToLoaded: boolean;
-    offsetMode: OffsetMode;
   },
 ): number {
-  const { offset, clock, currentDay } = useTimeUntilData();
-  return calculateTimeUntilStart({ ...data, currentDay, clock, offset });
+  const { offset, clock, currentDay, offsetMode, actualStart, plannedStart } = useTimeUntilData();
+  return calculateTimeUntilStart({ ...data, currentDay, clock, offset, offsetMode, actualStart, plannedStart });
 }
 
 /**
@@ -162,8 +161,8 @@ export function calculateTimeUntilStart(
     clock: number;
     offset: number;
     offsetMode: OffsetMode;
-    actualStart?: number;
-    plannedStart?: number;
+    actualStart: MaybeNumber;
+    plannedStart: MaybeNumber;
   },
 ): number {
   const {
@@ -191,9 +190,7 @@ export function calculateTimeUntilStart(
   let relativeStartOffset = 0;
 
   if (offsetMode === OffsetMode.Relative) {
-    assert(actualStart !== undefined);
-    assert(plannedStart !== undefined);
-    relativeStartOffset = actualStart - plannedStart;
+    relativeStartOffset = (actualStart ?? 0) - (plannedStart ?? 0);
   }
 
   const scheduledTimeUntil = normalisedTimeStart - clock + relativeStartOffset;