react-native-theoplayer 2.8.0 → 2.9.0

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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.URL = void 0;
-require("url-polyfill");
-const URL = global.URL;
-exports.URL = URL;
-//# sourceMappingURL=Urlpolyfill.web.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["require","URL","global","exports"],"sources":["Urlpolyfill.web.ts"],"sourcesContent":["import 'url-polyfill';\nconst URL = global.URL;\nexport { URL };\n"],"mappings":";;;;;;AAAAA,OAAA;AACA,MAAMC,GAAG,GAAGC,MAAM,CAACD,GAAG;AAACE,OAAA,CAAAF,GAAA,GAAAA,GAAA"}

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

@@ -1,28 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,55 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,88 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["_StaticTimeLabel","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_TimeLabel"],"sources":["barrel.ts"],"sourcesContent":["export * from './StaticTimeLabel';\nexport * from './TimeLabel';\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,gBAAA,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"}