123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211 |
- import { defineStore } from "pinia";
- import { Playlist } from "@/types/playlist";
- import { Song, CurrentSong } from "@/types/song";
- import { Station } from "@/types/station";
- import { User } from "@/types/user";
- import { useWebsocketsStore } from "@/stores/websockets";
- export const useStationStore = defineStore("station", {
- state: (): {
- station: Station;
- autoRequest: Playlist[];
- autoRequestLock: boolean;
- userCount: number;
- users: {
- loggedIn: User[];
- loggedOut: User[];
- };
- currentSong: CurrentSong | undefined;
- nextSong: Song | undefined | null;
- songsList: Song[];
- stationPaused: boolean;
- localPaused: boolean;
- noSong: boolean;
- autofill: Playlist[];
- blacklist: Playlist[];
- mediaModalPlayingAudio: boolean;
- permissions: Record<string, boolean>;
- history: any[];
- } => ({
- station: {},
- autoRequest: [],
- autoRequestLock: false,
- userCount: 0,
- users: {
- loggedIn: [],
- loggedOut: []
- },
- currentSong: {},
- nextSong: null,
- songsList: [],
- stationPaused: true,
- localPaused: false,
- noSong: true,
- autofill: [],
- blacklist: [],
- mediaModalPlayingAudio: false,
- permissions: {},
- history: []
- }),
- actions: {
- joinStation(station) {
- this.station = { ...station };
- },
- leaveStation() {
- this.station = {};
- this.autoRequest = [];
- this.autoRequestLock = false;
- this.editing = {};
- this.userCount = 0;
- this.users = {
- loggedIn: [],
- loggedOut: []
- };
- this.currentSong = {};
- this.nextSong = null;
- this.songsList = [];
- this.stationPaused = true;
- this.localPaused = false;
- this.noSong = true;
- this.autofill = [];
- this.blacklist = [];
- this.permissions = {};
- },
- editStation(station) {
- this.editing = { ...station };
- },
- updateStation(station) {
- this.station = { ...this.station, ...station };
- },
- updateUserCount(userCount) {
- this.userCount = userCount;
- },
- updateUsers(users) {
- this.users = users;
- },
- updateCurrentSong(currentSong) {
- this.currentSong = currentSong;
- },
- updateNextSong(nextSong) {
- this.nextSong = nextSong;
- },
- updateSongsList(songsList) {
- this.songsList = songsList;
- },
- repositionSongInList(song) {
- if (
- this.songsList[song.newIndex] &&
- this.songsList[song.newIndex].mediaSource === song.mediaSource
- )
- return;
- this.songsList.splice(
- song.newIndex,
- 0,
- this.songsList.splice(song.oldIndex, 1)[0]
- );
- },
- updateStationPaused(stationPaused) {
- this.stationPaused = stationPaused;
- },
- updateLocalPaused(localPaused) {
- this.localPaused = localPaused;
- },
- updateNoSong(noSong) {
- this.noSong = noSong;
- },
- updateAutoRequest(playlists) {
- this.autoRequest = playlists;
- },
- updateAutoRequestLock(lock) {
- this.autoRequestLock = lock;
- },
- updateIfStationIsFavorited(isFavorited) {
- this.station.isFavorited = isFavorited;
- },
- setAutofillPlaylists(autofillPlaylists) {
- this.autofill = JSON.parse(JSON.stringify(autofillPlaylists));
- },
- setBlacklist(blacklist) {
- this.blacklist = JSON.parse(JSON.stringify(blacklist));
- },
- updateCurrentSongRatings(songRatings) {
- this.currentSong.likes = songRatings.likes;
- this.currentSong.dislikes = songRatings.dislikes;
- },
- updateOwnCurrentSongRatings(ownSongRatings) {
- this.currentSong.liked = ownSongRatings.liked;
- this.currentSong.disliked = ownSongRatings.disliked;
- },
- updateCurrentSongSkipVotes({ skipVotes, skipVotesCurrent, voted }) {
- this.currentSong.skipVotes = skipVotes;
- if (skipVotesCurrent !== null)
- this.currentSong.skipVotesCurrent = skipVotesCurrent;
- this.currentSong.voted = voted;
- },
- addAutorequestPlaylists(playlists) {
- playlists.forEach(playlist => {
- this.autoRequest.push(playlist);
- });
- this.updateAutorequestLocalStorage();
- },
- addPlaylistToAutoRequest(playlist) {
- this.autoRequest.push(playlist);
- this.updateAutorequestLocalStorage();
- },
- removePlaylistFromAutoRequest(playlistId) {
- this.autoRequest.forEach((playlist, index) => {
- if (playlist._id === playlistId) {
- this.autoRequest.splice(index, 1);
- }
- });
- this.updateAutorequestLocalStorage();
- },
- updateAutorequestLocalStorage() {
- const key = `autorequest-${this.station._id}`;
- const playlistIds = Array.from(
- new Set(this.autoRequest.map(playlist => playlist._id))
- );
- const value = {
- updatedAt: new Date(),
- playlistIds
- };
- localStorage.setItem(key, JSON.stringify(value));
- },
- updateMediaModalPlayingAudio(mediaModalPlayingAudio) {
- this.mediaModalPlayingAudio = mediaModalPlayingAudio;
- },
- hasPermission(permission) {
- return !!(this.permissions && this.permissions[permission]);
- },
- updatePermissions() {
- return new Promise(resolve => {
- const { socket } = useWebsocketsStore();
- socket.dispatch(
- "utils.getPermissions",
- this.station._id,
- res => {
- this.permissions = res.data.permissions;
- resolve(this.permissions);
- }
- );
- });
- },
- addDj(user) {
- this.station.djs.push(user);
- },
- removeDj(user) {
- this.station.djs.forEach((dj, index) => {
- if (dj._id === user._id) {
- this.station.djs.splice(index, 1);
- }
- });
- },
- setHistory(history) {
- this.history = history;
- },
- addHistoryItem(historyItem) {
- this.history.unshift(historyItem);
- }
- }
- });
|