@moq/watch 0.1.0 → 0.1.1

package/element.js

@@ -1,9 +1,9 @@
-import * as r from "@moq/lite";
-import { Signal as a, Effect as n } from "@moq/signals";
-import { h as l, B as c, g as h } from "./broadcast-CSXy8QiX.js";
-const u = ["url", "name", "path", "paused", "volume", "muted", "reload", "jitter", "latency"], d = new FinalizationRegistry((o) => o.close());
+import * as o from "@moq/lite";
+import { Signal as n, Effect as a } from "@moq/signals";
+import { h as l, B as h, g as u } from "./broadcast-BFfLDq15.js";
+const c = ["url", "name", "path", "paused", "volume", "muted", "reload", "jitter", "latency"], d = new FinalizationRegistry((r) => r.close());
 class b extends HTMLElement {
-  static observedAttributes = u;
+  static observedAttributes = c;
   // The connection to the moq-relay server.
   connection;
   // The broadcast being watched.
@@ -13,16 +13,16 @@ class b extends HTMLElement {
   // The backend that powers this element.
   #t;
   // Set when the element is connected to the DOM.
-  #e = new a(!1);
+  #e = new n(!1);
   // Expose the Effect class, so users can easily create effects scoped to this element.
-  signals = new n();
+  signals = new a();
   constructor() {
-    super(), d.register(this, this.signals), this.connection = new r.Connection.Reload({
+    super(), d.register(this, this.signals), this.connection = new o.Connection.Reload({
       enabled: this.#e
-    }), this.signals.cleanup(() => this.connection.close()), this.broadcast = new c({
+    }), this.signals.cleanup(() => this.connection.close()), this.broadcast = new h({
       connection: this.connection.established,
       enabled: this.#e
-    }), this.signals.cleanup(() => this.broadcast.close()), this.#t = new h({
+    }), this.signals.cleanup(() => this.broadcast.close()), this.#t = new u({
       broadcast: this.broadcast
     }), this.signals.cleanup(() => this.#t.close());
     const s = () => {
@@ -31,20 +31,20 @@ class b extends HTMLElement {
         throw new Error("Cannot have both canvas and video elements");
       this.#t.element.set(t ?? e);
     }, i = new MutationObserver(s);
-    i.observe(this, { childList: !0, subtree: !0 }), this.signals.cleanup(() => i.disconnect()), s(), this.signals.effect((t) => {
+    i.observe(this, { childList: !0, subtree: !0 }), this.signals.cleanup(() => i.disconnect()), s(), this.signals.run((t) => {
       const e = t.get(this.url);
       e ? this.setAttribute("url", e.toString()) : this.removeAttribute("url");
-    }), this.signals.effect((t) => {
+    }), this.signals.run((t) => {
       const e = t.get(this.path);
       e ? this.setAttribute("path", e.toString()) : this.removeAttribute("path");
-    }), this.signals.effect((t) => {
+    }), this.signals.run((t) => {
       t.get(this.audio.muted) ? this.setAttribute("muted", "") : this.removeAttribute("muted");
-    }), this.signals.effect((t) => {
+    }), this.signals.run((t) => {
       t.get(this.paused) ? this.setAttribute("paused", "true") : this.removeAttribute("paused");
-    }), this.signals.effect((t) => {
+    }), this.signals.run((t) => {
       const e = t.get(this.audio.volume);
       this.setAttribute("volume", e.toString());
-    }), this.signals.effect((t) => {
+    }), this.signals.run((t) => {
       const e = Math.floor(t.get(this.jitter));
       this.setAttribute("jitter", e.toString());
     });
@@ -62,7 +62,7 @@ class b extends HTMLElement {
       if (s === "url")
         this.url.set(t ? new URL(t) : void 0);
       else if (s === "name" || s === "path")
-        this.path.set(t ? r.Path.from(t) : void 0);
+        this.path.set(t ? o.Path.from(t) : void 0);
       else if (s === "paused")
         this.paused.set(t !== null);
       else if (s === "volume") {

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 type * as Audio from \"./audio\";\nimport { type Backend, MultiBackend } from \"./backend\";\nimport { Broadcast } from \"./broadcast\";\nimport { Sync } from \"./sync\";\nimport type * as Video from \"./video\";\n\n// TODO remove name; replaced with path\n// TODO remove latency; replaced with buffer\nconst OBSERVED = [\"url\", \"name\", \"path\", \"paused\", \"volume\", \"muted\", \"reload\", \"jitter\", \"latency\"] 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 implements Backend {\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\t#backend: 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.effect((effect) => {\n\t\t\tconst url = effect.get(this.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.effect((effect) => {\n\t\t\tconst broadcast = effect.get(this.path);\n\t\t\tif (broadcast) {\n\t\t\t\tthis.setAttribute(\"path\", broadcast.toString());\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute(\"path\");\n\t\t\t}\n\t\t});\n\n\t\tthis.signals.effect((effect) => {\n\t\t\tconst muted = effect.get(this.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.effect((effect) => {\n\t\t\tconst paused = effect.get(this.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.effect((effect) => {\n\t\t\tconst volume = effect.get(this.audio.volume);\n\t\t\tthis.setAttribute(\"volume\", volume.toString());\n\t\t});\n\n\t\tthis.signals.effect((effect) => {\n\t\t\tconst jitter = Math.floor(effect.get(this.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.url.set(newValue ? new URL(newValue) : undefined);\n\t\t} else if (name === \"name\" || name === \"path\") {\n\t\t\tthis.path.set(newValue ? Moq.Path.from(newValue) : undefined);\n\t\t} else if (name === \"paused\") {\n\t\t\tthis.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.audio.volume.set(volume);\n\t\t} else if (name === \"muted\") {\n\t\t\tthis.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\" || name === \"latency\") {\n\t\t\t// \"latency\" is a legacy alias for \"jitter\"\n\t\t\tthis.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(): Signal<URL | undefined> {\n\t\treturn this.connection.url;\n\t}\n\n\tget path(): Signal<Moq.Path.Valid | undefined> {\n\t\treturn this.broadcast.path;\n\t}\n\n\tget jitter(): Signal<Time.Milli> {\n\t\treturn this.#backend.jitter;\n\t}\n\n\tget paused(): Signal<boolean> {\n\t\treturn this.#backend.paused;\n\t}\n\n\tget audio(): Audio.Backend {\n\t\treturn this.#backend.audio;\n\t}\n\n\tget video(): Video.Backend {\n\t\treturn this.#backend.video;\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","#backend","#enabled","Signal","Effect","Moq","Broadcast","MultiBackend","setElement","canvas","video","observer","effect","url","broadcast","volume","jitter","name","oldValue","newValue","exhaustive"],"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 type * as Audio from \"./audio\";\nimport { type Backend, MultiBackend } from \"./backend\";\nimport { Broadcast } from \"./broadcast\";\nimport { Sync } from \"./sync\";\nimport type * as Video from \"./video\";\n\n// TODO remove name; replaced with path\n// TODO remove latency; replaced with buffer\nconst OBSERVED = [\"url\", \"name\", \"path\", \"paused\", \"volume\", \"muted\", \"reload\", \"jitter\", \"latency\"] 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 implements Backend {\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\t#backend: 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.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 broadcast = effect.get(this.path);\n\t\t\tif (broadcast) {\n\t\t\t\tthis.setAttribute(\"path\", broadcast.toString());\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute(\"path\");\n\t\t\t}\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst muted = effect.get(this.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.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.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.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.url.set(newValue ? new URL(newValue) : undefined);\n\t\t} else if (name === \"name\" || name === \"path\") {\n\t\t\tthis.path.set(newValue ? Moq.Path.from(newValue) : undefined);\n\t\t} else if (name === \"paused\") {\n\t\t\tthis.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.audio.volume.set(volume);\n\t\t} else if (name === \"muted\") {\n\t\t\tthis.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\" || name === \"latency\") {\n\t\t\t// \"latency\" is a legacy alias for \"jitter\"\n\t\t\tthis.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(): Signal<URL | undefined> {\n\t\treturn this.connection.url;\n\t}\n\n\tget path(): Signal<Moq.Path.Valid | undefined> {\n\t\treturn this.broadcast.path;\n\t}\n\n\tget jitter(): Signal<Time.Milli> {\n\t\treturn this.#backend.jitter;\n\t}\n\n\tget paused(): Signal<boolean> {\n\t\treturn this.#backend.paused;\n\t}\n\n\tget audio(): Audio.Backend {\n\t\treturn this.#backend.audio;\n\t}\n\n\tget video(): Video.Backend {\n\t\treturn this.#backend.video;\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","#backend","#enabled","Signal","Effect","Moq","Broadcast","MultiBackend","setElement","canvas","video","observer","effect","url","broadcast","volume","jitter","name","oldValue","newValue","exhaustive"],"mappings":"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"}

package/index.js

@@ -1,70 +1,70 @@
-import { D as w, M as p, R as v, S as f, a as m, E as y, b as _, c as S, P as h, d as k, e as M, f as P } from "./broadcast-CSXy8QiX.js";
-import { B as L, m as N, g as V, h as W, t as Y } from "./broadcast-CSXy8QiX.js";
-import { Signal as i, Effect as l } from "@moq/signals";
+import { D as w, M as p, R as v, S as m, a as y, E as _, b as S, c as k, P as h, d as M, e as P, f } from "./broadcast-BFfLDq15.js";
+import { B as L, m as N, g as V, h as W, t as Y } from "./broadcast-BFfLDq15.js";
+import { Signal as i, Effect as c } from "@moq/signals";
 const B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Decoder: w,
   Mse: p,
   Renderer: v,
-  Source: f
+  Source: m
 }, Symbol.toStringTag, { value: "Module" })), D = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Decoder: m,
-  Emitter: y,
-  Mse: _,
-  Source: S
+  Decoder: y,
+  Emitter: _,
+  Mse: S,
+  Source: k
 }, Symbol.toStringTag, { value: "Module" }));
 class O {
   broadcast;
   enabled;
   // Empty string is a valid message.
-  #e = new i(void 0);
-  latest = this.#e;
+  #t = new i(void 0);
+  latest = this.#t;
   #s = new i(void 0);
   catalog = this.#s;
-  #t = new l();
-  constructor(s, t, a) {
-    this.broadcast = s, this.enabled = i.from(a?.enabled ?? !1), this.#t.effect((e) => {
-      e.get(this.enabled) && this.#s.set(e.get(t)?.chat?.message);
-    }), this.#t.effect(this.#a.bind(this));
+  #e = new c();
+  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);
+    }), this.#e.run(this.#a.bind(this));
   }
   #a(s) {
