@moq/watch 0.3.1 → 0.4.0

package/element.js

@@ -1,9 +1,9 @@
-import { i as e, r as t, t as n } from "./broadcast-C2qofUBv.js";
-import { n as r, r as i } from "./sync-D67IxmxJ.js";
-import * as a from "@moq/net";
-import { Effect as o, Signal as s } from "@moq/signals";
+import { c as e, i as t, l as n, n as r, o as i, r as a, s as o, t as s } from "./source-CWtgjSC_.js";
+import { n as c, r as l, t as u } from "./sync-zdwVEj9u.js";
+import * as d from "@moq/net";
+import { Effect as f, Signal as p } from "@moq/signals";
 //#region src/element.ts
-var c = [
+var m = [
 	"url",
 	"name",
 	"paused",
@@ -17,105 +17,164 @@ var c = [
 	"jitter",
 	"catalog-format"
 ];
-function l(e) {
+function h(e) {
 	let t = e?.trim();
 	return t ? t === "never" || t === "always" || /^-?\d+(\.\d+)?(px|%)$/.test(t) ? t : /^-?\d+(\.\d+)?$/.test(t) ? `${t}px` : (console.warn(`moq-watch: invalid visible="${e}", expected "never", "always", or a CSS length like "200px"`), "20%") : "20%";
 }
-function u(e, t) {
+function g(e, t) {
 	if (e === null) return t;
 	let n = e.trim().toLowerCase();
 	return n !== "false" && n !== "0";
 }
-var d = new FinalizationRegistry((e) => e.close()), f = class extends HTMLElement {
-	static observedAttributes = c;
+var _ = new FinalizationRegistry((e) => e.close()), v = class extends HTMLElement {
+	static observedAttributes = m;
 	connection;
 	broadcast;
-	backend;
-	#e = new s(!1);
-	signals = new o();
+	video;
+	audio;
+	renderer;
+	emitter;
+	sync;
+	controls = {
+		paused: new p(!1),
+		volume: new p(.5),
+		muted: new p(!1),
+		visible: new p("20%"),
+		latency: new p("real-time"),
+		target: new p(void 0)
+	};
+	#e = new p(d.Path.empty());
+	#t = new p(!0);
+	#n = new p(void 0);
+	#r = new p(void 0);
+	#i = new p(void 0);
+	#a = new p(!1);
+	#o = new p(!1);
+	#s = new p(!1);
+	#c = .5;
+	signals = new f();
 	constructor() {
-		super(), d.register(this, this.signals), this.connection = new a.Connection.Reload({ enabled: this.#e }), this.signals.cleanup(() => this.connection.close()), this.broadcast = new n({
+		super(), _.register(this, this.signals), this.connection = new d.Connection.Reload({ enabled: this.#s }), this.signals.cleanup(() => this.connection.close()), this.broadcast = new t({
 			connection: this.connection.established,
-			announced: this.connection.announced,
-			enabled: this.#e
-		}), this.signals.cleanup(() => this.broadcast.close()), this.backend = new e({
+			enabled: this.#s,
+			name: this.#e,
+			reload: this.#t,
+			catalogFormat: this.#n,
+			catalog: this.#r
+		}), this.signals.cleanup(() => this.broadcast.close());
+		let i = new s({
 			broadcast: this.broadcast,
-			connection: this.connection.established
-		}), this.signals.cleanup(() => this.backend.close());
-		let t = () => {
-			let e = this.querySelector("canvas"), t = this.querySelector("video");
-			if (e && t) throw Error("Cannot have both canvas and video elements");
-			this.backend.element.set(e ?? t);
-		}, i = new MutationObserver(t);
-		i.observe(this, {
+			target: this.controls.target,
+			supported: a.supported
+		}), l = new o({
+			broadcast: this.broadcast,
+			supported: n.supported
+		});
+		this.signals.cleanup(() => {
+			i.close(), l.close();
+		}), this.sync = new u({
+			latency: this.controls.latency,
+			connection: this.connection.established,
+			video: i.out.jitter,
+			audio: l.out.jitter
+		}), this.signals.cleanup(() => this.sync.close()), this.video = new a(i, this.sync, { enabled: this.#a }), this.audio = new n(l, this.sync, { enabled: this.#o }), this.signals.cleanup(() => {
+			this.video.close(), this.audio.close();
+		}), this.emitter = new e(this.audio, {
+			volume: this.controls.volume,
+			muted: this.controls.muted,
+			paused: this.controls.paused
+		}), this.renderer = new r(this.video, {
+			canvas: this.#i,
+			visible: this.controls.visible
+		}), this.signals.cleanup(() => {
+			this.emitter.close(), this.renderer.close();
+		}), this.signals.proxy(this.#o, this.emitter.out.enabled), this.signals.run((e) => {
+			let t = e.get(this.renderer.out.visible);
+			if (!e.get(this.controls.paused)) {
+				this.#a.set(t);
+				return;
+			}
+			let n = e.get(this.renderer.out.frame);
+			this.#a.set(t && !n);
+		}), this.signals.run((e) => {
+			e.get(this.controls.muted) ? (this.#c = this.controls.volume.peek() || .5, this.controls.volume.set(0)) : this.controls.volume.set(this.#c);
+		}), this.signals.run((e) => {
+			let t = e.get(this.controls.volume);
+			this.controls.muted.set(t === 0);
+		});
+		let f = () => {
+			let e = this.querySelector("canvas") ?? void 0;
+			!e && this.querySelector("video") && console.warn("moq-watch: rendering requires a <canvas> child; a <video> child does nothing."), this.#i.set(e);
+		}, p = new MutationObserver(f);
+		p.observe(this, {
 			childList: !0,
 			subtree: !0
-		}), this.signals.cleanup(() => i.disconnect()), t(), this.signals.run((e) => {
+		}), this.signals.cleanup(() => p.disconnect()), f(), this.signals.run((e) => {
 			let t = e.get(this.connection.url);
 			t ? this.setAttribute("url", t.toString()) : this.removeAttribute("url");
 		}), this.signals.run((e) => {
-			let t = e.get(this.broadcast.name);
+			let t = e.get(this.#e);
 			this.setAttribute("name", t.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");
+			e.get(this.controls.muted) ? this.setAttribute("muted", "") : this.removeAttribute("muted");
 		}), this.signals.run((e) => {
-			let t = e.get(this.backend.visible);
-			this.setAttribute("visible", t);
+			e.get(this.controls.paused) ? this.setAttribute("paused", "") : this.removeAttribute("paused");
 		}), this.signals.run((e) => {
-			let t = e.get(this.backend.audio.volume);
+			let t = e.get(this.controls.volume);
 			this.setAttribute("volume", t.toString());
 		}), this.signals.run((e) => {
-			let { min: t, max: n } = r(e.get(this.backend.latency));
+			let t = e.get(this.controls.visible);
+			this.setAttribute("visible", t);
+		}), this.signals.run((e) => {
+			let { min: t, max: n } = c(e.get(this.controls.latency));
 			if (t === n) if (t === "real-time") this.setAttribute("latency", "real-time");
 			else {
-				let t = Math.floor(e.get(this.backend.jitter));
+				let t = Math.floor(e.get(this.sync.out.jitter));
 				this.setAttribute("latency", t.toString());
 			}
 		});
-		let o = (e, t) => {
+		let m = (e, t) => {
 			if (e <= 0 || t <= 0) return;
 			let n = window.devicePixelRatio || 1;
-			this.backend.video.source.target.update((r) => ({
+			this.controls.target.update((r) => ({
 				...r,
 				width: Math.round(e * n),
 				height: Math.round(t * n)
 			}));
-		}, s = new ResizeObserver((e) => {
+		}, h = new ResizeObserver((e) => {
 			let t = e[0];
-			t && o(t.contentRect.width, t.contentRect.height);
+			t && m(t.contentRect.width, t.contentRect.height);
 		});
-		s.observe(this), this.signals.cleanup(() => s.disconnect());
-		let c = this.getBoundingClientRect();
-		o(c.width, c.height);
+		h.observe(this), this.signals.cleanup(() => h.disconnect());
+		let g = this.getBoundingClientRect();
+		m(g.width, g.height);
 	}
 	connectedCallback() {
-		this.#e.set(!0), this.style.display = "block", this.style.position = "relative";
+		this.#s.set(!0), this.style.display = "block", this.style.position = "relative";
 	}
 	disconnectedCallback() {
-		this.#e.set(!1);
+		this.#s.set(!1);
 	}
-	#t(e) {
+	#l(e) {
 		if (!e || e === "real-time") return "real-time";
 		let t = Number.parseFloat(e);
-		return Number.isFinite(t) ? t : 100;
+		return d.Time.Milli(Number.isFinite(t) ? t : 100);
 	}
-	attributeChangedCallback(e, n, r) {
-		if (n !== r) if (e === "url") this.connection.url.set(r ? new URL(r) : void 0);
-		else if (e === "name") this.broadcast.name.set(a.Path.from(r ?? ""));
-		else if (e === "paused") this.backend.paused.set(r !== null);
+	attributeChangedCallback(e, t, n) {
+		if (t !== n) if (e === "url") this.connection.url.set(n ? new URL(n) : void 0);
+		else if (e === "name") this.#e.set(d.Path.from(n ?? ""));
+		else if (e === "paused") this.controls.paused.set(g(n, !1));
 		else if (e === "volume") {
-			let e = r ? Number.parseFloat(r) : .5;
-			this.backend.audio.volume.set(e);
-		} else if (e === "muted") this.backend.audio.muted.set(r !== null);
-		else if (e === "visible") this.backend.visible.set(l(r));
-		else if (e === "reload") this.broadcast.reload.set(u(r, !0));
-		else if (e === "latency") this.latency = this.#t(r);
-		else if (e === "latency-min") this.latencyMin = this.#t(r);
-		else if (e === "latency-max") this.latencyMax = this.#t(r);
-		else if (e === "jitter") this.latency = this.#t(r);
-		else if (e === "catalog-format") this.broadcast.catalogFormat.set(t(r));
+			let e = n ? Number.parseFloat(n) : .5;
+			this.controls.volume.set(e);
+		} else if (e === "muted") this.controls.muted.set(g(n, !1));
+		else if (e === "visible") this.controls.visible.set(h(n));
+		else if (e === "reload") this.#t.set(g(n, !0));
+		else if (e === "latency") this.latency = this.#l(n);
+		else if (e === "latency-min") this.latencyMin = this.#l(n);
+		else if (e === "latency-max") this.latencyMax = this.#l(n);
+		else if (e === "jitter") this.latency = this.#l(n);
+		else if (e === "catalog-format") this.#n.set(i(n));
 		else throw Error(`Invalid attribute: ${e}`);
 	}
 	get url() {
@@ -125,85 +184,82 @@ var d = new FinalizationRegistry((e) => e.close()), f = class extends HTMLElemen
 		this.connection.url.set(e ? new URL(e) : void 0);
 	}
 	get name() {
-		return this.broadcast.name.peek();
+		return this.#e.peek();
 	}
 	set name(e) {
-		this.broadcast.name.set(a.Path.from(e));
+		this.#e.set(d.Path.from(e));
 	}
 	get paused() {
-		return this.backend.paused.peek();
+		return this.controls.paused.peek();
 	}
 	set paused(e) {
-		this.backend.paused.set(e);
+		this.controls.paused.set(e);
 	}
 	get volume() {
-		return this.backend.audio.volume.peek();
+		return this.controls.volume.peek();
 	}
 	set volume(e) {
-		this.backend.audio.volume.set(e);
+		this.controls.volume.set(e);
 	}
 	get muted() {
-		return this.backend.audio.muted.peek();
+		return this.controls.muted.peek();
 	}
 	set muted(e) {
-		this.backend.audio.muted.set(e);
+		this.controls.muted.set(e);
 	}
 	get visible() {
-		return this.backend.visible.peek();
+		return this.controls.visible.peek();
 	}
 	set visible(e) {
-		this.backend.visible.set(e);
+		this.controls.visible.set(e);
 	}
 	get reload() {
-		return this.broadcast.reload.peek();
+		return this.#t.peek();
 	}
 	set reload(e) {
-		this.broadcast.reload.set(e);
+		this.#t.set(e);
 	}
 	get latency() {
-		return this.backend.latency.peek();
+		return this.controls.latency.peek();
 	}
 	set latency(e) {
-		this.backend.latency.set(e);
+		this.controls.latency.set(e);
 	}
 	get latencyMin() {
-		return r(this.backend.latency.peek()).min;
+		return c(this.controls.latency.peek()).min;
 	}
 	set latencyMin(e) {
-		let { max: t } = r(this.backend.latency.peek());
-		this.backend.latency.set(i(e, t));
+		let { max: t } = c(this.controls.latency.peek());
+		this.controls.latency.set(l(e, t));
 	}
 	get latencyMax() {
-		return r(this.backend.latency.peek()).max;
+		return c(this.controls.latency.peek()).max;
 	}
 	set latencyMax(e) {
-		let { min: t } = r(this.backend.latency.peek());
-		this.backend.latency.set(i(t, e));
+		let { min: t } = c(this.controls.latency.peek());
+		this.controls.latency.set(l(t, e));
 	}
 	get jitter() {
-		return this.backend.jitter.peek();
-	}
-	set jitter(e) {
-		this.latency = e;
+		return this.sync.out.jitter.peek();
 	}
 	reset() {
-		this.backend.reset();
+		this.sync.reset(), this.audio.reset();
 	}
 	get catalogFormat() {
-		return this.broadcast.catalogFormat.peek();
+		return this.#n.peek();
 	}
 	set catalogFormat(e) {
-		this.broadcast.catalogFormat.set(e);
+		this.#n.set(e);
 	}
 	get catalog() {
-		return this.broadcast.catalog.peek();
+		return this.broadcast.out.catalog.peek();
 	}
 	set catalog(e) {
-		this.broadcast.catalog.set(e);
+		this.#r.set(e);
 	}
 };
-customElements.define("moq-watch", f);
+customElements.define("moq-watch", v);
 //#endregion
-export { f as default };
+export { v as default };
 
 //# sourceMappingURL=element.js.map

package/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","names":["#enabled","#parseBound"],"sources":["../src/element.ts"],"sourcesContent":["import type * as Catalog from \"@moq/hang/catalog\";\nimport type { Time } from \"@moq/net\";\nimport * as Moq from \"@moq/net\";\nimport { Effect, Signal } from \"@moq/signals\";\nimport { MultiBackend } from \"./backend\";\nimport { Broadcast, type CatalogFormat, parseCatalogFormat } from \"./broadcast\";\nimport { type Bound, type Latency, latencyBounds, latencyFromBounds } from \"./sync\";\nimport type { Visible } from \"./video\";\n\nconst OBSERVED = [\n\t\"url\",\n\t\"name\",\n\t\"paused\",\n\t\"volume\",\n\t\"muted\",\n\t\"visible\",\n\t\"reload\",\n\t\"latency\",\n\t\"latency-min\",\n\t\"latency-max\",\n\t\"jitter\",\n\t\"catalog-format\",\n] as const;\ntype Observed = (typeof OBSERVED)[number];\n\n// Parse the `visible` attribute into a Visible value, falling back to \"20%\".\nfunction parseVisible(value: string | null): Visible {\n\tconst trimmed = value?.trim();\n\tif (!trimmed) return \"20%\";\n\tif (trimmed === \"never\" || trimmed === \"always\") return trimmed;\n\t// A CSS length usable as an IntersectionObserver rootMargin (px or %).\n\tif (/^-?\\d+(\\.\\d+)?(px|%)$/.test(trimmed)) return trimmed;\n\t// Allow a bare number as a px convenience (e.g. visible=\"200\").\n\tif (/^-?\\d+(\\.\\d+)?$/.test(trimmed)) return `${trimmed}px`;\n\tconsole.warn(`moq-watch: invalid visible=\"${value}\", expected \"never\", \"always\", or a CSS length like \"200px\"`);\n\treturn \"20%\";\n}\n\nfunction parseBoolean(value: string | null, defaultValue: boolean): boolean {\n\tif (value === null) return defaultValue;\n\tconst normalized = value.trim().toLowerCase();\n\treturn normalized !== \"false\" && normalized !== \"0\";\n}\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// 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\tthis.backend = new MultiBackend({\n\t\t\tbroadcast: this.broadcast,\n\t\t\tconnection: this.connection.established,\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 visible = effect.get(this.backend.visible);\n\t\t\tthis.setAttribute(\"visible\", visible);\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 { min, max } = latencyBounds(effect.get(this.backend.latency));\n\t\t\t// Only reflect the collapsed `latency` sugar attribute when the range is actually\n\t\t\t// collapsed. An open range is expressed via latency-min/latency-max, and writing\n\t\t\t// `latency` here would round-trip back through attributeChangedCallback and collapse it.\n\t\t\tif (min !== max) return;\n\t\t\tif (min === \"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\n\t\t// Track the element's rendered size and feed it into the rendition picker,\n\t\t// scaled by devicePixelRatio so high-DPI screens still get sharp renditions.\n\t\tconst updateDimensions = (width: number, height: number) => {\n\t\t\tif (width <= 0 || height <= 0) return;\n\t\t\tconst dpr = window.devicePixelRatio || 1;\n\t\t\tthis.backend.video.source.target.update((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\twidth: Math.round(width * dpr),\n\t\t\t\theight: Math.round(height * dpr),\n\t\t\t}));\n\t\t};\n\n\t\tconst resizeObserver = new ResizeObserver((entries) => {\n\t\t\tconst entry = entries[0];\n\t\t\tif (!entry) return;\n\t\t\tupdateDimensions(entry.contentRect.width, entry.contentRect.height);\n\t\t});\n\t\tresizeObserver.observe(this);\n\t\tthis.signals.cleanup(() => resizeObserver.disconnect());\n\n\t\t// Seed with the current size in case the observer doesn't fire immediately\n\t\t// (e.g. the element is still 0x0 when we attach).\n\t\tconst rect = this.getBoundingClientRect();\n\t\tupdateDimensions(rect.width, rect.height);\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// Parse a single latency bound: absent or \"real-time\" is adaptive, otherwise a fixed ms value.\n\t#parseBound(value: string | null): Bound {\n\t\tif (!value || value === \"real-time\") return \"real-time\";\n\t\tconst parsed = Number.parseFloat(value);\n\t\treturn (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 === \"visible\") {\n\t\t\tthis.backend.visible.set(parseVisible(newValue));\n\t\t} else if (name === \"reload\") {\n\t\t\tthis.broadcast.reload.set(parseBoolean(newValue, true));\n\t\t} else if (name === \"latency\") {\n\t\t\t// Sugar: collapse the floor and ceiling to a single value.\n\t\t\tthis.latency = this.#parseBound(newValue);\n\t\t} else if (name === \"latency-min\") {\n\t\t\tthis.latencyMin = this.#parseBound(newValue);\n\t\t} else if (name === \"latency-max\") {\n\t\t\tthis.latencyMax = this.#parseBound(newValue);\n\t\t} else if (name === \"jitter\") {\n\t\t\t// Deprecated: use latency=\"<number>\" instead.\n\t\t\tthis.latency = this.#parseBound(newValue);\n\t\t} else if (name === \"catalog-format\") {\n\t\t\tthis.broadcast.catalogFormat.set(parseCatalogFormat(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\t/** When video is downloaded relative to the canvas position. See {@link Visible}. */\n\tget visible(): Visible {\n\t\treturn this.backend.visible.peek();\n\t}\n\n\tset visible(value: Visible) {\n\t\tthis.backend.visible.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\t/**\n\t * The latency target. Assign a scalar (or `\"real-time\"`) to minimize latency, or an object\n\t * `{ min, max }` to open a range and buffer future-dated frames. See {@link Latency}.\n\t */\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 latency floor (jitter/startup buffer). Read-modify-writes `latency`, leaving the ceiling. */\n\tget latencyMin(): Bound {\n\t\treturn latencyBounds(this.backend.latency.peek()).min;\n\t}\n\n\tset latencyMin(value: Bound) {\n\t\tconst { max } = latencyBounds(this.backend.latency.peek());\n\t\tthis.backend.latency.set(latencyFromBounds(value, max));\n\t}\n\n\t/**\n\t * The latency ceiling: `\"real-time\"` (default) minimizes, a number caps at that many ms. A\n\t * ceiling above the floor enables buffered playback: build up a buffer from future-dated frames\n\t * (e.g. TTS written faster than real-time) and only skip ahead past the cap. Call `reset()` at\n\t * each utterance boundary. Read-modify-writes `latency`, leaving the floor untouched.\n\t */\n\tget latencyMax(): Bound {\n\t\treturn latencyBounds(this.backend.latency.peek()).max;\n\t}\n\n\tset latencyMax(value: Bound) {\n\t\tconst { min } = latencyBounds(this.backend.latency.peek());\n\t\tthis.backend.latency.set(latencyFromBounds(min, 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.latency = value as Time.Milli;\n\t}\n\n\t/** Re-anchor playback and flush the audio buffer at an utterance boundary (buffered mode). */\n\treset(): void {\n\t\tthis.backend.reset();\n\t}\n\n\tget catalogFormat(): CatalogFormat | undefined {\n\t\treturn this.broadcast.catalogFormat.peek();\n\t}\n\n\tset catalogFormat(value: CatalogFormat | undefined) {\n\t\tthis.broadcast.catalogFormat.set(value);\n\t}\n\n\t/**\n\t * The active catalog. Assign directly when `catalogFormat` is `\"manual\"`;\n\t * for `\"hang\"` and `\"msf\"` this is overwritten by the fetch loop.\n\t */\n\tget catalog(): Catalog.Root | undefined {\n\t\treturn this.broadcast.catalog.peek();\n\t}\n\n\tset catalog(value: Catalog.Root | undefined) {\n\t\tthis.broadcast.catalog.set(value);\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"],"mappings":"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"}
+{"version":3,"file":"element.js","names":["#enabled","#name","#reload","#catalogFormat","#catalog","#videoEnabled","#audioEnabled","#canvas","#unmuteVolume","#parseBound"],"sources":["../src/element.ts"],"sourcesContent":["/**\n * The `<moq-watch>` custom element: a broadcast player driven by HTML attributes.\n *\n * Side-effectful: importing this registers the element.\n *\n * @module\n */\nimport type * as Catalog from \"@moq/hang/catalog\";\nimport type { Time } from \"@moq/net\";\nimport * as Moq from \"@moq/net\";\nimport { Effect, Signal } from \"@moq/signals\";\nimport * as Audio from \"./audio\";\nimport { Broadcast, type CatalogFormat, parseCatalogFormat } from \"./broadcast\";\nimport { type Bound, type Latency, latencyBounds, latencyFromBounds, Sync } from \"./sync\";\nimport * as Video from \"./video\";\n\nconst OBSERVED = [\n\t\"url\",\n\t\"name\",\n\t\"paused\",\n\t\"volume\",\n\t\"muted\",\n\t\"visible\",\n\t\"reload\",\n\t\"latency\",\n\t\"latency-min\",\n\t\"latency-max\",\n\t\"jitter\",\n\t\"catalog-format\",\n] as const;\ntype Observed = (typeof OBSERVED)[number];\n\n// Parse the `visible` attribute into a Visible value, falling back to \"20%\".\nfunction parseVisible(value: string | null): Video.Visible {\n\tconst trimmed = value?.trim();\n\tif (!trimmed) return \"20%\";\n\tif (trimmed === \"never\" || trimmed === \"always\") return trimmed;\n\t// A CSS length usable as an IntersectionObserver rootMargin (px or %).\n\tif (/^-?\\d+(\\.\\d+)?(px|%)$/.test(trimmed)) return trimmed;\n\t// Allow a bare number as a px convenience (e.g. visible=\"200\").\n\tif (/^-?\\d+(\\.\\d+)?$/.test(trimmed)) return `${trimmed}px`;\n\tconsole.warn(`moq-watch: invalid visible=\"${value}\", expected \"never\", \"always\", or a CSS length like \"200px\"`);\n\treturn \"20%\";\n}\n\n/**\n * Parse a boolean attribute: absent uses `defaultValue`, bare presence is true, and an explicit\n * `\"false\"`/`\"0\"` is false. Presence alone can't express false, and attributes that default to\n * true (`reload`) need to, so every boolean attribute accepts the explicit form.\n */\nfunction parseBoolean(value: string | null, defaultValue: boolean): boolean {\n\tif (value === null) return defaultValue;\n\tconst normalized = value.trim().toLowerCase();\n\treturn normalized !== \"false\" && normalized !== \"0\";\n}\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/** Downloads and decodes the video track. `video.source` picks the rendition. */\n\tvideo: Video.Decoder;\n\n\t/** Downloads and decodes the audio track. `audio.source` picks the rendition. */\n\taudio: Audio.Decoder;\n\n\t/** Paints decoded frames to the nested <canvas>. */\n\trenderer: Video.Renderer;\n\n\t/** Plays decoded samples through the speakers. */\n\temitter: Audio.Emitter;\n\n\t/** Keeps audio and video playing at the target latency. */\n\tsync: Sync;\n\n\t// The mutable user controls. As the top of the tree, this element owns the\n\t// writable Signals and wires read-only views into the pipeline. The UI and\n\t// the attribute/property accessors read and write these directly.\n\treadonly controls = {\n\t\tpaused: new Signal(false),\n\t\tvolume: new Signal(0.5),\n\t\tmuted: new Signal(false),\n\t\t// When video is downloaded relative to the canvas position. See {@link Video.Visible}.\n\t\tvisible: new Signal<Video.Visible>(\"20%\"),\n\t\tlatency: new Signal<Latency>(\"real-time\"),\n\t\t// The desired video rendition (resolution/bitrate cap).\n\t\ttarget: new Signal<Video.Target | undefined>(undefined),\n\t};\n\n\t// Broadcast configuration owned here and wired into `broadcast` as inputs.\n\t#name = new Signal<Moq.Path.Valid>(Moq.Path.empty());\n\t#reload = new Signal(true);\n\t#catalogFormat = new Signal<CatalogFormat | undefined>(undefined);\n\t#catalog = new Signal<Catalog.Root | undefined>(undefined);\n\n\t// The canvas element to render into.\n\t#canvas = new Signal<HTMLCanvasElement | undefined>(undefined);\n\n\t// Whether to download. Driven by the renderer/emitter policy, read by the decoders.\n\t#videoEnabled = new Signal(false);\n\t#audioEnabled = new Signal(false);\n\n\t// Set when the element is connected to the DOM.\n\t#enabled = new Signal(false);\n\n\t// Stashed volume to restore on unmute.\n\t#unmuteVolume = 0.5;\n\n\t/**\n\t * Effects scoped to this element's lifetime, closed on disconnect.\n\t *\n\t * Public because the element is the top of the tree: it's where an application hangs its own\n\t * reactivity. The components underneath keep theirs private, so `close()` is the only handle.\n\t */\n\treadonly signals = 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\tname: this.#name,\n\t\t\treload: this.#reload,\n\t\t\tcatalogFormat: this.#catalogFormat,\n\t\t\tcatalog: this.#catalog,\n\t\t});\n\t\tthis.signals.cleanup(() => this.broadcast.close());\n\n\t\t// The decoders' support probes drive rendition selection: anything WebCodecs can't play is filtered out.\n\t\tconst videoSource = new Video.Source({\n\t\t\tbroadcast: this.broadcast,\n\t\t\ttarget: this.controls.target,\n\t\t\tsupported: Video.Decoder.supported,\n\t\t});\n\t\tconst audioSource = new Audio.Source({\n\t\t\tbroadcast: this.broadcast,\n\t\t\tsupported: Audio.Decoder.supported,\n\t\t});\n\t\tthis.signals.cleanup(() => {\n\t\t\tvideoSource.close();\n\t\t\taudioSource.close();\n\t\t});\n\n\t\t// Sources produce the per-rendition jitter that Sync reads, so they're created\n\t\t// before Sync to avoid a construction cycle.\n\t\tthis.sync = new Sync({\n\t\t\tlatency: this.controls.latency,\n\t\t\tconnection: this.connection.established,\n\t\t\tvideo: videoSource.out.jitter,\n\t\t\taudio: audioSource.out.jitter,\n\t\t});\n\t\tthis.signals.cleanup(() => this.sync.close());\n\n\t\tthis.video = new Video.Decoder(videoSource, this.sync, { enabled: this.#videoEnabled });\n\t\tthis.audio = new Audio.Decoder(audioSource, this.sync, { enabled: this.#audioEnabled });\n\t\tthis.signals.cleanup(() => {\n\t\t\tthis.video.close();\n\t\t\tthis.audio.close();\n\t\t});\n\n\t\tthis.emitter = new Audio.Emitter(this.audio, {\n\t\t\tvolume: this.controls.volume,\n\t\t\tmuted: this.controls.muted,\n\t\t\tpaused: this.controls.paused,\n\t\t});\n\t\tthis.renderer = new Video.Renderer(this.video, {\n\t\t\tcanvas: this.#canvas,\n\t\t\tvisible: this.controls.visible,\n\t\t});\n\t\tthis.signals.cleanup(() => {\n\t\t\tthis.emitter.close();\n\t\t\tthis.renderer.close();\n\t\t});\n\n\t\t// Audio download follows the emitter's enable policy (paused/muted).\n\t\tthis.signals.proxy(this.#audioEnabled, this.emitter.out.enabled);\n\n\t\t// Video downloads while playing and on-screen. When paused, keep downloading only\n\t\t// until a frame is on the canvas, then stop: a cold paused start still shows a poster\n\t\t// instead of black, without streaming while paused. Read the rendered frame only in\n\t\t// the paused branch so playback doesn't re-run this every painted frame.\n\t\tthis.signals.run((effect) => {\n\t\t\tconst visible = effect.get(this.renderer.out.visible);\n\t\t\tif (!effect.get(this.controls.paused)) {\n\t\t\t\tthis.#videoEnabled.set(visible);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst frame = effect.get(this.renderer.out.frame);\n\t\t\tthis.#videoEnabled.set(visible && !frame);\n\t\t});\n\n\t\t// Mute/volume coupling. The element owns the writable volume/muted Signals, so\n\t\t// the policy lives here: muting stashes and zeroes the volume; a zero volume\n\t\t// reports as muted.\n\t\tthis.signals.run((effect) => {\n\t\t\tconst muted = effect.get(this.controls.muted);\n\t\t\tif (muted) {\n\t\t\t\tthis.#unmuteVolume = this.controls.volume.peek() || 0.5;\n\t\t\t\tthis.controls.volume.set(0);\n\t\t\t} else {\n\t\t\t\tthis.controls.volume.set(this.#unmuteVolume);\n\t\t\t}\n\t\t});\n\t\tthis.signals.run((effect) => {\n\t\t\tconst volume = effect.get(this.controls.volume);\n\t\t\tthis.controls.muted.set(volume === 0);\n\t\t});\n\n\t\t// Watch to see if the canvas element is added or removed.\n\t\tconst setCanvas = () => {\n\t\t\tconst canvas = this.querySelector(\"canvas\") ?? undefined;\n\n\t\t\t// A <video> child used to render via MSE. Nothing renders it now, and audio still plays,\n\t\t\t// so the failure looks like a bug in the page instead of a removed feature.\n\t\t\tif (!canvas && this.querySelector(\"video\")) {\n\t\t\t\tconsole.warn(\"moq-watch: rendering requires a <canvas> child; a <video> child does nothing.\");\n\t\t\t}\n\n\t\t\tthis.#canvas.set(canvas);\n\t\t};\n\n\t\tconst observer = new MutationObserver(setCanvas);\n\t\tobserver.observe(this, { childList: true, subtree: true });\n\t\tthis.signals.cleanup(() => observer.disconnect());\n\t\tsetCanvas();\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.#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.controls.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.controls.paused);\n\t\t\tif (paused) {\n\t\t\t\tthis.setAttribute(\"paused\", \"\");\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.controls.volume);\n\t\t\tthis.setAttribute(\"volume\", volume.toString());\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst visible = effect.get(this.controls.visible);\n\t\t\tthis.setAttribute(\"visible\", visible);\n\t\t});\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst { min, max } = latencyBounds(effect.get(this.controls.latency));\n\t\t\t// Only reflect the collapsed `latency` sugar attribute when the range is actually\n\t\t\t// collapsed. An open range is expressed via latency-min/latency-max, and writing\n\t\t\t// `latency` here would round-trip back through attributeChangedCallback and collapse it.\n\t\t\tif (min !== max) return;\n\t\t\tif (min === \"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.sync.out.jitter));\n\t\t\t\tthis.setAttribute(\"latency\", jitter.toString());\n\t\t\t}\n\t\t});\n\n\t\t// Track the element's rendered size and feed it into the rendition picker,\n\t\t// scaled by devicePixelRatio so high-DPI screens still get sharp renditions.\n\t\tconst updateDimensions = (width: number, height: number) => {\n\t\t\tif (width <= 0 || height <= 0) return;\n\t\t\tconst dpr = window.devicePixelRatio || 1;\n\t\t\tthis.controls.target.update((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\twidth: Math.round(width * dpr),\n\t\t\t\theight: Math.round(height * dpr),\n\t\t\t}));\n\t\t};\n\n\t\tconst resizeObserver = new ResizeObserver((entries) => {\n\t\t\tconst entry = entries[0];\n\t\t\tif (!entry) return;\n\t\t\tupdateDimensions(entry.contentRect.width, entry.contentRect.height);\n\t\t});\n\t\tresizeObserver.observe(this);\n\t\tthis.signals.cleanup(() => resizeObserver.disconnect());\n\n\t\t// Seed with the current size in case the observer doesn't fire immediately\n\t\t// (e.g. the element is still 0x0 when we attach).\n\t\tconst rect = this.getBoundingClientRect();\n\t\tupdateDimensions(rect.width, rect.height);\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// Parse a single latency bound: absent or \"real-time\" is adaptive, otherwise a fixed ms value.\n\t#parseBound(value: string | null): Bound {\n\t\tif (!value || value === \"real-time\") return \"real-time\";\n\t\tconst parsed = Number.parseFloat(value);\n\t\treturn Moq.Time.Milli(Number.isFinite(parsed) ? parsed : 100);\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.#name.set(Moq.Path.from(newValue ?? \"\"));\n\t\t} else if (name === \"paused\") {\n\t\t\tthis.controls.paused.set(parseBoolean(newValue, false));\n\t\t} else if (name === \"volume\") {\n\t\t\tconst volume = newValue ? Number.parseFloat(newValue) : 0.5;\n\t\t\tthis.controls.volume.set(volume);\n\t\t} else if (name === \"muted\") {\n\t\t\tthis.controls.muted.set(parseBoolean(newValue, false));\n\t\t} else if (name === \"visible\") {\n\t\t\tthis.controls.visible.set(parseVisible(newValue));\n\t\t} else if (name === \"reload\") {\n\t\t\tthis.#reload.set(parseBoolean(newValue, true));\n\t\t} else if (name === \"latency\") {\n\t\t\t// Sugar: collapse the floor and ceiling to a single value.\n\t\t\tthis.latency = this.#parseBound(newValue);\n\t\t} else if (name === \"latency-min\") {\n\t\t\tthis.latencyMin = this.#parseBound(newValue);\n\t\t} else if (name === \"latency-max\") {\n\t\t\tthis.latencyMax = this.#parseBound(newValue);\n\t\t} else if (name === \"jitter\") {\n\t\t\t// Deprecated: use latency=\"<number>\" instead.\n\t\t\tthis.latency = this.#parseBound(newValue);\n\t\t} else if (name === \"catalog-format\") {\n\t\t\tthis.#catalogFormat.set(parseCatalogFormat(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.#name.peek();\n\t}\n\n\tset name(value: string | Moq.Path.Valid) {\n\t\tthis.#name.set(Moq.Path.from(value));\n\t}\n\n\tget paused(): boolean {\n\t\treturn this.controls.paused.peek();\n\t}\n\n\tset paused(value: boolean) {\n\t\tthis.controls.paused.set(value);\n\t}\n\n\tget volume(): number {\n\t\treturn this.controls.volume.peek();\n\t}\n\n\tset volume(value: number) {\n\t\tthis.controls.volume.set(value);\n\t}\n\n\tget muted(): boolean {\n\t\treturn this.controls.muted.peek();\n\t}\n\n\tset muted(value: boolean) {\n\t\tthis.controls.muted.set(value);\n\t}\n\n\tget visible(): Video.Visible {\n\t\treturn this.controls.visible.peek();\n\t}\n\n\tset visible(value: Video.Visible) {\n\t\tthis.controls.visible.set(value);\n\t}\n\n\tget reload(): boolean {\n\t\treturn this.#reload.peek();\n\t}\n\n\tset reload(value: boolean) {\n\t\tthis.#reload.set(value);\n\t}\n\n\t/**\n\t * The latency target. Assign a scalar (or `\"real-time\"`) to minimize latency, or an object\n\t * `{ min, max }` to open a range and buffer future-dated frames. See {@link Latency}.\n\t */\n\tget latency(): Latency {\n\t\treturn this.controls.latency.peek();\n\t}\n\n\tset latency(value: Latency) {\n\t\tthis.controls.latency.set(value);\n\t}\n\n\t/** The latency floor (jitter/startup buffer). Read-modify-writes `latency`, leaving the ceiling. */\n\tget latencyMin(): Bound {\n\t\treturn latencyBounds(this.controls.latency.peek()).min;\n\t}\n\n\tset latencyMin(value: Bound) {\n\t\tconst { max } = latencyBounds(this.controls.latency.peek());\n\t\tthis.controls.latency.set(latencyFromBounds(value, max));\n\t}\n\n\t/**\n\t * The latency ceiling: `\"real-time\"` (default) minimizes, a number caps at that many ms. A\n\t * ceiling above the floor enables buffered playback: build up a buffer from future-dated frames\n\t * (e.g. TTS written faster than real-time) and only skip ahead past the cap. Call `reset()` at\n\t * each utterance boundary. Read-modify-writes `latency`, leaving the floor untouched.\n\t */\n\tget latencyMax(): Bound {\n\t\treturn latencyBounds(this.controls.latency.peek()).max;\n\t}\n\n\tset latencyMax(value: Bound) {\n\t\tconst { min } = latencyBounds(this.controls.latency.peek());\n\t\tthis.controls.latency.set(latencyFromBounds(min, value));\n\t}\n\n\t/** The jitter buffer in milliseconds. */\n\tget jitter(): Time.Milli {\n\t\treturn this.sync.out.jitter.peek();\n\t}\n\n\t/**\n\t * Re-anchor playback at an utterance boundary in buffered mode: reset the sync reference\n\t * and flush the audio buffer so the next utterance plays from its own first frame.\n\t */\n\treset(): void {\n\t\tthis.sync.reset();\n\t\tthis.audio.reset();\n\t}\n\n\tget catalogFormat(): CatalogFormat | undefined {\n\t\treturn this.#catalogFormat.peek();\n\t}\n\n\tset catalogFormat(value: CatalogFormat | undefined) {\n\t\tthis.#catalogFormat.set(value);\n\t}\n\n\t/**\n\t * The active catalog. Assign directly when `catalogFormat` is `\"manual\"`;\n\t * for `\"hang\"` and `\"msf\"` this is overwritten by the fetch loop.\n\t */\n\tget catalog(): Catalog.Root | undefined {\n\t\treturn this.broadcast.out.catalog.peek();\n\t}\n\n\tset catalog(value: Catalog.Root | undefined) {\n\t\tthis.#catalog.set(value);\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"],"mappings":";;;;;AAgBA,IAAM,IAAW;CAChB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD;AAIA,SAAS,EAAa,GAAqC;CAC1D,IAAM,IAAU,GAAO,KAAK;CAQ5B,OAPK,IACD,MAAY,WAAW,MAAY,YAEnC,wBAAwB,KAAK,CAAO,IAAU,IAE9C,kBAAkB,KAAK,CAAO,IAAU,GAAG,EAAQ,OACvD,QAAQ,KAAK,+BAA+B,EAAM,4DAA4D,GACvG,SAPc;AAQtB;AAOA,SAAS,EAAa,GAAsB,GAAgC;CAC3E,IAAI,MAAU,MAAM,OAAO;CAC3B,IAAM,IAAa,EAAM,KAAK,CAAC,CAAC,YAAY;CAC5C,OAAO,MAAe,WAAW,MAAe;AACjD;AAKA,IAAM,IAAU,IAAI,sBAA8B,MAAY,EAAQ,MAAM,CAAC,GAGxD,IAArB,cAAsC,YAAY;CACjD,OAAO,qBAAqB;CAG5B;CAGA;CAGA;CAGA;CAGA;CAGA;CAGA;CAKA,WAAoB;EACnB,QAAQ,IAAI,EAAO,EAAK;EACxB,QAAQ,IAAI,EAAO,EAAG;EACtB,OAAO,IAAI,EAAO,EAAK;EAEvB,SAAS,IAAI,EAAsB,KAAK;EACxC,SAAS,IAAI,EAAgB,WAAW;EAExC,QAAQ,IAAI,EAAiC,KAAA,CAAS;CACvD;CAGA,KAAQ,IAAI,EAAuB,EAAI,KAAK,MAAM,CAAC;CACnD,KAAU,IAAI,EAAO,EAAI;CACzB,KAAiB,IAAI,EAAkC,KAAA,CAAS;CAChE,KAAW,IAAI,EAAiC,KAAA,CAAS;CAGzD,KAAU,IAAI,EAAsC,KAAA,CAAS;CAG7D,KAAgB,IAAI,EAAO,EAAK;CAChC,KAAgB,IAAI,EAAO,EAAK;CAGhC,KAAW,IAAI,EAAO,EAAK;CAG3B,KAAgB;CAQhB,UAAmB,IAAI,EAAO;CAE9B,cAAc;EAkBb,AAjBA,MAAM,GAEN,EAAQ,SAAS,MAAM,KAAK,OAAO,GAEnC,KAAK,aAAa,IAAI,EAAI,WAAW,OAAO,EAC3C,SAAS,KAAKA,GACf,CAAC,GACD,KAAK,QAAQ,cAAc,KAAK,WAAW,MAAM,CAAC,GAElD,KAAK,YAAY,IAAI,EAAU;GAC9B,YAAY,KAAK,WAAW;GAC5B,SAAS,KAAKA;GACd,MAAM,KAAKC;GACX,QAAQ,KAAKC;GACb,eAAe,KAAKC;GACpB,SAAS,KAAKC;EACf,CAAC,GACD,KAAK,QAAQ,cAAc,KAAK,UAAU,MAAM,CAAC;EAGjD,IAAM,IAAc,IAAI,EAAa;GACpC,WAAW,KAAK;GAChB,QAAQ,KAAK,SAAS;GACtB,WAAA,EAAyB;EAC1B,CAAC,GACK,IAAc,IAAI,EAAa;GACpC,WAAW,KAAK;GAChB,WAAA,EAAyB;EAC1B,CAAC;EAkED,AAjEA,KAAK,QAAQ,cAAc;GAE1B,AADA,EAAY,MAAM,GAClB,EAAY,MAAM;EACnB,CAAC,GAID,KAAK,OAAO,IAAI,EAAK;GACpB,SAAS,KAAK,SAAS;GACvB,YAAY,KAAK,WAAW;GAC5B,OAAO,EAAY,IAAI;GACvB,OAAO,EAAY,IAAI;EACxB,CAAC,GACD,KAAK,QAAQ,cAAc,KAAK,KAAK,MAAM,CAAC,GAE5C,KAAK,QAAQ,IAAI,EAAc,GAAa,KAAK,MAAM,EAAE,SAAS,KAAKC,GAAc,CAAC,GACtF,KAAK,QAAQ,IAAI,EAAc,GAAa,KAAK,MAAM,EAAE,SAAS,KAAKC,GAAc,CAAC,GACtF,KAAK,QAAQ,cAAc;GAE1B,AADA,KAAK,MAAM,MAAM,GACjB,KAAK,MAAM,MAAM;EAClB,CAAC,GAED,KAAK,UAAU,IAAI,EAAc,KAAK,OAAO;GAC5C,QAAQ,KAAK,SAAS;GACtB,OAAO,KAAK,SAAS;GACrB,QAAQ,KAAK,SAAS;EACvB,CAAC,GACD,KAAK,WAAW,IAAI,EAAe,KAAK,OAAO;GAC9C,QAAQ,KAAKC;GACb,SAAS,KAAK,SAAS;EACxB,CAAC,GACD,KAAK,QAAQ,cAAc;GAE1B,AADA,KAAK,QAAQ,MAAM,GACnB,KAAK,SAAS,MAAM;EACrB,CAAC,GAGD,KAAK,QAAQ,MAAM,KAAKD,IAAe,KAAK,QAAQ,IAAI,OAAO,GAM/D,KAAK,QAAQ,KAAK,MAAW;GAC5B,IAAM,IAAU,EAAO,IAAI,KAAK,SAAS,IAAI,OAAO;GACpD,IAAI,CAAC,EAAO,IAAI,KAAK,SAAS,MAAM,GAAG;IACtC,KAAKD,GAAc,IAAI,CAAO;IAC9B;GACD;GACA,IAAM,IAAQ,EAAO,IAAI,KAAK,SAAS,IAAI,KAAK;GAChD,KAAKA,GAAc,IAAI,KAAW,CAAC,CAAK;EACzC,CAAC,GAKD,KAAK,QAAQ,KAAK,MAAW;GAE5B,AADc,EAAO,IAAI,KAAK,SAAS,KACnC,KACH,KAAKG,KAAgB,KAAK,SAAS,OAAO,KAAK,KAAK,IACpD,KAAK,SAAS,OAAO,IAAI,CAAC,KAE1B,KAAK,SAAS,OAAO,IAAI,KAAKA,EAAa;EAE7C,CAAC,GACD,KAAK,QAAQ,KAAK,MAAW;GAC5B,IAAM,IAAS,EAAO,IAAI,KAAK,SAAS,MAAM;GAC9C,KAAK,SAAS,MAAM,IAAI,MAAW,CAAC;EACrC,CAAC;EAGD,IAAM,UAAkB;GACvB,IAAM,IAAS,KAAK,cAAc,QAAQ,KAAK,KAAA;GAQ/C,AAJI,CAAC,KAAU,KAAK,cAAc,OAAO,KACxC,QAAQ,KAAK,+EAA+E,GAG7F,KAAKD,GAAQ,IAAI,CAAM;EACxB,GAEM,IAAW,IAAI,iBAAiB,CAAS;EAmD/C,AAlDA,EAAS,QAAQ,MAAM;GAAE,WAAW;GAAM,SAAS;EAAK,CAAC,GACzD,KAAK,QAAQ,cAAc,EAAS,WAAW,CAAC,GAChD,EAAU,GAMV,KAAK,QAAQ,KAAK,MAAW;GAC5B,IAAM,IAAM,EAAO,IAAI,KAAK,WAAW,GAAG;GAC1C,AAAI,IACH,KAAK,aAAa,OAAO,EAAI,SAAS,CAAC,IAEvC,KAAK,gBAAgB,KAAK;EAE5B,CAAC,GAED,KAAK,QAAQ,KAAK,MAAW;GAC5B,IAAM,IAAO,EAAO,IAAI,KAAKN,EAAK;GAClC,KAAK,aAAa,QAAQ,EAAK,SAAS,CAAC;EAC1C,CAAC,GAED,KAAK,QAAQ,KAAK,MAAW;GAE5B,AADc,EAAO,IAAI,KAAK,SAAS,KACnC,IACH,KAAK,aAAa,SAAS,EAAE,IAE7B,KAAK,gBAAgB,OAAO;EAE9B,CAAC,GAED,KAAK,QAAQ,KAAK,MAAW;GAE5B,AADe,EAAO,IAAI,KAAK,SAAS,MACpC,IACH,KAAK,aAAa,UAAU,EAAE,IAE9B,KAAK,gBAAgB,QAAQ;EAE/B,CAAC,GAED,KAAK,QAAQ,KAAK,MAAW;GAC5B,IAAM,IAAS,EAAO,IAAI,KAAK,SAAS,MAAM;GAC9C,KAAK,aAAa,UAAU,EAAO,SAAS,CAAC;EAC9C,CAAC,GAED,KAAK,QAAQ,KAAK,MAAW;GAC5B,IAAM,IAAU,EAAO,IAAI,KAAK,SAAS,OAAO;GAChD,KAAK,aAAa,WAAW,CAAO;EACrC,CAAC,GAED,KAAK,QAAQ,KAAK,MAAW;GAC5B,IAAM,EAAE,QAAK,WAAQ,EAAc,EAAO,IAAI,KAAK,SAAS,OAAO,CAAC;GAIhE,UAAQ,GACZ,IAAI,MAAQ,aACX,KAAK,aAAa,WAAW,WAAW;QAClC;IACN,IAAM,IAAS,KAAK,MAAM,EAAO,IAAI,KAAK,KAAK,IAAI,MAAM,CAAC;IAC1D,KAAK,aAAa,WAAW,EAAO,SAAS,CAAC;GAC/C;EACD,CAAC;EAID,IAAM,KAAoB,GAAe,MAAmB;GAC3D,IAAI,KAAS,KAAK,KAAU,GAAG;GAC/B,IAAM,IAAM,OAAO,oBAAoB;GACvC,KAAK,SAAS,OAAO,QAAQ,OAAU;IACtC,GAAG;IACH,OAAO,KAAK,MAAM,IAAQ,CAAG;IAC7B,QAAQ,KAAK,MAAM,IAAS,CAAG;GAChC,EAAE;EACH,GAEM,IAAiB,IAAI,gBAAgB,MAAY;GACtD,IAAM,IAAQ,EAAQ;GACjB,KACL,EAAiB,EAAM,YAAY,OAAO,EAAM,YAAY,MAAM;EACnE,CAAC;EAED,AADA,EAAe,QAAQ,IAAI,GAC3B,KAAK,QAAQ,cAAc,EAAe,WAAW,CAAC;EAItD,IAAM,IAAO,KAAK,sBAAsB;EACxC,EAAiB,EAAK,OAAO,EAAK,MAAM;CACzC;CAIA,oBAAoB;EAGnB,AAFA,KAAKD,GAAS,IAAI,EAAI,GACtB,KAAK,MAAM,UAAU,SACrB,KAAK,MAAM,WAAW;CACvB;CAEA,uBAAuB;EAEtB,KAAKA,GAAS,IAAI,EAAK;CACxB;CAGA,GAAY,GAA6B;EACxC,IAAI,CAAC,KAAS,MAAU,aAAa,OAAO;EAC5C,IAAM,IAAS,OAAO,WAAW,CAAK;EACtC,OAAO,EAAI,KAAK,MAAM,OAAO,SAAS,CAAM,IAAI,IAAS,GAAG;CAC7D;CAEA,yBAAyB,GAAgB,GAAyB,GAAyB;EACtF,UAAa,GAIjB,IAAI,MAAS,OACZ,KAAK,WAAW,IAAI,IAAI,IAAW,IAAI,IAAI,CAAQ,IAAI,KAAA,CAAS;OAC1D,IAAI,MAAS,QACnB,KAAKC,GAAM,IAAI,EAAI,KAAK,KAAK,KAAY,EAAE,CAAC;OACtC,IAAI,MAAS,UACnB,KAAK,SAAS,OAAO,IAAI,EAAa,GAAU,EAAK,CAAC;OAChD,IAAI,MAAS,UAAU;GAC7B,IAAM,IAAS,IAAW,OAAO,WAAW,CAAQ,IAAI;GACxD,KAAK,SAAS,OAAO,IAAI,CAAM;EAChC,OAAO,IAAI,MAAS,SACnB,KAAK,SAAS,MAAM,IAAI,EAAa,GAAU,EAAK,CAAC;OAC/C,IAAI,MAAS,WACnB,KAAK,SAAS,QAAQ,IAAI,EAAa,CAAQ,CAAC;OAC1C,IAAI,MAAS,UACnB,KAAKC,GAAQ,IAAI,EAAa,GAAU,EAAI,CAAC;OACvC,IAAI,MAAS,WAEnB,KAAK,UAAU,KAAKO,GAAY,CAAQ;OAClC,IAAI,MAAS,eACnB,KAAK,aAAa,KAAKA,GAAY,CAAQ;OACrC,IAAI,MAAS,eACnB,KAAK,aAAa,KAAKA,GAAY,CAAQ;OACrC,IAAI,MAAS,UAEnB,KAAK,UAAU,KAAKA,GAAY,CAAQ;OAClC,IAAI,MAAS,kBACnB,KAAKN,GAAe,IAAI,EAAmB,CAAQ,CAAC;OAGpD,MAAU,MAAM,sBAAsB,GAAY;CAEpD;CAEA,IAAI,MAAuB;EAC1B,OAAO,KAAK,WAAW,IAAI,KAAK;CACjC;CAEA,IAAI,IAAI,GAAiC;EACxC,KAAK,WAAW,IAAI,IAAI,IAAQ,IAAI,IAAI,CAAK,IAAI,KAAA,CAAS;CAC3D;CAEA,IAAI,OAAuB;EAC1B,OAAO,KAAKF,GAAM,KAAK;CACxB;CAEA,IAAI,KAAK,GAAgC;EACxC,KAAKA,GAAM,IAAI,EAAI,KAAK,KAAK,CAAK,CAAC;CACpC;CAEA,IAAI,SAAkB;EACrB,OAAO,KAAK,SAAS,OAAO,KAAK;CAClC;CAEA,IAAI,OAAO,GAAgB;EAC1B,KAAK,SAAS,OAAO,IAAI,CAAK;CAC/B;CAEA,IAAI,SAAiB;EACpB,OAAO,KAAK,SAAS,OAAO,KAAK;CAClC;CAEA,IAAI,OAAO,GAAe;EACzB,KAAK,SAAS,OAAO,IAAI,CAAK;CAC/B;CAEA,IAAI,QAAiB;EACpB,OAAO,KAAK,SAAS,MAAM,KAAK;CACjC;CAEA,IAAI,MAAM,GAAgB;EACzB,KAAK,SAAS,MAAM,IAAI,CAAK;CAC9B;CAEA,IAAI,UAAyB;EAC5B,OAAO,KAAK,SAAS,QAAQ,KAAK;CACnC;CAEA,IAAI,QAAQ,GAAsB;EACjC,KAAK,SAAS,QAAQ,IAAI,CAAK;CAChC;CAEA,IAAI,SAAkB;EACrB,OAAO,KAAKC,GAAQ,KAAK;CAC1B;CAEA,IAAI,OAAO,GAAgB;EAC1B,KAAKA,GAAQ,IAAI,CAAK;CACvB;CAMA,IAAI,UAAmB;EACtB,OAAO,KAAK,SAAS,QAAQ,KAAK;CACnC;CAEA,IAAI,QAAQ,GAAgB;EAC3B,KAAK,SAAS,QAAQ,IAAI,CAAK;CAChC;CAGA,IAAI,aAAoB;EACvB,OAAO,EAAc,KAAK,SAAS,QAAQ,KAAK,CAAC,CAAC,CAAC;CACpD;CAEA,IAAI,WAAW,GAAc;EAC5B,IAAM,EAAE,WAAQ,EAAc,KAAK,SAAS,QAAQ,KAAK,CAAC;EAC1D,KAAK,SAAS,QAAQ,IAAI,EAAkB,GAAO,CAAG,CAAC;CACxD;CAQA,IAAI,aAAoB;EACvB,OAAO,EAAc,KAAK,SAAS,QAAQ,KAAK,CAAC,CAAC,CAAC;CACpD;CAEA,IAAI,WAAW,GAAc;EAC5B,IAAM,EAAE,WAAQ,EAAc,KAAK,SAAS,QAAQ,KAAK,CAAC;EAC1D,KAAK,SAAS,QAAQ,IAAI,EAAkB,GAAK,CAAK,CAAC;CACxD;CAGA,IAAI,SAAqB;EACxB,OAAO,KAAK,KAAK,IAAI,OAAO,KAAK;CAClC;CAMA,QAAc;EAEb,AADA,KAAK,KAAK,MAAM,GAChB,KAAK,MAAM,MAAM;CAClB;CAEA,IAAI,gBAA2C;EAC9C,OAAO,KAAKC,GAAe,KAAK;CACjC;CAEA,IAAI,cAAc,GAAkC;EACnD,KAAKA,GAAe,IAAI,CAAK;CAC9B;CAMA,IAAI,UAAoC;EACvC,OAAO,KAAK,UAAU,IAAI,QAAQ,KAAK;CACxC;CAEA,IAAI,QAAQ,GAAiC;EAC5C,KAAKC,GAAS,IAAI,CAAK;CACxB;AACD;AAEA,eAAe,OAAO,aAAa,CAAQ"}

package/index.d.ts

@@ -1,14 +1,17 @@
+/**
+ * Subscribe to a broadcast, decode it, and render it.
+ *
+ * The JS API: compose {@link Broadcast}, {@link Sync}, and the per-track `Video`/`Audio` pipelines
+ * yourself. For a drop-in element, import `@moq/watch/element` instead.
+ *
+ * @module
+ */
 export * as Hang from "@moq/hang";
-export * as Json from "@moq/json";
+export type { BufferedRange, BufferedRanges } from "@moq/hang/container";
 export * as Net from "@moq/net";
-/** @deprecated Use `Net` instead. */
-export * as Lite from "@moq/net";
 export * as Signals from "@moq/signals";
 export * as Audio from "./audio";
-export * from "./backend";
 export * from "./broadcast";
-export * from "./buffered";
-export * as Mse from "./mse";
 export * from "./sync";
 export * as Video from "./video";
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,GAAG,MAAM,UAAU,CAAC;AAChC,qCAAqC;AACrC,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AACjC,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,OAAO,KAAK,GAAG,MAAM,OAAO,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAElC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,KAAK,GAAG,MAAM,UAAU,CAAC;AAChC,OAAO,KAAK,OAAO,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}

package/index.js

@@ -1,7 +1,26 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./broadcast-C2qofUBv.js";
-import { n as c, r as l, t as u } from "./sync-D67IxmxJ.js";
-import * as d from "@moq/hang";
-import * as f from "@moq/json";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./source-CWtgjSC_.js";
+import { n as l, r as u, t as d } from "./sync-zdwVEj9u.js";
+import * as f from "@moq/hang";
 import * as p from "@moq/net";
 import * as m from "@moq/signals";
-export { o as Audio, s as Broadcast, r as CATALOG_FORMATS, d as Hang, f as Json, p as Lite, p as Net, i as Mse, n as MultiBackend, m as Signals, u as Sync, e as Video, c as latencyBounds, l as latencyFromBounds, a as parseCatalogFormat, t as timeRangesToArray };
+//#region \0rolldown/runtime.js
+var h = Object.defineProperty, g = (e, t) => {
+	let n = {};
+	for (var r in e) h(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || h(n, Symbol.toStringTag, { value: "Module" }), n;
+}, _ = /* @__PURE__ */ g({
+	Decoder: () => r,
+	Emitter: () => t,
+	Source: () => s
+}), v = /* @__PURE__ */ g({
+	Decoder: () => o,
+	Renderer: () => i,
+	Source: () => c
+});
+//#endregion
+export { _ as Audio, n as Broadcast, e as CATALOG_FORMATS, f as Hang, p as Net, m as Signals, d as Sync, v as Video, l as latencyBounds, u as latencyFromBounds, a as parseCatalogFormat };
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/audio/index.ts","../src/video/index.ts"],"sourcesContent":["export * from \"./decoder\";\nexport * from \"./emitter\";\nexport * from \"./source\";\n","export * from \"./decoder\";\nexport * from \"./renderer\";\nexport * from \"./source\";\n"],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moq/watch",
   "type": "module",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Watch Media over QUIC broadcasts",
   "license": "(MIT OR Apache-2.0)",
   "repository": "github:moq-dev/moq",
@@ -33,10 +33,9 @@
     "./support/element.js"
   ],
   "dependencies": {
-    "@moq/hang": "^0.2.15",
-    "@moq/json": "^0.2.0",
-    "@moq/net": "^0.1.9",
-    "@moq/msf": "^0.1.4",
-    "@moq/signals": "^0.1.10"
+    "@moq/hang": "^0.3.0",
+    "@moq/net": "^0.2.0",
+    "@moq/msf": "^0.2.0",
+    "@moq/signals": "^0.2.0"
   }
 }