Add ratings support (#21)

* Update rating types for multiserver support

* Add rating mutation

* Add rating support to table views

* Add rating support on playerbar

* Add hovercard component

* Handle rating from context menu

- Improve context menu components
- Allow left / right icons
- Allow nested menus

* Add selected item count

* Fix context menu auto direction

* Add transition and move portal for context menu

* Re-use context menu for all item dropdowns

* Add ratings to detail pages / double click to clear

* Bump react-query package

src/renderer/api/subsonic.api.ts

@@ -322,7 +322,9 @@ const updateRating = async (args: RatingArgs): Promise<RatingResponse> => {
   const { server, query, signal } = args;
   const defaultParams = getDefaultParams(server);
 
-  for (const id of query.id) {
+  const itemIds = query.item.map((item) => item.id);
+
+  for (const id of itemIds) {
     const searchParams: SSRatingParams = {
       id,
       rating: query.rating,
@@ -334,13 +336,9 @@ const updateRating = async (args: RatingArgs): Promise<RatingResponse> => {
       searchParams: parseSearchParams(searchParams),
       signal,
     });
-    // .json<SSRatingResponse>();
   }
 
-  return {
-    id: query.id,
-    rating: query.rating,
-  };
+  return null;
 };
 
 const getTopSongList = async (args: TopSongListArgs): Promise<SSTopSongList> => {

src/renderer/api/types.ts

@@ -54,6 +54,16 @@ export enum LibraryItem {
   SONG = 'song',
 }
 
+export type AnyLibraryItem = Album | AlbumArtist | Artist | Playlist | Song | QueueSong;
+
+export type AnyLibraryItems =
+  | Album[]
+  | AlbumArtist[]
+  | Artist[]
+  | Playlist[]
+  | Song[]
+  | QueueSong[];
+
 export enum SortOrder {
   ASC = 'ASC',
   DESC = 'DESC',
@@ -773,9 +783,12 @@ export type FavoriteArgs = { query: FavoriteQuery } & BaseEndpointArgs;
 // Rating
 export type RawRatingResponse = RatingResponse | undefined;
 
-export type RatingResponse = { id: string[]; rating: number };
+export type RatingResponse = null;
 
-export type RatingQuery = { id: string[]; rating: number };
+export type RatingQuery = {
+  item: AnyLibraryItems;
+  rating: number;
+};
 
 export type RatingArgs = { query: RatingQuery } & BaseEndpointArgs;