vue-streaming 2.0.0 → 2.0.1

package/dist/{WebSocketStream.vue_vue_type_script_setup_true_lang-C_F2vNNk.js → WebSocketStream.vue_vue_type_script_setup_true_lang-BzBWoH8H.js}

@@ -1,5 +1,5 @@
 import { defineComponent as T, ref as H, watch as L, computed as O, onMounted as U, createElementBlock as b, openBlock as w, createElementVNode as _, createCommentVNode as E, normalizeClass as G, unref as t, toDisplayString as x, Fragment as J, renderList as Q, onUnmounted as Z, normalizeStyle as ee, renderSlot as M, toRefs as I } from "vue";
-import { a as te, g as ne, u as oe, b as se, c as re, d as ae, f as ie, e as le, h as ce } from "./useWebSocket-CrE6QkTW.js";
+import { a as te, g as ne, u as oe, b as se, c as re, d as ae, f as ie, e as le, h as ce } from "./useWebSocket-D1Rqm0H7.js";
 const ue = { class: "hls-player" }, de = { class: "hls-player__video-container" }, pe = ["controls", "muted", "loop", "poster"], me = {
   key: 0,
   class: "hls-player__overlay"
@@ -47,13 +47,13 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       }
     }, {
       state: i,
-      isPlaying: u,
+      isPlaying: d,
       isBuffering: f,
       levels: r,
       currentLevel: l,
-      autoLevelEnabled: d,
+      autoLevelEnabled: c,
       currentTime: p,
-      duration: c,
+      duration: u,
       buffered: n,
       volume: s,
       muted: a,
@@ -143,7 +143,7 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
         _("div", be, [
           V.value ? (w(), b("span", we, x(V.value.width) + "x" + x(V.value.height), 1)) : E("", !0),
           _("span", null, x(Math.round(t(B).bandwidth / 1e6 * 10) / 10) + " Mbps", 1),
-          _("span", null, x(N(t(p))) + " / " + x(N(t(c))), 1)
+          _("span", null, x(N(t(p))) + " / " + x(N(t(u))), 1)
         ])
       ])) : E("", !0)
     ]));
