react-native-theoplayer 1.8.2 → 2.0.0

package/lib/commonjs/ui/components/seekbar/thumbnail/SingleThumbnailView.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SingleThumbnailView = SingleThumbnailView;
+var _reactNative = require("react-native");
+var _reactNativeTheoplayer = require("react-native-theoplayer");
+var _PlayerContext = require("../../util/PlayerContext");
+var _ThumbnailView = require("./ThumbnailView");
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function SingleThumbnailView(props) {
+  const player = (0, _react.useContext)(_PlayerContext.PlayerContext).player;
+  const thumbnailTrack = (0, _reactNativeTheoplayer.filterThumbnailTracks)(player.textTracks);
+  if (!thumbnailTrack) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  const window = _reactNative.Dimensions.get('window');
+  const thumbnailSize = 0.35 * Math.min(window.height, window.width);
+  const {
+    seekableStart,
+    seekableEnd,
+    currentTime,
+    seekBarWidth
+  } = props;
+  const percentageOffset = (currentTime - seekableStart) / (seekableEnd - seekableStart);
+  const marginHorizontal = 10;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      position: 'absolute',
+      top: -(thumbnailSize * 0.6),
+      left: Math.max(0, Math.min(seekBarWidth - thumbnailSize - marginHorizontal, percentageOffset * seekBarWidth - 0.5 * thumbnailSize)),
+      marginHorizontal
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ThumbnailView.ThumbnailView, {
+    thumbnailTrack: thumbnailTrack,
+    duration: player.duration,
+    time: currentTime,
+    size: thumbnailSize,
+    showTimeLabel: false
+  }));
+}
+//# sourceMappingURL=SingleThumbnailView.js.map

package/lib/commonjs/ui/components/seekbar/thumbnail/SingleThumbnailView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeTheoplayer","_PlayerContext","_ThumbnailView","_react","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","SingleThumbnailView","props","player","useContext","PlayerContext","thumbnailTrack","filterThumbnailTracks","textTracks","createElement","Fragment","window","Dimensions","thumbnailSize","Math","min","height","width","seekableStart","seekableEnd","currentTime","seekBarWidth","percentageOffset","marginHorizontal","View","style","position","top","left","max","ThumbnailView","duration","time","size","showTimeLabel"],"sources":["SingleThumbnailView.tsx"],"sourcesContent":["import { Dimensions, View } from 'react-native';\nimport { filterThumbnailTracks } from 'react-native-theoplayer';\nimport { PlayerContext } from '../../util/PlayerContext';\nimport { ThumbnailView } from './ThumbnailView';\nimport React, { useContext } from 'react';\n\nexport interface ThumbnailViewProps {\n  seekableStart: number;\n  seekableEnd: number;\n  currentTime: number;\n  seekBarWidth: number;\n}\n\nexport function SingleThumbnailView(props: ThumbnailViewProps) {\n  const player = useContext(PlayerContext).player;\n  const thumbnailTrack = filterThumbnailTracks(player.textTracks);\n  if (!thumbnailTrack) {\n    return <></>;\n  }\n  const window = Dimensions.get('window');\n  const thumbnailSize = 0.35 * Math.min(window.height, window.width);\n\n  const { seekableStart, seekableEnd, currentTime, seekBarWidth } = props;\n  const percentageOffset = (currentTime - seekableStart) / (seekableEnd - seekableStart);\n  const marginHorizontal = 10;\n\n  return (\n    <View\n      style={{\n        position: 'absolute',\n        top: -(thumbnailSize * 0.6),\n        left: Math.max(0, Math.min(seekBarWidth - thumbnailSize - marginHorizontal, percentageOffset * seekBarWidth - 0.5 * thumbnailSize)),\n        marginHorizontal,\n      }}>\n      <ThumbnailView thumbnailTrack={thumbnailTrack} duration={player.duration} time={currentTime} size={thumbnailSize} showTimeLabel={false} />\n    </View>\n  );\n}\n"],"mappings":"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"}

package/lib/commonjs/ui/components/seekbar/thumbnail/Thumbnail.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isImageThumbnail = isImageThumbnail;
+exports.isTileMapThumbnail = isTileMapThumbnail;
+function isTileMapThumbnail(thumbnail) {
+  return thumbnail.tileX !== undefined && thumbnail.tileY !== undefined && thumbnail.tileWidth !== undefined && thumbnail.tileHeight !== undefined;
+}
+function isImageThumbnail(thumbnail) {
+  return !isTileMapThumbnail(thumbnail);
+}
+
+/**
+ * Description of a thumbnail, which can be either a full image or part of a tile map.
+ */
+//# sourceMappingURL=Thumbnail.js.map

