event cucle (#76)

* install sass
* refact: integration settings
- OSC in its own HTTP endpoint
- OSC settings have own object in db
* refact: simplify event cycle
* refact: restructure external triggers http
* refact: restructure external triggers osc+socket
* refact: restructure data updates
* feat: osc integration class
* IO improvements
- timer uses osc integration
- create trigger handler to manage external triggers
* refact: refract state machine update
* Integration: simple HTTP Client
* Integration: http options in datamodel
* Integration: call http send on life cycle
* feat/62-logging: fix issue #71

client/src/features/viewers/backstage/StageManager.jsx

@@ -21,10 +21,10 @@ export default function StageManager(props) {
   useEffect(() => {
     if (backstageEvents == null) return;
 
-    setFilteredEvents(getEventsWithDelay(backstageEvents));
+    const f = getEventsWithDelay(backstageEvents)
 
-    console.log('hhh', getEventsWithDelay(backstageEvents))
-  }, [backstageEvents]);
+    setFilteredEvents(f);
+    }, [backstageEvents]);
 
   // Format messages
 

client/src/features/viewers/studio/StudioClock.jsx

@@ -3,7 +3,11 @@ import useFitText from "use-fit-text";
 import NavLogo from "../../../common/components/nav/NavLogo";
 import {useEffect, useState} from "react";
 import {formatDisplay} from "../../../common/utils/dateConfig";
-import {formatEventList, trimEventlist} from "../../../common/utils/eventsManager";
+import {
+  formatEventList,
+  getEventsWithDelay,
+  trimEventlist
+} from "../../../common/utils/eventsManager";
 
 export default function StudioClock(props) {
   const {title, time, backstageEvents, selectedId, nextId, onAir} = props;
@@ -25,11 +29,11 @@ export default function StudioClock(props) {
   useEffect(() => {
     if (backstageEvents == null) return;
 
-    const events = backstageEvents.filter((e) => e.type === 'event');
-
-    let e = trimEventlist(events, selectedId, MAX_TITLES);
-    e = formatEventList(e, selectedId, nextId);
-    setSchedule(e);
+    const delayed = getEventsWithDelay(backstageEvents);
+    const events = delayed.filter((e) => e.type === 'event');
+    const trimmed = trimEventlist(events, selectedId, MAX_TITLES);
+    const formatted = formatEventList(trimmed, selectedId, nextId);
+    setSchedule(formatted);
 
   }, [backstageEvents, selectedId, nextId]);