Makussu/subtracks
1
0
Fork 0
mirror of https://github.com/austinried/subtracks.git synced 2026-02-10 15:02:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

reimpl all music state into zustand

Browse Source
This commit is contained in:
austinried
2021-08-03 15:37:07 +09:00
parent 300d0bd1b9
commit 33dc0be02b
11 changed files with 325 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
app/state/settings.ts
View File

@@ -7,7 +7,7 @@ import { GetState, SetState } from 'zustand'
export type SettingsSlice = {
settings: AppSettings
client?: SubsonicApiClient
createClient: () => void
createClient: (id?: string) => void
setActiveServer: (id?: string) => void
setServers: (servers: Server[]) => void
}
@@ -19,23 +19,26 @@ export const createSettingsSlice = (set: SetState<Store>, get: GetState<Store>):
lists: ['recent', 'random', 'frequent', 'starred'],
},
},
createClient: () => {
const server = get().settings.servers.find(s => s.id === get().settings.activeServer)
if (!server) {
createClient: (id?: string) => {
if (!id) {
set({ client: undefined })
return
}
set(
produce<Store>(state => {
state.client = new SubsonicApiClient(server)
}),
)
const server = get().settings.servers.find(s => s.id === id)
if (!server) {
set({ client: undefined })
return
}
set({ client: new SubsonicApiClient(server) })
},
setActiveServer: id => {
const servers = get().settings.servers
const currentActiveServerId = get().settings.activeServer
const newActiveServer = servers.find(s => s.id === id)
if (!servers.find(s => s.id === id)) {
if (!newActiveServer) {
return
}
if (currentActiveServerId === id) {
@@ -43,25 +46,24 @@ export const createSettingsSlice = (set: SetState<Store>, get: GetState<Store>):
}
set(
produce<Store>(state => {
produce<SettingsSlice>(state => {
state.settings.activeServer = id
state.client = new SubsonicApiClient(newActiveServer)
}),
)
get().createClient()
},
setServers: servers =>
set(
produce<Store>(state => {
produce<SettingsSlice>(state => {
state.settings.servers = servers
}),
),
})
export const selectSettings = {
activeServer: (state: Store) => state.settings.servers.find(s => s.id === state.settings.activeServer),
setActiveServer: (state: Store) => state.setActiveServer,
servers: (state: Store) => state.settings.servers,
setServers: (state: Store) => state.setServers,
homeLists: (state: Store) => state.settings.home.lists,
activeServer: (state: SettingsSlice) => state.settings.servers.find(s => s.id === state.settings.activeServer),
setActiveServer: (state: SettingsSlice) => state.setActiveServer,
servers: (state: SettingsSlice) => state.settings.servers,
setServers: (state: SettingsSlice) => state.setServers,
homeLists: (state: SettingsSlice) => state.settings.home.lists,
}