@theoplayer/react-native-ui/lib/commonjs/ui/hooks/useSeekable.js

A React Native UI for @theoplayer/react-native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useSeekable = void 0;
var _react = require("react");
var _reactNativeUi = require("@theoplayer/react-native-ui");
var _reactNativeTheoplayer = require("react-native-theoplayer");
const THROTTLED_INTERVAL = 250;

/**
 * Returns {@link react-native-theoplayer!THEOplayer.seekable | the player's seekable range}, automatically updating whenever it changes.
 *
 * This hook must only be used in a component mounted inside a {@link THEOplayerDefaultUi} or {@link UiContainer},
 * or alternatively any other component that provides a {@link PlayerContext}.
 *
 * @group Hooks
 */
const useSeekable = () => {
  const {
    player
  } = (0, _react.useContext)(_reactNativeUi.PlayerContext);
  const [seekable, setSeekable] = (0, _reactNativeUi.useThrottledState)(player?.seekable ?? [], THROTTLED_INTERVAL);
  (0, _react.useEffect)(() => {
    const onUpdateSeekable = event => {
      setSeekable(event.seekable ?? player?.seekable ?? []);
    };
    player?.addEventListener(_reactNativeTheoplayer.PlayerEventType.PROGRESS, onUpdateSeekable);
    return () => {
      player?.removeEventListener(_reactNativeTheoplayer.PlayerEventType.PROGRESS, onUpdateSeekable);
    };
  }, [player, setSeekable]);
  return seekable;
};
exports.useSeekable = useSeekable;
//# sourceMappingURL=useSeekable.js.map