import { useCallback, useEffect, useState } from "react"; import { useQuery } from "@tanstack/react-query"; import { useAtom } from "jotai"; import { apiAtom } from "@/providers/JellyfinProvider"; import { getAuthHeaders } from "@/utils/jellyfin/jellyfin"; import { writeToLog } from "@/utils/log"; import { msToSeconds, secondsToMs } from "@/utils/time"; import * as Haptics from "@/packages/expo-haptics"; interface CreditTimestamps { Introduction: { Start: number; End: number; Valid: boolean; }; Credits: { Start: number; End: number; Valid: boolean; }; } export const useCreditSkipper = ( itemId: string | undefined, currentTime: number, seek: (time: number) => void, play: () => void, isVlc: boolean = false ) => { const [api] = useAtom(apiAtom); const [showSkipCreditButton, setShowSkipCreditButton] = useState(false); if (isVlc) { currentTime = msToSeconds(currentTime); } const wrappedSeek = (seconds: number) => { if (isVlc) { seek(secondsToMs(seconds)); return; } seek(seconds); }; const { data: creditTimestamps } = useQuery({ queryKey: ["creditTimestamps", itemId], queryFn: async () => { if (!itemId) { return null; } const res = await api?.axiosInstance.get( `${api.basePath}/Episode/${itemId}/Timestamps`, { headers: getAuthHeaders(api), } ); if (res?.status !== 200) { return null; } return res?.data; }, enabled: !!itemId, retry: false, }); useEffect(() => { if (creditTimestamps) { setShowSkipCreditButton( currentTime > creditTimestamps.Credits.Start && currentTime < creditTimestamps.Credits.End ); } }, [creditTimestamps, currentTime]); const skipCredit = useCallback(() => { if (!creditTimestamps) return; console.log(`Skipping credits to ${creditTimestamps.Credits.End}`); try { Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light); wrappedSeek(creditTimestamps.Credits.End); setTimeout(() => { play(); }, 200); } catch (error) { writeToLog("ERROR", "Error skipping intro", error); } }, [creditTimestamps]); return { showSkipCreditButton, skipCredit }; };