-    const t = s.getAll([this.enabled, this.#s, this.broadcast]);
-    if (!t) return;
-    const [a, e, o] = t, n = o.subscribe(e.name, h.chat);
-    s.cleanup(() => n.close()), s.set(this.#e, ""), s.cleanup(() => this.#e.set(void 0)), s.spawn(async () => {
+    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);
+    s.cleanup(() => n.close()), s.set(this.#t, ""), s.cleanup(() => this.#t.set(void 0)), s.spawn(async () => {
       for (; ; ) {
-        const c = await n.readString();
-        if (c === void 0) break;
-        this.#e.set(c);
+        const r = await n.readString();
+        if (r === void 0) break;
+        this.#t.set(r);
       }
     });
   }
   close() {
-    this.#t.close();
+    this.#e.close();
   }
 }
 class T {
   broadcast;
   enabled;
   active;
-  #e = new i(void 0);
-  catalog = this.#e;
-  #s = new l();
-  constructor(s, t, a) {
-    this.broadcast = s, this.active = new i(void 0), this.enabled = i.from(a?.enabled ?? !1), this.#s.effect((e) => {
-      e.get(this.enabled) && this.#e.set(e.get(t)?.chat?.typing);
-    }), this.#s.effect(this.#t.bind(this));
-  }
-  #t(s) {
-    const t = s.getAll([this.enabled, this.#e, this.broadcast]);
-    if (!t) return;
-    const [a, e, o] = t, n = o.subscribe(e.name, h.typing);
+  #t = new i(void 0);
+  catalog = this.#t;
+  #s = new c();
+  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);
+    }), this.#s.run(this.#e.bind(this));
+  }
+  #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);
     s.cleanup(() => n.close()), s.spawn(async () => {
       for (; ; ) {
-        const c = await n.readBool();
-        if (c === void 0) break;
-        this.active.set(c);
+        const r = await n.readBool();
+        if (r === void 0) break;
+        this.active.set(r);
       }
     }), s.cleanup(() => this.active.set(void 0));
   }