package/lib/commonjs/ui/components/seekbar/thumbnail/Thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isTileMapThumbnail","thumbnail","tileX","undefined","tileY","tileWidth","tileHeight","isImageThumbnail"],"sources":["Thumbnail.ts"],"sourcesContent":["export function isTileMapThumbnail(thumbnail: Thumbnail): thumbnail is TileMapThumbnail {\n  return thumbnail.tileX !== undefined && thumbnail.tileY !== undefined && thumbnail.tileWidth !== undefined && thumbnail.tileHeight !== undefined;\n}\n\nexport function isImageThumbnail(thumbnail: Thumbnail): thumbnail is ImageThumbnail {\n  return !isTileMapThumbnail(thumbnail);\n}\n\n/**\n * Description of a thumbnail, which can be either a full image or part of a tile map.\n */\nexport interface Thumbnail {\n  /**\n   * The url of the thumbnail image.\n   */\n  url: string;\n\n  /**\n   * Horizontal offset within the tile map in case the thumbnail is part of tile map.\n   */\n  tileX?: number;\n\n  /**\n   * Vertical offset within the tile map in case the thumbnail is part of tile map.\n   */\n  tileY?: number;\n\n  /**\n   * Width of a tile in case the thumbnail is part of tile map.\n   */\n  tileWidth?: number;\n\n  /**\n   * Height of a tile in case the thumbnail is part of tile map.\n   */\n  tileHeight?: number;\n}\n\n/**\n * Description of a tile-map thumbnail.\n */\nexport interface TileMapThumbnail extends Thumbnail {\n  /**\n   * The url of the thumbnail image.\n   */\n  url: string;\n\n  /**\n   * Horizontal offset within the tile map in case the thumbnail is part of tile map.\n   */\n  tileX: number;\n\n  /**\n   * Vertical offset within the tile map in case the thumbnail is part of tile map.\n   */\n  tileY: number;\n\n  /**\n   * Width of a tile in case the thumbnail is part of tile map.\n   */\n  tileWidth: number;\n\n  /**\n   * Height of a tile in case the thumbnail is part of tile map.\n   */\n  tileHeight: number;\n}\n\n/**\n * Description of a tile-map thumbnail.\n */\nexport type ImageThumbnail = Thumbnail;\n"],"mappings":";;;;;;;AAAO,SAASA,kBAAkBA,CAACC,SAAoB,EAAiC;EACtF,OAAOA,SAAS,CAACC,KAAK,KAAKC,SAAS,IAAIF,SAAS,CAACG,KAAK,KAAKD,SAAS,IAAIF,SAAS,CAACI,SAAS,KAAKF,SAAS,IAAIF,SAAS,CAACK,UAAU,KAAKH,SAAS;AAClJ;AAEO,SAASI,gBAAgBA,CAACN,SAAoB,EAA+B;EAClF,OAAO,CAACD,kBAAkB,CAACC,SAAS,CAAC;AACvC;;AAEA;AACA;AACA"}

package/lib/commonjs/ui/components/seekbar/thumbnail/ThumbnailView.js

