fix: bump biome and fix error (#864)

hooks/useAdjacentEpisodes.ts

@@ -1,9 +1,9 @@
-import { apiAtom } from "@/providers/JellyfinProvider";
 import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
 import { getTvShowsApi } from "@jellyfin/sdk/lib/utils/api";
 import { useQuery } from "@tanstack/react-query";
 import { useAtomValue } from "jotai";
 import { useMemo } from "react";
+import { apiAtom } from "@/providers/JellyfinProvider";
 
 interface AdjacentEpisodesProps {
   item?: BaseItemDto | null;

hooks/useControlsVisibility.ts

@@ -1,9 +1,5 @@
-import { useCallback, useEffect, useRef, useState } from "react";
-import {
-  runOnJS,
-  useAnimatedReaction,
-  useSharedValue,
-} from "react-native-reanimated";
+import { useCallback, useEffect, useRef } from "react";
+import { useSharedValue } from "react-native-reanimated";
 
 export const useControlsVisibility = (timeout = 3000) => {
   const opacity = useSharedValue(1);

hooks/useCreditSkipper.ts

@@ -1,10 +1,10 @@
+import { useQuery } from "@tanstack/react-query";
+import { useAtom } from "jotai";
+import { useCallback, useEffect, useState } from "react";
 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 {

hooks/useDownloadedFileOpener.ts

@@ -1,9 +1,9 @@
-import { usePlaySettings } from "@/providers/PlaySettingsProvider";
-import { writeToLog } from "@/utils/log";
 import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
 import * as FileSystem from "expo-file-system";
 import { useRouter } from "expo-router";
 import { useCallback } from "react";
+import { usePlaySettings } from "@/providers/PlaySettingsProvider";
+import { writeToLog } from "@/utils/log";
 
 export const getDownloadedFileUrl = async (itemId: string): Promise<string> => {
   const directory = FileSystem.documentDirectory;

hooks/useFavorite.ts

@@ -1,9 +1,9 @@
-import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
 import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
 import { getUserLibraryApi } from "@jellyfin/sdk/lib/utils/api";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useAtom } from "jotai";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useState } from "react";
+import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
 
 export const useFavorite = (item: BaseItemDto) => {
   const queryClient = useQueryClient();
@@ -49,7 +49,7 @@ export const useFavorite = (item: BaseItemDto) => {
 
       return { previousItem };
     },
-    onError: (err, variables, context) => {
+    onError: (_err, _variables, context) => {
       if (context?.previousItem) {
         queryClient.setQueryData([type, item.Id], context.previousItem);
       }
@@ -80,7 +80,7 @@ export const useFavorite = (item: BaseItemDto) => {
 
       return { previousItem };
     },
-    onError: (err, variables, context) => {
+    onError: (_err, _variables, context) => {
       if (context?.previousItem) {
         queryClient.setQueryData([type, item.Id], context.previousItem);
       }

hooks/useHaptic.ts

@@ -1,6 +1,7 @@
-import { useSettings } from "@/utils/atoms/settings";
 import { useCallback, useMemo } from "react";
 import { Platform } from "react-native";
+import { useSettings } from "@/utils/atoms/settings";
+
 const Haptics = !Platform.isTV ? require("expo-haptics") : null;
 
 export type HapticFeedbackType =
@@ -14,10 +15,7 @@ export type HapticFeedbackType =
 
 export const useHaptic = (feedbackType: HapticFeedbackType = "selection") => {
   const [settings] = useSettings();
-
-  if (Platform.isTV) {
-    return () => {};
-  }
+  const isTv = Platform.isTV;
 
   const createHapticHandler = useCallback(
     (type: typeof Haptics.ImpactFeedbackStyle) => {
@@ -27,6 +25,7 @@ export const useHaptic = (feedbackType: HapticFeedbackType = "selection") => {
     },
     [],
   );
+
   const createNotificationFeedback = useCallback(
     (type: typeof Haptics.NotificationFeedbackType) => {
       return Platform.OS === "web" || Platform.isTV
@@ -56,6 +55,10 @@ export const useHaptic = (feedbackType: HapticFeedbackType = "selection") => {
     [createHapticHandler, createNotificationFeedback],
   );
 
+  if (isTv) {
+    return () => {};
+  }
+
   if (settings?.disableHapticFeedback) {
     return () => {};
   }

hooks/useImageColors.ts

@@ -1,3 +1,7 @@
+import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
+import { useAtom, useAtomValue } from "jotai";
+import { useEffect, useMemo } from "react";
+import { Platform } from "react-native";
 import { apiAtom } from "@/providers/JellyfinProvider";
 import {
   adjustToNearBlack,
@@ -7,10 +11,7 @@ import {
 } from "@/utils/atoms/primaryColor";
 import { getItemImage } from "@/utils/getItemImage";
 import { storage } from "@/utils/mmkv";
-import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
-import { useAtom, useAtomValue } from "jotai";
-import { useEffect, useMemo } from "react";
-import { Platform } from "react-native";
+
 // import { getColors } from "react-native-image-colors";
 const Colors = !Platform.isTV ? require("react-native-image-colors") : null;
 
@@ -30,11 +31,11 @@ export const useImageColors = ({
   url?: string | null;
   disabled?: boolean;
 }) => {
-  if (Platform.isTV) return;
-
   const api = useAtomValue(apiAtom);
   const [, setPrimaryColor] = useAtom(itemThemeColorAtom);
 
+  const isTv = Platform.isTV;
+
   const source = useMemo(() => {
     if (!api) return;
     if (url) return { uri: url };
@@ -47,16 +48,15 @@ export const useImageColors = ({
         width: 300,
       });
     return null;
-  }, [api, item]);
+  }, [api, item, url]);
 
   useEffect(() => {
+    if (isTv) return;
     if (disabled) return;
     if (source?.uri) {
-      // Check if colors are already cached in storage
       const _primary = storage.getString(`${source.uri}-primary`);
       const _text = storage.getString(`${source.uri}-text`);
 
-      // If colors are cached, use them and exit
       if (_primary && _text) {
         setPrimaryColor({
           primary: _primary,
@@ -65,7 +65,6 @@ export const useImageColors = ({
         return;
       }
 
-      // Extract colors from the image
       Colors.getColors(source.uri, {
         fallback: "#fff",
         cache: false,
@@ -82,7 +81,6 @@ export const useImageColors = ({
             let text = "#000";
             let backup = "#fff";
 
-            // Select the appropriate color based on the platform
             if (colors.platform === "android") {
               primary = colors.dominant;
               backup = colors.vibrant;
@@ -91,13 +89,11 @@ export const useImageColors = ({
               backup = colors.primary;
             }
 
-            // Adjust the primary color if it's too close to black
             if (primary && isCloseToBlack(primary)) {
               if (backup && !isCloseToBlack(backup)) primary = backup;
               primary = adjustToNearBlack(primary);
             }
 
-            // Calculate the text color based on the primary color
             if (primary) text = calculateTextColor(primary);
 
             setPrimaryColor({
@@ -105,7 +101,6 @@ export const useImageColors = ({
               text,
             });
 
-            // Cache the colors in storage
             if (source.uri && primary) {
               storage.set(`${source.uri}-primary`, primary);
               storage.set(`${source.uri}-text`, text);
@@ -116,5 +111,7 @@ export const useImageColors = ({
           console.error("Error getting colors", error);
         });
     }
-  }, [source?.uri, setPrimaryColor, disabled]);
+  }, [isTv, source?.uri, setPrimaryColor, disabled]);
+
+  if (isTv) return;
 };

hooks/useImageStorage.ts

@@ -1,5 +1,5 @@
-import { storage } from "@/utils/mmkv";
 import { useCallback } from "react";
+import { storage } from "@/utils/mmkv";
 
 const useImageStorage = () => {
   const saveBase64Image = useCallback(async (base64: string, key: string) => {

hooks/useIntroSkipper.ts

@@ -1,10 +1,10 @@
+import { useQuery } from "@tanstack/react-query";
+import { useAtom } from "jotai";
+import { useCallback, useEffect, useState } from "react";
 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 IntroTimestamps {

hooks/useJellyseerr.ts

@@ -1,3 +1,7 @@
+import axios, { type AxiosError, type AxiosInstance } from "axios";
+import { atom } from "jotai";
+import { useAtom } from "jotai/index";
+import { inRange } from "lodash";
 import type { User as JellyseerrUser } from "@/utils/jellyseerr/server/entity/User";
 import type {
   MovieResult,
@@ -5,11 +9,11 @@ import type {
   TvResult,
 } from "@/utils/jellyseerr/server/models/Search";
 import { storage } from "@/utils/mmkv";
-import axios, { type AxiosError, type AxiosInstance } from "axios";
-import { atom } from "jotai";
-import { useAtom } from "jotai/index";
-import { inRange } from "lodash";
 import "@/augmentations";
+import { useQueryClient } from "@tanstack/react-query";
+import { t } from "i18next";
+import { useCallback, useMemo } from "react";
+import { toast } from "sonner-native";
 import { useSettings } from "@/utils/atoms/settings";
 import type { RTRating } from "@/utils/jellyseerr/server/api/rating/rottentomatoes";
 import {
@@ -43,10 +47,6 @@ import type {
   TvDetails,
 } from "@/utils/jellyseerr/server/models/Tv";
 import { writeErrorLog } from "@/utils/log";
-import { useQueryClient } from "@tanstack/react-query";
-import { t } from "i18next";
-import { useCallback, useMemo } from "react";
-import { toast } from "sonner-native";
 
 interface SearchParams {
   query: string;

hooks/useMarkAsPlayed.ts

@@ -1,9 +1,9 @@
-import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
-import { markAsNotPlayed } from "@/utils/jellyfin/playstate/markAsNotPlayed";
-import { markAsPlayed } from "@/utils/jellyfin/playstate/markAsPlayed";
 import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models";
 import { useQueryClient } from "@tanstack/react-query";
 import { useAtom } from "jotai";
+import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
+import { markAsNotPlayed } from "@/utils/jellyfin/playstate/markAsNotPlayed";
+import { markAsPlayed } from "@/utils/jellyfin/playstate/markAsPlayed";
 import { useHaptic } from "./useHaptic";
 
 export const useMarkAsPlayed = (items: BaseItemDto[]) => {

hooks/useOrientation.ts

@@ -1,7 +1,7 @@
-import * as ScreenOrientation from "@/packages/expo-screen-orientation";
-import orientationToOrientationLock from "@/utils/OrientationLockConverter";
 import { useEffect, useState } from "react";
 import { Platform } from "react-native";
+import * as ScreenOrientation from "@/packages/expo-screen-orientation";
+import orientationToOrientationLock from "@/utils/OrientationLockConverter";
 
 export const useOrientation = () => {
   const [orientation, setOrientation] = useState(
@@ -10,9 +10,9 @@ export const useOrientation = () => {
       : ScreenOrientation.OrientationLock.UNKNOWN,
   );
 
-  if (Platform.isTV) return { orientation, setOrientation };
-
   useEffect(() => {
+    if (Platform.isTV) return;
+
     const orientationSubscription =
       ScreenOrientation.addOrientationChangeListener((event) => {
         setOrientation(

hooks/useSessions.ts

@@ -1,10 +1,10 @@
-import { apiAtom } from "@/providers/JellyfinProvider";
-import { userAtom } from "@/providers/JellyfinProvider";
 import { getSessionApi } from "@jellyfin/sdk/lib/utils/api/session-api";
 import { useQuery } from "@tanstack/react-query";
 import { useAtom } from "jotai";
 import { Platform } from "react-native";
-const Notifications = !Platform.isTV ? require("expo-notifications") : null;
+import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
+
+const _Notifications = !Platform.isTV ? require("expo-notifications") : null;
 
 export interface useSessionsProps {
   refetchInterval: number;

hooks/useTrickplay.ts

@@ -1,9 +1,9 @@
-import { apiAtom } from "@/providers/JellyfinProvider";
-import { ticksToMs } from "@/utils/time";
 import type { BaseItemDto } from "@jellyfin/sdk/lib/generated-client";
 import { Image } from "expo-image";
 import { useAtom } from "jotai";
 import { useCallback, useMemo, useRef, useState } from "react";
+import { apiAtom } from "@/providers/JellyfinProvider";
+import { ticksToMs } from "@/utils/time";
 
 interface TrickplayData {
   Interval?: number;

hooks/useWebsockets.ts

@@ -1,8 +1,8 @@
-import { useWebSocketContext } from "@/providers/WebSocketProvider";
 import { useRouter } from "expo-router";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { Alert } from "react-native";
+import { useWebSocketContext } from "@/providers/WebSocketProvider";
 
 interface UseWebSocketProps {
   isPlaying: boolean;
@@ -88,7 +88,7 @@ export const useWebSocket = ({
     if (!lastMessage) return;
     if (offline) return;
 
-    const messageType = lastMessage.MessageType;
+    const _messageType = lastMessage.MessageType;
     const command: string | undefined =
       lastMessage?.Data?.Command || lastMessage?.Data?.Name;
 
@@ -252,7 +252,7 @@ export const useWebSocket = ({
       });
       if (itemIdsStr) {
         const itemIds = itemIdsStr.split(",");
-        let startPositionTicks: number | undefined = undefined;
+        let startPositionTicks: number | undefined;
         if (startPositionTicksStr) {
           const parsedTicks = Number.parseInt(startPositionTicksStr, 10);
           if (!Number.isNaN(parsedTicks)) {