koel/resources/assets/js/stores/commonStore.ts
2022-04-24 11:50:45 +03:00

86 lines
2.1 KiB
TypeScript

import isMobile from 'ismobilejs'
import { reactive } from 'vue'
import { httpService } from '@/services'
import {
userStore,
preferenceStore,
artistStore,
albumStore,
songStore,
playlistStore,
recentlyPlayedStore,
queueStore,
settingStore,
themeStore
} from '.'
interface CommonStoreState {
albums: Album[]
allowDownload: boolean
artists: Artist[]
cdnUrl: string
currentUser: User | undefined
currentVersion: string
favorites: Song[]
interactions: Interaction[]
latestVersion: string
originalMediaPath: string | undefined
playlists: Playlist[]
queued: Song[]
recentlyPlayed: string[]
settings: Settings
songs: Song[]
useiTunes: boolean
useLastfm: boolean
users: User[]
useYouTube: boolean
}
export const commonStore = {
state: reactive<CommonStoreState>({
albums: [],
allowDownload: false,
artists: [],
cdnUrl: '',
currentUser: undefined,
currentVersion: '',
favorites: [],
interactions: [],
latestVersion: '',
originalMediaPath: '',
playlists: [],
queued: [],
recentlyPlayed: [],
settings: {} as Settings,
songs: [],
useiTunes: false,
useLastfm: false,
users: [],
useYouTube: false
}),
async init () {
Object.assign(this.state, await httpService.get<CommonStoreState>('data'))
// Always disable YouTube integration on mobile.
this.state.useYouTube = this.state.useYouTube && !isMobile.phone
// If this is a new user, initialize his preferences to be an empty object.
this.state.currentUser!.preferences = this.state.currentUser!.preferences || {}
userStore.init(this.state.users, this.state.currentUser!)
preferenceStore.init(this.state.currentUser)
artistStore.init(this.state.artists)
albumStore.init(this.state.albums)
songStore.init(this.state.songs)
songStore.initInteractions(this.state.interactions)
recentlyPlayedStore.initExcerpt(this.state.recentlyPlayed)
playlistStore.init(this.state.playlists)
queueStore.init()
settingStore.init(this.state.settings)
themeStore.init()
return this.state
}
}