@@ -0,0 +1,256 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ThumbnailView = exports.DEFAULT_THUMBNAIL_VIEW_STYLE = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeTheoplayer = require("react-native-theoplayer");
+var _Thumbnail = require("./Thumbnail");
+var _Urlpolyfill = require("./Urlpolyfill");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const SPRITE_REGEX = /^([^#]*)#xywh=(\d+),(\d+),(\d+),(\d+)\s*$/;
+const TAG = 'ThumbnailView';
+const DEFAULT_THUMBNAIL_VIEW_STYLE = {
+  containerThumbnail: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  thumbnail: {
+    overflow: 'hidden',
+    backgroundColor: 'transparent'
+  }
+};
+exports.DEFAULT_THUMBNAIL_VIEW_STYLE = DEFAULT_THUMBNAIL_VIEW_STYLE;
+class ThumbnailView extends _react.PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "_ismounted", false);
+    _defineProperty(this, "onTileImageLoad", thumbnail => () => {
+      if (!this._ismounted) {
+        return;
+      }
+      const {
+        size
+      } = this.props;
+      const {
+        tileWidth,
+        tileHeight
+      } = thumbnail;
+      if (tileWidth && tileHeight) {
+        _reactNative.Image.getSize(thumbnail.url, (width, height) => {
+          this.setState({
+            imageWidth: width,
+            imageHeight: height,
+            renderWidth: size,
+            renderHeight: tileHeight * size / tileWidth
+          });
+        });
+      }
+    });
+    _defineProperty(this, "onImageLoadError", event => {
+      console.error(TAG, 'Failed to load thumbnail url:', event.nativeEvent.error);
+    });
+    _defineProperty(this, "onImageLoad", thumbnail => () => {
+      if (!this._ismounted) {
+        return;
+      }
+      const {
+        size
+      } = this.props;
+      _reactNative.Image.getSize(thumbnail.url, (width, height) => {
+        this.setState({
+          imageWidth: width,
+          imageHeight: height,
+          renderWidth: size,
+          renderHeight: height * size / width
+        });
+      });
+    });
+    _defineProperty(this, "renderThumbnail", (thumbnail, index) => {
+      const {
+        imageWidth,
+        imageHeight,
+        renderWidth,
+        renderHeight
+      } = this.state;
+      const {
+        size
+      } = this.props;
+      const scale = 1.0;
+      if ((0, _Thumbnail.isTileMapThumbnail)(thumbnail)) {
+        const ratio = thumbnail.tileWidth == 0 ? 0 : scale * size / thumbnail.tileWidth;
+        return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+          key: index,
+          style: [DEFAULT_THUMBNAIL_VIEW_STYLE.thumbnail, {
+            width: scale * renderWidth,
+            height: scale * renderHeight
+          }]
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+          resizeMode: 'cover',
+          style: {
+            position: 'absolute',
+            top: -ratio * thumbnail.tileY,
+            left: -ratio * thumbnail.tileX,
+            width: ratio * imageWidth,
+            height: ratio * imageHeight
+          },
+          source: {
+            uri: thumbnail.url
+          },
+          onError: this.onImageLoadError,
+          onLoad: this.onTileImageLoad(thumbnail)
+        }));
+      } else {
+        return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+          key: index,
+          style: [DEFAULT_THUMBNAIL_VIEW_STYLE.thumbnail, {
+            width: scale * renderWidth,
+            height: scale * renderHeight
+          }]
+        }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+          resizeMode: 'contain',
+          style: {
+            width: scale * size,
+            height: scale * renderHeight
+          },
+          source: {
+            uri: thumbnail.url
+          },
+          onError: this.onImageLoadError,
+          onLoad: this.onImageLoad(thumbnail)
+        }));
+      }
+    });
+    const {
+      size: _size
+    } = props;
+    this.state = {
+      imageWidth: _size,
+      imageHeight: _size,
+      renderWidth: _size,
+      renderHeight: 1
+    };
+  }
+  componentDidMount() {
+    this._ismounted = true;
+  }
+  componentWillUnmount() {
+    this._ismounted = false;
+  }
+  getCueIndexAtTime(time) {
+    const {
+      thumbnailTrack
+    } = this.props;
+
+    // Ignore if it's an invalid track or not a thumbnail track.
+    if (!(0, _reactNativeTheoplayer.isThumbnailTrack)(thumbnailTrack)) {
+      console.warn(TAG, 'Invalid thumbnail track');
+      return undefined;
+    }
+
+    // Ignore if the track does not have cues
+    if (thumbnailTrack.cues == null || thumbnailTrack.cues.length == 0) {
+      return undefined;
+    }
+    const cues = thumbnailTrack.cues;
+    let cueIndex = 0;
+    for (const [index, cue] of cues.entries()) {
+      if (cue.startTime <= time) {
+        cueIndex = index;
+      } else if (time >= cue.endTime) {
+        return cueIndex;
+      }
+    }
+    return cueIndex;
+  }
+  resolveThumbnailUrl(thumbnail) {
+    const {
+      thumbnailTrack
+    } = this.props;
+    // NOTE: TextTrack.src is supported in Android SDK as of 3.5+
+    if (thumbnailTrack && thumbnailTrack.src) {
+      return new _Urlpolyfill.URL(thumbnail, thumbnailTrack.src).href;
+    } else {
+      return thumbnail;
+    }
+  }
+  getThumbnailImageForCue(cue) {
+    const thumbnailContent = cue && cue.content;
+    if (!thumbnailContent) {
+      // Cue does not contain any thumbnail info.
+      return null;
+    }
+    const spriteMatch = thumbnailContent.match(SPRITE_REGEX);
+    if (spriteMatch) {
+      // The thumbnail is part of a tile.
+      const [, url, x, y, w, h] = spriteMatch;
+      return {
+        tileX: +x,
+        tileY: +y,
+        tileWidth: +w,
+        tileHeight: +h,
+        url: this.resolveThumbnailUrl(url)
+      };
+    } else {
+      // The thumbnail is a separate image.
+      return {
+        url: this.resolveThumbnailUrl(thumbnailContent)
+      };
+    }
+  }
+  render() {
+    const {
+      time,
+      duration,
+      thumbnailTrack,
+      showTimeLabel,
+      timeLabelStyle
+    } = this.props;
+    if (!thumbnailTrack || !thumbnailTrack.cues || thumbnailTrack.cues.length === 0) {
+      // No thumbnails to render.
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    const nowCueIndex = this.getCueIndexAtTime(time);
+    if (nowCueIndex === undefined) {
+      // No thumbnail for current time
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    const current = this.getThumbnailImageForCue(thumbnailTrack.cues[nowCueIndex]);
+    if (current === null) {
+      // No thumbnail for current time
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    }
+    const {
+      renderHeight
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        flexDirection: 'column'
+      }
+    }, showTimeLabel && /*#__PURE__*/_react.default.createElement(_reactNativeTheoplayer.StaticTimeLabel, {
+      style: [{
+        marginLeft: 20,
+        height: 20,
+        alignSelf: 'center'
+      }, timeLabelStyle],
+      time: time,
+      duration: duration,
+      showDuration: false
+    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [DEFAULT_THUMBNAIL_VIEW_STYLE.containerThumbnail, {
+        height: renderHeight
+      }]
+    }, this.renderThumbnail(current, 0)));
+  }
+}
+exports.ThumbnailView = ThumbnailView;
+_defineProperty(ThumbnailView, "defaultProps", {
+  showTimeLabel: true
+});
+//# sourceMappingURL=ThumbnailView.js.map

