@instructure/studio-player 0.1.1

package/dist/vidstack-BGEqnOoX-BiZsT73r.js

@@ -0,0 +1,434 @@
+var ue = Object.defineProperty;
+var N = (r) => {
+  throw TypeError(r);
+};
+var de = (r, c, e) => c in r ? ue(r, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[c] = e;
+var b = (r, c, e) => de(r, typeof c != "symbol" ? c + "" : c, e), M = (r, c, e) => c.has(r) || N("Cannot " + e);
+var t = (r, c, e) => (M(r, c, "read from private field"), e ? e.call(r) : c.get(r)), f = (r, c, e) => c.has(r) ? N("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(r) : c.set(r, e), u = (r, c, e, i) => (M(r, c, "write to private field"), i ? i.call(r, e) : c.set(r, e), e), o = (r, c, e) => (M(r, c, "access private method"), e);
+import { m as fe, n as U, o as C, R as pe, p as ye, e as S, c as Q, b as be, q as _, L as R, l as ke, r as ve, T as me, Q as W } from "./index-BM9a_WKH.js";
+import { E as we } from "./vidstack-CbSFenOv-DX2VhxT6.js";
+import { resolveVimeoVideoId as Pe, getVimeoVideoInfo as Te } from "./vidstack-krOAtKMi-B4IZWKdc.js";
+import "react";
+const Ce = [
+  "bufferend",
+  "bufferstart",
+  // 'cuechange',
+  "durationchange",
+  "ended",
+  "enterpictureinpicture",
+  "error",
+  "fullscreenchange",
+  "leavepictureinpicture",
+  "loaded",
+  // 'loadeddata',
+  // 'loadedmetadata',
+  // 'loadstart',
+  "playProgress",
+  "loadProgress",
+  "pause",
+  "play",
+  "playbackratechange",
+  // 'progress',
+  "qualitychange",
+  "seeked",
+  "seeking",
+  // 'texttrackchange',
+  "timeupdate",
+  "volumechange",
+  "waiting"
+  // 'adstarted',
+  // 'adcompleted',
+  // 'aderror',
+  // 'adskipped',
+  // 'adallcompleted',
+  // 'adclicked',
+  // 'chapterchange',
+  // 'chromecastconnected',
+  // 'remoteplaybackavailabilitychange',
+  // 'remoteplaybackconnecting',
+  // 'remoteplaybackconnect',
+  // 'remoteplaybackdisconnect',
+  // 'liveeventended',
+  // 'liveeventstarted',
+  // 'livestreamoffline',
+  // 'livestreamonline',
+];
+var a, y, k, w, g, V, v, $, q, P, m, E, s, Y, z, G, H, T, J, K, X, L, Z, ee, te, se, ie, x, ne, ae, oe, F, he, O, re, D, ce, le, l, j, B;
+class Re extends we {
+  constructor(e, i) {
+    super(e);
+    f(this, s);
+    b(this, "$$PROVIDER_TYPE", "VIMEO");
+    b(this, "scope", fe());
+    b(this, "fullscreen");
+    f(this, a);
+    f(this, y, U(""));
+    f(this, k, U(!1));
+    f(this, w, null);
+    f(this, g, null);
+    f(this, V, !1);
+    f(this, v, new C(0, 0));
+    f(this, $, new pe(o(this, s, H).bind(this)));
+    f(this, q, null);
+    f(this, P, null);
+    f(this, m, /* @__PURE__ */ new Map());
+    f(this, E, null);
+    /**
+     * Whether tracking session data should be enabled on the embed, including cookies and analytics.
+     * This is turned off by default to be GDPR-compliant.
+     *
+     * @defaultValue `false`
+     */
+    b(this, "cookies", !1);
+    b(this, "title", !0);
+    b(this, "byline", !0);
+    b(this, "portrait", !0);
+    b(this, "color", "00ADEF");
+    // Embed will sometimes dispatch 0 at end of playback.
+    f(this, T, !1);
+    u(this, a, i);
+    const n = this;
+    this.fullscreen = {
+      get active() {
+        return t(n, V);
+      },
+      supported: !0,
+      enter: () => o(this, s, l).call(this, "requestFullscreen"),
+      exit: () => o(this, s, l).call(this, "exitFullscreen")
+    };
+  }
+  get type() {
+    return "vimeo";
+  }
+  get currentSrc() {
+    return t(this, g);
+  }
+  get videoId() {
+    return t(this, y).call(this);
+  }
+  get hash() {
+    return t(this, w);
+  }
+  get isPro() {
+    return t(this, k).call(this);
+  }
+  preconnect() {
+    ye(this.getOrigin());
+  }
+  setup() {
+    super.setup(), S(o(this, s, Y).bind(this)), S(o(this, s, z).bind(this)), S(o(this, s, G).bind(this)), t(this, a).notify("provider-setup", this);
+  }
+  destroy() {
+    o(this, s, j).call(this), this.fullscreen = void 0;
+    const e = "provider destroyed";
+    for (const i of t(this, m).values())
+      for (const { reject: n } of i) n(e);
+    t(this, m).clear(), o(this, s, l).call(this, "destroy");
+  }
+  async play() {
+    return o(this, s, l).call(this, "play");
+  }
+  async pause() {
+    return o(this, s, l).call(this, "pause");
+  }
+  setMuted(e) {
+    o(this, s, l).call(this, "setMuted", e);
+  }
+  setCurrentTime(e) {
+    o(this, s, l).call(this, "seekTo", e), t(this, a).notify("seeking", e);
+  }
+  setVolume(e) {
+    o(this, s, l).call(this, "setVolume", e), o(this, s, l).call(this, "setMuted", Q(t(this, a).$state.muted));
+  }
+  setPlaybackRate(e) {
+    o(this, s, l).call(this, "setPlaybackRate", e);
+  }
+  async loadSource(e) {
+    if (!be(e.src)) {
+      u(this, g, null), u(this, w, null), t(this, y).set("");
+      return;
+    }
+    const { videoId: i, hash: n } = Pe(e.src);
+    t(this, y).set(i ?? ""), u(this, w, n ?? null), u(this, g, e);
+  }
+  getOrigin() {
+    return "https://player.vimeo.com";
+  }
+  buildParams() {
+    const { keyDisabled: e } = t(this, a).$props, { playsInline: i, nativeControls: n } = t(this, a).$state, h = n();
+    return {
+      title: this.title,
+      byline: this.byline,
+      color: this.color,
+      portrait: this.portrait,
+      controls: h,
+      h: this.hash,
+      keyboard: h && !e(),
+      transparent: !0,
+      playsinline: i(),
+      dnt: !this.cookies
+    };
+  }
+  onMessage(e, i) {
+    e.event ? o(this, s, ce).call(this, e.event, e.data, i) : e.method && o(this, s, Z).call(this, e.method, e.value, i);
+  }
+  onLoad() {
+  }
+}
+a = new WeakMap(), y = new WeakMap(), k = new WeakMap(), w = new WeakMap(), g = new WeakMap(), V = new WeakMap(), v = new WeakMap(), $ = new WeakMap(), q = new WeakMap(), P = new WeakMap(), m = new WeakMap(), E = new WeakMap(), s = new WeakSet(), Y = function() {
+  o(this, s, j).call(this);
+  const e = t(this, y).call(this);
+  if (!e) {
+    this.src.set("");
+    return;
+  }
+  this.src.set(`${this.getOrigin()}/video/${e}`), t(this, a).notify("load-start");
+}, z = function() {
+  const e = t(this, y).call(this);
+  if (!e) return;
+  const i = _(), n = new AbortController();
+  return u(this, E, i), Te(e, n, t(this, w)).then((h) => {
+    i.resolve(h);
+  }).catch((h) => {
+    i.reject();
+  }), () => {
+    i.reject(), n.abort();
+  };
+}, G = function() {
+  const e = t(this, k).call(this), { $state: i, qualities: n } = t(this, a);
+  if (i.canSetPlaybackRate.set(e), n[R.setReadonly](!e), e)
+    return ke(n, "change", () => {
+      var d;
+      if (n.auto) return;
+      const h = (d = n.selected) == null ? void 0 : d.id;
+      h && o(this, s, l).call(this, "setQuality", h);
+    });
+}, H = function() {
+  o(this, s, l).call(this, "getCurrentTime");
+}, T = new WeakMap(), J = function(e, i) {
+  if (t(this, T) && e === 0) return;
+  const { realCurrentTime: n, paused: h, bufferedEnd: d, seekableEnd: p, live: I } = t(this, a).$state;
+  if (n() === e) return;
+  const A = n();
+  t(this, a).notify("time-change", e, i), Math.abs(A - e) > 1.5 && (t(this, a).notify("seeking", e, i), !h() && d() < e && t(this, a).notify("waiting", void 0, i)), !I() && p() - e < 0.01 && (t(this, a).notify("end", void 0, i), u(this, T, !0), setTimeout(() => {
+    u(this, T, !1);
+  }, 500));
+}, K = function(e, i) {
+  t(this, a).notify("seeked", e, i);
+}, X = function(e) {
+  var n;
+  const i = t(this, y).call(this);
+  (n = t(this, E)) == null || n.promise.then((h) => {
+    if (!h) return;
+    const { title: d, poster: p, duration: I, pro: A } = h;
+    t(this, k).set(A), t(this, a).notify("title-change", d, e), t(this, a).notify("poster-change", p, e), t(this, a).notify("duration-change", I, e), o(this, s, L).call(this, I, e);
+  }).catch(() => {
+    i === t(this, y).call(this) && (o(this, s, l).call(this, "getVideoTitle"), o(this, s, l).call(this, "getDuration"));
+  });
+}, L = function(e, i) {
+  const { nativeControls: n } = t(this, a).$state, h = n();
+  u(this, v, new C(0, e));
+  const d = {
+    buffered: new C(0, 0),
+    seekable: t(this, v),
+    duration: e
+  };
+  t(this, a).delegate.ready(d, i), h || o(this, s, l).call(this, "_hideOverlay"), o(this, s, l).call(this, "getQualities"), o(this, s, l).call(this, "getChapters");
+}, Z = function(e, i, n) {
+  var h;
+  switch (e) {
+    case "getVideoTitle":
+      const d = i;
+      t(this, a).notify("title-change", d, n);
+      break;
+    case "getDuration":
+      const p = i;
+      t(this, a).$state.canPlay() ? t(this, a).notify("duration-change", p, n) : o(this, s, L).call(this, p, n);
+      break;
+    case "getCurrentTime":
+      o(this, s, J).call(this, i, n);
+      break;
+    case "getBuffered":
+      ve(i) && i.length && o(this, s, x).call(this, i[i.length - 1][1], n);
+      break;
+    case "setMuted":
+      o(this, s, F).call(this, Q(t(this, a).$state.volume), i, n);
+      break;
+    case "getChapters":
+      o(this, s, he).call(this, i);
+      break;
+    case "getQualities":
+      o(this, s, re).call(this, i, n);
+      break;
+  }
+  (h = o(this, s, B).call(this, e)) == null || h.resolve();
+}, ee = function() {
+  for (const e of Ce)
+    o(this, s, l).call(this, "addEventListener", e);
+}, te = function(e) {
+  t(this, $).stop(), t(this, a).notify("pause", void 0, e);
+}, se = function(e) {
+  t(this, $).start(), t(this, a).notify("play", void 0, e);
+}, ie = function(e) {
+  const { paused: i } = t(this, a).$state;
+  !i() && !t(this, T) && t(this, a).notify("playing", void 0, e);
+}, x = function(e, i) {
+  const n = {
+    buffered: new C(0, e),
+    seekable: t(this, v)
+  };
+  t(this, a).notify("progress", n, i);
+}, ne = function(e) {
+  t(this, a).notify("waiting", void 0, e);
+}, ae = function(e) {
+  const { paused: i } = t(this, a).$state;
+  i() || t(this, a).notify("playing", void 0, e);
+}, oe = function(e) {
+  const { paused: i } = t(this, a).$state;
+  i() && t(this, a).notify("play", void 0, e), t(this, a).notify("waiting", void 0, e);
+}, F = function(e, i, n) {
+  const h = { volume: e, muted: i };
+  t(this, a).notify("volume-change", h, n);
+}, // #onTextTrackChange(track: VimeoTextTrack, trigger: Event) {
+//   const textTrack = this.#ctx.textTracks.toArray().find((t) => t.language === track.language);
+//   if (textTrack) textTrack.mode = track.mode;
+// }
+// #onTextTracksChange(tracks: VimeoTextTrack[], trigger: Event) {
+//   for (const init of tracks) {
+//     const textTrack = new TextTrack({
+//       ...init,
+//       label: init.label.replace('auto-generated', 'auto'),
+//     });
+//     textTrack[TextTrackSymbol.readyState] = 2;
+//     this.#ctx.textTracks.add(textTrack, trigger);
+//     textTrack.setMode(init.mode, trigger);
+//   }
+// }
+// #onCueChange(cue: VimeoTextCue, trigger: Event) {
+//   const { textTracks, $state } = this.#ctx,
+//     { currentTime } = $state,
+//     track = textTracks.selected;
+//   if (this.#currentCue) track?.removeCue(this.#currentCue, trigger);
+//   this.#currentCue = new window.VTTCue(currentTime(), Number.MAX_SAFE_INTEGER, cue.text);
+//   track?.addCue(this.#currentCue, trigger);
+// }
+he = function(e) {
+  if (o(this, s, O).call(this), !e.length) return;
+  const i = new me({
+    kind: "chapters",
+    default: !0
+  }), { seekableEnd: n } = t(this, a).$state;
+  for (let h = 0; h < e.length; h++) {
+    const d = e[h], p = e[h + 1];
+    i.addCue(
+      new window.VTTCue(
+        d.startTime,
+        (p == null ? void 0 : p.startTime) ?? n(),
+        d.title
+      )
+    );
+  }
+  u(this, P, i), t(this, a).textTracks.add(i);
+}, O = function() {
+  t(this, P) && (t(this, a).textTracks.remove(t(this, P)), u(this, P, null));
+}, re = function(e, i) {
+  t(this, a).qualities[W.enableAuto] = e.some((n) => n.id === "auto") ? () => o(this, s, l).call(this, "setQuality", "auto") : void 0;
+  for (const n of e) {
+    if (n.id === "auto") continue;
+    const h = +n.id.slice(0, -1);
+    isNaN(h) || t(this, a).qualities[R.add](
+      {
+        id: n.id,
+        width: h * (16 / 9),
+        height: h,
+        codec: "avc1,h.264",
+        bitrate: -1
+      },
+      i
+    );
+  }
+  o(this, s, D).call(this, e.find((n) => n.active), i);
+}, D = function({ id: e } = {}, i) {
+  if (!e) return;
+  const n = e === "auto", h = t(this, a).qualities.getById(e);
+  n ? (t(this, a).qualities[W.setAuto](n, i), t(this, a).qualities[R.select](void 0, !0, i)) : t(this, a).qualities[R.select](h ?? void 0, !0, i);
+}, ce = function(e, i, n) {
+  switch (e) {
+    case "ready":
+      o(this, s, ee).call(this);
+      break;
+    case "loaded":
+      o(this, s, X).call(this, n);
+      break;
+    case "play":
+      o(this, s, se).call(this, n);
+      break;
+    case "playProgress":
+      o(this, s, ie).call(this, n);
+      break;
+    case "pause":
+      o(this, s, te).call(this, n);
+      break;
+    case "loadProgress":
+      o(this, s, x).call(this, i.seconds, n);
+      break;
+    case "waiting":
+      o(this, s, oe).call(this, n);
+      break;
+    case "bufferstart":
+      o(this, s, ne).call(this, n);
+      break;
+    case "bufferend":
+      o(this, s, ae).call(this, n);
+      break;
+    case "volumechange":
+      o(this, s, F).call(this, i.volume, Q(t(this, a).$state.muted), n);
+      break;
+    case "durationchange":
+      u(this, v, new C(0, i.duration)), t(this, a).notify("duration-change", i.duration, n);
+      break;
+    case "playbackratechange":
+      t(this, a).notify("rate-change", i.playbackRate, n);
+      break;
+    case "qualitychange":
+      o(this, s, D).call(this, i, n);
+      break;
+    case "fullscreenchange":
+      u(this, V, i.fullscreen), t(this, a).notify("fullscreen-change", i.fullscreen, n);
+      break;
+    case "enterpictureinpicture":
+      t(this, a).notify("picture-in-picture-change", !0, n);
+      break;
+    case "leavepictureinpicture":
+      t(this, a).notify("picture-in-picture-change", !1, n);
+      break;
+    case "ended":
+      t(this, a).notify("end", void 0, n);
+      break;
+    case "error":
+      o(this, s, le).call(this, i, n);
+      break;
+    case "seek":
+    case "seeked":
+      o(this, s, K).call(this, i.seconds, n);
+      break;
+  }
+}, le = function(e, i) {
+  var d;
+  const { message: n, method: h } = e;
+  h === "setPlaybackRate" && t(this, k).set(!1), h && ((d = o(this, s, B).call(this, h)) == null || d.reject(n));
+}, l = async function(e, i) {
+  let n = _(), h = t(this, m).get(e);
+  return h || t(this, m).set(e, h = []), h.push(n), this.postMessage({
+    method: e,
+    value: i
+  }), n.promise;
+}, j = function() {
+  t(this, $).stop(), u(this, v, new C(0, 0)), u(this, E, null), u(this, q, null), t(this, k).set(!1), o(this, s, O).call(this);
+}, B = function(e) {
+  var i;
+  return (i = t(this, m).get(e)) == null ? void 0 : i.shift();
+};
+export {
+  Re as VimeoProvider
+};

package/dist/vidstack-CC0Rsbn0-Cf76Gp3K.js

@@ -0,0 +1,32 @@
+var a = Object.defineProperty;
+var o = (i, e, t) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var r = (i, e, t) => o(i, typeof e != "symbol" ? e + "" : e, t);
+import { H as p, s as d, a as u } from "./index-BM9a_WKH.js";
+import "react";
+class y extends p {
+  constructor(t, s) {
+    super(t, s);
+    r(this, "$$PROVIDER_TYPE", "AUDIO");
+    r(this, "airPlay");
+    d(() => {
+      this.airPlay = new u(this.media, s);
+    }, this.scope);
+  }
+  get type() {
+    return "audio";
+  }
+  setup() {
+    super.setup(), this.type === "audio" && this.ctx.notify("provider-setup", this);
+  }
+  /**
+   * The native HTML `<audio>` element.
+   *
+   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement}
+   */
+  get audio() {
+    return this.media;
+  }
+}
+export {
+  y as AudioProvider
+};

package/dist/vidstack-CbSFenOv-DX2VhxT6.js

@@ -0,0 +1,60 @@
+var y = Object.defineProperty;
+var g = (s) => {
+  throw TypeError(s);
+};
+var w = (s, t, r) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r;
+var c = (s, t, r) => w(s, typeof t != "symbol" ? t + "" : t, r), h = (s, t, r) => t.has(s) || g("Cannot " + r);
+var e = (s, t, r) => (h(s, t, "read from private field"), r ? r.call(s) : t.get(s)), u = (s, t, r) => t.has(s) ? g("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, r), p = (s, t, r, a) => (h(s, t, "write to private field"), a ? a.call(s, r) : t.set(s, r), r), l = (s, t, r) => (h(s, t, "access private method"), r);
+import { n as M, l as f, e as A, c as P, w as S, x as E, b as O } from "./index-BM9a_WKH.js";
+var i, o, b, m;
+class x {
+  constructor(t) {
+    u(this, o);
+    u(this, i);
+    c(this, "src", M(""));
+    /**
+     * Defines which referrer is sent when fetching the resource.
+     *
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLIFrameElement/referrerPolicy}
+     */
+    c(this, "referrerPolicy", null);
+    p(this, i, t), t.setAttribute("frameBorder", "0"), t.setAttribute("aria-hidden", "true"), t.setAttribute(
+      "allow",
+      "autoplay; fullscreen; encrypted-media; picture-in-picture; accelerometer; gyroscope"
+    ), this.referrerPolicy !== null && t.setAttribute("referrerpolicy", this.referrerPolicy);
+  }
+  get iframe() {
+    return e(this, i);
+  }
+  setup() {
+    f(window, "message", l(this, o, m).bind(this)), f(e(this, i), "load", this.onLoad.bind(this)), A(l(this, o, b).bind(this));
+  }
+  postMessage(t, r) {
+    var a;
+    E || (a = e(this, i).contentWindow) == null || a.postMessage(JSON.stringify(t), r ?? "*");
+  }
+}
+i = new WeakMap(), o = new WeakSet(), b = function() {
+  const t = this.src();
+  if (!t.length) {
+    e(this, i).setAttribute("src", "");
+    return;
+  }
+  const r = P(() => this.buildParams());
+  e(this, i).setAttribute("src", S(t, r));
+}, m = function(t) {
+  var d;
+  const r = this.getOrigin();
+  if ((t.source === null || t.source === ((d = e(this, i)) == null ? void 0 : d.contentWindow)) && (!O(r) || r === t.origin)) {
+    try {
+      const n = JSON.parse(t.data);
+      n && this.onMessage(n, t);
+      return;
+    } catch {
+    }
+    t.data && this.onMessage(t.data, t);
+  }
+};
+export {
+  x as E
+};