fallback server

src/app/anime/watch/video-player-section.tsx

@@ -7,15 +7,19 @@ import { IWatchedAnime } from "@/types/watched-anime";
 import KitsunePlayer from "@/components/kitsune-player";
 import { useGetEpisodeData } from "@/query/get-episode-data";
 import { useGetEpisodeServers } from "@/query/get-episode-servers";
+import { getFallbackServer } from "@/utils/fallback-server";
 
 const VideoPlayerSection = () => {
   const { selectedEpisode, anime } = useAnimeStore();
 
   const { data: serversData } = useGetEpisodeServers(selectedEpisode);
 
+  const { serverName, key } = getFallbackServer(serversData);
+
   const { data: episodeData, isLoading } = useGetEpisodeData(
     selectedEpisode,
-    serversData?.sub[0]?.serverName as string,
+    serverName,
+    key,
   );
 
   const [watchedDetails, setWatchedDetails] = useState<Array<IWatchedAnime>>(

src/types/episodes.ts

@@ -26,6 +26,14 @@ export interface IEpisodeServers {
     serverId: number;
     serverName: string;
   }[];
+  dub: {
+    serverId: number;
+    serverName: string;
+  }[];
+  raw: {
+    serverId: number;
+    serverName: string;
+  }[];
 }
 
 export interface Track {

src/utils/fallback-server.ts

@@ -0,0 +1,18 @@
+export function getFallbackServer(serversData: any): {
+  serverName: string;
+  key: string;
+} {
+  const keys = ["sub", "dub", "raw"];
+  for (const key of keys) {
+    if (serversData?.[key]?.[0]?.serverName) {
+      return {
+        serverName: serversData[key][0].serverName,
+        key,
+      };
+    }
+  }
+  return {
+    serverName: "",
+    key: "",
+  }; // No valid server found
+}