package/lib/commonjs/ui/components/seekbar/thumbnail/ThumbnailView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeTheoplayer","_Thumbnail","_Urlpolyfill","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","SPRITE_REGEX","TAG","DEFAULT_THUMBNAIL_VIEW_STYLE","containerThumbnail","alignItems","flexDirection","thumbnail","overflow","backgroundColor","exports","ThumbnailView","PureComponent","constructor","props","_ismounted","size","tileWidth","tileHeight","Image","getSize","url","width","height","setState","imageWidth","imageHeight","renderWidth","renderHeight","event","console","error","nativeEvent","index","state","scale","isTileMapThumbnail","ratio","createElement","View","style","resizeMode","position","top","tileY","left","tileX","source","uri","onError","onImageLoadError","onLoad","onTileImageLoad","onImageLoad","componentDidMount","componentWillUnmount","getCueIndexAtTime","time","thumbnailTrack","isThumbnailTrack","warn","cues","length","cueIndex","cue","entries","startTime","endTime","resolveThumbnailUrl","src","URLPolyfill","href","getThumbnailImageForCue","thumbnailContent","content","spriteMatch","match","x","y","w","h","render","duration","showTimeLabel","timeLabelStyle","Fragment","nowCueIndex","current","StaticTimeLabel","marginLeft","alignSelf","showDuration","renderThumbnail"],"sources":["ThumbnailView.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport { Image, StyleProp, View, ViewStyle } from 'react-native';\nimport type { TextTrackCue } from 'react-native-theoplayer';\nimport { isThumbnailTrack, StaticTimeLabel, TextTrack } from 'react-native-theoplayer';\nimport type { Thumbnail } from './Thumbnail';\nimport { isTileMapThumbnail } from './Thumbnail';\nimport { URL as URLPolyfill } from './Urlpolyfill';\n\nconst SPRITE_REGEX = /^([^#]*)#xywh=(\\d+),(\\d+),(\\d+),(\\d+)\\s*$/;\nconst TAG = 'ThumbnailView';\n\ninterface ThumbnailViewState {\n  imageWidth: number;\n  imageHeight: number;\n  renderWidth: number;\n  renderHeight: number;\n}\n\nexport interface ThumbnailViewProps {\n  /**\n   * Thumbnail track. A valid thumbnail track should have properties:\n   * <br/> - `'kind'` equals `'metadata'`.\n   * <br/> - `'label'` equals `'thumbnails'`.\n   */\n  thumbnailTrack: TextTrack;\n\n  /**\n   * Current time.\n   */\n  time: number;\n\n  /**\n   * Stream duration\n   */\n  duration: number;\n\n  /**\n   * Whether to show a time label.\n   */\n  showTimeLabel: boolean;\n\n  /**\n   * Used to set the width of the rendered thumbnail. The height will be calculated according to the image's aspect ratio.\n   */\n  size: number;\n\n  /**\n   * Optional style applied to the time label.\n   */\n  timeLabelStyle?: StyleProp<ViewStyle>;\n}\n\nexport const DEFAULT_THUMBNAIL_VIEW_STYLE: ThumbnailStyle = {\n  containerThumbnail: {\n    alignItems: 'center',\n    flexDirection: 'row',\n  },\n  thumbnail: {\n    overflow: 'hidden',\n    backgroundColor: 'transparent',\n  },\n};\n\nexport interface ThumbnailStyle {\n  containerThumbnail: ViewStyle;\n  thumbnail: ViewStyle;\n}\n\nexport class ThumbnailView extends PureComponent<ThumbnailViewProps, ThumbnailViewState> {\n  static defaultProps = {\n    showTimeLabel: true,\n  };\n  private _ismounted = false;\n\n  constructor(props: ThumbnailViewProps) {\n    super(props);\n    const { size } = props;\n    this.state = { imageWidth: size, imageHeight: size, renderWidth: size, renderHeight: 1 };\n  }\n\n  componentDidMount() {\n    this._ismounted = true;\n  }\n\n  componentWillUnmount() {\n    this._ismounted = false;\n  }\n\n  private getCueIndexAtTime(time: number): number | undefined {\n    const { thumbnailTrack } = this.props;\n\n    // Ignore if it's an invalid track or not a thumbnail track.\n    if (!isThumbnailTrack(thumbnailTrack)) {\n      console.warn(TAG, 'Invalid thumbnail track');\n      return undefined;\n    }\n\n    // Ignore if the track does not have cues\n    if (thumbnailTrack.cues == null || thumbnailTrack.cues.length == 0) {\n      return undefined;\n    }\n\n    const cues = thumbnailTrack.cues;\n    let cueIndex = 0;\n    for (const [index, cue] of cues.entries()) {\n      if (cue.startTime <= time) {\n        cueIndex = index;\n      } else if (time >= cue.endTime) {\n        return cueIndex;\n      }\n    }\n    return cueIndex;\n  }\n\n  private resolveThumbnailUrl(thumbnail: string): string {\n    const { thumbnailTrack } = this.props;\n    // NOTE: TextTrack.src is supported in Android SDK as of 3.5+\n    if (thumbnailTrack && thumbnailTrack.src) {\n      return new URLPolyfill(thumbnail, thumbnailTrack.src).href;\n    } else {\n      return thumbnail;\n    }\n  }\n\n  private getThumbnailImageForCue(cue: TextTrackCue): Thumbnail | null {\n    const thumbnailContent = cue && cue.content;\n    if (!thumbnailContent) {\n      // Cue does not contain any thumbnail info.\n      return null;\n    }\n    const spriteMatch = thumbnailContent.match(SPRITE_REGEX);\n    if (spriteMatch) {\n      // The thumbnail is part of a tile.\n      const [, url, x, y, w, h] = spriteMatch;\n      return {\n        tileX: +x,\n        tileY: +y,\n        tileWidth: +w,\n        tileHeight: +h,\n        url: this.resolveThumbnailUrl(url),\n      };\n    } else {\n      // The thumbnail is a separate image.\n      return {\n        url: this.resolveThumbnailUrl(thumbnailContent),\n      };\n    }\n  }\n\n  private onTileImageLoad = (thumbnail: Thumbnail) => () => {\n    if (!this._ismounted) {\n      return;\n    }\n    const { size } = this.props;\n    const { tileWidth, tileHeight } = thumbnail;\n    if (tileWidth && tileHeight) {\n      Image.getSize(thumbnail.url, (width: number, height: number) => {\n        this.setState({\n          imageWidth: width,\n          imageHeight: height,\n          renderWidth: size,\n          renderHeight: (tileHeight * size) / tileWidth,\n        });\n      });\n    }\n  };\n\n  private onImageLoadError = (event: any) => {\n    console.error(TAG, 'Failed to load thumbnail url:', event.nativeEvent.error);\n  };\n\n  private onImageLoad = (thumbnail: Thumbnail) => () => {\n    if (!this._ismounted) {\n      return;\n    }\n    const { size } = this.props;\n    Image.getSize(thumbnail.url, (width: number, height: number) => {\n      this.setState({\n        imageWidth: width,\n        imageHeight: height,\n        renderWidth: size,\n        renderHeight: (height * size) / width,\n      });\n    });\n  };\n\n  private renderThumbnail = (thumbnail: Thumbnail, index: number) => {\n    const { imageWidth, imageHeight, renderWidth, renderHeight } = this.state;\n    const { size } = this.props;\n    const scale = 1.0;\n\n    if (isTileMapThumbnail(thumbnail)) {\n      const ratio = thumbnail.tileWidth == 0 ? 0 : (scale * size) / thumbnail.tileWidth;\n      return (\n        <View key={index} style={[DEFAULT_THUMBNAIL_VIEW_STYLE.thumbnail, { width: scale * renderWidth, height: scale * renderHeight }]}>\n          <Image\n            resizeMode={'cover'}\n            style={{\n              position: 'absolute',\n              top: -ratio * thumbnail.tileY,\n              left: -ratio * thumbnail.tileX,\n              width: ratio * imageWidth,\n              height: ratio * imageHeight,\n            }}\n            source={{ uri: thumbnail.url }}\n            onError={this.onImageLoadError}\n            onLoad={this.onTileImageLoad(thumbnail)}\n          />\n        </View>\n      );\n    } else {\n      return (\n        <View key={index} style={[DEFAULT_THUMBNAIL_VIEW_STYLE.thumbnail, { width: scale * renderWidth, height: scale * renderHeight }]}>\n          <Image\n            resizeMode={'contain'}\n            style={{ width: scale * size, height: scale * renderHeight }}\n            source={{ uri: thumbnail.url }}\n            onError={this.onImageLoadError}\n            onLoad={this.onImageLoad(thumbnail)}\n          />\n        </View>\n      );\n    }\n  };\n\n  render() {\n    const { time, duration, thumbnailTrack, showTimeLabel, timeLabelStyle } = this.props;\n    if (!thumbnailTrack || !thumbnailTrack.cues || thumbnailTrack.cues.length === 0) {\n      // No thumbnails to render.\n      return <></>;\n    }\n\n    const nowCueIndex = this.getCueIndexAtTime(time);\n    if (nowCueIndex === undefined) {\n      // No thumbnail for current time\n      return <></>;\n    }\n\n    const current = this.getThumbnailImageForCue(thumbnailTrack.cues[nowCueIndex]);\n    if (current === null) {\n      // No thumbnail for current time\n      return <></>;\n    }\n    const { renderHeight } = this.state;\n    return (\n      <View style={{ flexDirection: 'column' }}>\n        {showTimeLabel && (\n          <StaticTimeLabel\n            style={[\n              {\n                marginLeft: 20,\n                height: 20,\n                alignSelf: 'center',\n              },\n              timeLabelStyle,\n            ]}\n            time={time}\n            duration={duration}\n            showDuration={false}\n          />\n        )}\n        <View style={[DEFAULT_THUMBNAIL_VIEW_STYLE.containerThumbnail, { height: renderHeight }]}>{this.renderThumbnail(current, 0)}</View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

package/lib/commonjs/ui/components/seekbar/thumbnail/Urlpolyfill.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _reactNativeUrlPolyfill = require("react-native-url-polyfill");
+Object.keys(_reactNativeUrlPolyfill).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _reactNativeUrlPolyfill[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _reactNativeUrlPolyfill[key];
+    }
+  });
+});
+//# sourceMappingURL=Urlpolyfill.js.map

