react-native-theoplayer 1.8.2 → 2.0.0

package/lib/module/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":"AAAA,OAAO,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;AAEA,OAAO,SAASI,gBAAgBA,CAACN,SAAoB,EAA+B;EAClF,OAAO,CAACD,kBAAkB,CAACC,SAAS,CAAC;AACvC;;AAEA;AACA;AACA"}

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

@@ -0,0 +1,246 @@
+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); }
+import React, { PureComponent } from 'react';
+import { Image, View } from 'react-native';
+import { isThumbnailTrack, StaticTimeLabel } from 'react-native-theoplayer';
+import { isTileMapThumbnail } from './Thumbnail';
+import { URL as URLPolyfill } from './Urlpolyfill';
+const SPRITE_REGEX = /^([^#]*)#xywh=(\d+),(\d+),(\d+),(\d+)\s*$/;
+const TAG = 'ThumbnailView';
+export const DEFAULT_THUMBNAIL_VIEW_STYLE = {
+  containerThumbnail: {
+    alignItems: 'center',
+    flexDirection: 'row'
+  },
+  thumbnail: {
+    overflow: 'hidden',
+    backgroundColor: 'transparent'
+  }
+};
+export class ThumbnailView extends 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) {
+        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;
+      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 (isTileMapThumbnail(thumbnail)) {
+        const ratio = thumbnail.tileWidth == 0 ? 0 : scale * size / thumbnail.tileWidth;
+        return /*#__PURE__*/React.createElement(View, {
+          key: index,
+          style: [DEFAULT_THUMBNAIL_VIEW_STYLE.thumbnail, {
+            width: scale * renderWidth,
+            height: scale * renderHeight
+          }]
+        }, /*#__PURE__*/React.createElement(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.createElement(View, {
+          key: index,
+          style: [DEFAULT_THUMBNAIL_VIEW_STYLE.thumbnail, {
+            width: scale * renderWidth,
+            height: scale * renderHeight
+          }]
+        }, /*#__PURE__*/React.createElement(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 (!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(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.createElement(React.Fragment, null);
+    }
+    const nowCueIndex = this.getCueIndexAtTime(time);
+    if (nowCueIndex === undefined) {
+      // No thumbnail for current time
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+    const current = this.getThumbnailImageForCue(thumbnailTrack.cues[nowCueIndex]);
+    if (current === null) {
+      // No thumbnail for current time
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+    const {
+      renderHeight
+    } = this.state;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'column'
+      }
+    }, showTimeLabel && /*#__PURE__*/React.createElement(StaticTimeLabel, {
+      style: [{
+        marginLeft: 20,
+        height: 20,
+        alignSelf: 'center'
+      }, timeLabelStyle],
+      time: time,
+      duration: duration,
+      showDuration: false
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [DEFAULT_THUMBNAIL_VIEW_STYLE.containerThumbnail, {
+        height: renderHeight
+      }]
+    }, this.renderThumbnail(current, 0)));
+  }
+}
+_defineProperty(ThumbnailView, "defaultProps", {
+  showTimeLabel: true
+});
+//# sourceMappingURL=ThumbnailView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","Image","View","isThumbnailTrack","StaticTimeLabel","isTileMapThumbnail","URL","URLPolyfill","SPRITE_REGEX","TAG","DEFAULT_THUMBNAIL_VIEW_STYLE","containerThumbnail","alignItems","flexDirection","thumbnail","overflow","backgroundColor","ThumbnailView","constructor","props","_defineProperty","_ismounted","size","tileWidth","tileHeight","getSize","url","width","height","setState","imageWidth","imageHeight","renderWidth","renderHeight","event","console","error","nativeEvent","index","state","scale","ratio","createElement","key","style","resizeMode","position","top","tileY","left","tileX","source","uri","onError","onImageLoadError","onLoad","onTileImageLoad","onImageLoad","componentDidMount","componentWillUnmount","getCueIndexAtTime","time","thumbnailTrack","warn","undefined","cues","length","cueIndex","cue","entries","startTime","endTime","resolveThumbnailUrl","src","href","getThumbnailImageForCue","thumbnailContent","content","spriteMatch","match","x","y","w","h","render","duration","showTimeLabel","timeLabelStyle","Fragment","nowCueIndex","current","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/module/ui/components/seekbar/thumbnail/Urlpolyfill.js

@@ -0,0 +1,2 @@
+export * from 'react-native-url-polyfill';
+//# sourceMappingURL=Urlpolyfill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Urlpolyfill.ts"],"sourcesContent":["export * from 'react-native-url-polyfill';\n"],"mappings":"AAAA,cAAc,2BAA2B"}

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

@@ -0,0 +1,3 @@
+// @ts-ignore
+export * from 'url-polyfill';
+//# sourceMappingURL=Urlpolyfill.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Urlpolyfill.web.ts"],"sourcesContent":["// @ts-ignore\nexport * from 'url-polyfill';\n"],"mappings":"AAAA;AACA,cAAc,cAAc"}

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

@@ -0,0 +1,3 @@
+export * from './SingleThumbnailView';
+export * from './Thumbnail';
+//# sourceMappingURL=barrel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["barrel.ts"],"sourcesContent":["export * from './SingleThumbnailView';\nexport * from './Thumbnail';\n"],"mappings":"AAAA,cAAc,uBAAuB;AACrC,cAAc,aAAa"}

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

@@ -0,0 +1,48 @@
+import { Text } from 'react-native';
+import React from 'react';
+import { PlayerContext } from '../util/PlayerContext';
+const LIVE_LABEL = 'LIVE';
+
+/**
+ * A static time label for the `react-native-theoplayer` UI.
+ */
+export function StaticTimeLabel(props) {
+  const {
+    style,
+    showDuration,
+    time,
+    duration
+  } = props;
+
+  // An unknown duration is reported as NaN.
+  if (isNaN(duration)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+
+  // Live streams report an Infinity duration.
+  if (!isFinite(duration)) {
+    return /*#__PURE__*/React.createElement(PlayerContext.Consumer, null, context => /*#__PURE__*/React.createElement(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.createElement(PlayerContext.Consumer, null, context => /*#__PURE__*/React.createElement(Text, {
+      style: [context.style.text, {
+        color: context.style.colors.text
+      }, style]
+    }, label));
+  } catch (ignore) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+}
+//# sourceMappingURL=StaticTimeLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","React","PlayerContext","LIVE_LABEL","StaticTimeLabel","props","style","showDuration","time","duration","isNaN","createElement","Fragment","isFinite","Consumer","context","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,SAAoBA,IAAI,QAAmB,cAAc;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAmB,uBAAuB;AAqBhE,MAAMC,UAAU,GAAG,MAAM;;AAEzB;AACA;AACA;AACA,OAAO,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,oBAAOR,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,OAAK;EACd;;EAEA;EACA,IAAI,CAACC,QAAQ,CAACJ,QAAQ,CAAC,EAAE;IACvB,oBACER,KAAA,CAAAU,aAAA,CAACT,aAAa,CAACY,QAAQ,QACnBC,OAAkB,iBAAKd,KAAA,CAAAU,aAAA,CAACX,IAAI;MAACM,KAAK,EAAE,CAACS,OAAO,CAACT,KAAK,CAACU,IAAI,EAAE;QAAEC,KAAK,EAAEF,OAAO,CAACT,KAAK,CAACY,MAAM,CAACF;MAAK,CAAC,EAAEV,KAAK;IAAE,GAAEH,UAAU,CAAQ,CACrG;EAE7B;EAEA,IAAI;IACF,IAAIgB,gBAAgB,GAAG,IAAIC,IAAI,CAACZ,IAAI,CAAC,CAACa,WAAW,EAAE,CAACC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC;IACrE,IAAIC,aAAa,GAAG,IAAIH,IAAI,CAACX,QAAQ,CAAC,CAACY,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,GAAGnB,YAAY,GAAI,GAAEY,gBAAiB,MAAKI,aAAc,EAAC,GAAGJ,gBAAgB;IACxF,oBACElB,KAAA,CAAAU,aAAA,CAACT,aAAa,CAACY,QAAQ,QACnBC,OAAkB,iBAAKd,KAAA,CAAAU,aAAA,CAACX,IAAI;MAACM,KAAK,EAAE,CAACS,OAAO,CAACT,KAAK,CAACU,IAAI,EAAE;QAAEC,KAAK,EAAEF,OAAO,CAACT,KAAK,CAACY,MAAM,CAACF;MAAK,CAAC,EAAEV,KAAK;IAAE,GAAEoB,KAAK,CAAQ,CAChG;EAE7B,CAAC,CAAC,OAAOC,MAAM,EAAE;IACf,oBAAO1B,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,OAAK;EACd;AACF"}

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

@@ -0,0 +1,78 @@
+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); }
+import React, { PureComponent } from 'react';
+import { PlayerEventType } from 'react-native-theoplayer';
+import { PlayerContext } from '../util/PlayerContext';
+import { StaticTimeLabel } from './StaticTimeLabel';
+/**
+ * The default style for the time label.
+ */
+export const DEFAULT_TIME_LABEL_STYLE = {
+  marginLeft: 10,
+  marginRight: 10,
+  height: 20,
+  alignSelf: 'center'
+};
+
+/**
+ * The default time label component for the `react-native-theoplayer` UI.
+ */
+export class TimeLabel extends 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(PlayerEventType.TIME_UPDATE, this.onTimeUpdate);
+    player.addEventListener(PlayerEventType.DURATION_CHANGE, this.onDurationChange);
+    this.setState({
+      currentTime: player.currentTime,
+      duration: player.duration
+    });
+  }
+  componentWillUnmount() {
+    const player = this.context.player;
+    player.removeEventListener(PlayerEventType.TIME_UPDATE, this.onTimeUpdate);
+    player.removeEventListener(PlayerEventType.DURATION_CHANGE, this.onDurationChange);
+  }
+  render() {
+    const {
+      currentTime,
+      duration
+    } = this.state;
+    const {
+      style,
+      showDuration
+    } = this.props;
+    return /*#__PURE__*/React.createElement(StaticTimeLabel, {
+      showDuration: showDuration,
+      time: currentTime,
+      duration: duration,
+      style: [DEFAULT_TIME_LABEL_STYLE, style]
+    });
+  }
+}
+_defineProperty(TimeLabel, "initialState", {
+  currentTime: 0.0,
+  duration: 0
+});
+TimeLabel.contextType = PlayerContext;
+//# sourceMappingURL=TimeLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PureComponent","PlayerEventType","PlayerContext","StaticTimeLabel","DEFAULT_TIME_LABEL_STYLE","marginLeft","marginRight","height","alignSelf","TimeLabel","constructor","props","_defineProperty","event","currentTime","setState","duration","state","initialState","componentDidMount","player","context","addEventListener","TIME_UPDATE","onTimeUpdate","DURATION_CHANGE","onDurationChange","componentWillUnmount","removeEventListener","render","style","showDuration","createElement","time","contextType"],"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":";;;AACA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,SAA8BC,eAAe,QAAyB,yBAAyB;AAC/F,SAASC,aAAa,QAAmB,uBAAuB;AAChE,SAASC,eAAe,QAAQ,mBAAmB;AAkBnD;AACA;AACA;AACA,OAAO,MAAMC,wBAAmC,GAAG;EACjDC,UAAU,EAAE,EAAE;EACdC,WAAW,EAAE,EAAE;EACfC,MAAM,EAAE,EAAE;EACVC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,SAAS,SAAST,aAAa,CAAiC;EAM3EU,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,uBAiBSC,KAAsB,IAAK;MACjD,MAAM;QAAEC;MAAY,CAAC,GAAGD,KAAK;MAC7B,IAAI,CAACE,QAAQ,CAAC;QAAED;MAAY,CAAC,CAAC;IAChC,CAAC;IAAAF,eAAA,2BAE2BC,KAA0B,IAAK;MACzD,MAAM;QAAEG;MAAS,CAAC,GAAGH,KAAK;MAC1B,IAAI,CAACE,QAAQ,CAAC;QAAEC;MAAS,CAAC,CAAC;IAC7B,CAAC;IAxBC,IAAI,CAACC,KAAK,GAAGR,SAAS,CAACS,YAAY;EACrC;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,MAAM,GAAI,IAAI,CAACC,OAAO,CAAeD,MAAM;IACjDA,MAAM,CAACE,gBAAgB,CAACrB,eAAe,CAACsB,WAAW,EAAE,IAAI,CAACC,YAAY,CAAC;IACvEJ,MAAM,CAACE,gBAAgB,CAACrB,eAAe,CAACwB,eAAe,EAAE,IAAI,CAACC,gBAAgB,CAAC;IAC/E,IAAI,CAACX,QAAQ,CAAC;MAAED,WAAW,EAAEM,MAAM,CAACN,WAAW;MAAEE,QAAQ,EAAEI,MAAM,CAACJ;IAAS,CAAC,CAAC;EAC/E;EAEAW,oBAAoBA,CAAA,EAAG;IACrB,MAAMP,MAAM,GAAI,IAAI,CAACC,OAAO,CAAeD,MAAM;IACjDA,MAAM,CAACQ,mBAAmB,CAAC3B,eAAe,CAACsB,WAAW,EAAE,IAAI,CAACC,YAAY,CAAC;IAC1EJ,MAAM,CAACQ,mBAAmB,CAAC3B,eAAe,CAACwB,eAAe,EAAE,IAAI,CAACC,gBAAgB,CAAC;EACpF;EAYAG,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEf,WAAW;MAAEE;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IAC5C,MAAM;MAAEa,KAAK;MAAEC;IAAa,CAAC,GAAG,IAAI,CAACpB,KAAK;IAC1C,oBACEZ,KAAA,CAAAiC,aAAA,CAAC7B,eAAe;MAAC4B,YAAY,EAAEA,YAAa;MAACE,IAAI,EAAEnB,WAAY;MAACE,QAAQ,EAAEA,QAAS;MAACc,KAAK,EAAE,CAAC1B,wBAAwB,EAAE0B,KAAK;IAAE,EAAmB;EAEpJ;AACF;AAAClB,eAAA,CAzCYH,SAAS,kBAC0B;EAC5CK,WAAW,EAAE,GAAG;EAChBE,QAAQ,EAAE;AACZ,CAAC;AAuCHP,SAAS,CAACyB,WAAW,GAAGhC,aAAa"}

package/lib/module/ui/components/timelabel/barrel.js

@@ -0,0 +1,3 @@
+export * from './StaticTimeLabel';
+export * from './TimeLabel';
+//# sourceMappingURL=barrel.js.map

package/lib/module/ui/components/timelabel/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["barrel.ts"],"sourcesContent":["export * from './StaticTimeLabel';\nexport * from './TimeLabel';\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,aAAa"}