@tidal-music/player-web-components 0.1.0 → 0.1.2

package/dist/{basePlayer-a-avZASH-Ux-6s9Ex.js → basePlayer-BcooVl9P-WesO1_17.js}

@@ -1,63 +1,63 @@
-import { _ as I, F as T, y as d, l as o, k as r, b as m, P as n, a as h, j as v, n as p, o as b, B as k, G as c, R as f, Q as A, c as g, w as P, d as y } from "./index-tM9JvbA8.js";
-function L(s) {
+import { N as I, c as T, b as o, l as d, g as n, T as r, S as m, A as h, G as v, s as p, d as b, f as k, z as c, _ as f, V as A, p as g, h as P, D as y } from "./index-DbGwqQeZ.js";
+function L(i) {
   return g(
     () => P(y, {
       type: "play_log",
-      ...s
+      ...i
     })
   );
 }
-function N(s, t) {
+function x(i, e) {
   return new CustomEvent(
     "media-product-transition",
     {
       detail: {
-        mediaProduct: s,
-        playbackContext: t
+        mediaProduct: i,
+        playbackContext: e
       }
     }
   );
 }
 const G = ({
-  assetPosition: s,
-  duration: t,
-  playbackInfo: e,
+  assetPosition: i,
+  duration: e,
+  playbackInfo: t,
   streamInfo: a
 }) => ({
-  actualAssetPresentation: e.assetPresentation,
-  actualAudioMode: "audioMode" in e ? e.audioMode : null,
-  actualAudioQuality: "audioQuality" in e ? e.audioQuality : null,
-  actualDuration: t,
+  actualAssetPresentation: t.assetPresentation,
+  actualAudioMode: "audioMode" in t ? t.audioMode : null,
+  actualAudioQuality: "audioQuality" in t ? t.audioQuality : null,
+  actualDuration: e,
   actualProductId: String(
-    "videoId" in e ? e.videoId : e.trackId
+    "videoId" in t ? t.videoId : t.trackId
   ),
-  actualStreamType: "streamType" in e ? e.streamType : null,
-  actualVideoQuality: "videoQuality" in e ? e.videoQuality : null,
-  assetPosition: s,
+  actualStreamType: "streamType" in t ? t.streamType : null,
+  actualVideoQuality: "videoQuality" in t ? t.videoQuality : null,
+  assetPosition: i,
   bitDepth: a.bitDepth ?? null,
   codec: a.codec ?? null,
   playbackSessionId: a.streamingSessionId,
   sampleRate: a.sampleRate ?? null
 });
-function M(s, t) {
+function M(i, e) {
   return new CustomEvent("ended", {
     detail: {
-      mediaProduct: t,
-      reason: s
+      mediaProduct: e,
+      reason: i
     }
   });
 }
-function E(s) {
+function E(i) {
   return new CustomEvent("playback-state-change", {
     detail: {
-      state: s
+      state: i
     }
   });
 }
-function R() {
+function _() {
   return new CustomEvent("preload-request");
 }
-const _ = {
+const w = {
   playback: {
     durationMS: 0,
     id: "",
@@ -68,26 +68,26 @@ const _ = {
     },
     type: "TRACK"
   }
-}, w = await I(
+}, R = await I(
   "progress",
-  _
+  w
 );
-function C(s) {
-  return w(s);
+function C(i) {
+  return R(i);
 }
-function D(s) {
+function D(i) {
   return g(
     () => P(y, {
-      ...s,
+      ...i,
       type: "playback"
     })
   );
 }
-function S(s) {
-  return Math.min(Math.pow(10, (4 + s) / 20), 1 / 1);
+function S(i) {
+  return Math.min(Math.pow(10, (4 + i) / 20), 1 / 1);
 }
-function x(s) {
-  switch (s) {
+function N(i) {
+  switch (i) {
     case "completed":
       return "COMPLETE";
     case "error":
@@ -98,9 +98,9 @@ function x(s) {
   }
 }
 class Y {
-  #t;
-  #i;
   #e;
+  #i;
+  #t;
   #r = void 0;
   #n;
   #s = "IDLE";
@@ -116,7 +116,7 @@ class Y {
   // Implements
   #c() {
     this.duration && Math.abs(this.#i - this.duration) <= 30 && // A false check, rather than undefined, ensures a media product transition hs been made.
-    this.#r === !1 && (this.#r = !0, d.dispatchEvent(R()));
+    this.#r === !1 && (this.#r = !0, o.dispatchEvent(_()));
   }
   /**
    * This method should be call whenever a playback ends, for **whatever** reason.
@@ -124,37 +124,38 @@ class Y {
    * ended, completed, skip, reset etc
    */
   #u({
-    endAssetPosition: t,
-    endReason: e,
+    endAssetPosition: e,
+    endReason: t,
     streamingSessionId: a
   }) {
-    this.debugLog("mediaProductEnded"), o.preloadedStreamingSessionId && performance.mark(
+    this.debugLog("mediaProductEnded"), d.preloadedStreamingSessionId && performance.mark(
       "streaming_metrics:playback_statistics:idealStartTimestamp",
       {
-        detail: o.preloadedStreamingSessionId
+        detail: d.preloadedStreamingSessionId,
+        startTime: n.now()
       }
     );
-    const i = r.getMediaProductTransition(a);
-    i && d.dispatchEvent(
-      M(e, i.mediaProduct)
+    const s = r.getMediaProductTransition(a);
+    s && o.dispatchEvent(
+      M(t, s.mediaProduct)
     ), this.eventTrackingStreamingEnded(a, {
-      endAssetPosition: t,
-      endReason: e
+      endAssetPosition: e,
+      endReason: t
     }), this.reportPlaybackProgress(a), r.deleteSession(a), this.#a.delete(a), this.currentStreamingSessionId === a && (this.currentStreamingSessionId = void 0), this.updateVolumeLevelForNextProduct();
   }
-  adjustedVolume(t) {
-    const e = m("desiredVolumeLevel"), a = m("loudnessNormalizationMode");
-    let i = e;
-    return a === "ALBUM" && t.albumReplayGain && (i *= S(t.albumReplayGain)), a === "TRACK" && t.trackReplayGain && (i *= S(t.trackReplayGain)), this.debugLog(
+  adjustedVolume(e) {
+    const t = m("desiredVolumeLevel"), a = m("loudnessNormalizationMode");
+    let s = t;
+    return a === "ALBUM" && e.albumReplayGain && (s *= S(e.albumReplayGain)), a === "TRACK" && e.trackReplayGain && (s *= S(e.trackReplayGain)), this.debugLog(
       "adjustedVolume",
-      `Volume adjusted from ${e} to ${i}`
-    ), parseFloat(i.toFixed(2));
+      `Volume adjusted from ${t} to ${s}`
+    ), parseFloat(s.toFixed(2));
   }
   // Implements
   attachPlaybackEngineEndedHandler() {
-    this.#e || (this.#e = this.playbackEngineEndedHandler.bind(this), d.addEventListener(
+    this.#t || (this.#t = this.playbackEngineEndedHandler.bind(this), o.addEventListener(
       "ended",
-      this.#e
+      this.#t
     ));
   }
   /**
@@ -166,72 +167,73 @@ class Y {
     this.preloadedStreamingSessionId && this.preloadedStreamingSessionId !== this.currentStreamingSessionId && (r.deleteSession(this.preloadedStreamingSessionId), this.preloadedStreamingSessionId = void 0);
   }
   // Implements
-  debugLog(...t) {
+  debugLog(...e) {
     document.location.href.includes("localhost") && document.location.hash.includes("debug") && console.debug(
-      `[%cPlayerSDK${this.name ? `%c${o.activePlayer?.name === this.name ? "⚯" : "⚮"}%c` + this.name : ""}${this.#t ? "%c::%c" + this.#t?.split("-").pop() : ""}%c]`,
+      `[%cPlayerSDK${this.name ? `%c${d.activePlayer?.name === this.name ? "⚯" : "⚮"}%c` + this.name : ""}${this.#e ? "%c::%c" + this.#e?.split("-").pop() : ""}%c]`,
       "color:#00d6ff",
       ...this.name ? [
         "color:inherit",
         "color:#b7fa34"
         // green foreground
       ] : [],
-      ...this.#t ? [
+      ...this.#e ? [
         "color:inherit",
         "color:#d947ff"
         // purple foreground
       ] : [],
       "color:inherit",
-      ...t
+      ...e
     );
   }
   detachPlaybackEngineEndedHandler() {
-    this.#e && (d.removeEventListener(
+    this.#t && (o.removeEventListener(
       "ended",
-      this.#e
-    ), this.#e = void 0);
+      this.#t
+    ), this.#t = void 0);
   }
   /**
    * Commits play_log playbackSession and streaming_metrics playbackStatistics.
    *
    * @param streamingSessionId
    */
-  eventTrackingStreamingEnded(t, {
-    endAssetPosition: e,
+  eventTrackingStreamingEnded(e, {
+    endAssetPosition: t,
     endReason: a
   }) {
-    const i = n.now();
+    const s = n.now();
     L({
       events: [
         h({
-          endAssetPosition: e,
-          endTimestamp: i,
-          streamingSessionId: t
+          endAssetPosition: t,
+          endTimestamp: s,
+          streamingSessionId: e
         })
       ]
     }).catch(console.error), v({
       events: [
         p({
-          endReason: x(a),
-          endTimestamp: i,
-          streamingSessionId: t
+          endReason: N(a),
+          endTimestamp: s,
+          streamingSessionId: e
         }),
         b({
-          streamingSessionId: t,
-          timestamp: i
+          streamingSessionId: e,
+          timestamp: s
         })
       ]
     }).catch(console.error);
   }
-  eventTrackingStreamingStarted(t) {
-    if (!t)
+  eventTrackingStreamingStarted(e) {
+    if (!e)
       return;
     performance.mark(
       "streaming_metrics:playback_statistics:actualStartTimestamp",
       {
-        detail: t
+        detail: e,
+        startTime: n.now()
       }
     ), performance.measure("idealStartTimestamp -> actualStartTimestamp", {
-      detail: t,
+      detail: e,
       end: "streaming_metrics:playback_statistics:actualStartTimestamp",
       start: "streaming_metrics:playback_statistics:idealStartTimestamp"
     });
@@ -239,14 +241,14 @@ class Y {
       p({
         actualStartTimestamp: n.timestamp(
           "streaming_metrics:playback_statistics:actualStartTimestamp",
-          t
+          e
         ),
         idealStartTimestamp: n.timestamp(
           "streaming_metrics:playback_statistics:idealStartTimestamp",
-          t
+          e
         ),
         outputDevice: this.#n,
-        streamingSessionId: t
+        streamingSessionId: e
       });
     } catch (l) {
       console.error(
@@ -260,38 +262,40 @@ class Y {
         "streaming_metrics:playback_statistics:idealStartTimestamp"
       );
     }
-    const e = r.getMediaProductTransition(t);
-    if (!e) {
-      this.#a.has(t) ? console.error(
-        `A media product transition for streaming session #${t} has not been saved and could thus not be found for play log reporting.`
-      ) : (r.deleteStreamInfo(t), console.warn(
-        `Streaming session #${t} has been discarded due to a new load. This could mean you have a bug in your code where you call load on Player more than once time in a very short time frame.`
+    const t = r.getMediaProductTransition(e);
+    if (!t) {
+      this.#a.has(e) ? console.error(
+        `A media product transition for streaming session #${e} has not been saved and could thus not be found for play log reporting.`
+      ) : (r.deleteStreamInfo(e), console.warn(
+        `Streaming session #${e} has been discarded due to a new load. This could mean you have a bug in your code where you call load on Player more than once time in a very short time frame.`
       ));
       return;
     }
-    const { mediaProduct: a, playbackContext: i } = e, u = n.now();
+    const { mediaProduct: a, playbackContext: s } = t, u = n.now();
     h({
-      actualAssetPresentation: i.actualAssetPresentation,
-      actualAudioMode: "actualAudioMode" in i ? i.actualAudioMode : null,
-      actualProductId: i.actualProductId,
-      actualQuality: i.actualAudioQuality || i.actualVideoQuality,
-      isPostPaywall: i.actualAssetPresentation === "FULL",
-      playbackSessionId: t,
+      actualAssetPresentation: s.actualAssetPresentation,
+      actualAudioMode: "actualAudioMode" in s ? s.actualAudioMode : null,
+      actualProductId: s.actualProductId,
+      actualQuality: s.actualAudioQuality || s.actualVideoQuality,
+      isPostPaywall: s.actualAssetPresentation === "FULL",
+      playbackSessionId: e,
       productType: a.productType === "track" ? "TRACK" : "VIDEO",
       requestedProductId: a.productId,
       sourceId: a.sourceId,
       sourceType: a.sourceType,
       startAssetPosition: this.startAssetPosition,
       startTimestamp: u,
-      streamingSessionId: t
+      streamingSessionId: e
     });
   }
-  finishCurrentMediaProduct(t) {
-    const e = this.#t, a = e ? r.hasStreamInfo(e) : !1;
-    this.preloadedStreamingSessionId || (this.playbackState = "IDLE"), e && a && this.#u({
+  finishCurrentMediaProduct(e) {
+    if (!this.hasStarted())
+      return;
+    const t = this.#e, a = t ? r.hasStreamInfo(t) : !1;
+    this.preloadedStreamingSessionId || (this.playbackState = "IDLE"), t && a && this.#u({
       endAssetPosition: this.currentTime,
-      endReason: t,
-      streamingSessionId: e
+      endReason: e,
+      streamingSessionId: t
     });
   }
   getPosition() {
@@ -300,8 +304,8 @@ class Y {
   /**
    * Refetches playbackinfo.
    */
-  async hardReload(t, e) {
-    return k(t, e);
+  async hardReload(e, t) {
+    return this.currentStreamingSessionId && this.finishCurrentMediaProduct("skip"), k(e, t);
   }
   hasNextItem() {
     return this.preloadedStreamingSessionId && r.hasMediaProductTransition(
@@ -312,7 +316,7 @@ class Y {
     return this.currentStreamingSessionId && this.#a.has(this.currentStreamingSessionId);
   }
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-  load(t, e) {
+  load(e, t) {
     return Promise.resolve();
   }
   /**
@@ -321,8 +325,8 @@ class Y {
    * @returns {boolean} True if hard reloaded, else false.
    */
   async maybeHardReload() {
-    const t = this.prefetched || this.expired;
-    return this.currentMediaProduct && t ? (await this.hardReload(this.currentMediaProduct, 0), !0) : !1;
+    const e = this.prefetched || this.expired;
+    return this.currentMediaProduct && e ? (await this.hardReload(this.currentMediaProduct, 0), !0) : !1;
   }
   /**
    * This method should be call whenever a playback starts, for **whatever** reason.
@@ -331,11 +335,11 @@ class Y {
    *
    * @param streamingSessionId
    */
-  mediaProductStarted(t) {
-    !t || this.#a.has(t) || (this.debugLog("mediaProductStarted"), this.eventTrackingStreamingStarted(t), this.#a.set(t, !0), this.updateVolumeLevel(), this.#r = !1, this.preloadedStreamingSessionId = void 0, this.unloadPreloadedMediaProduct().catch(console.error), this.attachPlaybackEngineEndedHandler());
+  mediaProductStarted(e) {
+    !e || this.#a.has(e) || (this.debugLog("mediaProductStarted"), this.eventTrackingStreamingStarted(e), this.#a.set(e, !0), this.updateVolumeLevel(), this.#r = !1, this.preloadedStreamingSessionId = void 0, this.unloadPreloadedMediaProduct().catch(console.error), this.attachPlaybackEngineEndedHandler());
   }
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-  next(t) {
+  next(e) {
     return Promise.resolve();
   }
   /**
@@ -346,22 +350,22 @@ class Y {
    * @param streamingSessionId
    * @param partialMediaProduct
    */
-  overwriteMediaProduct(t, e) {
-    const a = r.getMediaProductTransition(t);
+  overwriteMediaProduct(e, t) {
+    const a = r.getMediaProductTransition(e);
     if (a) {
-      r.deleteMediaProductTransition(t);
-      const i = {
+      r.deleteMediaProductTransition(e);
+      const s = {
         mediaProduct: {
           ...a.mediaProduct,
-          ...e
+          ...t
         },
         playbackContext: {
           ...a.playbackContext
         }
       };
       r.saveMediaProductTransition(
-        t,
-        i
+        e,
+        s
       );
     }
   }
@@ -371,19 +375,19 @@ class Y {
     return Promise.resolve();
   }
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-  playbackEngineEndedHandler(t) {
+  playbackEngineEndedHandler(e) {
     return Promise.resolve();
   }
-  reportPlaybackProgress(t) {
-    const e = r.getMediaProductTransition(t);
-    if (!e)
+  reportPlaybackProgress(e) {
+    const t = r.getMediaProductTransition(e);
+    if (!t)
       return;
-    const { mediaProduct: a, playbackContext: i } = e;
-    this.#t && D({
+    const { mediaProduct: a, playbackContext: s } = t;
+    this.#e && D({
       events: [
         C({
           playback: {
-            durationMS: Math.floor(i.actualDuration * 1e3),
+            durationMS: Math.floor(s.actualDuration * 1e3),
             id: a.productId,
             playedMS: Math.floor(this.currentTime * 1e3),
             source: {
@@ -392,42 +396,59 @@ class Y {
             },
             type: a.productType === "track" ? "TRACK" : "VIDEO"
           },
-          streamingSessionId: this.#t
+          streamingSessionId: this.#e
         })
       ]
     }).catch(console.error);
   }
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  reset(t) {
+  reset(e) {
     return Promise.resolve();
   }
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-  seek(t) {
+  seek(e) {
   }
   /**
    * Handle play log reporting for seeking.
    * Seek start should log a PLAYBACK_START action if playing post seek.
    */
-  seekEnd() {
-    this.currentStreamingSessionId && this.playbackState === "PLAYING" && c(this.currentStreamingSessionId, {
-      actionType: "PLAYBACK_START",
-      assetPosition: this.currentTime,
-      timestamp: n.now()
-    });
+  seekEnd(e) {
+    const t = this.currentStreamingSessionId;
+    if (t) {
+      const a = () => c(t, {
+        actionType: "PLAYBACK_START",
+        assetPosition: e,
+        timestamp: n.now()
+      });
+      if (this.playbackState === "PLAYING")
+        a().catch(console.error);
+      else {
+        const s = () => {
+          this.playbackState === "PLAYING" && (a().catch(console.error), o.removeEventListener(
+            "playback-state-change",
+            s
+          ));
+        };
+        o.addEventListener(
+          "playback-state-change",
+          s
+        );
+      }
+    }
   }
   /**
    * Handle play log reporting for seeking.
    * Seek start should log a PLAYBACK_STOP action.
    */
-  seekStart() {
+  seekStart(e) {
     this.currentStreamingSessionId && c(this.currentStreamingSessionId, {
       actionType: "PLAYBACK_STOP",
-      assetPosition: this.currentTime,
+      assetPosition: e,
       timestamp: n.now()
     });
   }
-  async setStateToXIfNotYInZMs(t, e, a) {
-    await f(t), this.playbackState !== e && (this.playbackState = a);
+  async setStateToXIfNotYInZMs(e, t, a) {
+    await f(e), this.playbackState !== t && (this.playbackState = a);
   }
   skipToPreloadedMediaProduct() {
     return Promise.resolve();
@@ -444,52 +465,52 @@ class Y {
    * enabled.
    */
   updateVolumeLevel() {
-    const t = r.getStreamInfo(
+    const e = r.getStreamInfo(
       this.currentStreamingSessionId
     );
-    t && (this.volume = this.adjustedVolume(t));
+    e && (this.volume = this.adjustedVolume(e));
   }
   /**
    * Adjusts the volume for the next track.
    * Can be called on product ended to have the level ready.
    */
   updateVolumeLevelForNextProduct() {
-    const t = r.getStreamInfo(
+    const e = r.getStreamInfo(
       this.preloadedStreamingSessionId
     );
-    t && (this.volume = this.adjustedVolume(t));
+    e && (this.volume = this.adjustedVolume(e));
   }
   get currentMediaProduct() {
     return r.getMediaProductTransition(
       this.currentStreamingSessionId
     )?.mediaProduct ?? null;
   }
-  set currentStreamingSessionId(t) {
-    this.#t = t;
+  set currentStreamingSessionId(e) {
+    this.#e = e;
   }
   get currentStreamingSessionId() {
-    return this.#t;
+    return this.#e;
   }
-  set currentTime(t) {
-    this.#i = t, this.#c();
+  set currentTime(e) {
+    this.#i = e, this.#c();
   }
   get currentTime() {
     return this.#i;
   }
   get duration() {
-    const t = r.getMediaProductTransition(
+    const e = r.getMediaProductTransition(
       this.currentStreamingSessionId
     );
-    return t ? t.playbackContext.actualDuration : null;
+    return e ? e.playbackContext.actualDuration : null;
   }
   get expired() {
-    const t = r.getStreamInfo(
+    const e = r.getStreamInfo(
       this.currentStreamingSessionId
     );
-    return t ? t.expires <= Date.now() : !1;
+    return e ? e.expires <= Date.now() : !1;
   }
   get isActivePlayer() {
-    return o.activePlayer && this.name === o.activePlayer.name;
+    return d.activePlayer && this.name === d.activePlayer.name;
   }
   get nextItem() {
     if (this.preloadedStreamingSessionId)
@@ -498,32 +519,21 @@ class Y {
       );
   }
   // eslint-disable-next-line accessor-pairs
-  set outputDeviceType(t) {
-    this.#n = t ? A(t) : void 0;
+  set outputDeviceType(e) {
+    this.#n = e ? A(e) : void 0;
   }
-  set playbackState(t) {
-    const e = this.#s;
-    if (e === t || !this.currentStreamingSessionId)
+  set playbackState(e) {
+    const t = this.#s;
+    if (t === e || !this.currentStreamingSessionId)
       return;
-    const a = (u, l) => e === u && l === t;
+    const a = (u, l) => t === u && l === e;
     switch (!0) {
       case a("NOT_PLAYING", "STALLED"):
       case a("IDLE", "STALLED"):
         return;
       case a("PLAYING", "NOT_PLAYING"):
       case a("PLAYING", "IDLE"): {
-        this.reportPlaybackProgress(this.currentStreamingSessionId), console.debug(
-          "PS",
-          {
-            from: e,
-            to: t
-          },
-          {
-            currentTime: this.#i,
-            doIt: this.duration && this.currentTime < this.duration,
-            duration: this.duration
-          }
-        ), this.duration && this.currentTime < this.duration && c(this.currentStreamingSessionId, {
+        this.reportPlaybackProgress(this.currentStreamingSessionId), this.duration && this.currentTime < this.duration && c(this.currentStreamingSessionId, {
           actionType: "PLAYBACK_STOP",
           assetPosition: this.currentTime,
           timestamp: n.now()
@@ -540,21 +550,21 @@ class Y {
         break;
       }
     }
-    this.#s = t, this.debugLog(`playbackState: ${t}`);
-    const i = o.activePlayer === void 0;
-    (this.isActivePlayer || i) && d.dispatchEvent(E(this.#s));
+    this.#s = e, this.debugLog(`playbackState: ${e}`);
+    const s = d.activePlayer === void 0;
+    (this.isActivePlayer || s) && o.dispatchEvent(E(this.#s));
   }
   get playbackState() {
     return this.#s;
   }
   get prefetched() {
-    const t = r.getStreamInfo(
+    const e = r.getStreamInfo(
       this.currentStreamingSessionId
     );
-    return t && t.prefetched;
+    return e && e.prefetched;
   }
-  set preloadedStreamingSessionId(t) {
-    this.#o = t;
+  set preloadedStreamingSessionId(e) {
+    this.#o = e;
   }
   get preloadedStreamingSessionId() {
     return this.#o;
@@ -562,18 +572,18 @@ class Y {
   get startAssetPosition() {
     return this.#d;
   }
-  set startAssetPosition(t) {
-    this.#d = t;
+  set startAssetPosition(e) {
+    this.#d = e;
   }
   // eslint-disable-next-line @typescript-eslint/class-literal-property-style
   get volume() {
     return 1;
   }
-  set volume(t) {
+  set volume(e) {
   }
 }
 export {
-  G as O,
-  N as V,
-  Y
+  Y as G,
+  x as V,
+  G as Y
 };