package/lib/commonjs/ui/components/seekbar/thumbnail/Urlpolyfill.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeUrlPolyfill","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["Urlpolyfill.ts"],"sourcesContent":["export * from 'react-native-url-polyfill';\n"],"mappings":";;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,uBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/ui/components/seekbar/thumbnail/Urlpolyfill.web.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _urlPolyfill = require("url-polyfill");
+Object.keys(_urlPolyfill).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _urlPolyfill[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _urlPolyfill[key];
+    }
+  });
+});
+//# sourceMappingURL=Urlpolyfill.web.js.map

package/lib/commonjs/ui/components/seekbar/thumbnail/Urlpolyfill.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_urlPolyfill","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["Urlpolyfill.web.ts"],"sourcesContent":["// @ts-ignore\nexport * from 'url-polyfill';\n"],"mappings":";;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/ui/components/seekbar/thumbnail/barrel.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SingleThumbnailView = require("./SingleThumbnailView");
+Object.keys(_SingleThumbnailView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SingleThumbnailView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SingleThumbnailView[key];
+    }
+  });
+});
+var _Thumbnail = require("./Thumbnail");
+Object.keys(_Thumbnail).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Thumbnail[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Thumbnail[key];
+    }
+  });
+});
+//# sourceMappingURL=barrel.js.map

