@moq/watch 0.2.14 → 0.2.16

package/index.js

@@ -1,289 +1,5 @@
-import * as E from "@moq/hang";
-import * as F from "@moq/net";
-import { Signal as i, Effect as c } from "@moq/signals";
-import * as L from "@moq/signals";
-import { o as m, a as h, b as d, s as w, D as y, M as _, R as S, S as M, c as O, E as P, d as T, e as f, P as g, f as j, g as k } from "./broadcast-CLjMphZS.js";
-import { B as K, C as Q, m as X, h as Z, i as ss, p as ts, t as es } from "./broadcast-CLjMphZS.js";
-const x = m({
-  name: h(w()),
-  // name
-  avatar: h(w()),
-  // avatar
-  audio: h(d()),
-  // audio enabled
-  video: h(d()),
-  // video enabled
-  typing: h(d()),
-  // actively typing
-  chat: h(d()),
-  // chatted recently
-  screen: h(d())
-  // screen sharing
-}), N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Decoder: y,
-  Mse: _,
-  Renderer: S,
-  Source: M
-}, Symbol.toStringTag, { value: "Module" })), q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Decoder: O,
-  Emitter: P,
-  Mse: T,
-  Source: f
-}, Symbol.toStringTag, { value: "Module" }));
-class A {
-  broadcast;
-  enabled;
-  // Empty string is a valid message.
-  #t = new i(void 0);
-  latest = this.#t;
-  #s = new i(void 0);
-  catalog = this.#s;
-  #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 e = s.getAll([this.enabled, this.#s, this.broadcast]);
-    if (!e) return;
-    const [a, t, o] = e, n = o.subscribe(t.name, g.chat);
-    s.cleanup(() => n.close()), s.set(this.#t, ""), s.cleanup(() => this.#t.set(void 0)), s.spawn(async () => {
-      for (; ; ) {
-        const r = await n.readString();
-        if (r === void 0) break;
-        this.#t.set(r);
-      }
-    });
-  }
-  close() {
-    this.#e.close();
-  }
-}
-class R {
-  broadcast;
-  enabled;
-  active;
-  #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, g.typing);
-    s.cleanup(() => n.close()), s.spawn(async () => {
-      for (; ; ) {
-        const r = await n.readBool();
-        if (r === void 0) break;
-        this.active.set(r);
-      }
-    }), s.cleanup(() => this.active.set(void 0));
-  }
-  close() {
-    this.#s.close();
-  }
-}
-class $ {
-  message;
-  typing;
-  #t = new i(void 0);
-  #s = new c();
-  constructor(s, e, a) {
-    this.message = new A(s, e, a?.message), this.typing = new R(s, e, a?.typing), this.#s.run((t) => {
-      const o = t.get(this.message.catalog), n = t.get(this.typing.catalog);
-      !o && !n || t.set(this.#t, {
-        message: o,
-        typing: n
-      });
-    });
-  }
-  close() {
-    this.#s.close(), this.message.close(), this.typing.close();
-  }
-}
-const G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Chat: $
-}, Symbol.toStringTag, { value: "Module" }));
-async function b(l, s) {
-  const e = await l.readJson();
-  if (e !== void 0)
-    return s.parse(e);
-}
-class z {
-  enabled;
-  broadcast;
-  #t = new i(void 0);
-  #s = new i(void 0);
-  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, g.location);
-    s.cleanup(() => n.close()), s.spawn(this.#a.bind(this, n));
-  }
-  async #a(s) {
-    try {
-      for (; ; ) {
-        const e = await b(s, j);
-        if (!e) break;
-        this.#s.set(e);
-      }
-    } finally {
-      this.#s.set(void 0), s.close();
-    }
-  }
-  get positions() {
-    return this.#s;
-  }
-  close() {
-    this.signals.close();
-  }
-}
-class C {
-  broadcast;
-  enabled;
-  #t = new i(void 0);
-  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 = t.get(this.#s)?.track;
-      if (!n) return;
-      const r = o.subscribe(n.name, g.location);
-      t.cleanup(() => r.close()), t.spawn(this.#a.bind(this, r));
-    });
-  }
-  async #a(s) {
-    try {
-      for (; ; ) {
-        const e = await b(s, k);
-        if (!e) break;
-        this.#e.set(e);
-      }
-    } finally {
-      this.#e.set(void 0), s.close();
-    }
-  }
-  close() {
-    this.signals.close();
-  }
-}
-class B {
-  window;
-  peers;
-  signals = new c();
-  constructor(s, e, a) {
-    this.window = new C(s, e, a?.window), this.peers = new z(s, e, a?.peers);
-  }
-  close() {
-    this.signals.close(), this.window.close(), this.peers.close();
-  }
-}
-const H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Root: B
-}, Symbol.toStringTag, { value: "Module" }));
-class U {
-  broadcast;
-  enabled;
-  preview = new i(void 0);
-  #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, r, v] = o, p = r.subscribe(v.name, g.preview);
-      t.cleanup(() => p.close()), t.spawn(async () => {
-        try {
-          const u = await b(p, x);
-          if (!u) return;
-          this.preview.set(u);
-        } catch (u) {
-          console.warn("Failed to parse preview JSON:", u);
-        }
-      }), t.cleanup(() => this.preview.set(void 0));
-    });
-  }
-  close() {
-    this.#s.close();
-  }
-}
-class D {
-  enabled;
-  #t = new i(void 0);
-  #s = new i(void 0);
-  #e = new i(void 0);
-  #a = new i(void 0);
-  signals = new c();
-  constructor(s, e) {
-    this.enabled = i.from(e?.enabled ?? !1), this.signals.run((a) => {
-      a.get(this.enabled) && (this.#t.set(a.get(s)?.user?.id), this.#s.set(a.get(s)?.user?.name), this.#e.set(a.get(s)?.user?.avatar), this.#a.set(a.get(s)?.user?.color));
-    });
-  }
-  get id() {
-    return this.#t;
-  }
-  get name() {
-    return this.#s;
-  }
-  get avatar() {
-    return this.#e;
-  }
-  get color() {
-    return this.#a;
-  }
-  close() {
-    this.signals.close();
-  }
-}
-const V = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Info: D
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  q as Audio,
-  K as Broadcast,
-  Q as CATALOG_FORMATS,
-  G as Chat,
-  E as Hang,
-  F as Lite,
-  H as Location,
-  X as Mse,
-  Z as MultiBackend,
-  F as Net,
-  U as Preview,
-  L as Signals,
-  ss as Sync,
-  V as User,
-  N as Video,
-  ts as parseCatalogFormat,
-  es as timeRangesToArray
-};
-//# sourceMappingURL=index.js.map
+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 "./broadcast-CG8jZRfA.js";
+import * as l from "@moq/hang";
+import * as u from "@moq/net";
+import * as d from "@moq/signals";
+export { n as Audio, c as Broadcast, i as CATALOG_FORMATS, l as Hang, u as Lite, u as Net, r as Mse, e as MultiBackend, d as Signals, t as Sync, s as Video, o as parseCatalogFormat, a as timeRangesToArray };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moq/watch",
   "type": "module",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "description": "Watch Media over QUIC broadcasts",
   "license": "(MIT OR Apache-2.0)",
   "repository": "github:moq-dev/moq",
