streamyfin/hooks/useCreditSkipper.ts

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<CreditTimestamps | null>({
    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 };
};