resources/assets/js/stores/artistStore.ts
import { reactive } from 'vue'
import { differenceBy, unionBy } from 'lodash'
import { cache } from '@/services/cache'
import { http } from '@/services/http'
import { arrayify } from '@/utils/helpers'
import { logger } from '@/utils/logger'
const UNKNOWN_ARTIST_ID = 1
const VARIOUS_ARTISTS_ID = 2
export const artistStore = {
vault: new Map<Artist['id'], Artist>(),
state: reactive({
artists: [] as Artist[],
}),
byId (id: Artist['id']) {
return this.vault.get(id)
},
removeByIds (ids: Artist['id'][]) {
this.state.artists = differenceBy(this.state.artists, ids.map(id => this.byId(id)), 'id')
ids.forEach(id => this.vault.delete(id))
},
isVarious: (artist: Artist | Artist['id']) => (typeof artist === 'number')
? artist === VARIOUS_ARTISTS_ID
: artist.id === VARIOUS_ARTISTS_ID,
isUnknown: (artist: Artist | Artist['id']) => (typeof artist === 'number')
? artist === UNKNOWN_ARTIST_ID
: artist.id === UNKNOWN_ARTIST_ID,
isStandard (artist: Artist | Artist['id']) {
return !this.isVarious(artist) && !this.isUnknown(artist)
},
async uploadImage (artist: Artist, image: string) {
artist.image = (await http.put<{ image_url: string }>(`artists/${artist.id}/image`, { image })).image_url
// sync to vault
this.byId(artist.id)!.image = artist.image
return artist.image
},
syncWithVault (artists: MaybeArray<Artist>) {
return arrayify(artists).map(artist => {
let local = this.vault.get(artist.id)
local = local ? Object.assign(local, artist) : reactive(artist)
this.vault.set(artist.id, local)
return local
})
},
async resolve (id: Artist['id']) {
let artist = this.byId(id)
if (!artist) {
try {
artist = this.syncWithVault(
await cache.remember<Artist>(['artist', id], async () => await http.get<Artist>(`artists/${id}`)),
)[0]
} catch (error: unknown) {
logger.error(error)
}
}
return artist
},
async paginate (page: number) {
const resource = await http.get<PaginatorResource<Artist>>(`artists?page=${page}`)
this.state.artists = unionBy(this.state.artists, this.syncWithVault(resource.data), 'id')
return resource.links.next ? ++resource.meta.current_page : null
},
}