@@ -33,9 +33,10 @@
     "./support/element.js"
   ],
   "dependencies": {
-    "@moq/hang": "^0.2.7",
-    "@moq/net": "^0.1.2",
+    "@moq/hang": "^0.2.9",
+    "@moq/json": "^0.0.2",
+    "@moq/net": "^0.1.4",
     "@moq/msf": "^0.1.1",
-    "@moq/signals": "^0.1.7"
+    "@moq/signals": "^0.1.8"
   }
 }

package/support/element.js

@@ -1,173 +1,123 @@
-import { Signal as c, Effect as v } from "@moq/signals";
-import { c as a } from "../dom-BsFrLb_F.js";
-import { isSupported as m } from "./index.js";
-const h = navigator.userAgent.toLowerCase().includes("firefox"), C = ["show", "details"];
-class b extends HTMLElement {
-  #i = new c("warning");
-  #e = new c(!1);
-  #n = new c(void 0);
-  #o = new c(!1);
-  #t;
-  static observedAttributes = C;
-  constructor() {
-    super(), m().then((e) => this.#n.set(e)).catch((e) => console.error("Failed to detect watch support:", e));
-  }
-  connectedCallback() {
-    this.#t = new v(), this.#t.run(this.#d.bind(this));
-  }
-  disconnectedCallback() {
-    this.#t?.close(), this.#t = void 0;
-  }
-  attributeChangedCallback(e, t, s) {
-    if (e === "show") {
-      const i = s ?? "warning";
-      if (i === "always" || i === "warning" || i === "error" || i === "never")
-        this.show = i;
-      else
-        throw new Error(`Invalid show: ${i}`);
-    } else if (e === "details")
-      this.details = s !== null;
-    else {
-      const i = e;
-      throw new Error(`Invalid attribute: ${i}`);
-    }
-  }
-  get show() {
-    return this.#i.peek();
-  }
-  set show(e) {
-    this.#i.set(e);
-  }
-  get details() {
-    return this.#e.peek();
-  }
-  set details(e) {
-    this.#e.set(e);
-  }
-  #r(e) {
-    return e.webtransport === "none" || !e.audio.decoding || !e.video.decoding || !e.audio.render || !e.video.render || !Object.values(e.audio.decoding).some((t) => t === !0 || t === "full" || t === "partial") || !Object.values(e.video.decoding).some((t) => t.software || t.hardware) ? "none" : !Object.values(e.audio.decoding).every((t) => t === !0 || t === "full") || !Object.values(e.video.decoding).every((t) => t.software || t.hardware) ? "partial" : "full";
-  }
-  #d(e) {
-    const t = e.get(this.#n);
-    if (!t || e.get(this.#o)) return;
-    const i = e.get(this.#i);
-    if (i === "never") return;
-    const r = this.#r(t);
-    if (i === "warning" && r === "full" || i === "error" && r !== "none") return;
-    const n = a("div", {
-      style: {
-        margin: "0 auto",
-        maxWidth: "28rem",
-        padding: "1rem"
-      }
-    });
-    this.appendChild(n), e.cleanup(() => this.removeChild(n)), this.#a(n, r, e), e.get(this.#e) && this.#s(n, t, e);
-  }
-  #a(e, t, s) {
-    const i = a("div", {
-      style: {
-        display: "flex",
-        flexDirection: "row",
-        gap: "1rem",
-        flexWrap: "wrap",
-        justifyContent: "space-between",
-        alignItems: "center"
-      }
-    }), r = a("div", {
-      style: { fontWeight: "bold" }
-    });
-    t === "full" ? r.textContent = "🟢 Full Browser Support" : t === "partial" ? r.textContent = "🟡 Partial Browser Support" : t === "none" && (r.textContent = "🔴 No Browser Support");
-    const n = a("button", {
-      type: "button",
-      style: { fontSize: "14px" }
-    });
-    s.event(n, "click", () => {
-      this.#e.update((o) => !o);
-    }), s.run((o) => {
-      n.textContent = o.get(this.#e) ? "Details ➖" : "Details ➕";
-    });
-    const l = a(
-      "button",
-      {
-        type: "button",
-        style: { fontSize: "14px" }
-      },
-      "Close ❌"
-    );
-    s.event(l, "click", () => {
-      this.#o.set(!0);
-    }), i.appendChild(r), i.appendChild(n), i.appendChild(l), e.appendChild(i), s.cleanup(() => e.removeChild(i));
-  }
-  #s(e, t, s) {
-    const i = a("div", {
-      style: {
-        display: "grid",
-        gridTemplateColumns: "1fr 1fr 1fr",
-        columnGap: "0.5rem",
-        rowGap: "0.2rem",
-        backgroundColor: "rgba(0, 0, 0, 0.6)",
-        borderRadius: "0.5rem",
-        padding: "1rem",
-        fontSize: "0.875rem"
-      }
-    }), r = (d) => d ? "🟢 Yes" : "🔴 No", n = (d) => d?.hardware ? "🟢 Hardware" : d?.software ? `🟡 Software${h ? "*" : ""}` : "🔴 No", l = (d) => d === "full" ? "🟢 Full" : d === "partial" ? "🟡 Polyfill" : "🔴 None", o = (d, u, g) => {
-      const w = a(
-        "div",
-        {
-          style: {
-            gridColumnStart: "1",
-            fontWeight: "bold",
-            textAlign: "right"
-          }
-        },
-        d
-      ), p = a(
-        "div",
-        {
-          style: {
-            gridColumnStart: "2",
-            textAlign: "center"
-          }
-        },
-        u
-      ), f = a(
-        "div",
-        {
-          style: { gridColumnStart: "3" }
-        },
-        g
-      );
-      i.appendChild(w), i.appendChild(p), i.appendChild(f);
-    };
-    if (o("WebTransport", "", l(t.webtransport)), o("Rendering", "Audio", r(t.audio.render)), o("", "Video", r(t.video.render)), o("Decoding", "Opus", l(t.audio.decoding.opus)), o("", "AAC", r(t.audio.decoding.aac)), o("", "AV1", n(t.video.decoding?.av1)), o("", "H.265", n(t.video.decoding?.h265)), o("", "H.264", n(t.video.decoding?.h264)), o("", "VP9", n(t.video.decoding?.vp9)), o("", "VP8", n(t.video.decoding?.vp8)), h) {
-      const d = a(
-        "div",
-        {
-          style: {
-            gridColumnStart: "1",
-            gridColumnEnd: "4",
-            textAlign: "center",
-            fontSize: "0.875rem",
-            fontStyle: "italic"
-          }
-        },
-        "Hardware acceleration is ",
-        a(
-          "a",
-          {
-            href: "https://github.com/w3c/webcodecs/issues/896"
-          },
-          "undetectable"
-        ),
-        " on Firefox."
-      );
-      i.appendChild(d);
-    }
-    e.appendChild(i), s.cleanup(() => e.removeChild(i));
-  }
-}
-customElements.define("moq-watch-support", b);
-export {
-  b as default
+import { isSupported as e } from "./index.js";
+import { Effect as t, Signal as n } from "@moq/signals";
+import * as r from "@moq/signals/dom";
+//#region src/support/element.ts
+var i = navigator.userAgent.toLowerCase().includes("firefox"), a = ["show", "details"], o = class extends HTMLElement {
+	#e = new n("warning");
+	#t = new n(!1);
+	#n = new n(void 0);
+	#r = new n(!1);
+	#i;
+	static observedAttributes = a;
+	constructor() {
+		super(), e().then((e) => this.#n.set(e)).catch((e) => console.error("Failed to detect watch support:", e));
+	}
+	connectedCallback() {
+		this.#i = new t(), this.#i.run(this.#o.bind(this));
+	}
+	disconnectedCallback() {
+		this.#i?.close(), this.#i = void 0;
+	}
+	attributeChangedCallback(e, t, n) {
+		if (e === "show") {
+			let e = n ?? "warning";
+			if (e === "always" || e === "warning" || e === "error" || e === "never") this.show = e;
+			else throw Error(`Invalid show: ${e}`);
+		} else if (e === "details") this.details = n !== null;
+		else throw Error(`Invalid attribute: ${e}`);
+	}
+	get show() {
+		return this.#e.peek();
+	}
+	set show(e) {
+		this.#e.set(e);
+	}
+	get details() {
+		return this.#t.peek();
+	}
+	set details(e) {
+		this.#t.set(e);
+	}
+	#a(e) {
+		return e.webtransport === "none" || !e.audio.decoding || !e.video.decoding || !e.audio.render || !e.video.render || !Object.values(e.audio.decoding).some((e) => e === !0 || e === "full" || e === "partial") || !Object.values(e.video.decoding).some((e) => e.software || e.hardware) ? "none" : !Object.values(e.audio.decoding).every((e) => e === !0 || e === "full") || !Object.values(e.video.decoding).every((e) => e.software || e.hardware) ? "partial" : "full";
+	}
+	#o(e) {
+		let t = e.get(this.#n);
+		if (!t || e.get(this.#r)) return;
+		let n = e.get(this.#e);
+		if (n === "never") return;
+		let i = this.#a(t);
+		if (n === "warning" && i === "full" || n === "error" && i !== "none") return;
+		let a = r.create("div", { style: {
+			margin: "0 auto",
+			maxWidth: "28rem",
+			padding: "1rem"
+		} });
+		this.appendChild(a), e.cleanup(() => this.removeChild(a)), this.#s(a, i, e), e.get(this.#t) && this.#c(a, t, e);
+	}
+	#s(e, t, n) {
+		let i = r.create("div", { style: {
+			display: "flex",
+			flexDirection: "row",
+			gap: "1rem",
+			flexWrap: "wrap",
+			justifyContent: "space-between",
+			alignItems: "center"
+		} }), a = r.create("div", { style: { fontWeight: "bold" } });
+		t === "full" ? a.textContent = "🟢 Full Browser Support" : t === "partial" ? a.textContent = "🟡 Partial Browser Support" : t === "none" && (a.textContent = "🔴 No Browser Support");
+		let o = r.create("button", {
+			type: "button",
+			style: { fontSize: "14px" }
+		});
+		n.event(o, "click", () => {
+			this.#t.update((e) => !e);
+		}), n.run((e) => {
+			o.textContent = e.get(this.#t) ? "Details ➖" : "Details ➕";
+		});
+		let s = r.create("button", {
+			type: "button",
+			style: { fontSize: "14px" }
+		}, "Close ❌");
+		n.event(s, "click", () => {
+			this.#r.set(!0);
+		}), i.appendChild(a), i.appendChild(o), i.appendChild(s), e.appendChild(i), n.cleanup(() => e.removeChild(i));
+	}
+	#c(e, t, n) {
+		let a = r.create("div", { style: {
+			display: "grid",
+			gridTemplateColumns: "1fr 1fr 1fr",
+			columnGap: "0.5rem",
+			rowGap: "0.2rem",
+			backgroundColor: "rgba(0, 0, 0, 0.6)",
+			borderRadius: "0.5rem",
+			padding: "1rem",
+			fontSize: "0.875rem"
+		} }), o = (e) => e ? "🟢 Yes" : "🔴 No", s = (e) => e?.hardware ? "🟢 Hardware" : e?.software ? `🟡 Software${i ? "*" : ""}` : "🔴 No", c = (e) => e === "full" ? "🟢 Full" : e === "partial" ? "🟡 Polyfill" : "🔴 None", l = (e, t, n) => {
+			let i = r.create("div", { style: {
+				gridColumnStart: "1",
+				fontWeight: "bold",
+				textAlign: "right"
+			} }, e), o = r.create("div", { style: {
+				gridColumnStart: "2",
+				textAlign: "center"
+			} }, t), s = r.create("div", { style: { gridColumnStart: "3" } }, n);
+			a.appendChild(i), a.appendChild(o), a.appendChild(s);
+		};
+		if (l("WebTransport", "", c(t.webtransport)), l("Rendering", "Audio", o(t.audio.render)), l("", "Video", o(t.video.render)), l("Decoding", "Opus", c(t.audio.decoding.opus)), l("", "AAC", o(t.audio.decoding.aac)), l("", "AV1", s(t.video.decoding?.av1)), l("", "H.265", s(t.video.decoding?.h265)), l("", "H.264", s(t.video.decoding?.h264)), l("", "VP9", s(t.video.decoding?.vp9)), l("", "VP8", s(t.video.decoding?.vp8)), i) {
+			let e = r.create("div", { style: {
+				gridColumnStart: "1",
+				gridColumnEnd: "4",
+				textAlign: "center",
+				fontSize: "0.875rem",
+				fontStyle: "italic"
+			} }, "Hardware acceleration is ", r.create("a", { href: "https://github.com/w3c/webcodecs/issues/896" }, "undetectable"), " on Firefox.");
+			a.appendChild(e);
+		}
+		e.appendChild(a), n.cleanup(() => e.removeChild(a));
+	}
 };
-//# sourceMappingURL=element.js.map
+customElements.define("moq-watch-support", o);
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=element.js.map