package/lib/commonjs/ui/components/seekbar/thumbnail/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SingleThumbnailView","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Thumbnail"],"sources":["barrel.ts"],"sourcesContent":["export * from './SingleThumbnailView';\nexport * from './Thumbnail';\n"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/ui/components/timelabel/StaticTimeLabel.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StaticTimeLabel = StaticTimeLabel;
+var _reactNative = require("react-native");
+var _react = _interopRequireDefault(require("react"));
+var _PlayerContext = require("../util/PlayerContext");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const LIVE_LABEL = 'LIVE';
+
+/**
+ * A static time label for the `react-native-theoplayer` UI.
+ */
+function StaticTimeLabel(props) {
+  const {
+    style,
+    showDuration,
+    time,
+    duration
+  } = props;
+
+  // An unknown duration is reported as NaN.
+  if (isNaN(duration)) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+
+  // Live streams report an Infinity duration.
+  if (!isFinite(duration)) {
+    return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [context.style.text, {
+        color: context.style.colors.text
+      }, style]
+    }, LIVE_LABEL));
+  }
+  try {
+    let currentTimeLabel = new Date(time).toISOString().substring(11, 19);
+    let durationLabel = new Date(duration).toISOString().substring(11, 19);
+    if (durationLabel.startsWith('00:')) {
+      // Don't render hours if not needed.
+      currentTimeLabel = currentTimeLabel.slice(3);
+      durationLabel = durationLabel.slice(3);
+    }
+    const label = showDuration ? `${currentTimeLabel} / ${durationLabel}` : currentTimeLabel;
+    return /*#__PURE__*/_react.default.createElement(_PlayerContext.PlayerContext.Consumer, null, context => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+      style: [context.style.text, {
+        color: context.style.colors.text
+      }, style]
+    }, label));
+  } catch (ignore) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+}
+//# sourceMappingURL=StaticTimeLabel.js.map

