react-native-theoplayer/src/api/cache/hooks/useCachingTaskStatus.ts

A THEOplayer video component for react-native.

import { CacheTaskStatus, CachingTask, CachingTaskEventType } from 'react-native-theoplayer';
import { useEffect, useState } from 'react';

/**
 * A convenience hook that keeps the current status of a caching task.
 *
 * @category Caching
 * @public
 */
export const useCachingTaskStatus = (task: CachingTask, debug = false) => {
  const [status, setStatus] = useState<CacheTaskStatus | undefined>(task.status);
  useEffect(() => {
    const onStateChange = () => {
      const status = task.status;
      if (debug) {
        console.log('[MediaCache] state change', status);
      }
      setStatus(status);
    };
    task.addEventListener(CachingTaskEventType.statechange, onStateChange);
    return () => {
      task.removeEventListener(CachingTaskEventType.statechange, onStateChange);
    };
  }, [task, debug]);
  return status;
};