npm - @viostream/viostream-player-vue - Versions diffs - 0.2.6 → 0.2.8 - Mend

@viostream/viostream-player-vue 0.2.6 → 0.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md +1 -19
package/dist/ViostreamPlayer.vue.d.ts +2 -0
package/dist/ViostreamPlayer.vue.d.ts.map +1 -1
package/dist/index.js +402 -64
package/dist/version.d.ts +1 -1
package/package.json +5 -3

package/README.md CHANGED Viewed

@@ -91,6 +91,7 @@ All embed options are optional and passed directly to the Viostream embed API.
 | `start-time` | `string` | Seek to a time (seconds) before playback. |
 | `transcript-download` | `boolean` | Allow transcript download. Default: `false`. |
 | `use-settings-menu` | `boolean` | Enable the settings menu on the control bar. Default: `false`. |
+| `force-aspect-ratio` | `number` | Force a specific aspect ratio (e.g. `1.7778` for 16:9). Disables dynamic sizing. Must be a finite positive number; invalid values are ignored. |
 #### Events
@@ -292,25 +293,6 @@ After calling `destroy()`:
 - Getter calls will reject with `"Player has been destroyed"`.
 ---
-## Script Loader
-The SDK loads the Viostream API script automatically. If you need manual control over loading (e.g. preloading), you can use `loadViostream` directly:
-```ts
-import { loadViostream } from '@viostream/viostream-player-vue';
-const api = await loadViostream('vc-100100100');
-// api.embed(...) is now available
-```
-The loader:
-- Injects `<script src="https://play.viostream.com/api/{accountKey}">` into `<head>`.
-- Deduplicates requests -- calling it multiple times with the same key returns the same promise.
-- Times out after 15 seconds if the script fails to load.
-- Detects if the script tag already exists in the DOM (e.g. added manually) and waits for it.
----
 ## TypeScript
 Every export is fully typed. Import types alongside runtime exports:

package/dist/ViostreamPlayer.vue.d.ts CHANGED Viewed

