feat: similar artist query

Author: Drack112

apps/web/graphql.schema.json

@@ -15,6 +15,8 @@ export const {
   playlistQuery,
   updatePlaylistMutation,
   updatePlaylistSongRankMutation,
+  topSongsByArtistQuery,
+  similarArtistsQuery,
 } = getSdk(gqlClient)
 
 export const queryClient = new QueryClient({

apps/web/src/api.ts

@@ -0,0 +1,8 @@
+query similarArtistsQuery($artist: String!, $limit: Int, $onlyNames: Boolean) {
+  similarArtists(artist: $artist, limit: $limit, onlyNames: $onlyNames) {
+    name
+    image
+    bannerImage
+    __typename
+  }
+}

apps/web/src/graphql/similar-artists.gql

@@ -3,6 +3,7 @@ import Artist from './artist'
 import { CacheControl } from '../cache-control'
 import { Song } from '../song/song'
 import { lastFM } from '@/server/modules/lastfm'
+import { audioDB } from '@/server/modules/audiodb/audiodb'
 
 @Resolver(Artist)
 export class ArtistResolver {
@@ -26,4 +27,62 @@ export class ArtistResolver {
       playcount: track.playcount,
     }))
   }
+
+  @Query(() => [Artist])
+  @CacheControl({ maxAge: 60 * 60 * 24 * 7 })
+  async similarArtists(
+    @Arg('artist') artist: string,
+    @Arg('limit', () => Int, { defaultValue: 8 }) limit: number,
+    @Arg('onlyNames', { defaultValue: true }) onlyNames?: boolean
+  ): Promise<Partial<Artist>[]> {
+    const getSimilarArtistsResponse = await lastFM.getSimilarArtists({
+      artist,
+      limit,
+    })
+
+    const similarArtistsBase =
+      getSimilarArtistsResponse.data?.similarartists?.artist || []
+
+    const similarArtistsNames = similarArtistsBase.map((artist) => ({
+      name: artist.name,
+    }))
+
+    if (onlyNames) {
+      return similarArtistsNames
+    }
+
+    const similarArtist = await Promise.all(
+      similarArtistsNames.map(async (similarArtistName) => {
+        const getArtistResponse = await audioDB.getArtist({
+          artist: similarArtistName.name,
+        })
+
+        const similarArtist = getArtistResponse.data.artists?.[0]
+
+        return similarArtist
+          ? {
+              name: similarArtist.strArtist,
+              formedYear: similarArtist.intFormedYear?.toString(),
+              image: similarArtist.strArtistThumb,
+              bannerImage: similarArtist.strArtistFanart,
+              logo: similarArtist.strArtistLogo,
+              style: similarArtist.strStyle,
+              genre: similarArtist.strGenre,
+              website: similarArtist.strWebsite,
+              facebook: similarArtist.strFacebook,
+              twitter: similarArtist.strTwitter,
+              biography: similarArtist.strBiographyEN,
+              memberQuantity: Number(similarArtist.intMembers),
+              location: similarArtist.strCountry,
+              disbanded: similarArtist.strDisbanded
+                ? Boolean(similarArtist.strDisbanded)
+                : undefined,
+              disbandedYear: similarArtist.intDiedYear?.toString(),
+            }
+          : similarArtistName
+      })
+    )
+
+    return similarArtist
+  }
 }

apps/web/src/server/schema/artist/artist-resolver.ts

@@ -65,6 +65,7 @@ export type Query = {
   getVideoInfo: Array<SongVideo>;
   me: User;
   playlist: Playlist;
+  similarArtists: Array<Artist>;
   topSongsByArtist: Array<Song>;
   userPlaylists: Array<Playlist>;
 };
@@ -77,6 +78,12 @@ export type QueryPlaylistArgs = {
   playlistId: Scalars["ID"]["input"];
 };
 
+export type QuerySimilarArtistsArgs = {
+  artist: Scalars["String"]["input"];
+  limit?: Scalars["Int"]["input"];
+  onlyNames?: Scalars["Boolean"]["input"];
+};
+
 export type QueryTopSongsByArtistArgs = {
   artist: Scalars["String"]["input"];
   limit?: Scalars["Int"]["input"];
@@ -88,6 +95,25 @@ export type Account = {
   provider: Scalars["String"]["output"];
 };
 
+export type Artist = {
+  __typename?: "artist";
+  bannerImage: Maybe<Scalars["String"]["output"]>;
+  biography: Maybe<Scalars["String"]["output"]>;
+  disbanded: Maybe<Scalars["Boolean"]["output"]>;
+  disbandedYear: Maybe<Scalars["String"]["output"]>;
+  facebook: Maybe<Scalars["String"]["output"]>;
+  formedYear: Maybe<Scalars["String"]["output"]>;
+  genre: Maybe<Scalars["String"]["output"]>;
+  image: Maybe<Scalars["String"]["output"]>;
+  location: Maybe<Scalars["String"]["output"]>;
+  logo: Maybe<Scalars["String"]["output"]>;
+  memberQuantity: Maybe<Scalars["Float"]["output"]>;
+  name: Scalars["String"]["output"];
+  style: Maybe<Scalars["String"]["output"]>;
+  twitter: Maybe<Scalars["String"]["output"]>;
+  website: Maybe<Scalars["String"]["output"]>;
+};
+
 export type Playlist = {
   __typename?: "playlist";
   createdAt: Maybe<Scalars["String"]["output"]>;
@@ -213,6 +239,22 @@ export type MeQueryQuery = {
   };
 };
 
+export type SimilarArtistsQueryQueryVariables = Exact<{
+  artist: Scalars["String"]["input"];
+  limit: InputMaybe<Scalars["Int"]["input"]>;
+  onlyNames: InputMaybe<Scalars["Boolean"]["input"]>;
+}>;
+
+export type SimilarArtistsQueryQuery = {
+  __typename?: "Query";
+  similarArtists: Array<{
+    __typename: "artist";
+    name: string;
+    image: string | null;
+    bannerImage: string | null;
+  }>;
+};
+
 export type TopSongsByArtistQueryQueryVariables = Exact<{
   artist: Scalars["String"]["input"];
 }>;
@@ -337,6 +379,20 @@ export const MeQueryDocument = gql`
     }
   }
 `;
+export const SimilarArtistsQueryDocument = gql`
+  query similarArtistsQuery(
+    $artist: String!
+    $limit: Int
+    $onlyNames: Boolean
+  ) {
+    similarArtists(artist: $artist, limit: $limit, onlyNames: $onlyNames) {
+      name
+      image
+      bannerImage
+      __typename
+    }
+  }
+`;
 export const TopSongsByArtistQueryDocument = gql`
   query topSongsByArtistQuery($artist: String!) {
     topSongsByArtist(artist: $artist) {
@@ -476,6 +532,22 @@ export function getSdk(
         variables,
       );
     },
+    similarArtistsQuery(
+      variables: SimilarArtistsQueryQueryVariables,
+      requestHeaders?: GraphQLClientRequestHeaders,
+    ): Promise<SimilarArtistsQueryQuery> {
+      return withWrapper(
+        (wrappedRequestHeaders) =>
+          client.request<SimilarArtistsQueryQuery>(
+            SimilarArtistsQueryDocument,
+            variables,
+            { ...requestHeaders, ...wrappedRequestHeaders },
+          ),
+        "similarArtistsQuery",
+        "query",
+        variables,
+      );
+    },
     topSongsByArtistQuery(
       variables: TopSongsByArtistQueryQueryVariables,
       requestHeaders?: GraphQLClientRequestHeaders,