source: frontend/src/context/playerContext.tsx@ ed8f998

import {
        createContext,
        useCallback,
        useContext,
        useState,
        type ReactNode,
} from "react";

export interface PlayerSong {
        id: number;
        title: string;
        artist: string;
        cover?: string | null;
        embedUrl: string;
}

interface PlayerContextType {
        currentSong: PlayerSong | null;
        isMinimized: boolean;
        play: (song: PlayerSong) => void;
        stop: () => void;
        toggleMinimize: () => void;
        isPlaying: boolean;
}

const PlayerContext = createContext<PlayerContextType>({
        currentSong: null,
        isMinimized: false,
        isPlaying: false,
        play: () => {},
        stop: () => {},
        toggleMinimize: () => {},
});

export const PlayerProvider = ({ children }: { children: ReactNode }) => {
        const [currentSong, setCurrentSong] = useState<PlayerSong | null>(null);
        const [isMinimized, setIsMinimized] = useState(true);
        const [isPlaying, setIsPlaying] = useState(false);

        const play = useCallback((song: PlayerSong) => {
                setCurrentSong(song);
                setIsPlaying(true);
        }, []);

        const stop = useCallback(() => {
                setIsPlaying(false);
                setCurrentSong(null);
        }, []);

        const toggleMinimize = useCallback(() => {
                setIsMinimized((prev) => !prev);
        }, []);

        return (
                <PlayerContext.Provider
                        value={{
                                currentSong,
                                isMinimized,
                                isPlaying,
                                play,
                                stop,
                                toggleMinimize,
                        }}
                >
                        {children}
                </PlayerContext.Provider>
        );
};

export const usePlayer = () => useContext(PlayerContext);