fix: MusicKit failing playback on Android

This makes it so CapacitorHttp patched fetch is available under window.capacitorFetch rather than overwriting window.fetch

Author: Im-Beast

src/electron.ts

@@ -1,10 +1,10 @@
 /**
- * This module gets ran on the initialization on Electron
+ * This module gets ran on the initialization of Electron
  * @module
  */
-/* eslint-disable no-var */
 
 declare global {
+	// eslint-disable-next-line no-var
 	var __IS_ELECTRON__: boolean;
 
 	interface $ElectronMusicPlayer {
@@ -26,11 +26,14 @@ declare global {
 		readFile: (path: string) => Promise<Uint8Array>;
 		traverseDirectory: (path: string) => Promise<string[]>;
 	}
+
+	// eslint-disable-next-line no-var
 	var $ElectronMusicPlayer: $ElectronMusicPlayer | undefined;
 
 	interface ElectronMusicPlayer extends $ElectronMusicPlayer {
 		fetchShim: typeof globalThis.fetch;
 	}
+	// eslint-disable-next-line no-var
 	var ElectronMusicPlayer: ElectronMusicPlayer | undefined;
 }
 

src/main.ts

@@ -36,12 +36,15 @@ import "@ionic/vue/css/palettes/dark.system.css";
 
 /* Theme variables */
 import "./theme/variables.css";
+import { isMobilePlatform } from "./utils/os";
 
 /* Vue store */
 const pinia = createPinia();
 
 if (__IS_ELECTRON__) {
 	await import("./electron");
+} else if (isMobilePlatform()) {
+	void import("./mobile");
 }
 
 const app = createApp(App).use(IonicVue).use(pinia).use(router);

src/mobile.ts

@@ -0,0 +1,19 @@
+/**
+ * This module gets ran on the initialization of Mobile devices
+ * @module
+ */
+
+declare global {
+	// eslint-disable-next-line no-var
+	var capacitorFetch: typeof window.fetch;
+}
+
+const capacitorPatchedFetch = window.fetch;
+const webFetch = "CapacitorWebFetch" in window && (window.CapacitorWebFetch as typeof window.fetch);
+
+if (webFetch) {
+	window.fetch = webFetch;
+	window.capacitorFetch = capacitorPatchedFetch;
+}
+
+export {};

src/services/MusicPlayer/YouTubeMusicPlayerService.ts

@@ -158,7 +158,7 @@ export class YouTubeMusicPlayerService extends MusicPlayerService<YouTubeSong> {
 		// youtube.js seems to be destructurizing fetch somewhere, which causes
 		// "Illegal Invocation error", so we just provide our own
 		// TODO: Proxy for web support
-		const fetch = isElectron() ? ElectronMusicPlayer!.fetchShim : window.fetch.bind(window);
+		const fetch = isElectron() ? ElectronMusicPlayer!.fetchShim : window.capacitorFetch;
 
 		const tmp = await Innertube.create({
 			generate_session_locally: false,