V2 monorepo (#285)

* refactor(project structure): UI * refactor(project structure): extract utilities * refactor(project structure): remove unused * refactor(project structure): electron * refactor(project structure): server refactor: migrate to vitest refactor: monorepo config * refactor: extract application menu * refactor: exit process * refactor: extract tray menu * chore: electron build * Added Seconds in studio clock #282 --------- Co-authored-by: Fabian Posenau <fabian@fphome.de> --------- Co-authored-by: Fabian Posenau <fabian.p99@gmx.de> Co-authored-by: Fabian Posenau <fabian@fphome.de>
2026-08-16 12:53:32 +00:00 · 2023-02-14 22:02:15 +01:00
parent 3918758d32
commit de9a7a87fd
439 changed files with 11381 additions and 14294 deletions
@@ -0,0 +1,145 @@
+/* eslint-disable react/display-name */
+import { useEffect, useMemo, useState } from 'react';
+
+import { useMessageControl } from '../../common/hooks/useSocket';
+import useSubscription from '../../common/hooks/useSubscription';
+import useEvent from '../../common/hooks-query/useEvent';
+import useRundown from '../../common/hooks-query/useRundown';
+import useViewSettings from '../../common/hooks-query/useViewSettings';
+import socket from '../../common/utils/socket';
+
+const withSocket = (Component) => {
+  return (props) => {
+    const { data: eventsData } = useRundown();
+    const { data: genData } = useEvent();
+    const { data: viewSettings } = useViewSettings();
+    const { data: messages } = useMessageControl();
+
+    const [publicSelectedId, setPublicSelectedId] = useState(null);
+
+    const [timer] = useSubscription('ontime-timer', {
+      clock: null,
+      current: null,
+      elapsed: null ,
+      expectedFinish: null,
+      addedTime: 0,
+      startedAt: null,
+      finishedAt: null,
+      secondaryTimer: null,
+    });
+    const [titles] = useSubscription('titles', {
+      titleNow: '',
+      subtitleNow: '',
+      presenterNow: '',
+      titleNext: '',
+      subtitleNext: '',
+      presenterNext: '',
+    });
+    const [publicTitles] = useSubscription('publictitles', {
+      titleNow: '',
+      subtitleNow: '',
+      presenterNow: '',
+      titleNext: '',
+      subtitleNext: '',
+      presenterNext: '',
+    });
+    const [selectedId] = useSubscription('selected-id', null);
+    const [nextId] = useSubscription('next-id', null);
+    const [playback] = useSubscription('playback', null);
+
+    // Ask for update on load
+    useEffect(() => {
+      // todo: remove
+      socket.on('publicselected-id', (data) => {
+        setPublicSelectedId(data);
+      });
+    }, []);
+
+
+    const publicEvents = useMemo(() => {
+      if (Array.isArray(eventsData)) {
+        return eventsData.filter((d) => d.type === 'event' && d.title !== '' && d.isPublic);
+      }
+      return [];
+    }, [eventsData]);
+
+    /********************************************/
+    /***  + titleManager                      ***/
+    /***  WRAP INFORMATION RELATED TO TITLES  ***/
+    /***  ----------------------------------  ***/
+    /********************************************/
+    // is there a now field?
+    let showNow = true;
+    if (!titles.titleNow && !titles.subtitleNow && !titles.presenterNow) showNow = false;
+
+    // is there a next field?
+    let showNext = true;
+    if (!titles.titleNext && !titles.subtitleNext && !titles.presenterNext) showNext = false;
+
+    const titleManager = { ...titles, showNow: showNow, showNext: showNext };
+
+    /********************************************/
+    /***  + publicTitleManager               ***/
+    /***  WRAP INFORMATION RELATED TO TITLES  ***/
+    /***  ----------------------------------  ***/
+    /********************************************/
+    // is there a now field?
+    let showPublicNow = true;
+    if (!publicTitles.titleNow && !publicTitles.subtitleNow && !publicTitles.presenterNow)
+      showPublicNow = false;
+
+    // is there a next field?
+    let showPublicNext = true;
+    if (!publicTitles.titleNext && !publicTitles.subtitleNext && !publicTitles.presenterNext)
+      showPublicNext = false;
+
+    const publicTitleManager = {
+      ...publicTitles,
+      showNow: showPublicNow,
+      showNext: showPublicNext,
+    };
+
+    /******************************************/
+    /***  + TimeManagerType                     ***/
+    /***  WRAP INFORMATION RELATED TO TIME  ***/
+    /***  --------------------------------  ***/
+    /******************************************/
+
+    // inject info:
+    // is timer finished
+    // get clock string
+    const TimeManagerType = {
+      ...timer,
+      finished: playback === 'play' && timer.current < 0 && timer.startedAt,
+      playback,
+    };
+
+    // prevent render until we get all the data we need
+    if (!viewSettings) {
+      return null;
+    }
+
+    Component.displayName = 'ComponentWithData';
+    return (
+      <Component
+        {...props}
+        pres={messages.presenter}
+        publ={messages.public}
+        lower={messages.lower}
+        title={titleManager}
+        publicTitle={publicTitleManager}
+        time={TimeManagerType}
+        events={publicEvents}
+        backstageEvents={eventsData}
+        selectedId={selectedId}
+        publicSelectedId={publicSelectedId}
+        viewSettings={viewSettings}
+        nextId={nextId}
+        general={genData}
+        onAir={messages.onAir}
+      />
+    );
+  };
+};
+
+export default withSocket;