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

A React Native UI for @theoplayer/react-native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useChaptersTrack = void 0;
var _react = require("react");
var _reactNativeUi = require("@theoplayer/react-native-ui");
var _reactNativeTheoplayer = require("react-native-theoplayer");
const TEXT_TRACK_CHANGE_EVENTS = [_reactNativeTheoplayer.PlayerEventType.LOADED_DATA, _reactNativeTheoplayer.PlayerEventType.TEXT_TRACK_LIST];

/**
 * Retain first chapters track encountered in the textTracks list.
 */
function filterChaptersTrack(textTracks) {
  return textTracks && textTracks.find(isChaptersTrack);
}

/**
 * Query whether a track is a valid chapters track.
 */
function isChaptersTrack(textTrack) {
  return textTrack.kind === 'chapters';
}

/**
 * Returns a chapters track, if available.
 *
 * 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 useChaptersTrack = () => {
  const {
    player
  } = (0, _react.useContext)(_reactNativeUi.PlayerContext);
  const subscribe = (0, _react.useCallback)(callback => {
    TEXT_TRACK_CHANGE_EVENTS.forEach(event => player?.addEventListener(event, callback));
    return () => TEXT_TRACK_CHANGE_EVENTS.forEach(event => player?.removeEventListener(event, callback));
  }, [player]);
  return (0, _react.useSyncExternalStore)(subscribe, () => filterChaptersTrack(player.textTracks));
};
exports.useChaptersTrack = useChaptersTrack;
//# sourceMappingURL=useChaptersTrack.js.map