Use graphql and fetch for backend and Spotify API (#15)

Author: rxri

package.json

@@ -11,6 +11,7 @@
   "dependencies": {
     "beastsaber-api": "^2.2.1",
     "beatsaver-api": "^2.0.2",
+    "gulp-util": "^3.0.8",
     "idb": "^7.0.0",
     "jquery": "^3.6.0",
     "rxjs": "^7.4.0",

src/core/api/ApiUtils.ts

@@ -42,6 +42,33 @@ export class ApiUtils {
 	}
 
 	async getArtist(uri: URI): Promise<ApiPartnerArtist> {
+		if ("GraphQL" in Spicetify) {
+			// @ts-expect-error: not in types
+			const { GraphQL } = Spicetify
+			const queryArtistOverview = {
+				name: "queryArtistOverview",
+				operation: "query",
+				sha256Hash:
+					"35648a112beb1794e39ab931365f6ae4a8d45e65396d641eeda94e4003d41497",
+				value: null,
+			}
+
+			const request = {
+				uri: uri.toString(),
+				locale: "",
+				includePrerelease: false,
+			}
+
+			const data: any = await GraphQL.Request(
+				queryArtistOverview,
+				request,
+				{
+					persistCache: true,
+				}
+			)
+			return data.artistUnion as ApiPartnerArtist
+		}
+
 		const vars = {
 			uri: uri.toString(),
 			locale: "",
@@ -112,17 +139,23 @@ export class ApiUtils {
 		const headers = {
 			Authorization: `Basic ${BeatSaber.Core.Settings.backendAuth}`,
 		}
-		const response = await Spicetify.CosmosAsync.get(url, null, headers)
-		return response as unknown as T
+		const response = await fetch(url, {
+			method: "GET",
+			headers,
+		})
+		return (await response.json()) as unknown as T
 	}
 
 	async backendPost<T>(endpoint: string): Promise<T> {
 		const url = `http://${BeatSaber.Core.Settings.backendHostname}${endpoint}`
 		const headers = {
 			Authorization: `Basic ${BeatSaber.Core.Settings.backendAuth}`,
 		}
-		const response = await Spicetify.CosmosAsync.post(url, null, headers)
-		return response as unknown as T
+		const response = await fetch(url, {
+			method: "POST",
+			headers,
+		})
+		return (await response.json()) as unknown as T
 	}
 
 	async checkBackend(): Promise<string> {