@@ -75,12 +75,12 @@ class T {
 class j {
   message;
   typing;
-  #e = new i(void 0);
-  #s = new l();
-  constructor(s, t, a) {
-    this.message = new O(s, t, a?.message), this.typing = new T(s, t, a?.typing), this.#s.effect((e) => {
-      const o = e.get(this.message.catalog), n = e.get(this.typing.catalog);
-      !o && !n || e.set(this.#e, {
+  #t = new i(void 0);
+  #s = new c();
+  constructor(s, e, a) {
+    this.message = new O(s, e, a?.message), this.typing = new T(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,
         typing: n
       });
@@ -94,34 +94,34 @@ const E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Chat: j
 }, Symbol.toStringTag, { value: "Module" }));
-async function g(r, s) {
-  const t = await r.readJson();
-  if (t !== void 0)
-    return s.parse(t);
+async function g(l, s) {
+  const e = await l.readJson();
+  if (e !== void 0)
+    return s.parse(e);
 }
 class x {
   enabled;
   broadcast;
-  #e = new i(void 0);
+  #t = new i(void 0);
   #s = new i(void 0);
-  signals = new l();
-  constructor(s, t, a) {
-    this.broadcast = s, this.enabled = i.from(a?.enabled ?? !1), this.signals.effect((e) => {
-      this.#e.set(e.get(t)?.location?.peers);
-    }), this.signals.effect(this.#t.bind(this));
-  }
-  #t(s) {
-    const t = s.getAll([this.enabled, this.#e, this.broadcast]);
-    if (!t) return;
-    const [a, e, o] = t, n = o.subscribe(e.name, h.location);
+  signals = new c();
+  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);
+    }), this.signals.run(this.#e.bind(this));
+  }
+  #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);
     s.cleanup(() => n.close()), s.spawn(this.#a.bind(this, n));
   }
   async #a(s) {
     try {
       for (; ; ) {
-        const t = await g(s, k);
-        if (!t) break;
-        this.#s.set(t);
+        const e = await g(s, M);
+        if (!e) break;
+        this.#s.set(e);
       }
     } finally {
       this.#s.set(void 0), s.close();
@@ -137,37 +137,37 @@ class x {
 class A {
   broadcast;
   enabled;
-  #e = new i(void 0);
-  handle = this.#e;
-  #s = new i(void 0);
   #t = new i(void 0);
-  position = this.#t;
-  signals = new l();
-  constructor(s, t, a) {
-    this.broadcast = s, this.enabled = i.from(a?.enabled ?? !1), this.signals.effect((e) => {
-      this.#s.set(e.get(t)?.location);
-    }), this.signals.effect((e) => {
-      e.get(this.enabled) && this.#t.set(e.get(this.#s)?.initial);
-    }), this.signals.effect((e) => {
-      this.#e.set(e.get(this.#s)?.handle);
-    }), this.signals.effect((e) => {
-      const o = e.get(this.broadcast);
+  handle = this.#t;
+  #s = new i(void 0);
+  #e = new i(void 0);
+  position = this.#e;
+  signals = new c();
+  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);
+    }), this.signals.run((t) => {
+      t.get(this.enabled) && this.#e.set(t.get(this.#s)?.initial);
+    }), this.signals.run((t) => {
+      this.#t.set(t.get(this.#s)?.handle);
+    }), this.signals.run((t) => {
+      const o = t.get(this.broadcast);
       if (!o) return;
-      const n = e.get(this.#s)?.track;
+      const n = t.get(this.#s)?.track;
       if (!n) return;
-      const c = o.subscribe(n.name, h.location);
-      e.cleanup(() => c.close()), e.spawn(this.#a.bind(this, c));
+      const r = o.subscribe(n.name, h.location);
+      t.cleanup(() => r.close()), t.spawn(this.#a.bind(this, r));
     });
   }
   async #a(s) {
     try {
       for (; ; ) {
-        const t = await g(s, M);
-        if (!t) break;
-        this.#t.set(t);
+        const e = await g(s, P);
+        if (!e) break;
+        this.#e.set(e);
       }
     } finally {
-      this.#t.set(void 0), s.close();
+      this.#e.set(void 0), s.close();
     }
   }
   close() {
@@ -177,9 +177,9 @@ class A {
 class R {
   window;
   peers;
-  signals = new l();
-  constructor(s, t, a) {
-    this.window = new A(s, t, a?.window), this.peers = new x(s, t, a?.peers);
+  signals = new c();
+  constructor(s, e, a) {
+    this.window = new A(s, e, a?.window), this.peers = new x(s, e, a?.peers);
   }
   close() {
     this.signals.close(), this.window.close(), this.peers.close();
@@ -193,24 +193,24 @@ class I {
   broadcast;
   enabled;
   preview = new i(void 0);
-  #e = new i(void 0);
-  #s = new l();
-  constructor(s, t, a) {
-    this.broadcast = s, this.enabled = i.from(a?.enabled ?? !1), this.#s.effect((e) => {
-      this.#e.set(e.get(t)?.preview);
-    }), this.#s.effect((e) => {
-      const o = e.getAll([this.enabled, this.broadcast, this.#e]);
+  #t = new i(void 0);
+  #s = new c();
+  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, c, u] = o, b = c.subscribe(u.name, h.preview);
-      e.cleanup(() => b.close()), e.spawn(async () => {
+      const [n, r, b] = o, u = r.subscribe(b.name, h.preview);
+      t.cleanup(() => u.close()), t.spawn(async () => {
         try {
-          const d = await g(b, P);
+          const d = await g(u, f);
           if (!d) return;
           this.preview.set(d);
         } catch (d) {
           console.warn("Failed to parse preview JSON:", d);
         }
-      }), e.cleanup(() => this.preview.set(void 0));
+      }), t.cleanup(() => this.preview.set(void 0));
     });
   }
   close() {

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/chat/message.ts","../src/chat/typing.ts","../src/chat/index.ts","../../lite/src/zod.ts","../src/location/peers.ts","../src/location/window.ts","../src/location/index.ts","../src/preview.ts"],"sourcesContent":["import * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport { Effect, type Getter, Signal } from \"@moq/signals\";\n\nexport interface MessageProps {\n\t// Whether to start downloading the chat.\n\t// Defaults to false so you can make sure everything is ready before starting.\n\tenabled?: boolean | Signal<boolean>;\n}\n\nexport class Message {\n\tbroadcast: Signal<Moq.Broadcast | undefined>;\n\tenabled: Signal<boolean>;\n\n\t// Empty string is a valid message.\n\t#latest = new Signal<string | undefined>(undefined);\n\treadonly latest: Getter<string | undefined> = this.#latest;\n\n\t#catalog = new Signal<Catalog.Track | undefined>(undefined);\n\treadonly catalog: Getter<Catalog.Track | undefined> = this.#catalog;\n\n\t#signals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: MessageProps,\n\t) {\n\t\tthis.broadcast = broadcast;\n\t\tthis.enabled = Signal.from(props?.enabled ?? false);\n\n\t\t// Grab the chat section from the catalog (if it's changed).\n\t\tthis.#signals.effect((effect) => {\n\t\t\tif (!effect.get(this.enabled)) return;\n\t\t\tthis.#catalog.set(effect.get(catalog)?.chat?.message);\n\t\t});\n\n\t\tthis.#signals.effect(this.#run.bind(this));\n\t}\n\n\t#run(effect: Effect) {\n\t\tconst values = effect.getAll([this.enabled, this.#catalog, this.broadcast]);\n\t\tif (!values) return;\n\t\tconst [_, catalog, broadcast] = values;\n\n\t\tconst track = broadcast.subscribe(catalog.name, Catalog.PRIORITY.chat);\n\t\teffect.cleanup(() => track.close());\n\n\t\t// Undefined is only when we're not subscribed to the track.\n\t\teffect.set(this.#latest, \"\");\n\t\teffect.cleanup(() => this.#latest.set(undefined));\n\n\t\teffect.spawn(async () => {\n\t\t\tfor (;;) {\n\t\t\t\tconst frame = await track.readString();\n\t\t\t\tif (frame === undefined) break;\n\n\t\t\t\t// Use a function to avoid the dequal check.\n\t\t\t\tthis.#latest.set(frame);\n\t\t\t}\n\t\t});\n\t}\n\n\tclose() {\n\t\tthis.#signals.close();\n\t}\n}\n","import * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport { Effect, type Getter, Signal } from \"@moq/signals\";\n\nexport interface TypingProps {\n\t// Whether to start downloading the chat.\n\t// Defaults to false so you can make sure everything is ready before starting.\n\tenabled?: boolean | Signal<boolean>;\n}\n\nexport class Typing {\n\tbroadcast: Signal<Moq.Broadcast | undefined>;\n\tenabled: Signal<boolean>;\n\tactive: Signal<boolean | undefined>;\n\n\t#catalog = new Signal<Catalog.Track | undefined>(undefined);\n\treadonly catalog: Getter<Catalog.Track | undefined> = this.#catalog;\n\n\t#signals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: TypingProps,\n\t) {\n\t\tthis.broadcast = broadcast;\n\t\tthis.active = new Signal<boolean | undefined>(undefined);\n\t\tthis.enabled = Signal.from(props?.enabled ?? false);\n\n\t\t// Grab the chat section from the catalog (if it's changed).\n\t\tthis.#signals.effect((effect) => {\n\t\t\tif (!effect.get(this.enabled)) return;\n\t\t\tthis.#catalog.set(effect.get(catalog)?.chat?.typing);\n\t\t});\n\n\t\tthis.#signals.effect(this.#run.bind(this));\n\t}\n\n\t#run(effect: Effect) {\n\t\tconst values = effect.getAll([this.enabled, this.#catalog, this.broadcast]);\n\t\tif (!values) return;\n\t\tconst [_, catalog, broadcast] = values;\n\n\t\tconst track = broadcast.subscribe(catalog.name, Catalog.PRIORITY.typing);\n\t\teffect.cleanup(() => track.close());\n\n\t\teffect.spawn(async () => {\n\t\t\tfor (;;) {\n\t\t\t\tconst value = await track.readBool();\n\t\t\t\tif (value === undefined) break;\n\n\t\t\t\tthis.active.set(value);\n\t\t\t}\n\t\t});\n\n\t\teffect.cleanup(() => this.active.set(undefined));\n\t}\n\n\tclose() {\n\t\tthis.#signals.close();\n\t}\n}\n","import type * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport { Effect, Signal } from \"@moq/signals\";\nimport { Message, type MessageProps } from \"./message\";\nimport { Typing, type TypingProps } from \"./typing\";\n\nexport interface ChatProps {\n\tmessage?: MessageProps;\n\ttyping?: TypingProps;\n}\n\nexport class Chat {\n\tmessage: Message;\n\ttyping: Typing;\n\n\t#catalog = new Signal<Catalog.Chat | undefined>(undefined);\n\t#signals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: ChatProps,\n\t) {\n\t\tthis.message = new Message(broadcast, catalog, props?.message);\n\t\tthis.typing = new Typing(broadcast, catalog, props?.typing);\n\n\t\t// Grab the chat section from the catalog (if it's changed).\n\t\tthis.#signals.effect((effect) => {\n\t\t\tconst message = effect.get(this.message.catalog);\n\t\t\tconst typing = effect.get(this.typing.catalog);\n\t\t\tif (!message && !typing) return;\n\n\t\t\teffect.set(this.#catalog, {\n\t\t\t\tmessage,\n\t\t\t\ttyping,\n\t\t\t});\n\t\t});\n\t}\n\n\tclose() {\n\t\tthis.#signals.close();\n\t\tthis.message.close();\n\t\tthis.typing.close();\n\t}\n}\n","// Helper containers for Zod-validated track encoding/decoding.\n\nimport type * as z from \"zod\";\nimport type { Group } from \"./group.ts\";\nimport type { Track } from \"./track.ts\";\n\nexport async function read<T = unknown>(source: Track | Group, schema: z.ZodSchema<T>): Promise<T | undefined> {\n\tconst next = await source.readJson();\n\tif (next === undefined) return undefined; // only treat undefined as EOF, not other falsy values\n\treturn schema.parse(next);\n}\n\nexport function write<T = unknown>(source: Track | Group, value: T, schema: z.ZodSchema<T>) {\n\tconst valid = schema.parse(value);\n\tsource.writeJson(valid);\n}\n","import * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport * as Zod from \"@moq/lite/zod\";\nimport { Effect, type Getter, Signal } from \"@moq/signals\";\n\nexport interface PeersProps {\n\tenabled?: boolean | Signal<boolean>;\n}\n\nexport class Peers {\n\tenabled: Signal<boolean>;\n\tbroadcast: Signal<Moq.Broadcast | undefined>;\n\n\t#catalog = new Signal<Catalog.Track | undefined>(undefined);\n\t#positions = new Signal<Record<string, Catalog.Position> | undefined>(undefined);\n\n\tsignals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: PeersProps,\n\t) {\n\t\tthis.broadcast = broadcast;\n\t\tthis.enabled = Signal.from(props?.enabled ?? false);\n\n\t\tthis.signals.effect((effect) => {\n\t\t\tthis.#catalog.set(effect.get(catalog)?.location?.peers);\n\t\t});\n\n\t\tthis.signals.effect(this.#run.bind(this));\n\t}\n\n\t#run(effect: Effect) {\n\t\tconst values = effect.getAll([this.enabled, this.#catalog, this.broadcast]);\n\t\tif (!values) return;\n\t\tconst [_, catalog, broadcast] = values;\n\n\t\tconst track = broadcast.subscribe(catalog.name, Catalog.PRIORITY.location);\n\t\teffect.cleanup(() => track.close());\n\n\t\teffect.spawn(this.#runTrack.bind(this, track));\n\t}\n\n\tasync #runTrack(track: Moq.Track) {\n\t\ttry {\n\t\t\tfor (;;) {\n\t\t\t\tconst frame = await Zod.read(track, Catalog.PeersSchema);\n\t\t\t\tif (!frame) break;\n\n\t\t\t\tthis.#positions.set(frame);\n\t\t\t}\n\t\t} finally {\n\t\t\tthis.#positions.set(undefined);\n\t\t\ttrack.close();\n\t\t}\n\t}\n\n\tget positions(): Getter<Record<string, Catalog.Position> | undefined> {\n\t\treturn this.#positions;\n\t}\n\n\tclose() {\n\t\tthis.signals.close();\n\t}\n}\n","import * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport * as Zod from \"@moq/lite/zod\";\nimport { Effect, type Getter, Signal } from \"@moq/signals\";\n\nexport interface WindowProps {\n\tenabled?: boolean | Signal<boolean>;\n}\n\nexport class Window {\n\tbroadcast: Signal<Moq.Broadcast | undefined>;\n\n\tenabled: Signal<boolean>;\n\n\t#handle = new Signal<string | undefined>(undefined);\n\treadonly handle: Getter<string | undefined> = this.#handle;\n\n\t#catalog = new Signal<Catalog.Location | undefined>(undefined);\n\n\t#position = new Signal<Catalog.Position | undefined>(undefined);\n\treadonly position: Getter<Catalog.Position | undefined> = this.#position;\n\n\tsignals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: WindowProps,\n\t) {\n\t\tthis.broadcast = broadcast;\n\t\tthis.enabled = Signal.from(props?.enabled ?? false);\n\n\t\tthis.signals.effect((effect) => {\n\t\t\tthis.#catalog.set(effect.get(catalog)?.location);\n\t\t});\n\n\t\tthis.signals.effect((effect) => {\n\t\t\tif (!effect.get(this.enabled)) return;\n\t\t\tthis.#position.set(effect.get(this.#catalog)?.initial);\n\t\t});\n\n\t\tthis.signals.effect((effect) => {\n\t\t\tthis.#handle.set(effect.get(this.#catalog)?.handle);\n\t\t});\n\n\t\tthis.signals.effect((effect) => {\n\t\t\tconst broadcast = effect.get(this.broadcast);\n\t\t\tif (!broadcast) return;\n\n\t\t\tconst updates = effect.get(this.#catalog)?.track;\n\t\t\tif (!updates) return;\n\n\t\t\tconst track = broadcast.subscribe(updates.name, Catalog.PRIORITY.location);\n\t\t\teffect.cleanup(() => track.close());\n\n\t\t\teffect.spawn(this.#runTrack.bind(this, track));\n\t\t});\n\t}\n\n\tasync #runTrack(track: Moq.Track) {\n\t\ttry {\n\t\t\tfor (;;) {\n\t\t\t\tconst position = await Zod.read(track, Catalog.PositionSchema);\n\t\t\t\tif (!position) break;\n\n\t\t\t\tthis.#position.set(position);\n\t\t\t}\n\t\t} finally {\n\t\t\tthis.#position.set(undefined);\n\t\t\ttrack.close();\n\t\t}\n\t}\n\n\tclose() {\n\t\tthis.signals.close();\n\t}\n}\n","import type * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport { Effect, type Signal } from \"@moq/signals\";\nimport { Peers, type PeersProps } from \"./peers\";\nimport { Window, type WindowProps } from \"./window\";\n\nexport interface Props {\n\twindow?: WindowProps;\n\tpeers?: PeersProps;\n}\n\nexport class Root {\n\twindow: Window;\n\tpeers: Peers;\n\n\tsignals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: Props,\n\t) {\n\t\tthis.window = new Window(broadcast, catalog, props?.window);\n\t\tthis.peers = new Peers(broadcast, catalog, props?.peers);\n\t}\n\n\tclose() {\n\t\tthis.signals.close();\n\t\tthis.window.close();\n\t\tthis.peers.close();\n\t}\n}\n","import * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport * as Zod from \"@moq/lite/zod\";\nimport { Effect, Signal } from \"@moq/signals\";\n\nexport interface PreviewProps {\n\tenabled?: boolean | Signal<boolean>;\n}\n\nexport class Preview {\n\tbroadcast: Signal<Moq.Broadcast | undefined>;\n\tenabled: Signal<boolean>;\n\tpreview = new Signal<Catalog.Preview | undefined>(undefined);\n\t#catalog = new Signal<Catalog.Track | undefined>(undefined);\n\n\t#signals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: PreviewProps,\n\t) {\n\t\tthis.broadcast = broadcast;\n\t\tthis.enabled = Signal.from(props?.enabled ?? false);\n\n\t\tthis.#signals.effect((effect) => {\n\t\t\tthis.#catalog.set(effect.get(catalog)?.preview);\n\t\t});\n\n\t\tthis.#signals.effect((effect) => {\n\t\t\tconst values = effect.getAll([this.enabled, this.broadcast, this.#catalog]);\n\t\t\tif (!values) return;\n\t\t\tconst [_, broadcast, catalog] = values;\n\n\t\t\t// Subscribe to the preview.json track directly\n\t\t\tconst track = broadcast.subscribe(catalog.name, Catalog.PRIORITY.preview);\n\t\t\teffect.cleanup(() => track.close());\n\n\t\t\teffect.spawn(async () => {\n\t\t\t\ttry {\n\t\t\t\t\tconst info = await Zod.read(track, Catalog.PreviewSchema);\n\t\t\t\t\tif (!info) return;\n\n\t\t\t\t\tthis.preview.set(info);\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.warn(\"Failed to parse preview JSON:\", error);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\teffect.cleanup(() => this.preview.set(undefined));\n\t\t});\n\t}\n\n\tclose() {\n\t\tthis.#signals.close();\n\t}\n}\n"],"names":["Message","#latest","Signal","#catalog","#signals","Effect","broadcast","catalog","props","effect","#run","values","_","track","Catalog.PRIORITY","frame","Typing","value","Chat","message","typing","read","source","schema","next","Peers","#positions","#runTrack","Zod.read","Catalog.PeersSchema","Window","#handle","#position","updates","position","Catalog.PositionSchema","Root","Preview","info","Catalog.PreviewSchema","error"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/chat/message.ts","../src/chat/typing.ts","../src/chat/index.ts","../../lite/src/zod.ts","../src/location/peers.ts","../src/location/window.ts","../src/location/index.ts","../src/preview.ts"],"sourcesContent":["import * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport { Effect, type Getter, Signal } from \"@moq/signals\";\n\nexport interface MessageProps {\n\t// Whether to start downloading the chat.\n\t// Defaults to false so you can make sure everything is ready before starting.\n\tenabled?: boolean | Signal<boolean>;\n}\n\nexport class Message {\n\tbroadcast: Signal<Moq.Broadcast | undefined>;\n\tenabled: Signal<boolean>;\n\n\t// Empty string is a valid message.\n\t#latest = new Signal<string | undefined>(undefined);\n\treadonly latest: Getter<string | undefined> = this.#latest;\n\n\t#catalog = new Signal<Catalog.Track | undefined>(undefined);\n\treadonly catalog: Getter<Catalog.Track | undefined> = this.#catalog;\n\n\t#signals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: MessageProps,\n\t) {\n\t\tthis.broadcast = broadcast;\n\t\tthis.enabled = Signal.from(props?.enabled ?? false);\n\n\t\t// Grab the chat section from the catalog (if it's changed).\n\t\tthis.#signals.run((effect) => {\n\t\t\tif (!effect.get(this.enabled)) return;\n\t\t\tthis.#catalog.set(effect.get(catalog)?.chat?.message);\n\t\t});\n\n\t\tthis.#signals.run(this.#run.bind(this));\n\t}\n\n\t#run(effect: Effect) {\n\t\tconst values = effect.getAll([this.enabled, this.#catalog, this.broadcast]);\n\t\tif (!values) return;\n\t\tconst [_, catalog, broadcast] = values;\n\n\t\tconst track = broadcast.subscribe(catalog.name, Catalog.PRIORITY.chat);\n\t\teffect.cleanup(() => track.close());\n\n\t\t// Undefined is only when we're not subscribed to the track.\n\t\teffect.set(this.#latest, \"\");\n\t\teffect.cleanup(() => this.#latest.set(undefined));\n\n\t\teffect.spawn(async () => {\n\t\t\tfor (;;) {\n\t\t\t\tconst frame = await track.readString();\n\t\t\t\tif (frame === undefined) break;\n\n\t\t\t\t// Use a function to avoid the dequal check.\n\t\t\t\tthis.#latest.set(frame);\n\t\t\t}\n\t\t});\n\t}\n\n\tclose() {\n\t\tthis.#signals.close();\n\t}\n}\n","import * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport { Effect, type Getter, Signal } from \"@moq/signals\";\n\nexport interface TypingProps {\n\t// Whether to start downloading the chat.\n\t// Defaults to false so you can make sure everything is ready before starting.\n\tenabled?: boolean | Signal<boolean>;\n}\n\nexport class Typing {\n\tbroadcast: Signal<Moq.Broadcast | undefined>;\n\tenabled: Signal<boolean>;\n\tactive: Signal<boolean | undefined>;\n\n\t#catalog = new Signal<Catalog.Track | undefined>(undefined);\n\treadonly catalog: Getter<Catalog.Track | undefined> = this.#catalog;\n\n\t#signals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: TypingProps,\n\t) {\n\t\tthis.broadcast = broadcast;\n\t\tthis.active = new Signal<boolean | undefined>(undefined);\n\t\tthis.enabled = Signal.from(props?.enabled ?? false);\n\n\t\t// Grab the chat section from the catalog (if it's changed).\n\t\tthis.#signals.run((effect) => {\n\t\t\tif (!effect.get(this.enabled)) return;\n\t\t\tthis.#catalog.set(effect.get(catalog)?.chat?.typing);\n\t\t});\n\n\t\tthis.#signals.run(this.#run.bind(this));\n\t}\n\n\t#run(effect: Effect) {\n\t\tconst values = effect.getAll([this.enabled, this.#catalog, this.broadcast]);\n\t\tif (!values) return;\n\t\tconst [_, catalog, broadcast] = values;\n\n\t\tconst track = broadcast.subscribe(catalog.name, Catalog.PRIORITY.typing);\n\t\teffect.cleanup(() => track.close());\n\n\t\teffect.spawn(async () => {\n\t\t\tfor (;;) {\n\t\t\t\tconst value = await track.readBool();\n\t\t\t\tif (value === undefined) break;\n\n\t\t\t\tthis.active.set(value);\n\t\t\t}\n\t\t});\n\n\t\teffect.cleanup(() => this.active.set(undefined));\n\t}\n\n\tclose() {\n\t\tthis.#signals.close();\n\t}\n}\n","import type * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport { Effect, Signal } from \"@moq/signals\";\nimport { Message, type MessageProps } from \"./message\";\nimport { Typing, type TypingProps } from \"./typing\";\n\nexport interface ChatProps {\n\tmessage?: MessageProps;\n\ttyping?: TypingProps;\n}\n\nexport class Chat {\n\tmessage: Message;\n\ttyping: Typing;\n\n\t#catalog = new Signal<Catalog.Chat | undefined>(undefined);\n\t#signals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: ChatProps,\n\t) {\n\t\tthis.message = new Message(broadcast, catalog, props?.message);\n\t\tthis.typing = new Typing(broadcast, catalog, props?.typing);\n\n\t\t// Grab the chat section from the catalog (if it's changed).\n\t\tthis.#signals.run((effect) => {\n\t\t\tconst message = effect.get(this.message.catalog);\n\t\t\tconst typing = effect.get(this.typing.catalog);\n\t\t\tif (!message && !typing) return;\n\n\t\t\teffect.set(this.#catalog, {\n\t\t\t\tmessage,\n\t\t\t\ttyping,\n\t\t\t});\n\t\t});\n\t}\n\n\tclose() {\n\t\tthis.#signals.close();\n\t\tthis.message.close();\n\t\tthis.typing.close();\n\t}\n}\n","// Helper containers for Zod-validated track encoding/decoding.\n\nimport type * as z from \"zod\";\nimport type { Group } from \"./group.ts\";\nimport type { Track } from \"./track.ts\";\n\nexport async function read<T = unknown>(source: Track | Group, schema: z.ZodSchema<T>): Promise<T | undefined> {\n\tconst next = await source.readJson();\n\tif (next === undefined) return undefined; // only treat undefined as EOF, not other falsy values\n\treturn schema.parse(next);\n}\n\nexport function write<T = unknown>(source: Track | Group, value: T, schema: z.ZodSchema<T>) {\n\tconst valid = schema.parse(value);\n\tsource.writeJson(valid);\n}\n","import * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport * as Zod from \"@moq/lite/zod\";\nimport { Effect, type Getter, Signal } from \"@moq/signals\";\n\nexport interface PeersProps {\n\tenabled?: boolean | Signal<boolean>;\n}\n\nexport class Peers {\n\tenabled: Signal<boolean>;\n\tbroadcast: Signal<Moq.Broadcast | undefined>;\n\n\t#catalog = new Signal<Catalog.Track | undefined>(undefined);\n\t#positions = new Signal<Record<string, Catalog.Position> | undefined>(undefined);\n\n\tsignals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: PeersProps,\n\t) {\n\t\tthis.broadcast = broadcast;\n\t\tthis.enabled = Signal.from(props?.enabled ?? false);\n\n\t\tthis.signals.run((effect) => {\n\t\t\tthis.#catalog.set(effect.get(catalog)?.location?.peers);\n\t\t});\n\n\t\tthis.signals.run(this.#run.bind(this));\n\t}\n\n\t#run(effect: Effect) {\n\t\tconst values = effect.getAll([this.enabled, this.#catalog, this.broadcast]);\n\t\tif (!values) return;\n\t\tconst [_, catalog, broadcast] = values;\n\n\t\tconst track = broadcast.subscribe(catalog.name, Catalog.PRIORITY.location);\n\t\teffect.cleanup(() => track.close());\n\n\t\teffect.spawn(this.#runTrack.bind(this, track));\n\t}\n\n\tasync #runTrack(track: Moq.Track) {\n\t\ttry {\n\t\t\tfor (;;) {\n\t\t\t\tconst frame = await Zod.read(track, Catalog.PeersSchema);\n\t\t\t\tif (!frame) break;\n\n\t\t\t\tthis.#positions.set(frame);\n\t\t\t}\n\t\t} finally {\n\t\t\tthis.#positions.set(undefined);\n\t\t\ttrack.close();\n\t\t}\n\t}\n\n\tget positions(): Getter<Record<string, Catalog.Position> | undefined> {\n\t\treturn this.#positions;\n\t}\n\n\tclose() {\n\t\tthis.signals.close();\n\t}\n}\n","import * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport * as Zod from \"@moq/lite/zod\";\nimport { Effect, type Getter, Signal } from \"@moq/signals\";\n\nexport interface WindowProps {\n\tenabled?: boolean | Signal<boolean>;\n}\n\nexport class Window {\n\tbroadcast: Signal<Moq.Broadcast | undefined>;\n\n\tenabled: Signal<boolean>;\n\n\t#handle = new Signal<string | undefined>(undefined);\n\treadonly handle: Getter<string | undefined> = this.#handle;\n\n\t#catalog = new Signal<Catalog.Location | undefined>(undefined);\n\n\t#position = new Signal<Catalog.Position | undefined>(undefined);\n\treadonly position: Getter<Catalog.Position | undefined> = this.#position;\n\n\tsignals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: WindowProps,\n\t) {\n\t\tthis.broadcast = broadcast;\n\t\tthis.enabled = Signal.from(props?.enabled ?? false);\n\n\t\tthis.signals.run((effect) => {\n\t\t\tthis.#catalog.set(effect.get(catalog)?.location);\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tif (!effect.get(this.enabled)) return;\n\t\t\tthis.#position.set(effect.get(this.#catalog)?.initial);\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tthis.#handle.set(effect.get(this.#catalog)?.handle);\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst broadcast = effect.get(this.broadcast);\n\t\t\tif (!broadcast) return;\n\n\t\t\tconst updates = effect.get(this.#catalog)?.track;\n\t\t\tif (!updates) return;\n\n\t\t\tconst track = broadcast.subscribe(updates.name, Catalog.PRIORITY.location);\n\t\t\teffect.cleanup(() => track.close());\n\n\t\t\teffect.spawn(this.#runTrack.bind(this, track));\n\t\t});\n\t}\n\n\tasync #runTrack(track: Moq.Track) {\n\t\ttry {\n\t\t\tfor (;;) {\n\t\t\t\tconst position = await Zod.read(track, Catalog.PositionSchema);\n\t\t\t\tif (!position) break;\n\n\t\t\t\tthis.#position.set(position);\n\t\t\t}\n\t\t} finally {\n\t\t\tthis.#position.set(undefined);\n\t\t\ttrack.close();\n\t\t}\n\t}\n\n\tclose() {\n\t\tthis.signals.close();\n\t}\n}\n","import type * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport { Effect, type Signal } from \"@moq/signals\";\nimport { Peers, type PeersProps } from \"./peers\";\nimport { Window, type WindowProps } from \"./window\";\n\nexport interface Props {\n\twindow?: WindowProps;\n\tpeers?: PeersProps;\n}\n\nexport class Root {\n\twindow: Window;\n\tpeers: Peers;\n\n\tsignals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: Props,\n\t) {\n\t\tthis.window = new Window(broadcast, catalog, props?.window);\n\t\tthis.peers = new Peers(broadcast, catalog, props?.peers);\n\t}\n\n\tclose() {\n\t\tthis.signals.close();\n\t\tthis.window.close();\n\t\tthis.peers.close();\n\t}\n}\n","import * as Catalog from \"@moq/hang/catalog\";\nimport type * as Moq from \"@moq/lite\";\nimport * as Zod from \"@moq/lite/zod\";\nimport { Effect, Signal } from \"@moq/signals\";\n\nexport interface PreviewProps {\n\tenabled?: boolean | Signal<boolean>;\n}\n\nexport class Preview {\n\tbroadcast: Signal<Moq.Broadcast | undefined>;\n\tenabled: Signal<boolean>;\n\tpreview = new Signal<Catalog.Preview | undefined>(undefined);\n\t#catalog = new Signal<Catalog.Track | undefined>(undefined);\n\n\t#signals = new Effect();\n\n\tconstructor(\n\t\tbroadcast: Signal<Moq.Broadcast | undefined>,\n\t\tcatalog: Signal<Catalog.Root | undefined>,\n\t\tprops?: PreviewProps,\n\t) {\n\t\tthis.broadcast = broadcast;\n\t\tthis.enabled = Signal.from(props?.enabled ?? false);\n\n\t\tthis.#signals.run((effect) => {\n\t\t\tthis.#catalog.set(effect.get(catalog)?.preview);\n\t\t});\n\n\t\tthis.#signals.run((effect) => {\n\t\t\tconst values = effect.getAll([this.enabled, this.broadcast, this.#catalog]);\n\t\t\tif (!values) return;\n\t\t\tconst [_, broadcast, catalog] = values;\n\n\t\t\t// Subscribe to the preview.json track directly\n\t\t\tconst track = broadcast.subscribe(catalog.name, Catalog.PRIORITY.preview);\n\t\t\teffect.cleanup(() => track.close());\n\n\t\t\teffect.spawn(async () => {\n\t\t\t\ttry {\n\t\t\t\t\tconst info = await Zod.read(track, Catalog.PreviewSchema);\n\t\t\t\t\tif (!info) return;\n\n\t\t\t\t\tthis.preview.set(info);\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.warn(\"Failed to parse preview JSON:\", error);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\teffect.cleanup(() => this.preview.set(undefined));\n\t\t});\n\t}\n\n\tclose() {\n\t\tthis.#signals.close();\n\t}\n}\n"],"names":["Message","#latest","Signal","#catalog","#signals","Effect","broadcast","catalog","props","effect","#run","values","_","track","Catalog.PRIORITY","frame","Typing","value","Chat","message","typing","read","source","schema","next","Peers","#positions","#runTrack","Zod.read","Catalog.PeersSchema","Window","#handle","#position","updates","position","Catalog.PositionSchema","Root","Preview","info","Catalog.PreviewSchema","error"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moq/watch",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Watch/subscribe to Media over QUIC streams",
   "license": "(MIT OR Apache-2.0)",
   "repository": "github:moq-dev/moq",
@@ -33,9 +33,9 @@
     "./support/element.js"
   ],
   "dependencies": {
-    "@moq/hang": "^0.1.3",
+    "@moq/hang": "^0.2.0",
     "@moq/lite": "^0.1.3",
-    "@moq/signals": "^0.1.2",
+    "@moq/signals": "^0.1.3",
     "@moq/ui-core": "^0.1.0"
   }
 }

package/support/element.js

@@ -12,7 +12,7 @@ function d(h, e, ...t) {
     typeof r == "string" ? n.appendChild(document.createTextNode(r)) : n.appendChild(r);
   }), Object.assign(n, s), n;
 }
-const f = navigator.userAgent.toLowerCase().includes("firefox"), C = ["show", "details"];
+const g = navigator.userAgent.toLowerCase().includes("firefox"), C = ["show", "details"];
 class y extends HTMLElement {
   #i = new u("warning");
   #e = new u(!1);
@@ -24,7 +24,7 @@ class y extends HTMLElement {
     super(), m().then((e) => this.#n.set(e)).catch((e) => console.error("Failed to detect watch support:", e));
   }
   connectedCallback() {
-    this.#t = new b(), this.#t.effect(this.#s.bind(this));
+    this.#t = new b(), this.#t.run(this.#s.bind(this));
   }
   disconnectedCallback() {
     this.#t?.close(), this.#t = void 0;
@@ -94,7 +94,7 @@ class y extends HTMLElement {
     });
     n.event(o, "click", () => {
       this.#e.update((s) => !s);
-    }), n.effect((s) => {
+    }), n.run((s) => {
       o.textContent = s.get(this.#e) ? "Details ➖" : "Details ➕";
     });
     const l = d(
@@ -121,7 +121,7 @@ class y extends HTMLElement {
         padding: "1rem",
         fontSize: "0.875rem"
       }
-    }), a = (r) => r ? "🟢 Yes" : "🔴 No", o = (r) => r?.hardware ? "🟢 Hardware" : r?.software ? `🟡 Software${f ? "*" : ""}` : "🔴 No", l = (r) => r === "full" ? "🟢 Full" : r === "partial" ? "🟡 Polyfill" : "🔴 None", s = (r, c, g) => {
+    }), a = (r) => r ? "🟢 Yes" : "🔴 No", o = (r) => r?.hardware ? "🟢 Hardware" : r?.software ? `🟡 Software${g ? "*" : ""}` : "🔴 No", l = (r) => r === "full" ? "🟢 Full" : r === "partial" ? "🟡 Polyfill" : "🔴 None", s = (r, c, f) => {
       const p = d(
         "div",
         {
@@ -146,11 +146,11 @@ class y extends HTMLElement {
         {
           style: { gridColumnStart: "3" }
         },
-        g
+        f
       );
       i.appendChild(p), i.appendChild(w), i.appendChild(v);
     };
-    if (s("WebTransport", "", l(t.webtransport)), s("Rendering", "Audio", a(t.audio.render)), s("", "Video", a(t.video.render)), s("Decoding", "Opus", l(t.audio.decoding.opus)), s("", "AAC", a(t.audio.decoding.aac)), s("", "AV1", o(t.video.decoding?.av1)), s("", "H.265", o(t.video.decoding?.h265)), s("", "H.264", o(t.video.decoding?.h264)), s("", "VP9", o(t.video.decoding?.vp9)), s("", "VP8", o(t.video.decoding?.vp8)), f) {
+    if (s("WebTransport", "", l(t.webtransport)), s("Rendering", "Audio", a(t.audio.render)), s("", "Video", a(t.video.render)), s("Decoding", "Opus", l(t.audio.decoding.opus)), s("", "AAC", a(t.audio.decoding.aac)), s("", "AV1", o(t.video.decoding?.av1)), s("", "H.265", o(t.video.decoding?.h265)), s("", "H.264", o(t.video.decoding?.h264)), s("", "VP9", o(t.video.decoding?.vp9)), s("", "VP8", o(t.video.decoding?.vp8)), g) {
       const r = d(
         "div",
         {