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

package/dist/index.d.ts

@@ -1,24 +0,0 @@
-import { CredentialsProvider } from '@tidal-music/common';
-import { events } from '@tidal-music/player';
-import { setCredentialsProvider } from '@tidal-music/player';
-import { setEventSender } from '@tidal-music/player';
-
-export { CredentialsProvider }
-
-export { events }
-
-export { setCredentialsProvider }
-
-export { setEventSender }
-
-export declare const TidalCurrentTime = "tidal-current-time";
-
-export declare const TidalDurationTime = "tidal-duration-time";
-
-export declare const TidalPlayButton = "tidal-play-trigger";
-
-export declare const TidalProgressBar = "tidal-progress-bar";
-
-export declare const TidalVideoView = "tidal-video-view";
-
-export { }

package/dist/nativePlayer-B3eHKegV-DdXsvi0F.js

@@ -1,323 +0,0 @@
-import { k as v, b as s, x as u, q as k, y as p, P as o, l as g, j as P, G as S } from "./index-vp_MoGvy.js";
-import { C as I, w as b, R as y } from "./basePlayer-C5QIyqfj-Dxhlf4BZ.js";
-const f = "active-device-disconnected";
-function E() {
-  return new CustomEvent(f);
-}
-const w = {
-  file_checksum_mismatch: "NPO02",
-  no_such_file: "NPO01",
-  unreadable_file: "NPO03"
-}, N = {
-  devicedisconnected: "NPD01",
-  deviceexclusivemodenotallowed: "NPD02",
-  deviceformatnotsupported: "NPD03",
-  devicelocked: "NPD04",
-  devicenotfound: "NPD05",
-  deviceunknownerror: "NPD00"
-};
-let a;
-class x extends I {
-  #s = "default";
-  /**
-   * A Boolean which is true if the media contained in the element has finished playing.
-   *
-   * (Native player sends multiple "complete" events.
-   * This variable should be set to true on the first call
-   * to be able to ignore subsequent onces; until reset
-   * for a new media product.)
-   *
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/ended
-   */
-  #i;
-  #e;
-  #a;
-  name = "nativePlayer";
-  playbackEngineHandlerAttached = !1;
-  constructor() {
-    super(), v("outputDevicesEnabled") && (async () => (a = (await import("./output-devices-Jno8Kp5B-CAnEAv_Z.js")).outputDevices, this.#e.listDevices()))(), this.#e = // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    window.NativePlayerComponent.Player(), this.playbackState = "IDLE", this.registerEventListeners(), this.#e.setVolume(100);
-  }
-  #t(e) {
-    s.dispatchError(
-      new u("EUnexpected", N[e])
-    );
-  }
-  #r(e) {
-    this.debugLog("handleMediaError", e.target);
-    const t = e.target, i = w[t.errorCode];
-    this.currentStreamingSessionId && k({
-      errorCode: i,
-      errorMessage: JSON.stringify(e.target),
-      streamingSessionId: this.currentStreamingSessionId
-    }), s.dispatchError(new u("EUnexpected", i));
-  }
-  #d(e) {
-    switch (this.debugLog("handleNativePlayerStateChange", e), e) {
-      case "active":
-        this.playbackState = "PLAYING";
-        break;
-      case "idle":
-      case "seeking":
-        this.playbackState = "STALLED";
-        break;
-      case "paused":
-      case "ready":
-        this.playbackState = "NOT_PLAYING";
-        break;
-      case "stopped":
-        this.playbackState = "NOT_PLAYING";
-        break;
-      case "uninitialized":
-        this.playbackState = "IDLE";
-        break;
-      default:
-        this.debugLog("No handling for state", e);
-        break;
-    }
-  }
-  async #n() {
-    this.debugLog("handleNetworkError");
-    const e = p.timestamp(
-      "streaming_metrics:playback_statistics:actualStartTimestamp"
-    );
-    if ((e !== void 0 ? Math.abs(p.now() - e) : 0) >= 36e5) {
-      const t = structuredClone(this.currentMediaProduct), i = this.currentTime;
-      this.finishCurrentMediaProduct("error"), t && (await this.hardReload(t, i), await this.play());
-      return;
-    }
-    await Promise.race([
-      this.mediaStateChange("idle"),
-      new Promise((t) => {
-        window.addEventListener("online", () => t("online"));
-      })
-    ]) === "idle" && s.dispatchError(new u("PENetwork", "NPN01"));
-  }
-  /**
-   * Clean up native player before leaving for another player.
-   */
-  abandon() {
-    a && a.deviceMode === "exclusive" && this.#e.selectSystemDevice();
-  }
-  getPosition() {
-    return this.currentTime;
-  }
-  /**
-   * We cannot run multiple instances of native player so this function is
-   * for catching duration for a preloaded item in native player.
-   *
-   * I.e. wait for player to load it and emit mediaduration event, then we
-   * can gather the duration data and send a media product transition.
-   */
-  async handleAutomaticTransitionToPreloadedMediaProduct() {
-    await this.nativeEvent("mediaduration"), this.#a = void 0;
-    const e = o.getMediaProductTransition(
-      this.preloadedStreamingSessionId
-    );
-    if (!e) {
-      console.warn(
-        "No media product transition saved for next item. Stopping playback."
-      ), this.playbackState = "NOT_PLAYING";
-      return;
-    }
-    const { mediaProduct: t, playbackContext: i } = e, r = {
-      ...i,
-      actualDuration: this.#i
-    };
-    this.preloadedStreamingSessionId && o.saveMediaProductTransition(
-      this.preloadedStreamingSessionId,
-      {
-        mediaProduct: t,
-        playbackContext: r
-      }
-    ), await this.mediaStateChange("active"), s.dispatchEvent(
-      b(t, r)
-    ), this.currentStreamingSessionId = this.preloadedStreamingSessionId, this.mediaProductStarted(this.currentStreamingSessionId);
-  }
-  async load(e, t) {
-    this.debugLog("load", e), this.currentTime = e.assetPosition, this.startAssetPosition = e.assetPosition, await this.reset();
-    const { assetPosition: i, mediaProduct: r, playbackInfo: h, streamInfo: d } = e, { securityToken: c, streamFormat: n, streamUrl: l } = d;
-    this.currentStreamingSessionId = d.streamingSessionId, t === "explicit" && (this.playbackState = "NOT_PLAYING");
-    const L = this.nativeEvent("mediaduration");
-    if (n)
-      this.#e.load(l, n, c);
-    else
-      throw new Error("Stream format is undefined.");
-    if (await L, this.currentStreamingSessionId !== d.streamingSessionId)
-      return;
-    this.debugLog("load() duration is", this.#i), i !== 0 && i < this.#i ? (async () => {
-      await this.mediaStateChange("active"), await this.seek(i), this.currentTime = i;
-    })().catch(console.error) : this.currentTime = 0;
-    const m = y({
-      assetPosition: i,
-      duration: this.#i,
-      playbackInfo: h,
-      streamInfo: d
-    });
-    o.saveMediaProductTransition(
-      d.streamingSessionId,
-      { mediaProduct: r, playbackContext: m }
-    ), this.debugLog("load() mediaProductTransition"), s.dispatchEvent(
-      b(r, m)
-    ), this.debugLog("load() pb NOT_PLAYING"), this.debugLog("load() done");
-  }
-  mediaStateChange(e) {
-    return new Promise((t) => {
-      this.#e.addEventListener(
-        "mediastate",
-        (i) => {
-          i.target === e && t(i.target);
-        }
-      );
-    });
-  }
-  nativeEvent(e) {
-    return new Promise((t) => {
-      this.#e.addEventListener(
-        e,
-        (i) => t(i)
-      );
-    });
-  }
-  async next(e) {
-    this.debugLog("next", e), this.hasNextItem() && await this.unloadPreloadedMediaProduct();
-    const { mediaProduct: t, playbackInfo: i, streamInfo: r } = e, { securityToken: h, streamFormat: d, streamUrl: c, streamingSessionId: n } = r;
-    this.preloadedStreamingSessionId = n, this.debugLog("preloading", c, "for", n), d ? (this.#e.preload(c, d, h), this.isActivePlayer || this.#e.pause()) : console.error("Stream format undefined for preload."), this.debugLog("preloading done");
-    const l = y({
-      assetPosition: 0,
-      duration: 0,
-      // TODO: Cannot get duration here, try to solve in some other way...
-      playbackInfo: i,
-      streamInfo: r
-    });
-    o.saveMediaProductTransition(n, {
-      mediaProduct: t,
-      playbackContext: l
-    }), this.#a = e;
-  }
-  pause() {
-    this.#e.pause();
-  }
-  async play() {
-    if (this.debugLog("play"), await this.maybeHardReload(), this.playbackState === "IDLE") {
-      this.debugLog("play()", this.playbackState, "returning early");
-      return;
-    }
-    this.setStateToXIfNotYInZMs(1e3, "PLAYING", "STALLED"), await this.updateOutputDevice(), this.mediaProductStarted(this.currentStreamingSessionId), this.debugLog("nativePlayer", "play()"), this.#e.play();
-  }
-  async playbackEngineEndedHandler(e) {
-    if (this.isActivePlayer) {
-      const { reason: t } = e.detail;
-      t === "completed" && (this.hasNextItem() ? await this.handleAutomaticTransitionToPreloadedMediaProduct() : (g.preloadedStreamingSessionId ? this.debugLog(
-        `Switching player from ${this.name} to ${g.preloadPlayer?.name}`
-      ) : this.debugLog("No next item queued."), this.playbackState = "NOT_PLAYING"));
-    }
-  }
-  registerEventListeners() {
-    this.debugLog("registerEventListeners"), this.#e.addEventListener("mediacurrenttime", (e) => {
-      this.currentTime = Number(e.target);
-    }), this.#e.addEventListener(
-      "mediastate",
-      (e) => {
-        e.target === "completed" ? this.finishCurrentMediaProduct("completed") : this.#d(e.target);
-      }
-    ), this.#e.addEventListener(
-      "devices",
-      (e) => {
-        a ? a.addNativeDevices(e.target) : console.error("Output devices not loaded.");
-      }
-    ), this.#e.addEventListener("devicedisconnected", () => {
-      s.dispatchEvent(E()), this.#t("devicedisconnected");
-    }), this.#e.addEventListener(
-      "deviceexclusivemodenotallowed",
-      () => this.#t("deviceexclusivemodenotallowed")
-    ), this.#e.addEventListener(
-      "deviceformatnotsupported",
-      () => this.#t("deviceformatnotsupported")
-    ), this.#e.addEventListener(
-      "devicelocked",
-      () => this.#t("devicelocked")
-    ), this.#e.addEventListener(
-      "devicenotfound",
-      () => this.#t("devicenotfound")
-    ), this.#e.addEventListener(
-      "deviceunknownerror",
-      () => this.#t("deviceunknownerror")
-    ), this.#e.addEventListener(
-      "mediaduration",
-      (e) => {
-        this.#i = Number(e.target);
-      }
-    ), this.#e.addEventListener(
-      "mediaerror",
-      (e) => this.#r(e)
-    ), this.#e.addEventListener("mediamaxconnectionsreached", () => {
-      this.#n().catch(console.error);
-    });
-  }
-  async reset({ keepPreload: e } = { keepPreload: !1 }) {
-    this.currentStreamingSessionId !== void 0 && (this.debugLog("reset"), e || await this.unloadPreloadedMediaProduct(), this.#e.stop(), this.playbackState !== "IDLE" && this.finishCurrentMediaProduct("skip"), this.detachPlaybackEngineEndedHandler(), this.currentStreamingSessionId = void 0, e || (this.preloadedStreamingSessionId = void 0), this.playbackState = "IDLE");
-  }
-  // eslint-disable-next-line @typescript-eslint/no-misused-promises
-  async seek(e) {
-    this.hasStarted() || await this.mediaStateChange("active"), this.seekStart(this.currentTime), this.currentTime = e, this.#e.seek(e), this.seekEnd(this.currentTime);
-  }
-  // Handles track "skip next" and progressions between shaka and native player
-  async skipToPreloadedMediaProduct() {
-    this.debugLog(
-      "skipToPreloadedMediaProduct",
-      this.preloadedStreamingSessionId
-    );
-    const e = this.currentStreamingSessionId === void 0;
-    if (this.preloadedStreamingSessionId && this.#a) {
-      const t = o.getMediaProductTransition(
-        this.preloadedStreamingSessionId
-      );
-      t && (this.#a.mediaProduct = t.mediaProduct), await this.load(this.#a, "implicit"), await this.updateOutputDevice(), e && (this.playbackState = "PLAYING"), this.playbackState === "IDLE" && (this.playbackState = "NOT_PLAYING");
-      return;
-    }
-    console.warn("No preloaded item in native player.");
-  }
-  // eslint-disable-next-line @typescript-eslint/require-await
-  async unloadPreloadedMediaProduct() {
-    this.debugLog(
-      "unloadPreloadedMediaProduct",
-      this.preloadedStreamingSessionId
-    ), this.hasNextItem() && (this.cleanUpStoredPreloadInfo(), "cancelPreload" in this.#e ? this.#e.cancelPreload() : console.warn("cancelPreload not available. Update native player."));
-  }
-  updateDeviceMode() {
-    this.updateOutputDevice()?.catch(console.error), a && s.dispatchEvent(
-      P(a.deviceMode)
-    );
-  }
-  updateOutputDevice() {
-    if (!a || (this.debugLog("updateOutputDevice", a.activeDevice), !a.activeDevice))
-      return Promise.resolve();
-    const { nativeDeviceId: e } = a.activeDevice;
-    if (this.outputDeviceType = a.activeDevice.type, e === "default")
-      this.#s !== "default" && (this.#e.selectSystemDevice(), s.dispatchEvent(S("default")), this.#s = "default");
-    else if (e) {
-      const t = a.getNativeDevice(e);
-      t && (this.#e.selectDevice(t, a.deviceMode), s.dispatchEvent(
-        S(a.activeDevice.id)
-      ), s.dispatchEvent(
-        P(a.deviceMode)
-      ), this.#s = e);
-    } else
-      throw new Error(`Device with sinkId ${e} not found.`);
-    return Promise.resolve();
-  }
-  get ready() {
-    return Promise.resolve();
-  }
-  get volume() {
-    return v("desiredVolumeLevel");
-  }
-  set volume(e) {
-    this.debugLog("Setting volume to", e), this.#e.setVolume(e * 100);
-  }
-}
-export {
-  x as default
-};

package/dist/output-devices-Jno8Kp5B-CAnEAv_Z.js

@@ -1,224 +0,0 @@
-import { b as W, m as O, l as L, n as q } from "./index-vp_MoGvy.js";
-import { l as M } from "./_commonjsHelpers-DaMA6jEr-DtILRGNx.js";
-var P, S;
-function N() {
-  return S || (S = 1, P = /* @__PURE__ */ function() {
-    function a(e, t, n, i, s) {
-      return e < t || n < t ? e > n ? n + 1 : e + 1 : i === s ? t : t + 1;
-    }
-    return function(e, t) {
-      if (e === t)
-        return 0;
-      if (e.length > t.length) {
-        var n = e;
-        e = t, t = n;
-      }
-      for (var i = e.length, s = t.length; i > 0 && e.charCodeAt(i - 1) === t.charCodeAt(s - 1); )
-        i--, s--;
-      for (var c = 0; c < i && e.charCodeAt(c) === t.charCodeAt(c); )
-        c++;
-      if (i -= c, s -= c, i === 0 || s < 3)
-        return s;
-      var o = 0, r, d, l, h, f, v, m, p, D, I, C, E, u = [];
-      for (r = 0; r < i; r++)
-        u.push(r + 1), u.push(e.charCodeAt(c + r));
-      for (var A = u.length - 1; o < s - 3; )
-        for (D = t.charCodeAt(c + (d = o)), I = t.charCodeAt(c + (l = o + 1)), C = t.charCodeAt(c + (h = o + 2)), E = t.charCodeAt(c + (f = o + 3)), v = o += 4, r = 0; r < A; r += 2)
-          m = u[r], p = u[r + 1], d = a(m, d, l, D, p), l = a(d, l, h, I, p), h = a(l, h, f, C, p), v = a(h, f, v, E, p), u[r] = v, f = h, h = l, l = d, d = m;
-      for (; o < s; )
-        for (D = t.charCodeAt(c + (d = o)), v = ++o, r = 0; r < A; r += 2)
-          m = u[r], u[r] = v = a(m, d, v, D, u[r + 1]), d = m;
-      return v;
-    };
-  }()), P;
-}
-var T = N();
-const U = /* @__PURE__ */ M(T);
-function B(a) {
-  return new CustomEvent("device-change", {
-    detail: {
-      devices: a
-    }
-  });
-}
-const y = O.parse(navigator.userAgent);
-class w {
-  controllableVolume;
-  id;
-  name;
-  nativeDeviceId;
-  type;
-  webDeviceId;
-  constructor({
-    controllableVolume: e,
-    name: t,
-    nativeDeviceId: n,
-    type: i,
-    webDeviceId: s
-  }) {
-    this.name = t, this.id = n === "default" && s === "default" ? "default" : q(), this.nativeDeviceId = n, this.webDeviceId = s, this.type = i, this.controllableVolume = e !== !1;
-  }
-}
-function b(a) {
-  if (k(a))
-    return "windowsCommunication";
-  if ("id" in a && a.id === "BuiltInSpeakerDevice")
-    return "builtIn";
-  if ("type" in a && a.type === "airplay")
-    return "airplay";
-  if ("label" in a) {
-    const e = a.label.toLowerCase();
-    if (e.includes("bluetooth"))
-      return "bluetooth";
-    if (e.includes("displayport"))
-      return "displayPort";
-    if (e.includes("hdmi"))
-      return "hdmi";
-    if (e.includes("usb"))
-      return "usb";
-    if (e.includes("built-in"))
-      return "builtIn";
-    if (e.includes("airplay"))
-      return "airplay";
-  }
-}
-function g(a, e) {
-  const t = e.toLowerCase();
-  let n = a;
-  return t.includes("mac") && (n = (a.split("(")[0] ?? "").trim()), n;
-}
-function k(a) {
-  let e;
-  return "label" in a && (e = a.label), "name" in a && (e = a.name), e?.startsWith("Communications") ?? !1;
-}
-function V(a, e) {
-  if (e = g(e, y.os.name || ""), [...a].length === 0 || e === "")
-    return;
-  const t = [...a].find((i) => i.name === e);
-  if (t)
-    return t;
-  const n = [...a].filter((i) => e.includes(i.name) || i.name.includes(e)).map((i) => ({
-    device: i,
-    distance: U(i.name, e)
-  })).sort((i, s) => i.distance - s.distance).reverse();
-  if (n.length > 0) {
-    const i = n.pop();
-    if (i && i.distance <= 16)
-      return i.device;
-  }
-}
-class $ {
-  #i;
-  #a;
-  #n = "shared";
-  #e;
-  #t;
-  #s;
-  outputDevices;
-  constructor() {
-    this.#t = /* @__PURE__ */ new Set(), this.#s = /* @__PURE__ */ new Set(), this.#e = new EventTarget(), this.#a = new w({
-      name: "System Default",
-      nativeDeviceId: "default",
-      type: "systemDefault",
-      webDeviceId: "default"
-    }), this.#i = this.#a, this.outputDevices = /* @__PURE__ */ new Set([this.#a]), this.hydrateWebDevices().then().catch(console.error), navigator.mediaDevices.addEventListener("devicechange", () => {
-      this.hydrateWebDevices().then().catch(console.error);
-    }), this.#e.addEventListener("native-devices", (e) => {
-      this.#t = new Set(e.detail), this.queueUpdate().then().catch(console.error);
-    }), this.#e.addEventListener("web-devices", (e) => {
-      this.#s = new Set(e.detail), this.queueUpdate().then().catch(console.error);
-    });
-  }
-  addNativeDevices(e) {
-    this.#e.dispatchEvent(
-      new CustomEvent("native-devices", {
-        detail: e
-      })
-    );
-  }
-  addWebDevices(e) {
-    e = e.filter((t) => t.deviceId !== "default"), this.#e.dispatchEvent(
-      new CustomEvent("web-devices", {
-        detail: e
-      })
-    );
-  }
-  emitDeviceChange() {
-    W.dispatchEvent(B([...this.outputDevices]));
-  }
-  getNativeDevice(e) {
-    return [...this.#t].find((t) => t.id === e);
-  }
-  async hydrateWebDevices() {
-    const e = (await navigator.mediaDevices.enumerateDevices()).filter((t) => t.kind === "audiooutput");
-    this.addWebDevices(e);
-  }
-  mergeDevices() {
-    [...this.outputDevices].filter((e) => e.id !== "default").forEach((e) => {
-      e.nativeDeviceId = void 0, e.webDeviceId = void 0;
-    }), this.#t.forEach((e) => {
-      const t = V(this.outputDevices, e.name);
-      t ? (t.nativeDeviceId = e.id, t.controllableVolume = e.controllableVolume, t.type = b(e) || t.type) : this.outputDevices.add(
-        new w({
-          controllableVolume: e.controllableVolume,
-          name: g(e.name, y.os.name || ""),
-          nativeDeviceId: e.id,
-          type: b(e)
-        })
-      );
-    }), this.#s.forEach((e) => {
-      const t = V(this.outputDevices, e.label);
-      t ? (t.webDeviceId = e.deviceId, t.type = b(e) || t.type) : this.outputDevices.add(
-        new w({
-          name: g(e.label, y.os.name || ""),
-          type: b(e),
-          webDeviceId: e.deviceId
-        })
-      );
-    }), [...this.outputDevices].filter(
-      (e) => e.webDeviceId === void 0 && e.nativeDeviceId === void 0 || e.type === "airplay" || e.type === "windowsCommunication"
-    ).forEach((e) => this.outputDevices.delete(e));
-  }
-  async queueUpdate() {
-    const e = new Promise(
-      (i) => this.#e.addEventListener(
-        "native-devices",
-        (s) => i(s.detail),
-        { once: !0 }
-      )
-    ), t = new Promise(
-      (i) => this.#e.addEventListener(
-        "web-devices",
-        (s) => i(s.detail),
-        { once: !0 }
-      )
-    ), n = (i) => new Promise((s) => setTimeout(() => s(), i));
-    await Promise.any([e, t, n(1e3)]), this.mergeDevices(), this.emitDeviceChange();
-  }
-  set activeDevice(e) {
-    this.#i = e, this.#n = "shared", L.activePlayer?.updateOutputDevice()?.catch(console.error);
-  }
-  get activeDevice() {
-    return this.#i;
-  }
-  /**
-   * Set the current device mode for the output device.
-   */
-  set deviceMode(e) {
-    const { activeDevice: t } = this, { activePlayer: n } = L;
-    t && n && n.name === "nativePlayer" && this.deviceMode !== e && (this.#n = e, n.updateDeviceMode());
-  }
-  get deviceMode() {
-    return this.#n;
-  }
-}
-const F = new $();
-export {
-  w as OutputDevice,
-  $ as OutputDevices,
-  b as findOutputType,
-  V as getOutputDeviceByName,
-  k as isWindowsCommunicationsDevice,
-  g as marshalLabel,
-  F as outputDevices
-};