package/lib/commonjs/ui/components/timelabel/StaticTimeLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_PlayerContext","obj","__esModule","default","LIVE_LABEL","StaticTimeLabel","props","style","showDuration","time","duration","isNaN","createElement","Fragment","isFinite","PlayerContext","Consumer","context","Text","text","color","colors","currentTimeLabel","Date","toISOString","substring","durationLabel","startsWith","slice","label","ignore"],"sources":["StaticTimeLabel.tsx"],"sourcesContent":["import { StyleProp, Text, TextStyle } from 'react-native';\nimport React from 'react';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\n\nexport interface StaticTimeLabelProps {\n  /**\n   * Whether to show the duration of the current source.\n   */\n  showDuration: boolean;\n  /**\n   * The style overrides.\n   */\n  style?: StyleProp<TextStyle>;\n  /**\n   * The current time of the player\n   */\n  time: number;\n  /**\n   * The duration of the current source.\n   */\n  duration: number;\n}\n\nconst LIVE_LABEL = 'LIVE';\n\n/**\n * A static time label for the `react-native-theoplayer` UI.\n */\nexport function StaticTimeLabel(props: StaticTimeLabelProps) {\n  const { style, showDuration, time, duration } = props;\n\n  // An unknown duration is reported as NaN.\n  if (isNaN(duration)) {\n    return <></>;\n  }\n\n  // Live streams report an Infinity duration.\n  if (!isFinite(duration)) {\n    return (\n      <PlayerContext.Consumer>\n        {(context: UiContext) => <Text style={[context.style.text, { color: context.style.colors.text }, style]}>{LIVE_LABEL}</Text>}\n      </PlayerContext.Consumer>\n    );\n  }\n\n  try {\n    let currentTimeLabel = new Date(time).toISOString().substring(11, 19);\n    let durationLabel = new Date(duration).toISOString().substring(11, 19);\n    if (durationLabel.startsWith('00:')) {\n      // Don't render hours if not needed.\n      currentTimeLabel = currentTimeLabel.slice(3);\n      durationLabel = durationLabel.slice(3);\n    }\n    const label = showDuration ? `${currentTimeLabel} / ${durationLabel}` : currentTimeLabel;\n    return (\n      <PlayerContext.Consumer>\n        {(context: UiContext) => <Text style={[context.style.text, { color: context.style.colors.text }, style]}>{label}</Text>}\n      </PlayerContext.Consumer>\n    );\n  } catch (ignore) {\n    return <></>;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAiE,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAqBjE,MAAMG,UAAU,GAAG,MAAM;;AAEzB;AACA;AACA;AACO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,KAAK;IAAEC,YAAY;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGJ,KAAK;;EAErD;EACA,IAAIK,KAAK,CAACD,QAAQ,CAAC,EAAE;IACnB,oBAAOZ,MAAA,CAAAK,OAAA,CAAAS,aAAA,CAAAd,MAAA,CAAAK,OAAA,CAAAU,QAAA,OAAK;EACd;;EAEA;EACA,IAAI,CAACC,QAAQ,CAACJ,QAAQ,CAAC,EAAE;IACvB,oBACEZ,MAAA,CAAAK,OAAA,CAAAS,aAAA,CAACZ,cAAA,CAAAe,aAAa,CAACC,QAAQ,QACnBC,OAAkB,iBAAKnB,MAAA,CAAAK,OAAA,CAAAS,aAAA,CAAChB,YAAA,CAAAsB,IAAI;MAACX,KAAK,EAAE,CAACU,OAAO,CAACV,KAAK,CAACY,IAAI,EAAE;QAAEC,KAAK,EAAEH,OAAO,CAACV,KAAK,CAACc,MAAM,CAACF;MAAK,CAAC,EAAEZ,KAAK;IAAE,GAAEH,UAAU,CAAQ,CACrG;EAE7B;EAEA,IAAI;IACF,IAAIkB,gBAAgB,GAAG,IAAIC,IAAI,CAACd,IAAI,CAAC,CAACe,WAAW,EAAE,CAACC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC;IACrE,IAAIC,aAAa,GAAG,IAAIH,IAAI,CAACb,QAAQ,CAAC,CAACc,WAAW,EAAE,CAACC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC;IACtE,IAAIC,aAAa,CAACC,UAAU,CAAC,KAAK,CAAC,EAAE;MACnC;MACAL,gBAAgB,GAAGA,gBAAgB,CAACM,KAAK,CAAC,CAAC,CAAC;MAC5CF,aAAa,GAAGA,aAAa,CAACE,KAAK,CAAC,CAAC,CAAC;IACxC;IACA,MAAMC,KAAK,GAAGrB,YAAY,GAAI,GAAEc,gBAAiB,MAAKI,aAAc,EAAC,GAAGJ,gBAAgB;IACxF,oBACExB,MAAA,CAAAK,OAAA,CAAAS,aAAA,CAACZ,cAAA,CAAAe,aAAa,CAACC,QAAQ,QACnBC,OAAkB,iBAAKnB,MAAA,CAAAK,OAAA,CAAAS,aAAA,CAAChB,YAAA,CAAAsB,IAAI;MAACX,KAAK,EAAE,CAACU,OAAO,CAACV,KAAK,CAACY,IAAI,EAAE;QAAEC,KAAK,EAAEH,OAAO,CAACV,KAAK,CAACc,MAAM,CAACF;MAAK,CAAC,EAAEZ,KAAK;IAAE,GAAEsB,KAAK,CAAQ,CAChG;EAE7B,CAAC,CAAC,OAAOC,MAAM,EAAE;IACf,oBAAOhC,MAAA,CAAAK,OAAA,CAAAS,aAAA,CAAAd,MAAA,CAAAK,OAAA,CAAAU,QAAA,OAAK;EACd;AACF"}

package/lib/commonjs/ui/components/timelabel/TimeLabel.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TimeLabel = exports.DEFAULT_TIME_LABEL_STYLE = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeTheoplayer = require("react-native-theoplayer");
+var _PlayerContext = require("../util/PlayerContext");
+var _StaticTimeLabel = require("./StaticTimeLabel");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * The default style for the time label.
+ */
+const DEFAULT_TIME_LABEL_STYLE = {
+  marginLeft: 10,
+  marginRight: 10,
+  height: 20,
+  alignSelf: 'center'
+};
+
+/**
+ * The default time label component for the `react-native-theoplayer` UI.
+ */
+exports.DEFAULT_TIME_LABEL_STYLE = DEFAULT_TIME_LABEL_STYLE;
+class TimeLabel extends _react.PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "onTimeUpdate", event => {
+      const {
+        currentTime
+      } = event;
+      this.setState({
+        currentTime
+      });
+    });
+    _defineProperty(this, "onDurationChange", event => {
+      const {
+        duration
+      } = event;
+      this.setState({
+        duration
+      });
+    });
+    this.state = TimeLabel.initialState;
+  }
+  componentDidMount() {
+    const player = this.context.player;
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.TIME_UPDATE, this.onTimeUpdate);
+    player.addEventListener(_reactNativeTheoplayer.PlayerEventType.DURATION_CHANGE, this.onDurationChange);
+    this.setState({
+      currentTime: player.currentTime,
+      duration: player.duration
+    });
+  }
+  componentWillUnmount() {
+    const player = this.context.player;
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.TIME_UPDATE, this.onTimeUpdate);
+    player.removeEventListener(_reactNativeTheoplayer.PlayerEventType.DURATION_CHANGE, this.onDurationChange);
+  }
+  render() {
+    const {
+      currentTime,
+      duration
+    } = this.state;
+    const {
+      style,
+      showDuration
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_StaticTimeLabel.StaticTimeLabel, {
+      showDuration: showDuration,
+      time: currentTime,
+      duration: duration,
+      style: [DEFAULT_TIME_LABEL_STYLE, style]
+    });
+  }
+}
+exports.TimeLabel = TimeLabel;
+_defineProperty(TimeLabel, "initialState", {
+  currentTime: 0.0,
+  duration: 0
+});
+TimeLabel.contextType = _PlayerContext.PlayerContext;
+//# sourceMappingURL=TimeLabel.js.map

