mcma-webui/src/store/slices/player.ts

import { createSlice, type PayloadAction } from '@reduxjs/toolkit';

export interface PlayerState {
  currentTrackId: string | null;
  isPlaying: boolean;
  position: number;
  duration: number;
  volume: number;
  muted: boolean;
  isQueueOpen: boolean;
  isNowPlayingOpen: boolean;
}

export const playerInitialState: PlayerState = {
  currentTrackId: null,
  isPlaying: false,
  position: 0,
  duration: 0,
  volume: 0.78,
  muted: false,
  isQueueOpen: false,
  isNowPlayingOpen: false,
};

export const playerSlice = createSlice({
  name: 'player',
  initialState: playerInitialState,
  reducers: {
    play(state, action: PayloadAction<string>) {
      state.currentTrackId = action.payload;
      state.isPlaying = true;
      state.position = 0;
    },
    pause(state) {
      state.isPlaying = false;
    },
    resume(state) {
      state.isPlaying = true;
    },
    stop(state) {
      state.isPlaying = false;
      state.currentTrackId = null;
      state.position = 0;
    },
    setPosition(state, action: PayloadAction<number>) {
      state.position = action.payload;
    },
    setDuration(state, action: PayloadAction<number>) {
      state.duration = action.payload;
    },
    setVolume(state, action: PayloadAction<number>) {
      state.volume = action.payload;
    },
    toggleMute(state) {
      state.muted = !state.muted;
    },
    toggleQueue(state) {
      state.isQueueOpen = !state.isQueueOpen;
    },
    toggleNowPlaying(state) {
      state.isNowPlayingOpen = !state.isNowPlayingOpen;
    },
    setNowPlayingOpen(state, action: PayloadAction<boolean>) {
      state.isNowPlayingOpen = action.payload;
    },
  },
});

export const {
  play,
  pause,
  resume,
  stop,
  setPosition,
  setDuration,
  setVolume,
  toggleMute,
  toggleQueue,
  toggleNowPlaying,
  setNowPlayingOpen,
} = playerSlice.actions;
export default playerSlice.reducer;