@@ -18,6 +18,7 @@ type __VLS_Props = {
     startTime?: string;
     transcriptDownload?: boolean;
     useSettingsMenu?: boolean;
+    forceAspectRatio?: number;
     class?: string;
 };
 declare function __VLS_template(): {
@@ -80,6 +81,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     startTime: string;
     transcriptDownload: boolean;
     useSettingsMenu: boolean;
+    forceAspectRatio: number;
     class: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;

package/dist/ViostreamPlayer.vue.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViostreamPlayer.vue.d.ts","sourceRoot":"","sources":["../src/ViostreamPlayer.vue"],"names":[],"mappings":"AAMA;~~AA+PA~~,OAAO,KAAK,EAEV,eAAe,EAGf,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,kCAAkC,CAAC;~~AAO1C~~,KAAK,WAAW,GAAG;IAEjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,cAAc,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;~~AA0MF~~,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;~~kBArMtC~~,MAAM,OAAO;gBACf,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;kBADrC,MAAM,OAAO;gBACf,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;;;;;~~EAyMhD~~;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;~~cA3RR~~,OAAO;iBACJ,MAAM;kBACL,OAAO;wBACD,OAAO;eAChB,MAAM;iBACJ,OAAO,GAAG,OAAO,GAAG,cAAc;aACtC,OAAO;gBACJ,MAAM;oBACF,MAAM;gBACV,OAAO;kBACL,MAAM;mBACL,OAAO;sBACJ,MAAM;eACb,MAAM;wBACG,OAAO;qBACV,OAAO;WAGjB,MAAM;;;~~kBAmRd~~,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1	+ {"version":3,"file":"ViostreamPlayer.vue.d.ts","sourceRoot":"","sources":["../src/ViostreamPlayer.vue"],"names":[],"mappings":"AAMA;AA4RA,OAAO,KAAK,EAEV,eAAe,EAGf,uBAAuB,EACvB,yBAAyB,EACzB,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,kCAAkC,CAAC;AAS1C,KAAK,WAAW,GAAG;IAEjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAGlB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,cAAc,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAmOF,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;kBA7NtC,MAAM,OAAO;gBACf,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;kBADrC,MAAM,OAAO;gBACf,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE,KAAK,OAAO;;;;;;EAiOhD;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;cArTR,OAAO;iBACJ,MAAM;kBACL,OAAO;wBACD,OAAO;eAChB,MAAM;iBACJ,OAAO,GAAG,OAAO,GAAG,cAAc;aACtC,OAAO;gBACJ,MAAM;oBACF,MAAM;gBACV,OAAO;kBACL,MAAM;mBACL,OAAO;sBACJ,MAAM;eACb,MAAM;wBACG,OAAO;qBACV,OAAO;sBACN,MAAM;WAGjB,MAAM;;;kBA4Sd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/index.js CHANGED Viewed

@@ -1,10 +1,330 @@
-import { defineComponent as w, ref as n, onMounted as C, onUnmounted as V, openBlock as K, createElementBlock as M, unref as v, normalizeClass as A, renderSlot as m, createCommentVNode as f, createElementVNode as N, toDisplayString as D } from "vue";
-import { getViostreamApi as P, wrapRawPlayer as R } from "@viostream/viostream-player-core";
-import { createViostreamPlayer as W, loadViostream as j } from "@viostream/viostream-player-core";
-const I = "viostream-player-vue", U = "0.2.6", $ = ["data-viostream-public-key", "data-viostream-sdk"], Q = {
+import { defineComponent as O, ref as S, onMounted as V, onUnmounted as j, openBlock as U, createElementBlock as x, unref as M, normalizeClass as L, renderSlot as B, createCommentVNode as R, createElementVNode as q, toDisplayString as z } from "vue";
+import { getViostreamApi as Q, normalizeForceAspectRatio as J, wrapRawPlayer as G } from "@viostream/viostream-player-core";
+import { createViostreamPlayer as ce, loadViostream as ue } from "@viostream/viostream-player-core";
+function W(c) {
+  return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
+}
+var K = { exports: {} }, E, T;
+function Z() {
+  if (T) return E;
+  T = 1;
+  var c = 1e3, l = c * 60, i = l * 60, e = i * 24, d = e * 7, m = e * 365.25;
+  E = function(o, t) {
+    t = t || {};
+    var n = typeof o;
+    if (n === "string" && o.length > 0)
+      return h(o);
+    if (n === "number" && isFinite(o))
+      return t.long ? s(o) : v(o);
+    throw new Error(
+      "val is not a non-empty string or a valid number. val=" + JSON.stringify(o)
+    );
+  };
+  function h(o) {
+    if (o = String(o), !(o.length > 100)) {
+      var t = /^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(
+        o
+      );
+      if (t) {
+        var n = parseFloat(t[1]), a = (t[2] || "ms").toLowerCase();
+        switch (a) {
+          case "years":
+          case "year":
+          case "yrs":
+          case "yr":
+          case "y":
+            return n * m;
+          case "weeks":
+          case "week":
+          case "w":
+            return n * d;
+          case "days":
+          case "day":
+          case "d":
+            return n * e;
+          case "hours":
+          case "hour":
+          case "hrs":
+          case "hr":
+          case "h":
+            return n * i;
+          case "minutes":
+          case "minute":
+          case "mins":
+          case "min":
+          case "m":
+            return n * l;
+          case "seconds":
+          case "second":
+          case "secs":
+          case "sec":
+          case "s":
+            return n * c;
+          case "milliseconds":
+          case "millisecond":
+          case "msecs":
+          case "msec":
+          case "ms":
+            return n;
+          default:
+            return;
+        }
+      }
+    }
+  }
+  function v(o) {
+    var t = Math.abs(o);
+    return t >= e ? Math.round(o / e) + "d" : t >= i ? Math.round(o / i) + "h" : t >= l ? Math.round(o / l) + "m" : t >= c ? Math.round(o / c) + "s" : o + "ms";
+  }
+  function s(o) {
+    var t = Math.abs(o);
+    return t >= e ? f(o, t, e, "day") : t >= i ? f(o, t, i, "hour") : t >= l ? f(o, t, l, "minute") : t >= c ? f(o, t, c, "second") : o + " ms";
+  }
+  function f(o, t, n, a) {
+    var u = t >= n * 1.5;
+    return Math.round(o / n) + " " + a + (u ? "s" : "");
+  }
+  return E;
+}
+var A, _;
+function H() {
+  if (_) return A;
+  _ = 1;
+  function c(l) {
+    e.debug = e, e.default = e, e.coerce = f, e.disable = v, e.enable = m, e.enabled = s, e.humanize = Z(), e.destroy = o, Object.keys(l).forEach((t) => {
+      e[t] = l[t];
+    }), e.names = [], e.skips = [], e.formatters = {};
+    function i(t) {
+      let n = 0;
+      for (let a = 0; a < t.length; a++)
+        n = (n << 5) - n + t.charCodeAt(a), n |= 0;
+      return e.colors[Math.abs(n) % e.colors.length];
+    }
+    e.selectColor = i;
+    function e(t) {
+      let n, a = null, u, b;
+      function p(...y) {
+        if (!p.enabled)
+          return;
+        const r = p, C = Number(/* @__PURE__ */ new Date()), F = C - (n || C);
+        r.diff = F, r.prev = n, r.curr = C, n = C, y[0] = e.coerce(y[0]), typeof y[0] != "string" && y.unshift("%O");
+        let g = 0;
+        y[0] = y[0].replace(/%([a-zA-Z%])/g, (w, D) => {
+          if (w === "%%")
+            return "%";
+          g++;
+          const I = e.formatters[D];
+          if (typeof I == "function") {
+            const N = y[g];
+            w = I.call(r, N), y.splice(g, 1), g--;
+          }
+          return w;
+        }), e.formatArgs.call(r, y), (r.log || e.log).apply(r, y);
+      }
+      return p.namespace = t, p.useColors = e.useColors(), p.color = e.selectColor(t), p.extend = d, p.destroy = e.destroy, Object.defineProperty(p, "enabled", {
+        enumerable: !0,
+        configurable: !1,
+        get: () => a !== null ? a : (u !== e.namespaces && (u = e.namespaces, b = e.enabled(t)), b),
+        set: (y) => {
+          a = y;
+        }
+      }), typeof e.init == "function" && e.init(p), p;
+    }
+    function d(t, n) {
+      const a = e(this.namespace + (typeof n > "u" ? ":" : n) + t);
+      return a.log = this.log, a;
+    }
+    function m(t) {
+      e.save(t), e.namespaces = t, e.names = [], e.skips = [];
+      const n = (typeof t == "string" ? t : "").trim().replace(/\s+/g, ",").split(",").filter(Boolean);
+      for (const a of n)
+        a[0] === "-" ? e.skips.push(a.slice(1)) : e.names.push(a);
+    }
+    function h(t, n) {
+      let a = 0, u = 0, b = -1, p = 0;
+      for (; a < t.length; )
+        if (u < n.length && (n[u] === t[a] || n[u] === "*"))
+          n[u] === "*" ? (b = u, p = a, u++) : (a++, u++);
+        else if (b !== -1)
+          u = b + 1, p++, a = p;
+        else
+          return !1;
+      for (; u < n.length && n[u] === "*"; )
+        u++;
+      return u === n.length;
+    }
+    function v() {
+      const t = [
+        ...e.names,
+        ...e.skips.map((n) => "-" + n)
+      ].join(",");
+      return e.enable(""), t;
+    }
+    function s(t) {
+      for (const n of e.skips)
+        if (h(t, n))
+          return !1;
+      for (const n of e.names)
+        if (h(t, n))
+          return !0;
+      return !1;
+    }
+    function f(t) {
+      return t instanceof Error ? t.stack || t.message : t;
+    }
+    function o() {
+      console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.");
+    }
+    return e.enable(e.load()), e;
+  }
+  return A = c, A;
+}
+var P;
+function X() {
+  return P || (P = 1, (function(c, l) {
+    l.formatArgs = e, l.save = d, l.load = m, l.useColors = i, l.storage = h(), l.destroy = /* @__PURE__ */ (() => {
+      let s = !1;
+      return () => {
+        s || (s = !0, console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."));
+      };
+    })(), l.colors = [
+      "#0000CC",
+      "#0000FF",
+      "#0033CC",
+      "#0033FF",
+      "#0066CC",
+      "#0066FF",
+      "#0099CC",
+      "#0099FF",
+      "#00CC00",
+      "#00CC33",
+      "#00CC66",
+      "#00CC99",
+      "#00CCCC",
+      "#00CCFF",
+      "#3300CC",
+      "#3300FF",
+      "#3333CC",
+      "#3333FF",
+      "#3366CC",
+      "#3366FF",
+      "#3399CC",
+      "#3399FF",
+      "#33CC00",
+      "#33CC33",
+      "#33CC66",
+      "#33CC99",
+      "#33CCCC",
+      "#33CCFF",
+      "#6600CC",
+      "#6600FF",
+      "#6633CC",
+      "#6633FF",
+      "#66CC00",
+      "#66CC33",
+      "#9900CC",
+      "#9900FF",
+      "#9933CC",
+      "#9933FF",
+      "#99CC00",
+      "#99CC33",
+      "#CC0000",
+      "#CC0033",
+      "#CC0066",
+      "#CC0099",
+      "#CC00CC",
+      "#CC00FF",
+      "#CC3300",
+      "#CC3333",
+      "#CC3366",
+      "#CC3399",
+      "#CC33CC",
+      "#CC33FF",
+      "#CC6600",
+      "#CC6633",
+      "#CC9900",
+      "#CC9933",
+      "#CCCC00",
+      "#CCCC33",
+      "#FF0000",
+      "#FF0033",
+      "#FF0066",
+      "#FF0099",
+      "#FF00CC",
+      "#FF00FF",
+      "#FF3300",
+      "#FF3333",
+      "#FF3366",
+      "#FF3399",
+      "#FF33CC",
+      "#FF33FF",
+      "#FF6600",
+      "#FF6633",
+      "#FF9900",
+      "#FF9933",
+      "#FFCC00",
+      "#FFCC33"
+    ];
+    function i() {
+      if (typeof window < "u" && window.process && (window.process.type === "renderer" || window.process.__nwjs))
+        return !0;
+      if (typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))
+        return !1;
+      let s;
+      return typeof document < "u" && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || // Is firebug? http://stackoverflow.com/a/398120/376773
+      typeof window < "u" && window.console && (window.console.firebug || window.console.exception && window.console.table) || // Is firefox >= v31?
+      // https://developer.mozilla.org/en-US/docs/Tools/Web_Console#Styling_messages
+      typeof navigator < "u" && navigator.userAgent && (s = navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)) && parseInt(s[1], 10) >= 31 || // Double check webkit in userAgent just in case we are in a worker
+      typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
+    }
+    function e(s) {
+      if (s[0] = (this.useColors ? "%c" : "") + this.namespace + (this.useColors ? " %c" : " ") + s[0] + (this.useColors ? "%c " : " ") + "+" + c.exports.humanize(this.diff), !this.useColors)
+        return;
+      const f = "color: " + this.color;
+      s.splice(1, 0, f, "color: inherit");
+      let o = 0, t = 0;
+      s[0].replace(/%[a-zA-Z%]/g, (n) => {
+        n !== "%%" && (o++, n === "%c" && (t = o));
+      }), s.splice(t, 0, f);
+    }
+    l.log = console.debug || console.log || (() => {
+    });
+    function d(s) {
+      try {
+        s ? l.storage.setItem("debug", s) : l.storage.removeItem("debug");
+      } catch {
+      }
+    }
+    function m() {
+      let s;
+      try {
+        s = l.storage.getItem("debug") || l.storage.getItem("DEBUG");
+      } catch {
+      }
+      return !s && typeof process < "u" && "env" in process && (s = process.env.DEBUG), s;
+    }
+    function h() {
+      try {
+        return localStorage;
+      } catch {
+      }
+    }
+    c.exports = H()(l);
+    const { formatters: v } = c.exports;
+    v.j = function(s) {
+      try {
+        return JSON.stringify(s);
+      } catch (f) {
+        return "[UnexpectedJSONParseError]: " + f.message;
+      }
+    };
+  })(K, K.exports)), K.exports;
+}
+var Y = X();
+const $ = /* @__PURE__ */ W(Y), ee = "viostream-player-vue", te = "0.2.8", re = ["data-viostream-public-key", "data-viostream-sdk"], ne = {
   "data-viostream-error": "",
   style: { color: "red", padding: "1em" }
-}, z = /* @__PURE__ */ w({
+}, ie = /* @__PURE__ */ O({
   __name: "ViostreamPlayer",
   props: {
     accountKey: {},
@@ -25,29 +345,31 @@ const I = "viostream-player-vue", U = "0.2.6", $ = ["data-viostream-public-key",
     startTime: { default: void 0 },
     transcriptDownload: { type: Boolean, default: void 0 },
     useSettingsMenu: { type: Boolean, default: void 0 },
+    forceAspectRatio: { default: void 0 },
     class: { default: void 0 }
   },
   emits: ["play", "pause", "ended", "timeUpdate", "volumeChange", "error", "progress", "ready", "seeked", "loaded", "playerReady"],
-  setup(y, { emit: g }) {
-    const t = y, a = g, d = `viostream-player-${Math.random().toString(36).slice(2, 10)}`, k = n(), l = n(), i = n(), u = n(!0);
-    let r = !1;
-    const p = [];
-    function h() {
-      const e = {};
-      return t.chapters !== void 0 && (e.chapters = t.chapters), t.chapterSlug !== void 0 && (e.chapterSlug = t.chapterSlug), t.displayTitle !== void 0 && (e.displayTitle = t.displayTitle), t.hlsQualitySelector !== void 0 && (e.hlsQualitySelector = t.hlsQualitySelector), t.playerKey !== void 0 && (e.playerKey = t.playerKey), t.playerStyle !== void 0 && (e.playerStyle = t.playerStyle), t.sharing !== void 0 && (e.sharing = t.sharing), t.skinActive !== void 0 && (e.skinActive = t.skinActive), t.skinBackground !== void 0 && (e.skinBackground = t.skinBackground), t.skinCustom !== void 0 && (e.skinCustom = t.skinCustom), t.skinInactive !== void 0 && (e.skinInactive = t.skinInactive), t.speedSelector !== void 0 && (e.speedSelector = t.speedSelector), t.startEndTimespan !== void 0 && (e.startEndTimespan = t.startEndTimespan), t.startTime !== void 0 && (e.startTime = t.startTime), t.transcriptDownload !== void 0 && (e.transcriptDownload = t.transcriptDownload), t.useSettingsMenu !== void 0 && (e.useSettingsMenu = t.useSettingsMenu), e;
-    }
-    const S = [
-      ["play", () => a("play")],
-      ["pause", () => a("pause")],
-      ["ended", () => a("ended")],
-      ["timeUpdate", (e) => a("timeUpdate", e)],
-      ["volumeChange", (e) => a("volumeChange", e)],
-      ["error", (e) => a("error", e)],
-      ["progress", (e) => a("progress", e)],
-      ["ready", () => a("ready")],
-      ["seeked", () => a("seeked")],
-      ["loaded", () => a("loaded")]
-    ], E = {
+  setup(c, { emit: l }) {
+    const i = $("viostream:vue"), e = c, d = l, m = `viostream-player-${Math.random().toString(36).slice(2, 10)}`, h = S(), v = S(), s = S(), f = S(!0);
+    let o = !1;
+    const t = [];
+    i("component setup publicKey=%s containerId=%s", e.publicKey, m);
+    function n() {
+      const r = {};
+      return e.chapters !== void 0 && (r.chapters = e.chapters), e.chapterSlug !== void 0 && (r.chapterSlug = e.chapterSlug), e.displayTitle !== void 0 && (r.displayTitle = e.displayTitle), e.hlsQualitySelector !== void 0 && (r.hlsQualitySelector = e.hlsQualitySelector), e.playerKey !== void 0 && (r.playerKey = e.playerKey), e.playerStyle !== void 0 && (r.playerStyle = e.playerStyle), e.sharing !== void 0 && (r.sharing = e.sharing), e.skinActive !== void 0 && (r.skinActive = e.skinActive), e.skinBackground !== void 0 && (r.skinBackground = e.skinBackground), e.skinCustom !== void 0 && (r.skinCustom = e.skinCustom), e.skinInactive !== void 0 && (r.skinInactive = e.skinInactive), e.speedSelector !== void 0 && (r.speedSelector = e.speedSelector), e.startEndTimespan !== void 0 && (r.startEndTimespan = e.startEndTimespan), e.startTime !== void 0 && (r.startTime = e.startTime), e.transcriptDownload !== void 0 && (r.transcriptDownload = e.transcriptDownload), e.useSettingsMenu !== void 0 && (r.useSettingsMenu = e.useSettingsMenu), r;
+    }
+    const a = [
+      ["play", () => d("play")],
+      ["pause", () => d("pause")],
+      ["ended", () => d("ended")],
+      ["timeUpdate", (r) => d("timeUpdate", r)],
+      ["volumeChange", (r) => d("volumeChange", r)],
+      ["error", (r) => d("error", r)],
+      ["progress", (r) => d("progress", r)],
+      ["ready", () => d("ready")],
+      ["seeked", () => d("seeked")],
+      ["loaded", () => d("loaded")]
+    ], u = {
       play: "play",
       pause: "pause",
       ended: "ended",
@@ -59,60 +381,76 @@ const I = "viostream-player-vue", U = "0.2.6", $ = ["data-viostream-public-key",
       seeked: "seeked",
       loaded: "loaded"
     };
-    function B(e) {
-      for (const [s, c] of S) {
-        const o = E[s];
-        if (o) {
-          const _ = e.on(o, c);
-          p.push(_);
+    function b(r) {
+      const C = [];
+      for (const [F, g] of a) {
+        const k = u[F];
+        if (k) {
+          const w = r.on(k, g);
+          t.push(w), C.push(k);
         }
       }
+      i("wireEvents: subscribed to [%s]", C.join(", "));
     }
-    function T() {
-      for (const e of p)
-        e();
-      p.length = 0;
+    function p() {
+      i("unwireEvents: unsubscribing %d events", t.length);
+      for (const r of t)
+        r();
+      t.length = 0;
     }
-    async function b() {
+    async function y() {
       try {
-        const e = P();
-        if (r) return;
-        const s = h(), c = e.embed(t.publicKey, d, s), o = R(c, d);
-        if (r) {
-          o.destroy();
+        i("init: getting embed API");
+        const r = Q();
+        if (o) {
+          i("init: stale closure detected after getViostreamApi — aborting publicKey=%s", e.publicKey);
           return;
         }
-        l.value = o, u.value = !1, B(o), a("playerReady", o);
-      } catch (e) {
-        r || (i.value = e instanceof Error ? e.message : String(e), u.value = !1);
+        const C = n();
+        i("init: calling api.embed publicKey=%s containerId=%s options=%o", e.publicKey, m, C);
+        const F = r.embed(e.publicKey, m, C, J(e.forceAspectRatio));
+        i("init: api.embed returned raw player");
+        const g = G(F, m);
+        if (i("init: wrapRawPlayer completed containerId=%s", m), o) {
+          i("init: stale closure detected after wrapRawPlayer — destroying and aborting publicKey=%s", e.publicKey), g.destroy();
+          return;
+        }
+        v.value = g, f.value = !1, i("init: player set, isLoading -> false publicKey=%s", e.publicKey), b(g), i("init: emitting playerReady publicKey=%s", e.publicKey), d("playerReady", g);
+      } catch (r) {
+        if (o)
+          i("init: error caught but destroyed — ignoring publicKey=%s", e.publicKey);
+        else {
+          const C = r instanceof Error ? r.message : String(r);
+          i("init: error caught publicKey=%s error=%s", e.publicKey, C), s.value = C, f.value = !1;
+        }
       }
     }
-    return C(() => {
-      b();
-    }), V(() => {
-      var e;
-      r = !0, T(), (e = l.value) == null || e.destroy(), l.value = void 0;
-    }), (e, s) => (K(), M("div", {
-      id: d,
-      class: A(t.class),
+    return V(() => {
+      i("onMounted publicKey=%s accountKey=%s containerId=%s", e.publicKey, e.accountKey, m), y();
+    }), j(() => {
+      var r;
+      i("onUnmounted publicKey=%s hasPlayer=%s", e.publicKey, !!v.value), o = !0, p(), (r = v.value) == null || r.destroy(), v.value = void 0;
+    }), (r, C) => (U(), x("div", {
+      id: m,
+      class: L(e.class),
       ref_key: "containerRef",
-      ref: k,
+      ref: h,
       "data-viostream-player": "",
-      "data-viostream-public-key": y.publicKey,
-      "data-viostream-sdk": `${v(I)}@${v(U)}`
+      "data-viostream-public-key": c.publicKey,
+      "data-viostream-sdk": `${M(ee)}@${M(te)}`
     }, [
-      u.value ? m(e.$slots, "loading", { key: 0 }) : f("", !0),
-      i.value ? m(e.$slots, "error", {
+      f.value ? B(r.$slots, "loading", { key: 0 }) : R("", !0),
+      s.value ? B(r.$slots, "error", {
         key: 1,
-        message: i.value
+        message: s.value
       }, () => [
-        N("div", Q, " Failed to load Viostream player: " + D(i.value), 1)
-      ]) : f("", !0)
-    ], 10, $));
+        q("div", ne, " Failed to load Viostream player: " + z(s.value), 1)
+      ]) : R("", !0)
+    ], 10, re));
   }
 });
 export {
-  z as ViostreamPlayer,
-  W as createViostreamPlayer,
-  j as loadViostream
+  ie as ViostreamPlayer,
+  ce as createViostreamPlayer,
+  ue as loadViostream
 };

package/dist/version.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 export declare const SDK_NAME = "viostream-player-vue";
-export declare const SDK_VERSION = "0.2.6";
+export declare const SDK_VERSION = "0.2.8";
 //# sourceMappingURL=version.d.ts.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@viostream/viostream-player-vue",
-  "version": "0.2.6",
+  "version": "0.2.8",
   "description": "Vue 3 SDK for the Viostream video player — embed, control, and listen to player events",
   "license": "MIT",
   "publishConfig": {
@@ -29,7 +29,8 @@
     "!dist/**/*.spec.*"
   ],
   "dependencies": {
-    "@viostream/viostream-player-core": "^0.2.6"
+    "@viostream/viostream-player-core": "^0.2.8",
+    "debug": "^4.4.3"
   },
   "peerDependencies": {
     "vue": "^3.3.0"
@@ -37,6 +38,7 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/vue": "^8.1.0",
+    "@types/debug": "^4.1.13",
     "@vitejs/plugin-vue": "^5.2.0",
     "jsdom": "^28.1.0",
     "typescript": "^5.7.0",
@@ -55,4 +57,4 @@
     "embed",
     "sdk"
   ]
-}
+}