@@ -177,23 +177,23 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
   emits: ["ready", "click", "error"],
   setup(C, { expose: R, emit: S }) {
     const e = C, o = S, v = H(null), y = H(!0), g = H(null);
-    let i = null, u = null, f = null, r = null, l = null, d = null, p = null;
-    async function c() {
+    let i = null, d = null, f = null, r = null, l = null, c = null, p = null;
+    async function u() {
       if (v.value)
         try {
           i = await import("three");
           const { OrbitControls: m } = await import("three/examples/jsm/controls/OrbitControls.js"), h = v.value, A = h.clientWidth, j = h.clientHeight;
-          if (u = new i.Scene(), u.background = new i.Color(e.backgroundColor), f = new i.PerspectiveCamera(75, A / j, 0.1, 1e3), f.position.set(
+          if (d = new i.Scene(), d.background = new i.Color(e.backgroundColor), f = new i.PerspectiveCamera(75, A / j, 0.1, 1e3), f.position.set(
             e.cameraPosition.x,
             e.cameraPosition.y,
             e.cameraPosition.z
           ), r = new i.WebGLRenderer({ antialias: !0 }), r.setSize(A, j), r.setPixelRatio(window.devicePixelRatio), h.appendChild(r.domElement), l = new m(f, r.domElement), l.autoRotate = e.autoRotate, l.autoRotateSpeed = e.autoRotateSpeed, e.showGrid) {
             const $ = new i.GridHelper(10, 10, 4473924, 3355443);
-            u.add($);
+            d.add($);
           }
           if (e.showAxes) {
             const $ = new i.AxesHelper(5);
-            u.add($);
+            d.add($);
           }
           new ResizeObserver(() => {
             if (!f || !r || !v.value) return;
@@ -206,7 +206,7 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
         }
     }
     function n() {
-      if (!i || !u || (d && (u.remove(d), d.geometry.dispose(), d.material.dispose(), d = null), e.points.length === 0)) return;
+      if (!i || !d || (c && (d.remove(c), c.geometry.dispose(), c.material.dispose(), c = null), e.points.length === 0)) return;
       const m = new i.BufferGeometry(), h = new Float32Array(e.points.length * 3), A = new Float32Array(e.points.length * 3);
       for (let P = 0; P < e.points.length; P++) {
         const $ = e.points[P];
@@ -223,7 +223,7 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
         vertexColors: !0,
         sizeAttenuation: !0
       });
-      if (d = new i.Points(m, j), u.add(d), e.bounds && f) {
+      if (c = new i.Points(m, j), d.add(c), e.bounds && f) {
         const P = {
           x: (e.bounds.min.x + e.bounds.max.x) / 2,
           y: (e.bounds.min.y + e.bounds.max.y) / 2,
@@ -241,10 +241,10 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       }
     }
     function s() {
-      p = requestAnimationFrame(s), l && l.update(), r && u && f && r.render(u, f);
+      p = requestAnimationFrame(s), l && l.update(), r && d && f && r.render(d, f);
     }
     function a() {
-      p && (cancelAnimationFrame(p), p = null), d && u && (u.remove(d), d.geometry.dispose(), d.material.dispose()), l && l.dispose(), r && (r.dispose(), v.value && r.domElement.parentNode && v.value.removeChild(r.domElement)), u = null, f = null, r = null, l = null, d = null;
+      p && (cancelAnimationFrame(p), p = null), c && d && (d.remove(c), c.geometry.dispose(), c.material.dispose()), l && l.dispose(), r && (r.dispose(), v.value && r.domElement.parentNode && v.value.removeChild(r.domElement)), d = null, f = null, r = null, l = null, c = null;
     }
     L(() => e.points, n, { deep: !0 }), L(
       [() => e.pointSize, () => e.pointColor, () => e.usePointColors],
@@ -260,7 +260,7 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
         l && (l.autoRotateSpeed = m);
       }
     ), U(() => {
-      c();
+      u();
     }), Z(() => {
       a();
     });
@@ -320,7 +320,7 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
         return e.formatter(n);
       if (n == null)
         return String(n);
-      switch (e.type === "auto" ? u(n) : e.type) {
+      switch (e.type === "auto" ? d(n) : e.type) {
         case "json":
           try {
             return JSON.stringify(n, null, 2);
@@ -333,7 +333,7 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
           return String(n);
       }
     }
-    function u(n) {
+    function d(n) {
       return n instanceof ArrayBuffer || n instanceof Uint8Array ? "binary" : typeof n == "object" ? "json" : "text";
     }
     function f(n, s = "data") {
@@ -354,7 +354,7 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
     function l() {
       v.value = [], o("clear");
     }
-    function d() {
+    function c() {
       o("pause", !e.paused);
     }
     function p(n) {
@@ -372,7 +372,7 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
         n !== void 0 && f(n);
       }
     );
-    const c = O(() => ({
+    const u = O(() => ({
       total: v.value.length,
       errors: v.value.filter((n) => n.type === "error").length
     }));
@@ -380,16 +380,16 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       addLog: f,
       clear: l,
       logs: v,
-      stats: c
+      stats: u
     }), (n, s) => (w(), b("div", $e, [
       _("div", Ae, [
         _("div", Ee, [
-          _("span", null, "Lines: " + x(c.value.total), 1),
-          c.value.errors > 0 ? (w(), b("span", Le, " Errors: " + x(c.value.errors), 1)) : E("", !0)
+          _("span", null, "Lines: " + x(u.value.total), 1),
+          u.value.errors > 0 ? (w(), b("span", Le, " Errors: " + x(u.value.errors), 1)) : E("", !0)
         ]),
         _("div", Te, [
           _("button", {
-            onClick: d,
+            onClick: c,
             class: G(["stream-viewer__btn", { "stream-viewer__btn--active": n.paused }])
           }, x(n.paused ? "▶ Resume" : "⏸ Pause"), 3),
           _("button", {
@@ -475,13 +475,13 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       }
     }, {
       isRunning: i,
-      connectionState: u,
+      connectionState: d,
       dataChannels: f,
       lastPointCloudFrame: r,
       lastDetectionFrame: l,
-      lastBoundingBoxes: d,
+      lastBoundingBoxes: c,
       error: p,
-      start: c,
+      start: u,
       stop: n,
       sendControl: s
     } = ne(y, g), a = O(() => {
@@ -490,10 +490,10 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
         channels: f.value.size,
         pointCount: ((m = r.value) == null ? void 0 : m.points.length) ?? 0,
         detectionCount: ((h = l.value) == null ? void 0 : h.detections.length) ?? 0,
-        bboxCount: d.value.length
+        bboxCount: c.value.length
       };
     }), B = O(() => {
-      switch (u.value) {
+      switch (d.value) {
         case "connected":
           return "#4caf50";
         case "connecting":
@@ -507,21 +507,21 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       }
     });
     return U(() => {
-      e.autoConnect && c();
+      e.autoConnect && u();
     }), L(
       () => e.signalingUrl,
       () => {
-        i.value && (n(), y.signalingUrl = e.signalingUrl, c());
+        i.value && (n(), y.signalingUrl = e.signalingUrl, u());
       }
     ), R({
       isRunning: i,
-      connectionState: u,
-      start: c,
+      connectionState: d,
+      start: u,
       stop: n,
       sendControl: s,
       lastPointCloudFrame: r,
       lastDetectionFrame: l,
-      lastBoundingBoxes: d,
+      lastBoundingBoxes: c,
       stats: a
     }), (m, h) => (w(), b("div", He, [
       m.showStatus ? (w(), b("div", Ie, [
@@ -530,7 +530,7 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
             class: "webrtc-viewer__indicator",
             style: ee({ backgroundColor: B.value })
           }, null, 4),
-          _("span", null, x(t(u)), 1)
+          _("span", null, x(t(d)), 1)
         ]),
         _("div", Oe, [
           t(i) ? (w(), b("button", {
@@ -541,7 +541,7 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
           }, " ⏹ Disconnect ")) : (w(), b("button", {
             key: 0,
             onClick: h[0] || (h[0] = //@ts-ignore
-            (...A) => t(c) && t(c)(...A)),
+            (...A) => t(u) && t(u)(...A)),
             class: "webrtc-viewer__btn webrtc-viewer__btn--connect"
           }, " ▶ Connect "))
         ])
@@ -549,17 +549,17 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       _("div", Ue, [
         M(m.$slots, "default", {
           isRunning: t(i),
-          connectionState: t(u),
+          connectionState: t(d),
           pointCloudFrame: t(r),
           detectionFrame: t(l),
-          boundingBoxes: t(d),
+          boundingBoxes: t(c),
           error: t(p),
-          start: t(c),
+          start: t(u),
           stop: t(n),
           sendControl: t(s)
         }, () => [
           _("div", We, [
-            t(i) ? t(u) === "connecting" ? (w(), b("div", Ge, [
+            t(i) ? t(d) === "connecting" ? (w(), b("div", Ge, [
               h[3] || (h[3] = _("div", { class: "webrtc-viewer__spinner" }, null, -1)),
               _("span", null, x(v.value), 1)
             ])) : t(p) ? (w(), b("div", qe, [
@@ -593,13 +593,13 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       data: y,
       buffer: g,
       bufferSize: i,
-      isStreaming: u,
+      isStreaming: d,
       itemsPerSecond: f,
       totalItems: r,
       error: l,
-      start: d,
+      start: c,
       stop: p,
-      push: c,
+      push: u,
       clear: n,
       getBuffer: s,
       subscribe: a
@@ -608,23 +608,25 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       onBatch: (B) => o("batch", B),
       onError: (B) => o("error", B)
     });
-    return L(
+    return U(() => {
+      e.autoStart && c();
+    }), L(
       v,
       () => {
-        p(), d();
+        p(), c();
       },
       { deep: !0 }
     ), R({
       data: y,
       buffer: g,
       bufferSize: i,
-      isStreaming: u,
+      isStreaming: d,
       itemsPerSecond: f,
       totalItems: r,
       error: l,
-      start: d,
+      start: c,
       stop: p,
-      push: c,
+      push: u,
       clear: n,
       getBuffer: s,
       subscribe: a
@@ -632,13 +634,13 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       data: t(y),
       buffer: t(g),
       bufferSize: t(i),
-      isStreaming: t(u),
+      isStreaming: t(d),
       itemsPerSecond: t(f),
       totalItems: t(r),
       error: t(l),
-      start: t(d),
+      start: t(c),
       stop: t(p),
-      push: t(c),
+      push: t(u),
       clear: t(n)
     });
   }
@@ -662,13 +664,13 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       isConnected: y,
       isStreaming: g,
       connectionState: i,
-      lastChunk: u,
+      lastChunk: d,
       chunks: f,
       bytesReceived: r,
       error: l,
-      reconnectAttempts: d,
+      reconnectAttempts: c,
       connect: p,
-      disconnect: c,
+      disconnect: u,
       clearChunks: n
     } = se(
       {
@@ -695,30 +697,30 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       }
     );
     return L(v, () => {
-      c(), p();
+      u(), p();
     }), R({
       isConnected: y,
       isStreaming: g,
       connectionState: i,
-      lastChunk: u,
+      lastChunk: d,
       chunks: f,
       bytesReceived: r,
       error: l,
-      reconnectAttempts: d,
+      reconnectAttempts: c,
       connect: p,
-      disconnect: c,
+      disconnect: u,
       clearChunks: n
     }), (s, a) => M(s.$slots, "default", {
       isConnected: t(y),
       isStreaming: t(g),
       connectionState: t(i),
-      lastChunk: t(u),
+      lastChunk: t(d),
       chunks: t(f),
       bytesReceived: t(r),
       error: t(l),
-      reconnectAttempts: t(d),
+      reconnectAttempts: t(c),
       connect: t(p),
-      disconnect: t(c),
+      disconnect: t(u),
       clearChunks: t(n)
     });
   }
@@ -737,20 +739,20 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       isConnected: y,
       channels: g,
       channel: i,
-      privateChannel: u,
+      privateChannel: d,
       presenceChannel: f,
       leave: r,
       leaveAll: l,
-      connect: d
+      connect: c
     } = re(e.config, {
       onConnected: (n) => o("connected", n),
       onError: (n) => o("error", n)
     });
     let p = null;
-    function c() {
+    function u() {
       if (e.channel) {
         if (e.channelType === "private")
-          p = u(e.channel);
+          p = d(e.channel);
         else if (e.channelType === "presence") {
           const n = f(e.channel);
           p = n, n.here((s) => o("here", s)), n.joining((s) => o("joining", s)), n.leaving((s) => o("leaving", s));
@@ -764,23 +766,23 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       }
     }
     return U(async () => {
-      await d(), e.autoSubscribe && e.channel && c();
+      await c(), e.autoSubscribe && e.channel && u();
     }), L(v, (n, s) => {
-      s && (r(s), o("unsubscribed", s)), n && e.autoSubscribe && c();
+      s && (r(s), o("unsubscribed", s)), n && e.autoSubscribe && u();
     }), R({
       isConnected: y,
       channels: g,
       subscribePublic: i,
-      privateChannel: u,
+      privateChannel: d,
       presenceChannel: f,
       leave: r,
       leaveAll: l,
-      connect: d
+      connect: c
     }), (n, s) => M(n.$slots, "default", {
       isConnected: t(y),
       channels: t(g),
       subscribePublic: t(i),
-      privateChannel: t(u),
+      privateChannel: t(d),
       presenceChannel: t(f),
       leave: t(r),
       leaveAll: t(l)
@@ -809,13 +811,13 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       isPolling: y,
       connectionState: g,
       lastData: i,
-      dataHistory: u,
+      dataHistory: d,
       requestCount: f,
       error: r,
       restartAttempts: l,
-      start: d,
+      start: c,
       stop: p,
-      poll: c,
+      poll: u,
       clearHistory: n
     } = ae(
       {
@@ -844,30 +846,30 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       }
     );
     return L(v, () => {
-      p(), d();
+      p(), c();
     }), R({
       isPolling: y,
       connectionState: g,
       lastData: i,
-      dataHistory: u,
+      dataHistory: d,
       requestCount: f,
       error: r,
       restartAttempts: l,
-      start: d,
+      start: c,
       stop: p,
-      poll: c,
+      poll: u,
       clearHistory: n
     }), (s, a) => M(s.$slots, "default", {
       isPolling: t(y),
       connectionState: t(g),
       lastData: t(i),
-      dataHistory: t(u),
+      dataHistory: t(d),
       requestCount: t(f),
       error: t(r),
       restartAttempts: t(l),
-      start: t(d),
+      start: t(c),
       stop: t(p),
-      poll: t(c),
+      poll: t(u),
       clearHistory: t(n)
     });
   }
@@ -884,13 +886,13 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       isConnected: y,
       connectionState: g,
       socketId: i,
-      rooms: u,
+      rooms: d,
       error: f,
       connect: r,
       disconnect: l,
-      emit: d,
+      emit: c,
       on: p,
-      off: c,
+      off: u,
       join: n,
       leave: s
     } = ie(e.config, {
@@ -913,26 +915,26 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       isConnected: y,
       connectionState: g,
       socketId: i,
-      rooms: u,
+      rooms: d,
       error: f,
       connect: r,
       disconnect: l,
-      emit: d,
+      emit: c,
       on: p,
-      off: c,
+      off: u,
       join: n,
       leave: s
     }), (a, B) => M(a.$slots, "default", {
       isConnected: t(y),
       connectionState: t(g),
       socketId: t(i),
-      rooms: t(u),
+      rooms: t(d),
       error: t(f),
       connect: t(r),
       disconnect: t(l),
-      emit: t(d),
+      emit: t(c),
       on: t(p),
-      off: t(c),
+      off: t(u),
       join: t(n),
       leave: t(s)
     });
@@ -954,13 +956,13 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       isConnected: y,
       connectionState: g,
       lastMessage: i,
-      lastEventType: u,
+      lastEventType: d,
       lastEventId: f,
       error: r,
       reconnectAttempts: l,
-      connect: d,
+      connect: c,
       disconnect: p,
-      addEventListener: c,
+      addEventListener: u,
       removeEventListener: n
     } = le(
       {
@@ -983,30 +985,30 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       }
     );
     return L(v, () => {
-      p(), d();
+      p(), c();
     }), R({
       isConnected: y,
       connectionState: g,
       lastMessage: i,
-      lastEventType: u,
+      lastEventType: d,
       lastEventId: f,
       error: r,
       reconnectAttempts: l,
-      connect: d,
+      connect: c,
       disconnect: p,
-      addEventListener: c,
+      addEventListener: u,
       removeEventListener: n
     }), (s, a) => M(s.$slots, "default", {
       isConnected: t(y),
       connectionState: t(g),
       lastMessage: t(i),
-      lastEventType: t(u),
+      lastEventType: t(d),
       lastEventId: t(f),
       error: t(r),
       reconnectAttempts: t(l),
-      connect: t(d),
+      connect: t(c),
       disconnect: t(p),
-      addEventListener: t(c),
+      addEventListener: t(u),
       removeEventListener: t(n)
     });
   }
@@ -1022,18 +1024,18 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       isConnected: y,
       connectionState: g,
       lastMessage: i,
-      error: u,
+      error: d,
       reconnectAttempts: f,
       connect: r,
       disconnect: l,
-      send: d,
+      send: c,
       sendJSON: p
     } = ce(e.config, {
       onOpen: () => o("open"),
-      onClose: (c, n) => o("close", c, n),
-      onError: (c) => o("error", c),
-      onMessage: (c, n) => o("message", c, n),
-      onReconnecting: (c, n) => o("reconnecting", c, n),
+      onClose: (u, n) => o("close", u, n),
+      onError: (u) => o("error", u),
+      onMessage: (u, n) => o("message", u, n),
+      onReconnecting: (u, n) => o("reconnecting", u, n),
       onReconnected: () => o("reconnected"),
       onReconnectFailed: () => o("reconnectFailed")
     });
@@ -1046,21 +1048,21 @@ const ue = { class: "hls-player" }, de = { class: "hls-player__video-container"
       isConnected: y,
       connectionState: g,
       lastMessage: i,
-      error: u,
+      error: d,
       reconnectAttempts: f,
       connect: r,
       disconnect: l,
-      send: d,
+      send: c,
       sendJSON: p
-    }), (c, n) => M(c.$slots, "default", {
+    }), (u, n) => M(u.$slots, "default", {
       isConnected: t(y),
       connectionState: t(g),
       lastMessage: t(i),
-      error: t(u),
+      error: t(d),
       reconnectAttempts: t(f),
       connect: t(r),
       disconnect: t(l),
-      send: t(d),
+      send: t(c),
       sendJson: t(p)
     });
   }
@@ -1078,4 +1080,4 @@ export {
   ut as e,
   pt as f
 };
-//# sourceMappingURL=WebSocketStream.vue_vue_type_script_setup_true_lang-C_F2vNNk.js.map
+//# sourceMappingURL=WebSocketStream.vue_vue_type_script_setup_true_lang-BzBWoH8H.js.map