@tidal-music/player-web-components 0.1.1 → 0.2.0

package/dist/{browserPlayer-oNOpDVm6-UW0N6pFH.js → browserPlayer-HE2uqs17-DJrIq6Jp.js}

@@ -1,12 +1,12 @@
-import { Y as I, O as g, V as p } from "./basePlayer-a-avZASH-Ux-6s9Ex.js";
-import { N as P, A as y, O as E, k as h, y as S, b as L, R as k } from "./index-tM9JvbA8.js";
+import { C as I, R as g, w as p } from "./basePlayer-C5QIyqfj-Dxhlf4BZ.js";
+import { a as P, I as y, P as c, b as S, k as E, c as L } from "./index-vp_MoGvy.js";
 class f extends I {
   #t;
-  #i;
-  #n;
-  #a = !0;
-  #o;
+  #r;
+  #i = !0;
+  #d;
   #e;
+  #a = document.createElement("video");
   #s = !1;
   name = "browserPlayer";
   constructor() {
@@ -14,7 +14,7 @@ class f extends I {
     const e = () => {
       this.mediaElement && !this.mediaElement.paused && (this.playbackState = "PLAYING");
     }, i = (a) => {
-      this.currentStreamingSessionId && a.target instanceof HTMLMediaElement && h.overwriteDuration(
+      this.currentStreamingSessionId && a.target instanceof HTMLMediaElement && c.overwriteDuration(
         this.currentStreamingSessionId,
         a.target.duration
       );
@@ -24,22 +24,20 @@ class f extends I {
       (async () => {
         const a = this.#t;
         if (a) {
-          if (this.preloadedStreamingSessionId && a.currentTime === a.duration && (await k(1e3), a.currentTime !== a.duration))
+          if (this.preloadedStreamingSessionId && a.currentTime === a.duration && (await L(1e3), a.currentTime !== a.duration))
             return;
           this.playbackState = "NOT_PLAYING";
         }
       })().catch(console.error);
     }, n = (a) => {
       if (a instanceof Event) {
-        const c = a.target;
-        c.readyState > HTMLMediaElement.HAVE_NOTHING && (this.currentTime = c.currentTime);
+        const l = a.target;
+        l.readyState > HTMLMediaElement.HAVE_NOTHING && (this.currentTime = l.currentTime);
       }
     }, d = (a) => {
       n(a), this.finishCurrentMediaProduct("completed");
-    }, r = (a) => console.error("HTMLMediaElement errored", a), l = () => {
-      this.mediaElement && (this.currentTime = this.mediaElement.currentTime, this.seekStart());
-    }, o = () => {
-      this.mediaElement && (this.currentTime = this.mediaElement.currentTime, this.seekEnd());
+    }, r = (a) => console.error("HTMLMediaElement errored", a), o = () => {
+      this.mediaElement && (this.currentTime = this.mediaElement.currentTime, this.seekEnd(this.currentTime));
     };
     this.#e = {
       durationChangeHandler: i,
@@ -49,16 +47,12 @@ class f extends I {
       playHandler: e,
       playingHandler: e,
       seekedHandler: o,
-      seekingHandler: l,
       stalledHandler: t,
       timeUpdateHandler: n,
       waitingHandler: t
-    }, P().then().catch(console.error), this.#i = y, this.#n = E, this.currentPlayer = this.#i;
+    }, P().then().catch(console.error), this.#r = y, this.currentPlayer = this.#r;
   }
-  #r() {
-    return [this.#i, this.#n].filter((e) => e !== this.#t).pop();
-  }
-  #d(e, i) {
+  #n(e, i) {
     this.debugLog(
       "mediaElementEvents",
       i ? "adding to" : "removing from",
@@ -101,10 +95,6 @@ class f extends I {
       "stalled",
       this.#e.stalledHandler,
       { passive: !0 }
-    ), e[t](
-      "seeking",
-      this.#e.seekingHandler,
-      { passive: !0 }
     ), e[t](
       "seeked",
       this.#e.seekedHandler,
@@ -115,19 +105,19 @@ class f extends I {
     return this.debugLog("getPosition"), this.mediaElement && (this.mediaElement.ended ? this.currentTime = 0 : this.currentTime = this.mediaElement.currentTime), this.currentTime;
   }
   async load(e, i) {
-    this.debugLog("load", e), this.currentTime = e.assetPosition, this.startAssetPosition = e.assetPosition, await P(), await this.reset(), this.#a = !1, i === "explicit" && (this.playbackState = "NOT_PLAYING");
+    this.debugLog("load", e), this.currentTime = e.assetPosition, this.startAssetPosition = e.assetPosition, await P(), await this.reset(), this.#i = !1, i === "explicit" && (this.playbackState = "NOT_PLAYING");
     const { assetPosition: t, mediaProduct: s, playbackInfo: n, streamInfo: d } = e;
     this.currentStreamingSessionId = d.streamingSessionId;
     const { currentPlayer: r } = this;
     if (!r)
       return;
-    const l = new Promise(
+    const o = new Promise(
       (u) => r.addEventListener("canplay", () => u(), {
         once: !0
       })
     );
     r.src = d.streamUrl, r.currentTime = t, r.load();
-    const o = new Promise(
+    const a = new Promise(
       (u) => r.addEventListener(
         "durationchange",
         (m) => {
@@ -136,32 +126,32 @@ class f extends I {
         { once: !0 }
       )
     );
-    if (await l, this.currentStreamingSessionId !== d.streamingSessionId)
+    if (await o, this.currentStreamingSessionId !== d.streamingSessionId)
       return;
-    const a = await o, c = g({
+    const l = await a, h = g({
       assetPosition: t,
-      duration: a,
+      duration: l,
       playbackInfo: n,
       streamInfo: d
     });
-    return h.saveMediaProductTransition(
+    return c.saveMediaProductTransition(
       d.streamingSessionId,
-      { mediaProduct: s, playbackContext: c }
+      { mediaProduct: s, playbackContext: h }
     ), this.debugLog("dispatching mediaProductTransition"), S.dispatchEvent(
-      p(s, c)
+      p(s, h)
     ), this.#s ? (this.#s = !1, this.play()) : Promise.resolve();
   }
   async next(e) {
     this.debugLog("next", e), this.playbackState === "IDLE" && (this.playbackState = "NOT_PLAYING");
-    const { mediaProduct: i, playbackInfo: t, streamInfo: s } = e, n = this.#r();
+    const { mediaProduct: i, playbackInfo: t, streamInfo: s } = e, n = this.#a;
     if (this.preloadedStreamingSessionId = s.streamingSessionId, !n)
       return;
     n.src = s.streamUrl, n.load();
     const d = await new Promise(
-      (l) => n.addEventListener(
+      (o) => n.addEventListener(
         "durationchange",
-        (o) => {
-          o.target instanceof HTMLMediaElement && l(o.target.duration);
+        (a) => {
+          a.target instanceof HTMLMediaElement && o(a.target.duration);
         },
         { once: !0 }
       )
@@ -171,13 +161,13 @@ class f extends I {
       playbackInfo: t,
       streamInfo: s
     });
-    h.saveMediaProductTransition(
+    c.saveMediaProductTransition(
       s.streamingSessionId,
       {
         mediaProduct: i,
         playbackContext: r
       }
-    );
+    ), this.#i = !1;
   }
   pause() {
     this.debugLog("pause"), this.mediaElement && this.mediaElement.pause();
@@ -194,19 +184,20 @@ class f extends I {
     }
   }
   async reset({ keepPreload: e } = { keepPreload: !1 }) {
-    if (this.#a)
+    if (this.#i)
       return Promise.resolve();
-    this.debugLog("reset"), this.playbackState !== "IDLE" && this.hasStarted() && this.finishCurrentMediaProduct("skip"), this.playbackState = "IDLE", this.detachPlaybackEngineEndedHandler(), this.currentStreamingSessionId = void 0, e || (this.preloadedStreamingSessionId = void 0);
+    this.debugLog("reset"), this.playbackState !== "IDLE" && this.finishCurrentMediaProduct("skip"), this.playbackState = "IDLE", this.detachPlaybackEngineEndedHandler(), this.currentStreamingSessionId = void 0, e || (this.preloadedStreamingSessionId = void 0);
     const { currentPlayer: i } = this;
     return i && i.readyState !== 0 && (i.load(), await new Promise(
       (t) => i.addEventListener("emptied", () => t(), { passive: !0 })
-    )), this.#a = !0, Promise.resolve();
+    )), this.#i = !0, Promise.resolve();
   }
+  // eslint-disable-next-line @typescript-eslint/no-misused-promises
   seek(e) {
     this.debugLog("seek", e);
     const { currentPlayer: i } = this, t = e;
     if (i)
-      return "fastSeek" in i ? i.fastSeek(t) : i.currentTime = t, new Promise((s) => {
+      return this.seekStart(this.currentTime), "fastSeek" in i ? i.fastSeek(t) : i.currentTime = t, new Promise((s) => {
         i.addEventListener("seeked", () => s(i.currentTime), {
           once: !0
         });
@@ -214,23 +205,21 @@ class f extends I {
   }
   // eslint-disable-next-line @typescript-eslint/require-await
   async skipToPreloadedMediaProduct() {
-    const e = h.getMediaProductTransition(
+    const e = c.getMediaProductTransition(
       this.preloadedStreamingSessionId
     );
     if (!e) {
       this.playbackState = "NOT_PLAYING";
       return;
     }
-    this.debugLog(
+    if (this.debugLog(
       "skipToPreloadedMediaProduct",
       this.preloadedStreamingSessionId
-    );
-    const i = this.#r();
-    if (i) {
-      this.currentPlayer = i, this.currentStreamingSessionId = String(this.preloadedStreamingSessionId), this.preloadedStreamingSessionId = void 0;
-      const { mediaProduct: t, playbackContext: s } = e;
+    ), this.#a.src && this.currentPlayer) {
+      this.currentPlayer.src = this.#a.src, this.currentStreamingSessionId = String(this.preloadedStreamingSessionId), this.preloadedStreamingSessionId = void 0;
+      const { mediaProduct: i, playbackContext: t } = e;
       S.dispatchEvent(
-        p(t, s)
+        p(i, t)
       ), this.playbackState === "IDLE" && (this.playbackState = "NOT_PLAYING");
     }
   }
@@ -243,23 +232,23 @@ class f extends I {
       "unloadPreloadedMediaProduct",
       this.preloadedStreamingSessionId
     ), this.cleanUpStoredPreloadInfo();
-    const e = this.#r();
+    const e = this.#a;
     e && (e.src = "", e.load());
   }
   get currentPlayer() {
     return this.#t;
   }
   set currentPlayer(e) {
-    this.debugLog("set currentPlayer", e), this.#t && (this.#d(this.#t, !1), this.#t.load()), e && (this.#t = e, this.#d(e, !0));
+    this.debugLog("set currentPlayer", e), this.#t && (this.#n(this.#t, !1), this.#t.load()), e && (this.#t = e, this.#n(e, !0));
   }
   get mediaElement() {
     return this.currentPlayer ?? null;
   }
   get ready() {
-    return this.#o;
+    return this.#d;
   }
   get volume() {
-    return L("desiredVolumeLevel");
+    return E("desiredVolumeLevel");
   }
   set volume(e) {
     this.debugLog("Setting volume to", e), this.currentPlayer && (this.currentPlayer.volume = e);