add rating / favorite to player context and events

src/renderer/features/player/audio-player/hooks/use-player-events.ts

@@ -1,5 +1,6 @@
 import { useEffect } from 'react';
 
+import { eventEmitter } from '/@/renderer/events/event-emitter';
 import {
     subscribeCurrentTrack,
     subscribePlayerMute,
@@ -12,7 +13,7 @@ import {
     subscribePlayerStatus,
     subscribePlayerVolume,
 } from '/@/renderer/store';
-import { QueueData, QueueSong } from '/@/shared/types/domain-types';
+import { LibraryItem, QueueData, QueueSong } from '/@/shared/types/domain-types';
 import { PlayerRepeat, PlayerShuffle, PlayerStatus } from '/@/shared/types/types';
 
 interface PlayerEvents {
@@ -40,6 +41,18 @@ interface PlayerEventsCallbacks {
     onPlayerSpeed?: (properties: { speed: number }, prev: { speed: number }) => void;
     onPlayerStatus?: (properties: { status: PlayerStatus }, prev: { status: PlayerStatus }) => void;
     onPlayerVolume?: (properties: { volume: number }, prev: { volume: number }) => void;
+    onUserFavorite?: (properties: {
+        favorite: boolean;
+        id: string[];
+        itemType: LibraryItem;
+        serverId: string;
+    }) => void;
+    onUserRating?: (properties: {
+        id: string[];
+        itemType: LibraryItem;
+        rating: null | number;
+        serverId: string;
+    }) => void;
 }
 
 export function usePlayerEvents(callbacks: PlayerEventsCallbacks, deps: React.DependencyList) {
@@ -116,6 +129,14 @@ function createPlayerEvents(callbacks: PlayerEventsCallbacks): PlayerEvents {
         unsubscribers.push(unsubscribe);
     }
 
+    if (callbacks.onUserRating) {
+        eventEmitter.on('USER_RATING', callbacks.onUserRating);
+    }
+
+    if (callbacks.onUserFavorite) {
+        eventEmitter.on('USER_FAVORITE', callbacks.onUserFavorite);
+    }
+
     return {
         cleanup: () => {
             unsubscribers.forEach((unsubscribe) => unsubscribe());

src/renderer/features/player/context/player-context.tsx

@@ -5,6 +5,9 @@ import { useTranslation } from 'react-i18next';
 
 import { queryKeys } from '/@/renderer/api/query-keys';
 import { playlistsQueries } from '/@/renderer/features/playlists/api/playlists-api';
+import { useCreateFavorite } from '/@/renderer/features/shared/mutations/create-favorite-mutation';
+import { useDeleteFavorite } from '/@/renderer/features/shared/mutations/delete-favorite-mutation';
+import { useSetRating } from '/@/renderer/features/shared/mutations/set-rating-mutation';
 import { songsQueries } from '/@/renderer/features/songs/api/songs-api';
 import { AddToQueueType, usePlayerActions } from '/@/renderer/store';
 import { toast } from '/@/shared/components/toast/toast';
@@ -46,6 +49,13 @@ interface PlayerContext {
     moveSelectedToBottom: (items: QueueSong[]) => void;
     moveSelectedToNext: (items: QueueSong[]) => void;
     moveSelectedToTop: (items: QueueSong[]) => void;
+    setFavorite: (
+        serverId: string,
+        id: string[],
+        itemType: LibraryItem,
+        isFavorite: boolean,
+    ) => void;
+    setRating: (serverId: string, id: string[], itemType: LibraryItem, rating: number) => void;
     setRepeat: (repeat: PlayerRepeat) => void;
     setShuffle: (shuffle: PlayerShuffle) => void;
     setSpeed: (speed: number) => void;
@@ -78,6 +88,8 @@ export const PlayerContext = createContext<PlayerContext>({
     moveSelectedToBottom: () => {},
     moveSelectedToNext: () => {},
     moveSelectedToTop: () => {},
+    setFavorite: () => {},
+    setRating: () => {},
     setRepeat: () => {},
     setShuffle: () => {},
     setSpeed: () => {},
@@ -347,6 +359,38 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
         storeActions.toggleShuffle();
     }, [storeActions]);
 
+    const createFavoriteMutation = useCreateFavorite({});
+    const deleteFavoriteMutation = useDeleteFavorite({});
+
+    const setFavorite = useCallback(
+        (serverId: string, id: string[], itemType: LibraryItem, isFavorite: boolean) => {
+            if (isFavorite) {
+                createFavoriteMutation.mutate({
+                    apiClientProps: { serverId },
+                    query: { id, type: itemType },
+                });
+            } else {
+                deleteFavoriteMutation.mutate({
+                    apiClientProps: { serverId },
+                    query: { id, type: itemType },
+                });
+            }
+        },
+        [createFavoriteMutation, deleteFavoriteMutation],
+    );
+
+    const setRatingMutation = useSetRating({});
+
+    const setRating = useCallback(
+        (serverId: string, id: string[], itemType: LibraryItem, rating: number) => {
+            setRatingMutation.mutate({
+                apiClientProps: { serverId },
+                query: { id, rating, type: itemType },
+            });
+        },
+        [setRatingMutation],
+    );
+
     const contextValue: PlayerContext = useMemo(
         () => ({
             addToQueueByData,
@@ -369,6 +413,8 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
             moveSelectedToBottom,
             moveSelectedToNext,
             moveSelectedToTop,
+            setFavorite,
+            setRating,
             setRepeat,
             setShuffle,
             setSpeed,
@@ -401,6 +447,8 @@ export const PlayerProvider = ({ children }: { children: React.ReactNode }) => {
             moveSelectedToBottom,
             moveSelectedToNext,
             moveSelectedToTop,
+            setFavorite,
+            setRating,
             setRepeat,
             setShuffle,
             setVolume,