feat(stores): create sounds-state-store

src/stores/sounds-state-store.ts

@@ -0,0 +1,37 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+
+export interface SoundState {
+  id: string
+  active: boolean
+  volume: number
+}
+
+interface Props {
+  sounds: SoundState[]
+  getSound: (id: string) => undefined | SoundState
+  setSound: (newState: SoundState) => void
+  bulkUpdate: (soundsStates: SoundState[]) => void
+}
+
+export const useSoundsStateStore = create<Props>()(
+  persist(
+    (set, get) => ({
+      sounds: [] as SoundState[],
+      getSound(id) {
+        const sound = get().sounds.filter(sound => sound.id === id)
+
+        if (sound.length > 0) return sound[0]
+        else return undefined
+      },
+      setSound(newState) {
+        const sounds = get().sounds.filter(sound => sound.id !== newState.id)
+        set({ sounds: [...sounds, newState] })
+      },
+      bulkUpdate(newStates) {
+        set({ sounds: newStates })
+      }
+    }),
+    { name: 'sounds-store' }
+  )
+)