@moq/watch 0.2.3 → 0.2.5

package/broadcast.d.ts

@@ -3,6 +3,7 @@ import type * as Moq from "@moq/lite";
 import { type Getter, Signal } from "@moq/signals";
 export interface BroadcastProps {
     connection?: Moq.Connection.Established | Signal<Moq.Connection.Established | undefined>;
+    announced?: Getter<Set<Moq.Path.Valid>>;
     enabled?: boolean | Signal<boolean>;
     name?: Moq.Path.Valid | Signal<Moq.Path.Valid>;
     reload?: boolean | Signal<boolean>;

package/broadcast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"broadcast.d.ts","sourceRoot":"","sources":["../src/broadcast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,KAAK,GAAG,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC9B,UAAU,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAIzF,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAGpC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAI/C,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;CACnC;AAGD,qBAAa,SAAS;;IACrB,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAE3D,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,qDAAyD;IAC/D,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAGxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAgB;IAGlE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,CAAiB;IAKnE,OAAO,qBAAgB;gBAEX,KAAK,CAAC,EAAE,cAAc;IA2FlC,KAAK;CAGL"}
+{"version":3,"file":"broadcast.d.ts","sourceRoot":"","sources":["../src/broadcast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,KAAK,GAAG,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,WAAW,cAAc;IAC9B,UAAU,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAGzF,SAAS,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAIxC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAGpC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAI/C,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;CACnC;AAGD,qBAAa,SAAS;;IACrB,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAE3D,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,qDAAyD;IAC/D,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAGxB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAgB;IAGlE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,CAAiB;IAKnE,OAAO,qBAAgB;gBAEX,KAAK,CAAC,EAAE,cAAc;IAoElC,KAAK;CAGL"}

package/element.d.ts

@@ -2,12 +2,12 @@ import type { Time } from "@moq/lite";
 import * as Moq from "@moq/lite";
 import { MultiBackend } from "./backend";
 import { Broadcast } from "./broadcast";
-import { Sync } from "./sync";
-declare const OBSERVED: readonly ["url", "name", "paused", "volume", "muted", "reload", "jitter"];
+import { type Latency, Sync } from "./sync";
+declare const OBSERVED: readonly ["url", "name", "paused", "volume", "muted", "reload", "latency", "jitter"];
 type Observed = (typeof OBSERVED)[number];
 export default class MoqWatch extends HTMLElement {
     #private;
-    static observedAttributes: readonly ["url", "name", "paused", "volume", "muted", "reload", "jitter"];
+    static observedAttributes: readonly ["url", "name", "paused", "volume", "muted", "reload", "latency", "jitter"];
     connection: Moq.Connection.Reload;
     broadcast: Broadcast;
     sync: Sync;
@@ -29,7 +29,11 @@ export default class MoqWatch extends HTMLElement {
     set muted(value: boolean);
     get reload(): boolean;
     set reload(value: boolean);
+    get latency(): Latency;
+    set latency(value: Latency);
+    /** The jitter buffer in milliseconds. */
     get jitter(): Time.Milli;
+    /** @deprecated Use `latency = <number>` instead. */
     set jitter(value: number);
 }
 declare global {

package/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,KAAK,GAAG,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,QAAQ,2EAA4E,CAAC;AAC3F,KAAK,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAQ1C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW;;IAChD,MAAM,CAAC,kBAAkB,4EAAY;IAGrC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;IAGlC,SAAS,EAAE,SAAS,CAAC;IAGrB,IAAI,OAAc;IAGlB,OAAO,EAAE,YAAY,CAAC;IAMtB,OAAO,qBAAgB;;IAuFvB,iBAAiB;IAMjB,oBAAoB;IAKpB,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IA0BzF,IAAI,GAAG,IAAI,GAAG,GAAG,SAAS,CAEzB;IAED,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,EAEtC;IAED,IAAI,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAEzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,EAEtC;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAEvB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED,IAAI,MAAM,IAAI,IAAI,CAAC,KAAK,CAEvB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;CACD;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,KAAK,GAAG,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE5C,QAAA,MAAM,QAAQ,sFAAuF,CAAC;AACtG,KAAK,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAQ1C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW;;IAChD,MAAM,CAAC,kBAAkB,uFAAY;IAGrC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;IAGlC,SAAS,EAAE,SAAS,CAAC;IAGrB,IAAI,OAAc;IAGlB,OAAO,EAAE,YAAY,CAAC;IAMtB,OAAO,qBAAgB;;IAsGvB,iBAAiB;IAMjB,oBAAoB;IAUpB,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAiCzF,IAAI,GAAG,IAAI,GAAG,GAAG,SAAS,CAEzB;IAED,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,EAEtC;IAED,IAAI,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAEzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,EAEtC;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAEvB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,yCAAyC;IACzC,IAAI,MAAM,IAAI,IAAI,CAAC,KAAK,CAEvB;IAED,oDAAoD;IACpD,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;CACD;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}

package/element.js

@@ -1,52 +1,63 @@
-import * as n from "@moq/lite";
-import { Signal as o, Effect as r } from "@moq/signals";
-import { h as c, B as d, g as u } from "./broadcast-Djx16jPC.js";
-const l = ["url", "name", "paused", "volume", "muted", "reload", "jitter"], h = new FinalizationRegistry((a) => a.close());
-class b extends HTMLElement {
-  static observedAttributes = l;
+import * as o from "@moq/lite";
+import { Signal as c, Effect as l } from "@moq/signals";
+import { i as d, B as u, h } from "./broadcast-CZkbruBC.js";
+const b = ["url", "name", "paused", "volume", "muted", "reload", "latency", "jitter"], m = new FinalizationRegistry((r) => r.close());
+class g extends HTMLElement {
+  static observedAttributes = b;
   // The connection to the moq-relay server.
   connection;
   // The broadcast being watched.
   broadcast;
   // Used to sync audio and video playback at a target latency.
-  sync = new c();
+  sync = new d();
   // The backend that powers this element.
   backend;
   // Set when the element is connected to the DOM.
-  #t = new o(!1);
+  #t = new c(!1);
   // Expose the Effect class, so users can easily create effects scoped to this element.
-  signals = new r();
+  signals = new l();
   constructor() {
-    super(), h.register(this, this.signals), this.connection = new n.Connection.Reload({
+    super(), m.register(this, this.signals), this.connection = new o.Connection.Reload({
       enabled: this.#t
-    }), this.signals.cleanup(() => this.connection.close()), this.broadcast = new d({
+    }), this.signals.cleanup(() => this.connection.close()), this.broadcast = new u({
       connection: this.connection.established,
+      announced: this.connection.announced,
       enabled: this.#t
-    }), this.signals.cleanup(() => this.broadcast.close()), this.backend = new u({
-      broadcast: this.broadcast
+    }), this.signals.cleanup(() => this.broadcast.close());
+    const t = new c(void 0);
+    this.signals.run((e) => {
+      const a = e.get(this.connection.established)?.rtt;
+      t.set(a ? e.get(a) : void 0);
+    }), this.backend = new h({
+      broadcast: this.broadcast,
+      rtt: t
     }), this.signals.cleanup(() => this.backend.close());
-    const t = () => {
-      const e = this.querySelector("canvas"), s = this.querySelector("video");
-      if (e && s)
+    const n = () => {
+      const e = this.querySelector("canvas"), i = this.querySelector("video");
+      if (e && i)
         throw new Error("Cannot have both canvas and video elements");
-      this.backend.element.set(e ?? s);
-    }, i = new MutationObserver(t);
-    i.observe(this, { childList: !0, subtree: !0 }), this.signals.cleanup(() => i.disconnect()), t(), this.signals.run((e) => {
-      const s = e.get(this.connection.url);
-      s ? this.setAttribute("url", s.toString()) : this.removeAttribute("url");
+      this.backend.element.set(e ?? i);
+    }, s = new MutationObserver(n);
+    s.observe(this, { childList: !0, subtree: !0 }), this.signals.cleanup(() => s.disconnect()), n(), this.signals.run((e) => {
+      const i = e.get(this.connection.url);
+      i ? this.setAttribute("url", i.toString()) : this.removeAttribute("url");
     }), this.signals.run((e) => {
-      const s = e.get(this.broadcast.name);
-      this.setAttribute("name", s.toString());
+      const i = e.get(this.broadcast.name);
+      this.setAttribute("name", i.toString());
     }), this.signals.run((e) => {
       e.get(this.backend.audio.muted) ? this.setAttribute("muted", "") : this.removeAttribute("muted");
     }), this.signals.run((e) => {
       e.get(this.backend.paused) ? this.setAttribute("paused", "true") : this.removeAttribute("paused");
     }), this.signals.run((e) => {
-      const s = e.get(this.backend.audio.volume);
-      this.setAttribute("volume", s.toString());
+      const i = e.get(this.backend.audio.volume);
+      this.setAttribute("volume", i.toString());
     }), this.signals.run((e) => {
-      const s = Math.floor(e.get(this.backend.jitter));
-      this.setAttribute("jitter", s.toString());
+      if (e.get(this.backend.latency) === "real-time")
+        this.setAttribute("latency", "real-time");
+      else {
+        const a = Math.floor(e.get(this.backend.jitter));
+        this.setAttribute("latency", a.toString());
+      }
     });
   }
   // Annoyingly, we have to use these callbacks to figure out when the element is connected to the DOM.
@@ -57,26 +68,32 @@ class b extends HTMLElement {
   disconnectedCallback() {
     this.#t.set(!1);
   }
-  attributeChangedCallback(t, i, e) {
-    if (i !== e)
+  #e(t) {
+    const n = t ? Number.parseFloat(t) : Number.NaN;
+    this.backend.latency.set(Number.isFinite(n) ? n : 100);
+  }
+  attributeChangedCallback(t, n, s) {
+    if (n !== s)
       if (t === "url")
-        this.connection.url.set(e ? new URL(e) : void 0);
+        this.connection.url.set(s ? new URL(s) : void 0);
       else if (t === "name")
-        this.broadcast.name.set(n.Path.from(e ?? ""));
+        this.broadcast.name.set(o.Path.from(s ?? ""));
       else if (t === "paused")
-        this.backend.paused.set(e !== null);
+        this.backend.paused.set(s !== null);
       else if (t === "volume") {
-        const s = e ? Number.parseFloat(e) : 0.5;
-        this.backend.audio.volume.set(s);
+        const e = s ? Number.parseFloat(s) : 0.5;
+        this.backend.audio.volume.set(e);
       } else if (t === "muted")
-        this.backend.audio.muted.set(e !== null);
+        this.backend.audio.muted.set(s !== null);
       else if (t === "reload")
-        this.broadcast.reload.set(e !== null);
+        this.broadcast.reload.set(s !== null);
+      else if (t === "latency")
+        !s || s === "real-time" ? this.backend.latency.set("real-time") : this.#e(s);
       else if (t === "jitter")
-        this.backend.jitter.set(e ? Number.parseFloat(e) : 100);
+        this.#e(s);
       else {
-        const s = t;
-        throw new Error(`Invalid attribute: ${s}`);
+        const e = t;
+        throw new Error(`Invalid attribute: ${e}`);
       }
   }
   get url() {
@@ -89,7 +106,7 @@ class b extends HTMLElement {
     return this.broadcast.name.peek();
   }
   set name(t) {
-    this.broadcast.name.set(n.Path.from(t));
+    this.broadcast.name.set(o.Path.from(t));
   }
   get paused() {
     return this.backend.paused.peek();
@@ -115,15 +132,23 @@ class b extends HTMLElement {
   set reload(t) {
     this.broadcast.reload.set(t);
   }
+  get latency() {
+    return this.backend.latency.peek();
+  }
+  set latency(t) {
+    this.backend.latency.set(t);
+  }
+  /** The jitter buffer in milliseconds. */
   get jitter() {
     return this.backend.jitter.peek();
   }
+  /** @deprecated Use `latency = <number>` instead. */
   set jitter(t) {
-    this.backend.jitter.set(t);
+    this.backend.latency.set(t);
   }
 }
-customElements.define("moq-watch", b);
+customElements.define("moq-watch", g);
 export {
-  b as default
+  g as default
 };
 //# sourceMappingURL=element.js.map

package/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sources":["../src/element.ts"],"sourcesContent":["import type { Time } from \"@moq/lite\";\nimport * as Moq from \"@moq/lite\";\nimport { Effect, Signal } from \"@moq/signals\";\nimport { MultiBackend } from \"./backend\";\nimport { Broadcast } from \"./broadcast\";\nimport { Sync } from \"./sync\";\n\nconst OBSERVED = [\"url\", \"name\", \"paused\", \"volume\", \"muted\", \"reload\", \"jitter\"] as const;\ntype Observed = (typeof OBSERVED)[number];\n\n// Close everything when this element is garbage collected.\n// This is primarily to avoid a console.warn that we didn't close() before GC.\n// There's no destructor for web components so this is the best we can do.\nconst cleanup = new FinalizationRegistry<Effect>((signals) => signals.close());\n\n// An optional web component that wraps a <canvas>\nexport default class MoqWatch extends HTMLElement {\n\tstatic observedAttributes = OBSERVED;\n\n\t// The connection to the moq-relay server.\n\tconnection: Moq.Connection.Reload;\n\n\t// The broadcast being watched.\n\tbroadcast: Broadcast;\n\n\t// Used to sync audio and video playback at a target latency.\n\tsync = new Sync();\n\n\t// The backend that powers this element.\n\tbackend: MultiBackend;\n\n\t// Set when the element is connected to the DOM.\n\t#enabled = new Signal(false);\n\n\t// Expose the Effect class, so users can easily create effects scoped to this element.\n\tsignals = new Effect();\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tcleanup.register(this, this.signals);\n\n\t\tthis.connection = new Moq.Connection.Reload({\n\t\t\tenabled: this.#enabled,\n\t\t});\n\t\tthis.signals.cleanup(() => this.connection.close());\n\n\t\tthis.broadcast = new Broadcast({\n\t\t\tconnection: this.connection.established,\n\t\t\tenabled: this.#enabled,\n\t\t});\n\t\tthis.signals.cleanup(() => this.broadcast.close());\n\n\t\tthis.backend = new MultiBackend({\n\t\t\tbroadcast: this.broadcast,\n\t\t});\n\t\tthis.signals.cleanup(() => this.backend.close());\n\n\t\t// Watch to see if the canvas element is added or removed.\n\t\tconst setElement = () => {\n\t\t\tconst canvas = this.querySelector(\"canvas\") as HTMLCanvasElement | undefined;\n\t\t\tconst video = this.querySelector(\"video\") as HTMLVideoElement | undefined;\n\t\t\tif (canvas && video) {\n\t\t\t\tthrow new Error(\"Cannot have both canvas and video elements\");\n\t\t\t}\n\t\t\tthis.backend.element.set(canvas ?? video);\n\t\t};\n\n\t\tconst observer = new MutationObserver(setElement);\n\t\tobserver.observe(this, { childList: true, subtree: true });\n\t\tthis.signals.cleanup(() => observer.disconnect());\n\t\tsetElement();\n\n\t\t// Optionally update attributes to match the library state.\n\t\t// This is kind of dangerous because it can create loops.\n\t\t// NOTE: This only runs when the element is connected to the DOM, which is not obvious.\n\t\t// This is because there's no destructor for web components to clean up our effects.\n\t\tthis.signals.run((effect) => {\n\t\t\tconst url = effect.get(this.connection.url);\n\t\t\tif (url) {\n\t\t\t\tthis.setAttribute(\"url\", url.toString());\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute(\"url\");\n\t\t\t}\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst name = effect.get(this.broadcast.name);\n\t\t\tthis.setAttribute(\"name\", name.toString());\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst muted = effect.get(this.backend.audio.muted);\n\t\t\tif (muted) {\n\t\t\t\tthis.setAttribute(\"muted\", \"\");\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute(\"muted\");\n\t\t\t}\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst paused = effect.get(this.backend.paused);\n\t\t\tif (paused) {\n\t\t\t\tthis.setAttribute(\"paused\", \"true\");\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute(\"paused\");\n\t\t\t}\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst volume = effect.get(this.backend.audio.volume);\n\t\t\tthis.setAttribute(\"volume\", volume.toString());\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst jitter = Math.floor(effect.get(this.backend.jitter));\n\t\t\tthis.setAttribute(\"jitter\", jitter.toString());\n\t\t});\n\t}\n\n\t// Annoyingly, we have to use these callbacks to figure out when the element is connected to the DOM.\n\t// This wouldn't be so bad if there was a destructor for web components to clean up our effects.\n\tconnectedCallback() {\n\t\tthis.#enabled.set(true);\n\t\tthis.style.display = \"block\";\n\t\tthis.style.position = \"relative\";\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Stop everything but don't actually cleanup just in case we get added back to the DOM.\n\t\tthis.#enabled.set(false);\n\t}\n\n\tattributeChangedCallback(name: Observed, oldValue: string | null, newValue: string | null) {\n\t\tif (oldValue === newValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (name === \"url\") {\n\t\t\tthis.connection.url.set(newValue ? new URL(newValue) : undefined);\n\t\t} else if (name === \"name\") {\n\t\t\tthis.broadcast.name.set(Moq.Path.from(newValue ?? \"\"));\n\t\t} else if (name === \"paused\") {\n\t\t\tthis.backend.paused.set(newValue !== null);\n\t\t} else if (name === \"volume\") {\n\t\t\tconst volume = newValue ? Number.parseFloat(newValue) : 0.5;\n\t\t\tthis.backend.audio.volume.set(volume);\n\t\t} else if (name === \"muted\") {\n\t\t\tthis.backend.audio.muted.set(newValue !== null);\n\t\t} else if (name === \"reload\") {\n\t\t\tthis.broadcast.reload.set(newValue !== null);\n\t\t} else if (name === \"jitter\") {\n\t\t\tthis.backend.jitter.set((newValue ? Number.parseFloat(newValue) : 100) as Time.Milli);\n\t\t} else {\n\t\t\tconst exhaustive: never = name;\n\t\t\tthrow new Error(`Invalid attribute: ${exhaustive}`);\n\t\t}\n\t}\n\n\tget url(): URL | undefined {\n\t\treturn this.connection.url.peek();\n\t}\n\n\tset url(value: string | URL | undefined) {\n\t\tthis.connection.url.set(value ? new URL(value) : undefined);\n\t}\n\n\tget name(): Moq.Path.Valid {\n\t\treturn this.broadcast.name.peek();\n\t}\n\n\tset name(value: string | Moq.Path.Valid) {\n\t\tthis.broadcast.name.set(Moq.Path.from(value));\n\t}\n\n\tget paused(): boolean {\n\t\treturn this.backend.paused.peek();\n\t}\n\n\tset paused(value: boolean) {\n\t\tthis.backend.paused.set(value);\n\t}\n\n\tget volume(): number {\n\t\treturn this.backend.audio.volume.peek();\n\t}\n\n\tset volume(value: number) {\n\t\tthis.backend.audio.volume.set(value);\n\t}\n\n\tget muted(): boolean {\n\t\treturn this.backend.audio.muted.peek();\n\t}\n\n\tset muted(value: boolean) {\n\t\tthis.backend.audio.muted.set(value);\n\t}\n\n\tget reload(): boolean {\n\t\treturn this.broadcast.reload.peek();\n\t}\n\n\tset reload(value: boolean) {\n\t\tthis.broadcast.reload.set(value);\n\t}\n\n\tget jitter(): Time.Milli {\n\t\treturn this.backend.jitter.peek();\n\t}\n\n\tset jitter(value: number) {\n\t\tthis.backend.jitter.set(value as Time.Milli);\n\t}\n}\n\ncustomElements.define(\"moq-watch\", MoqWatch);\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"moq-watch\": MoqWatch;\n\t}\n}\n"],"names":["OBSERVED","cleanup","signals","MoqWatch","Sync","#enabled","Signal","Effect","Moq","Broadcast","MultiBackend","setElement","canvas","video","observer","effect","url","name","volume","jitter","oldValue","newValue","exhaustive","value"],"mappings":"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"}
+{"version":3,"file":"element.js","sources":["../src/element.ts"],"sourcesContent":["import type { Time } from \"@moq/lite\";\nimport * as Moq from \"@moq/lite\";\nimport { Effect, Signal } from \"@moq/signals\";\nimport { MultiBackend } from \"./backend\";\nimport { Broadcast } from \"./broadcast\";\nimport { type Latency, Sync } from \"./sync\";\n\nconst OBSERVED = [\"url\", \"name\", \"paused\", \"volume\", \"muted\", \"reload\", \"latency\", \"jitter\"] as const;\ntype Observed = (typeof OBSERVED)[number];\n\n// Close everything when this element is garbage collected.\n// This is primarily to avoid a console.warn that we didn't close() before GC.\n// There's no destructor for web components so this is the best we can do.\nconst cleanup = new FinalizationRegistry<Effect>((signals) => signals.close());\n\n// An optional web component that wraps a <canvas>\nexport default class MoqWatch extends HTMLElement {\n\tstatic observedAttributes = OBSERVED;\n\n\t// The connection to the moq-relay server.\n\tconnection: Moq.Connection.Reload;\n\n\t// The broadcast being watched.\n\tbroadcast: Broadcast;\n\n\t// Used to sync audio and video playback at a target latency.\n\tsync = new Sync();\n\n\t// The backend that powers this element.\n\tbackend: MultiBackend;\n\n\t// Set when the element is connected to the DOM.\n\t#enabled = new Signal(false);\n\n\t// Expose the Effect class, so users can easily create effects scoped to this element.\n\tsignals = new Effect();\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tcleanup.register(this, this.signals);\n\n\t\tthis.connection = new Moq.Connection.Reload({\n\t\t\tenabled: this.#enabled,\n\t\t});\n\t\tthis.signals.cleanup(() => this.connection.close());\n\n\t\tthis.broadcast = new Broadcast({\n\t\t\tconnection: this.connection.established,\n\t\t\tannounced: this.connection.announced,\n\t\t\tenabled: this.#enabled,\n\t\t});\n\t\tthis.signals.cleanup(() => this.broadcast.close());\n\n\t\t// Flatten the RTT signal from the connection for the backend.\n\t\tconst rtt = new Signal<number | undefined>(undefined);\n\t\tthis.signals.run((effect) => {\n\t\t\tconst conn = effect.get(this.connection.established);\n\t\t\tconst rttSignal = conn?.rtt;\n\t\t\trtt.set(rttSignal ? effect.get(rttSignal) : undefined);\n\t\t});\n\n\t\tthis.backend = new MultiBackend({\n\t\t\tbroadcast: this.broadcast,\n\t\t\trtt,\n\t\t});\n\t\tthis.signals.cleanup(() => this.backend.close());\n\n\t\t// Watch to see if the canvas element is added or removed.\n\t\tconst setElement = () => {\n\t\t\tconst canvas = this.querySelector(\"canvas\") as HTMLCanvasElement | undefined;\n\t\t\tconst video = this.querySelector(\"video\") as HTMLVideoElement | undefined;\n\t\t\tif (canvas && video) {\n\t\t\t\tthrow new Error(\"Cannot have both canvas and video elements\");\n\t\t\t}\n\t\t\tthis.backend.element.set(canvas ?? video);\n\t\t};\n\n\t\tconst observer = new MutationObserver(setElement);\n\t\tobserver.observe(this, { childList: true, subtree: true });\n\t\tthis.signals.cleanup(() => observer.disconnect());\n\t\tsetElement();\n\n\t\t// Optionally update attributes to match the library state.\n\t\t// This is kind of dangerous because it can create loops.\n\t\t// NOTE: This only runs when the element is connected to the DOM, which is not obvious.\n\t\t// This is because there's no destructor for web components to clean up our effects.\n\t\tthis.signals.run((effect) => {\n\t\t\tconst url = effect.get(this.connection.url);\n\t\t\tif (url) {\n\t\t\t\tthis.setAttribute(\"url\", url.toString());\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute(\"url\");\n\t\t\t}\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst name = effect.get(this.broadcast.name);\n\t\t\tthis.setAttribute(\"name\", name.toString());\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst muted = effect.get(this.backend.audio.muted);\n\t\t\tif (muted) {\n\t\t\t\tthis.setAttribute(\"muted\", \"\");\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute(\"muted\");\n\t\t\t}\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst paused = effect.get(this.backend.paused);\n\t\t\tif (paused) {\n\t\t\t\tthis.setAttribute(\"paused\", \"true\");\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute(\"paused\");\n\t\t\t}\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst volume = effect.get(this.backend.audio.volume);\n\t\t\tthis.setAttribute(\"volume\", volume.toString());\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst latency = effect.get(this.backend.latency);\n\t\t\tif (latency === \"real-time\") {\n\t\t\t\tthis.setAttribute(\"latency\", \"real-time\");\n\t\t\t} else {\n\t\t\t\tconst jitter = Math.floor(effect.get(this.backend.jitter));\n\t\t\t\tthis.setAttribute(\"latency\", jitter.toString());\n\t\t\t}\n\t\t});\n\t}\n\n\t// Annoyingly, we have to use these callbacks to figure out when the element is connected to the DOM.\n\t// This wouldn't be so bad if there was a destructor for web components to clean up our effects.\n\tconnectedCallback() {\n\t\tthis.#enabled.set(true);\n\t\tthis.style.display = \"block\";\n\t\tthis.style.position = \"relative\";\n\t}\n\n\tdisconnectedCallback() {\n\t\t// Stop everything but don't actually cleanup just in case we get added back to the DOM.\n\t\tthis.#enabled.set(false);\n\t}\n\n\t#setLatencyNumber(value: string | null) {\n\t\tconst parsed = value ? Number.parseFloat(value) : Number.NaN;\n\t\tthis.backend.latency.set((Number.isFinite(parsed) ? parsed : 100) as Time.Milli);\n\t}\n\n\tattributeChangedCallback(name: Observed, oldValue: string | null, newValue: string | null) {\n\t\tif (oldValue === newValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (name === \"url\") {\n\t\t\tthis.connection.url.set(newValue ? new URL(newValue) : undefined);\n\t\t} else if (name === \"name\") {\n\t\t\tthis.broadcast.name.set(Moq.Path.from(newValue ?? \"\"));\n\t\t} else if (name === \"paused\") {\n\t\t\tthis.backend.paused.set(newValue !== null);\n\t\t} else if (name === \"volume\") {\n\t\t\tconst volume = newValue ? Number.parseFloat(newValue) : 0.5;\n\t\t\tthis.backend.audio.volume.set(volume);\n\t\t} else if (name === \"muted\") {\n\t\t\tthis.backend.audio.muted.set(newValue !== null);\n\t\t} else if (name === \"reload\") {\n\t\t\tthis.broadcast.reload.set(newValue !== null);\n\t\t} else if (name === \"latency\") {\n\t\t\tif (!newValue || newValue === \"real-time\") {\n\t\t\t\tthis.backend.latency.set(\"real-time\");\n\t\t\t} else {\n\t\t\t\tthis.#setLatencyNumber(newValue);\n\t\t\t}\n\t\t} else if (name === \"jitter\") {\n\t\t\t// Deprecated: use latency=\"<number>\" instead.\n\t\t\tthis.#setLatencyNumber(newValue);\n\t\t} else {\n\t\t\tconst exhaustive: never = name;\n\t\t\tthrow new Error(`Invalid attribute: ${exhaustive}`);\n\t\t}\n\t}\n\n\tget url(): URL | undefined {\n\t\treturn this.connection.url.peek();\n\t}\n\n\tset url(value: string | URL | undefined) {\n\t\tthis.connection.url.set(value ? new URL(value) : undefined);\n\t}\n\n\tget name(): Moq.Path.Valid {\n\t\treturn this.broadcast.name.peek();\n\t}\n\n\tset name(value: string | Moq.Path.Valid) {\n\t\tthis.broadcast.name.set(Moq.Path.from(value));\n\t}\n\n\tget paused(): boolean {\n\t\treturn this.backend.paused.peek();\n\t}\n\n\tset paused(value: boolean) {\n\t\tthis.backend.paused.set(value);\n\t}\n\n\tget volume(): number {\n\t\treturn this.backend.audio.volume.peek();\n\t}\n\n\tset volume(value: number) {\n\t\tthis.backend.audio.volume.set(value);\n\t}\n\n\tget muted(): boolean {\n\t\treturn this.backend.audio.muted.peek();\n\t}\n\n\tset muted(value: boolean) {\n\t\tthis.backend.audio.muted.set(value);\n\t}\n\n\tget reload(): boolean {\n\t\treturn this.broadcast.reload.peek();\n\t}\n\n\tset reload(value: boolean) {\n\t\tthis.broadcast.reload.set(value);\n\t}\n\n\tget latency(): Latency {\n\t\treturn this.backend.latency.peek();\n\t}\n\n\tset latency(value: Latency) {\n\t\tthis.backend.latency.set(value);\n\t}\n\n\t/** The jitter buffer in milliseconds. */\n\tget jitter(): Time.Milli {\n\t\treturn this.backend.jitter.peek();\n\t}\n\n\t/** @deprecated Use `latency = <number>` instead. */\n\tset jitter(value: number) {\n\t\tthis.backend.latency.set(value as Time.Milli);\n\t}\n}\n\ncustomElements.define(\"moq-watch\", MoqWatch);\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"moq-watch\": MoqWatch;\n\t}\n}\n"],"names":["OBSERVED","cleanup","signals","MoqWatch","Sync","#enabled","Signal","Effect","Moq","Broadcast","rtt","effect","rttSignal","MultiBackend","setElement","canvas","video","observer","url","name","volume","jitter","#setLatencyNumber","value","parsed","oldValue","newValue","exhaustive"],"mappings":"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"}

package/index.js

@@ -1,22 +1,37 @@
-import * as $ from "@moq/lite";
-import { Signal as i, Effect as c } from "@moq/signals";
-import * as B from "@moq/signals";
-import { D as p, M as w, R as v, S as m, a as y, E as S, b as _, c as f, P as h, d as M, e as k, f as P } from "./broadcast-Djx16jPC.js";
-import { B as N, m as V, g as W, h as Y, t as G } from "./broadcast-Djx16jPC.js";
-const E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Decoder: p,
-  Mse: w,
-  Renderer: v,
-  Source: m
-}, Symbol.toStringTag, { value: "Module" })), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import * as E from "@moq/lite";
+import { Signal as i, Effect as h } from "@moq/signals";
+import * as I from "@moq/signals";
+import { o as m, a as c, b as d, s as w, D as y, M as S, R as _, S as f, c as M, E as k, d as P, e as O, P as g, f as j, g as x } from "./broadcast-CZkbruBC.js";
+import { B as G, m as H, h as K, i as Q, t as U } from "./broadcast-CZkbruBC.js";
+const T = m({
+  name: c(w()),
+  // name
+  avatar: c(w()),
+  // avatar
+  audio: c(d()),
+  // audio enabled
+  video: c(d()),
+  // video enabled
+  typing: c(d()),
+  // actively typing
+  chat: c(d()),
+  // chatted recently
+  screen: c(d())
+  // screen sharing
+}), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Decoder: y,
-  Emitter: S,
-  Mse: _,
+  Mse: S,
+  Renderer: _,
   Source: f
+}, Symbol.toStringTag, { value: "Module" })), q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Decoder: M,
+  Emitter: k,
+  Mse: P,
+  Source: O
 }, Symbol.toStringTag, { value: "Module" }));
-class O {
+class A {
   broadcast;
   enabled;
   // Empty string is a valid message.
@@ -24,7 +39,7 @@ class O {
   latest = this.#t;
   #s = new i(void 0);
   catalog = this.#s;
-  #e = new c();
+  #e = new h();
   constructor(s, e, a) {
     this.broadcast = s, this.enabled = i.from(a?.enabled ?? !1), this.#e.run((t) => {
       t.get(this.enabled) && this.#s.set(t.get(e)?.chat?.message);
@@ -33,7 +48,7 @@ class O {
   #a(s) {
     const e = s.getAll([this.enabled, this.#s, this.broadcast]);
     if (!e) return;
-    const [a, t, o] = e, n = o.subscribe(t.name, h.chat);
+    const [a, t, o] = e, n = o.subscribe(t.name, g.chat);
     s.cleanup(() => n.close()), s.set(this.#t, ""), s.cleanup(() => this.#t.set(void 0)), s.spawn(async () => {
       for (; ; ) {
         const r = await n.readString();
@@ -46,13 +61,13 @@ class O {
     this.#e.close();
   }
 }
-class x {
+class R {
   broadcast;
   enabled;
   active;
   #t = new i(void 0);
   catalog = this.#t;
-  #s = new c();
+  #s = new h();
   constructor(s, e, a) {
     this.broadcast = s, this.active = new i(void 0), this.enabled = i.from(a?.enabled ?? !1), this.#s.run((t) => {
       t.get(this.enabled) && this.#t.set(t.get(e)?.chat?.typing);
@@ -61,7 +76,7 @@ class x {
   #e(s) {
     const e = s.getAll([this.enabled, this.#t, this.broadcast]);
     if (!e) return;
-    const [a, t, o] = e, n = o.subscribe(t.name, h.typing);
+    const [a, t, o] = e, n = o.subscribe(t.name, g.typing);
     s.cleanup(() => n.close()), s.spawn(async () => {
       for (; ; ) {
         const r = await n.readBool();
@@ -74,13 +89,13 @@ class x {
     this.#s.close();
   }
 }
-class T {
+class $ {
   message;
   typing;
   #t = new i(void 0);
-  #s = new c();
+  #s = new h();
   constructor(s, e, a) {
-    this.message = new O(s, e, a?.message), this.typing = new x(s, e, a?.typing), this.#s.run((t) => {
+    this.message = new A(s, e, a?.message), this.typing = new R(s, e, a?.typing), this.#s.run((t) => {
       const o = t.get(this.message.catalog), n = t.get(this.typing.catalog);
       !o && !n || t.set(this.#t, {
         message: o,
@@ -92,21 +107,21 @@ class T {
     this.#s.close(), this.message.close(), this.typing.close();
   }
 }
-const I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Chat: T
+  Chat: $
 }, Symbol.toStringTag, { value: "Module" }));
-async function g(l, s) {
+async function b(l, s) {
   const e = await l.readJson();
   if (e !== void 0)
     return s.parse(e);
 }
-class j {
+class z {
   enabled;
   broadcast;
   #t = new i(void 0);
   #s = new i(void 0);
-  signals = new c();
+  signals = new h();
   constructor(s, e, a) {
     this.broadcast = s, this.enabled = i.from(a?.enabled ?? !1), this.signals.run((t) => {
       this.#t.set(t.get(e)?.location?.peers);
@@ -115,13 +130,13 @@ class j {
   #e(s) {
     const e = s.getAll([this.enabled, this.#t, this.broadcast]);
     if (!e) return;
-    const [a, t, o] = e, n = o.subscribe(t.name, h.location);
+    const [a, t, o] = e, n = o.subscribe(t.name, g.location);
     s.cleanup(() => n.close()), s.spawn(this.#a.bind(this, n));
   }
   async #a(s) {
     try {
       for (; ; ) {
-        const e = await g(s, M);
+        const e = await b(s, j);
         if (!e) break;
         this.#s.set(e);
       }
@@ -136,7 +151,7 @@ class j {
     this.signals.close();
   }
 }
-class A {
+class B {
   broadcast;
   enabled;
   #t = new i(void 0);
@@ -144,7 +159,7 @@ class A {
   #s = new i(void 0);
   #e = new i(void 0);
   position = this.#e;
-  signals = new c();
+  signals = new h();
   constructor(s, e, a) {
     this.broadcast = s, this.enabled = i.from(a?.enabled ?? !1), this.signals.run((t) => {
       this.#s.set(t.get(e)?.location);
@@ -157,14 +172,14 @@ class A {
       if (!o) return;
       const n = t.get(this.#s)?.track;
       if (!n) return;
-      const r = o.subscribe(n.name, h.location);
+      const r = o.subscribe(n.name, g.location);
       t.cleanup(() => r.close()), t.spawn(this.#a.bind(this, r));
     });
   }
   async #a(s) {
     try {
       for (; ; ) {
-        const e = await g(s, k);
+        const e = await b(s, x);
         if (!e) break;
         this.#e.set(e);
       }
@@ -176,41 +191,41 @@ class A {
     this.signals.close();
   }
 }
-class R {
+class D {
   window;
   peers;
-  signals = new c();
+  signals = new h();
   constructor(s, e, a) {
-    this.window = new A(s, e, a?.window), this.peers = new j(s, e, a?.peers);
+    this.window = new B(s, e, a?.window), this.peers = new z(s, e, a?.peers);
   }
   close() {
     this.signals.close(), this.window.close(), this.peers.close();
   }
 }
-const J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Root: R
+  Root: D
 }, Symbol.toStringTag, { value: "Module" }));
-class L {
+class V {
   broadcast;
   enabled;
   preview = new i(void 0);
   #t = new i(void 0);
-  #s = new c();
+  #s = new h();
   constructor(s, e, a) {
     this.broadcast = s, this.enabled = i.from(a?.enabled ?? !1), this.#s.run((t) => {
       this.#t.set(t.get(e)?.preview);
     }), this.#s.run((t) => {
       const o = t.getAll([this.enabled, this.broadcast, this.#t]);
       if (!o) return;
-      const [n, r, b] = o, u = r.subscribe(b.name, h.preview);
-      t.cleanup(() => u.close()), t.spawn(async () => {
+      const [n, r, v] = o, p = r.subscribe(v.name, g.preview);
+      t.cleanup(() => p.close()), t.spawn(async () => {
         try {
-          const d = await g(u, P);
-          if (!d) return;
-          this.preview.set(d);
-        } catch (d) {
-          console.warn("Failed to parse preview JSON:", d);
+          const u = await b(p, T);
+          if (!u) return;
+          this.preview.set(u);
+        } catch (u) {
+          console.warn("Failed to parse preview JSON:", u);
         }
       }), t.cleanup(() => this.preview.set(void 0));
     });
@@ -220,17 +235,17 @@ class L {
   }
 }
 export {
-  C as Audio,
-  N as Broadcast,
-  I as Chat,
-  $ as Lite,
-  J as Location,
-  V as Mse,
-  W as MultiBackend,
-  L as Preview,
-  B as Signals,
-  Y as Sync,
-  E as Video,
-  G as timeRangesToArray
+  q as Audio,
+  G as Broadcast,
+  F as Chat,
+  E as Lite,
+  N as Location,
+  H as Mse,
+  K as MultiBackend,
+  V as Preview,
+  I as Signals,
+  Q as Sync,
+  L as Video,
+  U as timeRangesToArray
 };
 //# sourceMappingURL=index.js.map