import { apiAtom } from "@/providers/JellyfinProvider"; import { getAuthHeaders } from "@/utils/jellyfin/jellyfin"; import { writeToLog } from "@/utils/log"; import { msToSeconds, secondsToMs } from "@/utils/time"; import { useQuery } from "@tanstack/react-query"; import { useAtom } from "jotai"; import { useCallback, useEffect, useState } from "react"; import { useHaptic } from "./useHaptic"; 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 = false, ) => { const [api] = useAtom(apiAtom); const [showSkipCreditButton, setShowSkipCreditButton] = useState(false); const lightHapticFeedback = useHaptic("light"); 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 { lightHapticFeedback(); wrappedSeek(creditTimestamps.Credits.End); setTimeout(() => { play(); }, 200); } catch (error) { writeToLog("ERROR", "Error skipping intro", error); } }, [creditTimestamps]); return { showSkipCreditButton, skipCredit }; };