v2 alpha5 (#315)

* fix: fetch in offline environments (#295)

* add arm platforms to docker build

---------

Co-authored-by: Fabian Posenau <fabian@fphome.de>

* fix: docker build (#298)

Co-authored-by: Fabian Posenau <fabian@fphome.de>

* Timer: fix too many renders error when using ?progress (#305)

* ux: remove duplicate showing of selected event

* several small fixes and UX improvements
---------

Co-authored-by: Fabian Posenau <fabian.p99@gmx.de>
Co-authored-by: Fabian Posenau <fabian@fphome.de>
Co-authored-by: Marks Polakovs <github@markspolakovs.me>

apps/client/src/common/stores/createStore.ts

@@ -1,16 +0,0 @@
-export default function createStore<T>(initialState: T) {
-  let currentState = initialState;
-  const listeners = new Set<(state: T) => void>();
-
-  return {
-    get: () => currentState,
-    set: (newState: T) => {
-      currentState = newState;
-      listeners.forEach((listener) => listener(currentState));
-    },
-    subscribe: (listener: (state: T) => void) => {
-      listeners.add(listener);
-      return () => listeners.delete(listener);
-    },
-  };
-}

apps/client/src/common/stores/eventEditor.ts

@@ -0,0 +1,13 @@
+import { create } from 'zustand';
+
+type EventEditorStore = {
+  openId: string | null;
+  setOpenEvent: (eventId: string) => void;
+  removeOpenEvent: () => void;
+};
+
+export const useEventEditorStore = create<EventEditorStore>()((set) => ({
+  openId: null,
+  setOpenEvent: (eventId: string | null) => set({ openId: eventId }),
+  removeOpenEvent: () => set({ openId: null }),
+}));

apps/client/src/common/stores/localEvent.ts

@@ -0,0 +1,57 @@
+import { create } from 'zustand';
+
+import { booleanFromLocalStorage } from '../utils/localStorage';
+
+type EventSettings = {
+  showQuickEntry: boolean;
+  startTimeIsLastEnd: boolean;
+  defaultPublic: boolean;
+};
+
+type LocalEventStore = {
+  eventSettings: EventSettings;
+  setLocalEventSettings: (newState: EventSettings) => void;
+  setShowQuickEntry: (showQuickEntry: boolean) => void;
+  setStartTimeIsLastEnd: (startTimeIsLastEnd: boolean) => void;
+  setDefaultPublic: (defaultPublic: boolean) => void;
+};
+
+enum LocalEventKeys {
+  ShowQuickEntry = 'ontime-show-quick-entry',
+  StartTimeIsLastEnd = 'ontime-start-is-last-end',
+  DefaultPublic = 'ontime-default-public',
+}
+
+export const useLocalEvent = create<LocalEventStore>((set) => ({
+  eventSettings: {
+    showQuickEntry: booleanFromLocalStorage(LocalEventKeys.ShowQuickEntry, false),
+    startTimeIsLastEnd: booleanFromLocalStorage(LocalEventKeys.ShowQuickEntry, true),
+    defaultPublic: booleanFromLocalStorage(LocalEventKeys.ShowQuickEntry, true),
+  },
+
+  setLocalEventSettings: (value) =>
+    set(() => {
+      localStorage.setItem(LocalEventKeys.ShowQuickEntry, String(value.showQuickEntry));
+      localStorage.setItem(LocalEventKeys.StartTimeIsLastEnd, String(value.startTimeIsLastEnd));
+      localStorage.setItem(LocalEventKeys.DefaultPublic, String(value.defaultPublic));
+      return { eventSettings: value };
+    }),
+
+  setShowQuickEntry: (showQuickEntry) =>
+    set((state) => {
+      localStorage.setItem(LocalEventKeys.ShowQuickEntry, String(showQuickEntry));
+      return { eventSettings: { ...state.eventSettings, showQuickEntry } };
+    }),
+
+  setStartTimeIsLastEnd: (startTimeIsLastEnd) =>
+    set((state) => {
+      localStorage.setItem(LocalEventKeys.StartTimeIsLastEnd, String(startTimeIsLastEnd));
+      return { eventSettings: { ...state.eventSettings, startTimeIsLastEnd } };
+    }),
+
+  setDefaultPublic: (defaultPublic) =>
+    set((state) => {
+      localStorage.setItem(LocalEventKeys.DefaultPublic, String(defaultPublic));
+      return { eventSettings: { ...state.eventSettings, defaultPublic } };
+    }),
+}));

apps/client/src/common/stores/logger.ts

@@ -19,7 +19,7 @@ export const useLogData = () => useStore(logger);
 
 export const addLog = (log: Log) =>
   logger.setState((state) => ({
-    logs: [...state.logs, log],
+    logs: [log, ...state.logs],
   }));
 
 export const clearLogs = () => logger.setState({ logs: [] });

apps/client/src/common/stores/runtime.ts

@@ -16,6 +16,7 @@ export const runtimeStorePlaceholder = {
     selectedEventId: null,
     duration: null,
     timerType: null,
+    endAction: null,
   },
   playback: Playback.Stop,
   timerMessage: {

apps/client/src/common/stores/viewOptions.ts

@@ -0,0 +1,22 @@
+import { create } from 'zustand';
+
+import { booleanFromLocalStorage } from '../utils/localStorage';
+
+enum LocalEventKeys {
+  Mirror = 'ontime-view-mirror',
+}
+
+type ViewOptionsStore = {
+  mirror: boolean;
+  toggleMirror: (newValue?: boolean) => void;
+};
+
+export const useViewOptionsStore = create<ViewOptionsStore>()((set) => ({
+  mirror: booleanFromLocalStorage(LocalEventKeys.Mirror, false),
+  toggleMirror: (newValue?: boolean) =>
+    set((state) => {
+      const val = typeof newValue === 'undefined' ? !state.mirror : newValue;
+      localStorage.setItem(LocalEventKeys.Mirror, String(val));
+      return { mirror: val };
+    }),
+}));