import { each, map, difference, union } from 'lodash'; import http from '../services/http'; export default { state: { songs: [], length: 0, fmtLength: '', }, /** * All songs favorite'd by the current user. * * @return {Array.} */ get all() { return this.state.songs; }, /** * Set all favorite'd songs. * * @param {Array.} value */ set all(value) { this.state.songs = value; }, /** * Toggle like/unlike a song. * A request to the server will be made. * * @param {Object} song * @param {?Function} cb */ toggleOne(song, cb = null) { // Don't wait for the HTTP response to update the status, just toggle right away. // This may cause a minor problem if the request fails somehow, but do we care? song.liked = !song.liked; if (song.liked) { this.add(song); } else { this.remove(song); } http.post('interaction/like', { song: song.id }, () => { if (cb) { cb(); } }); }, /** * Add a song/songs into the store. * * @param {Array.|Object} songs */ add(songs) { this.all = union(this.all, [].concat(songs)); }, /** * Remove a song/songs from the store. * * @param {Array.|Object} songs */ remove(songs) { this.all = difference(this.all, [].concat(songs)); }, /** * Remove all favorites. */ clear() { this.all = []; }, /** * Like a bunch of songs. * * @param {Array.} songs * @param {?Function} cb */ like(songs, cb = null) { // Don't wait for the HTTP response to update the status, just set them to Liked right away. // This may cause a minor problem if the request fails somehow, but do we care? each(songs, song => song.liked = true); this.add(songs); http.post('interaction/batch/like', { songs: map(songs, 'id') }, () => { if (cb) { cb(); } }); }, /** * Unlike a bunch of songs. * * @param {Array.} songs * @param {?Function} cb */ unlike(songs, cb = null) { // Don't wait for the HTTP response to update the status, just set them to Unliked right away. // This may cause a minor problem if the request fails somehow, but do we care? each(songs, song => song.liked = false); this.remove(songs); http.post('interaction/batch/unlike', { songs: map(songs, 'id') }, () => { if (cb) { cb(); } }); }, };