wip: overview (#688)

* wip: overview

apps/client/src/common/hooks-query/useProjectData.ts

@@ -16,5 +16,5 @@ export default function useProjectData() {
     networkMode: 'always',
   });
 
-  return { data, status, isFetching, isError, refetch };
+  return { data: data ?? projectDataPlaceholder, status, isFetching, isError, refetch };
 }

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

@@ -120,3 +120,14 @@ export const useTimer = () => {
 };
 
 export const setClientName = (newName: string) => socketSendJson('set-client-name', newName);
+
+export const useRuntimeOverview = () => {
+  const featureSelector = (state: RuntimeStore) => ({
+    playback: state.playback,
+    clock: state.timer.clock,
+    numEvents: state.loaded.numEvents,
+    selectedEventIndex: state.loaded.selectedEventIndex,
+  });
+
+  return useRuntimeStore(featureSelector, deepCompare);
+};