package/lib/commonjs/ui/components/timelabel/TimeLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeTheoplayer","_PlayerContext","_StaticTimeLabel","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","DEFAULT_TIME_LABEL_STYLE","marginLeft","marginRight","height","alignSelf","exports","TimeLabel","PureComponent","constructor","props","event","currentTime","setState","duration","state","initialState","componentDidMount","player","context","addEventListener","PlayerEventType","TIME_UPDATE","onTimeUpdate","DURATION_CHANGE","onDurationChange","componentWillUnmount","removeEventListener","render","style","showDuration","createElement","StaticTimeLabel","time","contextType","PlayerContext"],"sources":["TimeLabel.tsx"],"sourcesContent":["import type { StyleProp, TextStyle } from 'react-native';\nimport React, { PureComponent } from 'react';\nimport { DurationChangeEvent, PlayerEventType, TimeUpdateEvent } from 'react-native-theoplayer';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { StaticTimeLabel } from './StaticTimeLabel';\n\nexport interface TimeLabelProps {\n  /**\n   * Whether to show the duration of the player.\n   */\n  showDuration: boolean;\n  /**\n   * The style overrides.\n   */\n  style?: StyleProp<TextStyle>;\n}\n\nexport interface TimeLabelState {\n  currentTime: number;\n  duration: number;\n}\n\n/**\n * The default style for the time label.\n */\nexport const DEFAULT_TIME_LABEL_STYLE: TextStyle = {\n  marginLeft: 10,\n  marginRight: 10,\n  height: 20,\n  alignSelf: 'center',\n};\n\n/**\n * The default time label component for the `react-native-theoplayer` UI.\n */\nexport class TimeLabel extends PureComponent<TimeLabelProps, TimeLabelState> {\n  private static initialState: TimeLabelState = {\n    currentTime: 0.0,\n    duration: 0,\n  };\n\n  constructor(props: TimeLabelProps) {\n    super(props);\n    this.state = TimeLabel.initialState;\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.TIME_UPDATE, this.onTimeUpdate);\n    player.addEventListener(PlayerEventType.DURATION_CHANGE, this.onDurationChange);\n    this.setState({ currentTime: player.currentTime, duration: player.duration });\n  }\n\n  componentWillUnmount() {\n    const player = (this.context as UiContext).player;\n    player.removeEventListener(PlayerEventType.TIME_UPDATE, this.onTimeUpdate);\n    player.removeEventListener(PlayerEventType.DURATION_CHANGE, this.onDurationChange);\n  }\n\n  private onTimeUpdate = (event: TimeUpdateEvent) => {\n    const { currentTime } = event;\n    this.setState({ currentTime });\n  };\n\n  private onDurationChange = (event: DurationChangeEvent) => {\n    const { duration } = event;\n    this.setState({ duration });\n  };\n\n  render() {\n    const { currentTime, duration } = this.state;\n    const { style, showDuration } = this.props;\n    return (\n      <StaticTimeLabel showDuration={showDuration} time={currentTime} duration={duration} style={[DEFAULT_TIME_LABEL_STYLE, style]}></StaticTimeLabel>\n    );\n  }\n}\n\nTimeLabel.contextType = PlayerContext;\n"],"mappings":"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"}