@moq/watch 0.2.10 → 0.2.12

package/broadcast.d.ts

@@ -1,14 +1,17 @@
 import * as Catalog from "@moq/hang/catalog";
-import type * as Moq from "@moq/lite";
+import type * as Moq from "@moq/net";
 import { type Getter, Signal } from "@moq/signals";
-export type CatalogFormat = "hang" | "msf";
+export declare const CATALOG_FORMATS: readonly ["hang", "msf", "manual"];
+export type CatalogFormat = (typeof CATALOG_FORMATS)[number];
+export declare function parseCatalogFormat(value: string | null): CatalogFormat | undefined;
 export interface BroadcastProps {
     connection?: Moq.Connection.Established | Signal<Moq.Connection.Established | undefined>;
     announced?: Getter<Set<Moq.Path.Valid>>;
     enabled?: boolean | Signal<boolean>;
     name?: Moq.Path.Valid | Signal<Moq.Path.Valid>;
     reload?: boolean | Signal<boolean>;
-    catalogFormat?: CatalogFormat | Signal<CatalogFormat>;
+    catalogFormat?: CatalogFormat | Signal<CatalogFormat | undefined>;
+    catalog?: Catalog.Root | Signal<Catalog.Root | undefined>;
 }
 export declare class Broadcast {
     #private;
@@ -17,9 +20,9 @@ export declare class Broadcast {
     name: Signal<Moq.Path.Valid>;
     status: Moq.Signals.Signal<"offline" | "loading" | "live">;
     reload: Signal<boolean>;
-    catalogFormat: Signal<CatalogFormat>;
+    catalogFormat: Signal<CatalogFormat | undefined>;
     readonly active: Getter<Moq.Broadcast | undefined>;
-    readonly catalog: Getter<Catalog.Root | undefined>;
+    catalog: Signal<Catalog.Root | undefined>;
     signals: Moq.Signals.Effect;
     constructor(props?: BroadcastProps);
     close(): void;

package/broadcast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"broadcast.d.ts","sourceRoot":"","sources":["../src/broadcast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,KAAK,GAAG,MAAM,WAAW,CAAC;AAGtC,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAI3D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,KAAK,CAAC;AAE3C,MAAM,WAAW,cAAc;IAC9B,UAAU,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAGzF,SAAS,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAIxC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAGpC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAI/C,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAGnC,aAAa,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;CACtD;AAGD,qBAAa,SAAS;;IACrB,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAE3D,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,qDAAyD;IAC/D,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAExB,aAAa,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;IAGrC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAgB;IAGlE,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,CAAiB;IAKnE,OAAO,qBAAgB;gBAEX,KAAK,CAAC,EAAE,cAAc;IA+ElC,KAAK;CAGL"}
+{"version":3,"file":"broadcast.d.ts","sourceRoot":"","sources":["../src/broadcast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAE7C,OAAO,KAAK,KAAK,GAAG,MAAM,UAAU,CAAC;AAErC,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAM3D,eAAO,MAAM,eAAe,oCAA0C,CAAC;AACvE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,aAAa,GAAG,SAAS,CAGlF;AAED,MAAM,WAAW,cAAc;IAC9B,UAAU,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAGzF,SAAS,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAIxC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAGpC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAI/C,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAMnC,aAAa,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAOlE,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;CAC1D;AAGD,qBAAa,SAAS;;IACrB,UAAU,EAAE,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAE3D,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,MAAM,qDAAyD;IAC/D,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAGxB,aAAa,EAAE,MAAM,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IAGjD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAgB;IAIlE,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;IAU1C,OAAO,qBAAgB;gBAEX,KAAK,CAAC,EAAE,cAAc;IA4GlC,KAAK;CAGL"}

package/chat/index.d.ts

@@ -1,5 +1,5 @@
 import type * as Catalog from "@moq/hang/catalog";
-import type * as Moq from "@moq/lite";
+import type * as Moq from "@moq/net";
 import { Signal } from "@moq/signals";
 import { Message, type MessageProps } from "./message";
 import { Typing, type TypingProps } from "./typing";

package/chat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,KAAK,GAAG,MAAM,WAAW,CAAC;AACtC,OAAO,EAAU,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,SAAS;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,qBAAa,IAAI;;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;gBAMd,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,EAC5C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,EACzC,KAAK,CAAC,EAAE,SAAS;IAkBlB,KAAK;CAKL"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,KAAK,GAAG,MAAM,UAAU,CAAC;AACrC,OAAO,EAAU,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,SAAS;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,MAAM,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,qBAAa,IAAI;;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;gBAMd,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,EAC5C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,EACzC,KAAK,CAAC,EAAE,SAAS;IAkBlB,KAAK;CAKL"}

package/chat/message.d.ts

@@ -1,5 +1,5 @@
 import * as Catalog from "@moq/hang/catalog";
-import type * as Moq from "@moq/lite";
+import type * as Moq from "@moq/net";
 import { type Getter, Signal } from "@moq/signals";
 export interface MessageProps {
     enabled?: boolean | Signal<boolean>;

package/chat/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/chat/message.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,KAAK,GAAG,MAAM,WAAW,CAAC;AACtC,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,WAAW,YAAY;IAG5B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,qBAAa,OAAO;;IACnB,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAIzB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAgB;IAG3D,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,CAAiB;gBAKnE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,EAC5C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,EACzC,KAAK,CAAC,EAAE,YAAY;IAqCrB,KAAK;CAGL"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../src/chat/message.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,KAAK,GAAG,MAAM,UAAU,CAAC;AACrC,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,WAAW,YAAY;IAG5B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,qBAAa,OAAO;;IACnB,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAIzB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAgB;IAG3D,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,CAAiB;gBAKnE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,EAC5C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,EACzC,KAAK,CAAC,EAAE,YAAY;IAqCrB,KAAK;CAGL"}

package/chat/typing.d.ts

@@ -1,5 +1,5 @@
 import * as Catalog from "@moq/hang/catalog";
-import type * as Moq from "@moq/lite";
+import type * as Moq from "@moq/net";
 import { type Getter, Signal } from "@moq/signals";
 export interface TypingProps {
     enabled?: boolean | Signal<boolean>;

package/chat/typing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typing.d.ts","sourceRoot":"","sources":["../../src/chat/typing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,KAAK,GAAG,MAAM,WAAW,CAAC;AACtC,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,WAAW,WAAW;IAG3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,qBAAa,MAAM;;IAClB,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAGpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,CAAiB;gBAKnE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,EAC5C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,EACzC,KAAK,CAAC,EAAE,WAAW;IAmCpB,KAAK;CAGL"}
+{"version":3,"file":"typing.d.ts","sourceRoot":"","sources":["../../src/chat/typing.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAC7C,OAAO,KAAK,KAAK,GAAG,MAAM,UAAU,CAAC;AACrC,OAAO,EAAU,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,WAAW,WAAW;IAG3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,qBAAa,MAAM;;IAClB,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAGpC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC,CAAiB;gBAKnE,SAAS,EAAE,MAAM,CAAC,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,EAC5C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,EACzC,KAAK,CAAC,EAAE,WAAW;IAmCpB,KAAK;CAGL"}

package/dom-BsFrLb_F.js

@@ -0,0 +1,35 @@
+function u(s, i, ...r) {
+  const e = document.createElement(s);
+  if (!i) return e;
+  const { style: t, classList: o, dataset: c, attributes: f, ...d } = i;
+  return t && Object.assign(e.style, t), o && e.classList.add(...o), c && Object.entries(c).forEach(([n, a]) => {
+    e.dataset[n] = a;
+  }), f && Object.entries(f).forEach(([n, a]) => {
+    e.setAttribute(n, a);
+  }), r && r.forEach((n) => {
+    typeof n == "string" ? e.appendChild(document.createTextNode(n)) : e.appendChild(n);
+  }), Object.assign(e, d), e;
+}
+function l(s, i, r) {
+  const e = typeof r == "function" ? r(s) : r;
+  if (e == null) return;
+  let t;
+  if (e instanceof Node)
+    t = e;
+  else if (Array.isArray(e)) {
+    t = document.createDocumentFragment();
+    for (const o of e)
+      l(s, t, o);
+  } else if (typeof e == "number" || typeof e == "boolean" || typeof e == "string")
+    t = document.createTextNode(e.toString());
+  else {
+    const o = e;
+    throw new Error(`Invalid element type: ${o}`);
+  }
+  i.appendChild(t), s.cleanup(() => i.removeChild(t));
+}
+export {
+  u as c,
+  l as r
+};
+//# sourceMappingURL=dom-BsFrLb_F.js.map

package/dom-BsFrLb_F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-BsFrLb_F.js","sources":["../../signals/src/dom.ts"],"sourcesContent":["import type { Effect } from \".\";\n\nexport type CreateOptions<T extends HTMLElement> = {\n\tstyle?: Partial<CSSStyleDeclaration>;\n\tclassName?: string;\n\tclassList?: string[];\n\tid?: string;\n\tdataset?: Record<string, string>;\n\tattributes?: Record<string, string>;\n} & Partial<Omit<T, \"style\" | \"dataset\">>;\n\nexport function create<K extends keyof HTMLElementTagNameMap>(\n\ttagName: K,\n\toptions?: CreateOptions<HTMLElementTagNameMap[K] & HTMLElement>,\n\t...children: (HTMLElement | string)[]\n): HTMLElementTagNameMap[K] {\n\tconst element = document.createElement(tagName);\n\n\tif (!options) return element;\n\n\tconst { style, classList, dataset, attributes, ...props } = options;\n\n\t// Apply styles\n\tif (style) {\n\t\tObject.assign(element.style, style);\n\t}\n\n\t// Apply class list\n\tif (classList) {\n\t\telement.classList.add(...classList);\n\t}\n\n\t// Apply dataset\n\tif (dataset) {\n\t\tObject.entries(dataset).forEach(([key, value]) => {\n\t\t\telement.dataset[key] = value;\n\t\t});\n\t}\n\n\t// Apply attributes\n\tif (attributes) {\n\t\tObject.entries(attributes).forEach(([key, value]) => {\n\t\t\telement.setAttribute(key, value);\n\t\t});\n\t}\n\n\t// Append children\n\tif (children) {\n\t\tchildren.forEach((child) => {\n\t\t\tif (typeof child === \"string\") {\n\t\t\t\telement.appendChild(document.createTextNode(child));\n\t\t\t} else {\n\t\t\t\telement.appendChild(child);\n\t\t\t}\n\t\t});\n\t}\n\n\t// Apply other properties\n\tObject.assign(element, props);\n\n\treturn element;\n}\n\n// Matches solid.js's JSX.Element type.\nexport type Element = Node | ArrayElement | (string & {}) | number | boolean | null | undefined;\ninterface ArrayElement extends Array<Element> {}\n\nexport function render(effect: Effect, parent: Node, element: Element | ((effect: Effect) => Element)) {\n\tconst e = typeof element === \"function\" ? element(effect) : element;\n\tif (e === undefined || e === null) return;\n\n\tlet node: Node;\n\tif (e instanceof Node) {\n\t\tnode = e;\n\t} else if (Array.isArray(e)) {\n\t\tnode = document.createDocumentFragment();\n\t\tfor (const child of e) {\n\t\t\trender(effect, node, child);\n\t\t}\n\t} else if (typeof e === \"number\" || typeof e === \"boolean\" || typeof e === \"string\") {\n\t\tnode = document.createTextNode(e.toString());\n\t} else {\n\t\tconst exhaustive: never = e;\n\t\tthrow new Error(`Invalid element type: ${exhaustive}`);\n\t}\n\n\tparent.appendChild(node);\n\teffect.cleanup(() => parent.removeChild(node));\n}\n\nexport function setClass(effect: Effect, element: HTMLElement, ...classNames: string[]) {\n\tfor (const className of classNames) {\n\t\telement.classList.add(className);\n\t}\n\n\teffect.cleanup(() => {\n\t\tfor (const className of classNames) {\n\t\t\telement.classList.remove(className);\n\t\t}\n\t});\n}\n"],"names":["create","tagName","options","children","element","style","classList","dataset","attributes","props","key","value","child","render","effect","parent","node","exhaustive"],"mappings":"AAWO,SAASA,EACfC,GACAC,MACGC,GACwB;AAC3B,QAAMC,IAAU,SAAS,cAAcH,CAAO;AAE9C,MAAI,CAACC,EAAS,QAAOE;AAErB,QAAM,EAAE,OAAAC,GAAO,WAAAC,GAAW,SAAAC,GAAS,YAAAC,GAAY,GAAGC,MAAUP;AAG5D,SAAIG,KACH,OAAO,OAAOD,EAAQ,OAAOC,CAAK,GAI/BC,KACHF,EAAQ,UAAU,IAAI,GAAGE,CAAS,GAI/BC,KACH,OAAO,QAAQA,CAAO,EAAE,QAAQ,CAAC,CAACG,GAAKC,CAAK,MAAM;AACjD,IAAAP,EAAQ,QAAQM,CAAG,IAAIC;AAAA,EACxB,CAAC,GAIEH,KACH,OAAO,QAAQA,CAAU,EAAE,QAAQ,CAAC,CAACE,GAAKC,CAAK,MAAM;AACpD,IAAAP,EAAQ,aAAaM,GAAKC,CAAK;AAAA,EAChC,CAAC,GAIER,KACHA,EAAS,QAAQ,CAACS,MAAU;AAC3B,IAAI,OAAOA,KAAU,WACpBR,EAAQ,YAAY,SAAS,eAAeQ,CAAK,CAAC,IAElDR,EAAQ,YAAYQ,CAAK;AAAA,EAE3B,CAAC,GAIF,OAAO,OAAOR,GAASK,CAAK,GAErBL;AACR;AAMO,SAASS,EAAOC,GAAgBC,GAAcX,GAAkD;AACtG,QAAM,IAAI,OAAOA,KAAY,aAAaA,EAAQU,CAAM,IAAIV;AAC5D,MAAuB,KAAM,KAAM;AAEnC,MAAIY;AACJ,MAAI,aAAa;AAChB,IAAAA,IAAO;AAAA,WACG,MAAM,QAAQ,CAAC,GAAG;AAC5B,IAAAA,IAAO,SAAS,uBAAA;AAChB,eAAWJ,KAAS;AACnB,MAAAC,EAAOC,GAAQE,GAAMJ,CAAK;AAAA,EAE5B,WAAW,OAAO,KAAM,YAAY,OAAO,KAAM,aAAa,OAAO,KAAM;AAC1E,IAAAI,IAAO,SAAS,eAAe,EAAE,SAAA,CAAU;AAAA,OACrC;AACN,UAAMC,IAAoB;AAC1B,UAAM,IAAI,MAAM,yBAAyBA,CAAU,EAAE;AAAA,EACtD;AAEA,EAAAF,EAAO,YAAYC,CAAI,GACvBF,EAAO,QAAQ,MAAMC,EAAO,YAAYC,CAAI,CAAC;AAC9C;"}

package/element.d.ts

@@ -1,5 +1,6 @@
-import type { Time } from "@moq/lite";
-import * as Moq from "@moq/lite";
+import type * as Catalog from "@moq/hang/catalog";
+import type { Time } from "@moq/net";
+import * as Moq from "@moq/net";
 import { MultiBackend } from "./backend";
 import { Broadcast, type CatalogFormat } from "./broadcast";
 import type { Latency } from "./sync";
@@ -34,8 +35,14 @@ export default class MoqWatch extends HTMLElement {
     get jitter(): Time.Milli;
     /** @deprecated Use `latency = <number>` instead. */
     set jitter(value: number);
-    get catalogFormat(): CatalogFormat;
-    set catalogFormat(value: CatalogFormat);
+    get catalogFormat(): CatalogFormat | undefined;
+    set catalogFormat(value: CatalogFormat | undefined);
+    /**
+     * The active catalog. Assign directly when `catalogFormat` is `"manual"`;
+     * for `"hang"` and `"msf"` this is overwritten by the fetch loop.
+     */
+    get catalog(): Catalog.Root | undefined;
+    set catalog(value: Catalog.Root | undefined);
 }
 declare global {
     interface HTMLElementTagNameMap {

package/element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,KAAK,GAAG,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAMtC,QAAA,MAAM,QAAQ,wGAAyG,CAAC;AACxH,KAAK,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAQ1C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW;;IAChD,MAAM,CAAC,kBAAkB,yGAAY;IAGrC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;IAGlC,SAAS,EAAE,SAAS,CAAC;IAGrB,OAAO,EAAE,YAAY,CAAC;IAMtB,OAAO,qBAAgB;;IAsGvB,iBAAiB;IAMjB,oBAAoB;IAUpB,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAmCzF,IAAI,GAAG,IAAI,GAAG,GAAG,SAAS,CAEzB;IAED,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,EAEtC;IAED,IAAI,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAEzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,EAEtC;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAEvB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,yCAAyC;IACzC,IAAI,MAAM,IAAI,IAAI,CAAC,KAAK,CAEvB;IAED,oDAAoD;IACpD,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,IAAI,aAAa,IAAI,aAAa,CAEjC;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,aAAa,EAErC;CACD;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,KAAK,GAAG,MAAM,UAAU,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAsB,MAAM,aAAa,CAAC;AAChF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,QAAA,MAAM,QAAQ,wGAAyG,CAAC;AACxH,KAAK,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAQ1C,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW;;IAChD,MAAM,CAAC,kBAAkB,yGAAY;IAGrC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;IAGlC,SAAS,EAAE,SAAS,CAAC;IAGrB,OAAO,EAAE,YAAY,CAAC;IAMtB,OAAO,qBAAgB;;IAuHvB,iBAAiB;IAMjB,oBAAoB;IAUpB,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAmCzF,IAAI,GAAG,IAAI,GAAG,GAAG,SAAS,CAEzB;IAED,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,GAAG,SAAS,EAEtC;IAED,IAAI,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAEzB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,EAEtC;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAEvB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,yCAAyC;IACzC,IAAI,MAAM,IAAI,IAAI,CAAC,KAAK,CAEvB;IAED,oDAAoD;IACpD,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,IAAI,aAAa,IAAI,aAAa,GAAG,SAAS,CAE7C;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,EAEjD;IAED;;;OAGG;IACH,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,GAAG,SAAS,CAEtC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,GAAG,SAAS,EAE1C;CACD;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}

package/element.js

@@ -1,12 +1,9 @@
-import * as r from "@moq/lite";
-import { Signal as c, Effect as l } from "@moq/signals";
-import { B as d, h as u } from "./broadcast-BImEYz4N.js";
-function h(n) {
-  return n === "msf" ? "msf" : "hang";
-}
-const b = ["url", "name", "paused", "volume", "muted", "reload", "latency", "jitter", "catalog-format"], m = new FinalizationRegistry((n) => n.close());
-class g extends HTMLElement {
-  static observedAttributes = b;
+import * as r from "@moq/net";
+import { Signal as h, Effect as u } from "@moq/signals";
+import { B as b, h as m, p as g } from "./broadcast-CLjMphZS.js";
+const p = ["url", "name", "paused", "volume", "muted", "reload", "latency", "jitter", "catalog-format"], k = new FinalizationRegistry((c) => c.close());
+class v extends HTMLElement {
+  static observedAttributes = p;
   // The connection to the moq-relay server.
   connection;
   // The broadcast being watched.
@@ -14,44 +11,39 @@ class g extends HTMLElement {
   // The backend that powers this element.
   backend;
   // Set when the element is connected to the DOM.
-  #t = new c(!1);
+  #t = new h(!1);
   // Expose the Effect class, so users can easily create effects scoped to this element.
-  signals = new l();
+  signals = new u();
   constructor() {
-    super(), m.register(this, this.signals), this.connection = new r.Connection.Reload({
+    super(), k.register(this, this.signals), this.connection = new r.Connection.Reload({
       enabled: this.#t
-    }), this.signals.cleanup(() => this.connection.close()), this.broadcast = new d({
+    }), this.signals.cleanup(() => this.connection.close()), this.broadcast = new b({
       connection: this.connection.established,
       announced: this.connection.announced,
       enabled: this.#t
-    }), this.signals.cleanup(() => this.broadcast.close());
-    const t = new c(void 0);
-    this.signals.run((e) => {
-      const o = e.get(this.connection.established)?.rtt;
-      t.set(o ? e.get(o) : void 0);
-    }), this.backend = new u({
+    }), this.signals.cleanup(() => this.broadcast.close()), this.backend = new m({
       broadcast: this.broadcast,
-      rtt: t
+      connection: this.connection.established
     }), this.signals.cleanup(() => this.backend.close());
-    const a = () => {
-      const e = this.querySelector("canvas"), i = this.querySelector("video");
-      if (e && i)
+    const t = () => {
+      const e = this.querySelector("canvas"), s = this.querySelector("video");
+      if (e && s)
         throw new Error("Cannot have both canvas and video elements");
-      this.backend.element.set(e ?? i);
-    }, s = new MutationObserver(a);
-    s.observe(this, { childList: !0, subtree: !0 }), this.signals.cleanup(() => s.disconnect()), a(), this.signals.run((e) => {
-      const i = e.get(this.connection.url);
-      i ? this.setAttribute("url", i.toString()) : this.removeAttribute("url");
+      this.backend.element.set(e ?? s);
+    }, a = new MutationObserver(t);
+    a.observe(this, { childList: !0, subtree: !0 }), this.signals.cleanup(() => a.disconnect()), t(), this.signals.run((e) => {
+      const s = e.get(this.connection.url);
+      s ? this.setAttribute("url", s.toString()) : this.removeAttribute("url");
     }), this.signals.run((e) => {
-      const i = e.get(this.broadcast.name);
-      this.setAttribute("name", i.toString());
+      const s = e.get(this.broadcast.name);
+      this.setAttribute("name", s.toString());
     }), this.signals.run((e) => {
       e.get(this.backend.audio.muted) ? this.setAttribute("muted", "") : this.removeAttribute("muted");
     }), this.signals.run((e) => {
       e.get(this.backend.paused) ? this.setAttribute("paused", "true") : this.removeAttribute("paused");
     }), this.signals.run((e) => {
-      const i = e.get(this.backend.audio.volume);
-      this.setAttribute("volume", i.toString());
+      const s = e.get(this.backend.audio.volume);
+      this.setAttribute("volume", s.toString());
     }), this.signals.run((e) => {
       if (e.get(this.backend.latency) === "real-time")
         this.setAttribute("latency", "real-time");
@@ -60,6 +52,21 @@ class g extends HTMLElement {
         this.setAttribute("latency", o.toString());
       }
     });
+    const i = (e, s) => {
+      if (e <= 0 || s <= 0) return;
+      const o = window.devicePixelRatio || 1;
+      this.backend.video.source.target.update((d) => ({
+        ...d,
+        width: Math.round(e * o),
+        height: Math.round(s * o)
+      }));
+    }, n = new ResizeObserver((e) => {
+      const s = e[0];
+      s && i(s.contentRect.width, s.contentRect.height);
+    });
+    n.observe(this), this.signals.cleanup(() => n.disconnect());
+    const l = this.getBoundingClientRect();
+    i(l.width, l.height);
   }
   // Annoyingly, we have to use these callbacks to figure out when the element is connected to the DOM.
   // This wouldn't be so bad if there was a destructor for web components to clean up our effects.
@@ -73,30 +80,30 @@ class g extends HTMLElement {
     const a = t ? Number.parseFloat(t) : Number.NaN;
     this.backend.latency.set(Number.isFinite(a) ? a : 100);
   }
-  attributeChangedCallback(t, a, s) {
-    if (a !== s)
+  attributeChangedCallback(t, a, i) {
+    if (a !== i)
       if (t === "url")
-        this.connection.url.set(s ? new URL(s) : void 0);
+        this.connection.url.set(i ? new URL(i) : void 0);
       else if (t === "name")
-        this.broadcast.name.set(r.Path.from(s ?? ""));
+        this.broadcast.name.set(r.Path.from(i ?? ""));
       else if (t === "paused")
-        this.backend.paused.set(s !== null);
+        this.backend.paused.set(i !== null);
       else if (t === "volume") {
-        const e = s ? Number.parseFloat(s) : 0.5;
-        this.backend.audio.volume.set(e);
+        const n = i ? Number.parseFloat(i) : 0.5;
+        this.backend.audio.volume.set(n);
       } else if (t === "muted")
-        this.backend.audio.muted.set(s !== null);
+        this.backend.audio.muted.set(i !== null);
       else if (t === "reload")
-        this.broadcast.reload.set(s !== null);
+        this.broadcast.reload.set(i !== null);
       else if (t === "latency")
-        !s || s === "real-time" ? this.backend.latency.set("real-time") : this.#e(s);
+        !i || i === "real-time" ? this.backend.latency.set("real-time") : this.#e(i);
       else if (t === "jitter")
-        this.#e(s);
+        this.#e(i);
       else if (t === "catalog-format")
-        this.broadcast.catalogFormat.set(h(s));
+        this.broadcast.catalogFormat.set(g(i));
       else {
-        const e = t;
-        throw new Error(`Invalid attribute: ${e}`);
+        const n = t;
+        throw new Error(`Invalid attribute: ${n}`);
       }
   }
   get url() {
@@ -155,9 +162,19 @@ class g extends HTMLElement {
   set catalogFormat(t) {
     this.broadcast.catalogFormat.set(t);
   }
+  /**
+   * The active catalog. Assign directly when `catalogFormat` is `"manual"`;
+   * for `"hang"` and `"msf"` this is overwritten by the fetch loop.
+   */
+  get catalog() {
+    return this.broadcast.catalog.peek();
+  }
+  set catalog(t) {
+    this.broadcast.catalog.set(t);
+  }
 }
-customElements.define("moq-watch", g);
+customElements.define("moq-watch", v);
 export {
-  g as default
+  v as default
 };
 //# sourceMappingURL=element.js.map

package/element.js.map

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

package/index.d.ts

@@ -1,4 +1,4 @@
-export * as Lite from "@moq/lite";
+export * as Lite from "@moq/net";
 export * as Signals from "@moq/signals";
 export * as Audio from "./audio";
 export * from "./backend";

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,OAAO,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,GAAG,MAAM,OAAO,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,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,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,GAAG,MAAM,OAAO,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}

package/index.js

@@ -1,9 +1,9 @@
-import * as E from "@moq/lite";
+import * as D from "@moq/net";
 import { Signal as i, Effect as h } from "@moq/signals";
-import * as I from "@moq/signals";
-import { o as m, a as c, b as d, s as w, D as y, M as S, R as _, S as f, c as M, E as k, d as P, e as O, P as g, f as j, g as x } from "./broadcast-BImEYz4N.js";
-import { B as G, m as H, h as K, i as Q, t as U } from "./broadcast-BImEYz4N.js";
-const T = m({
+import * as F from "@moq/signals";
+import { o as m, a as c, b as d, s as w, D as y, M as S, R as _, S as M, c as f, E as O, d as k, e as P, P as g, f as T, g as j } from "./broadcast-CLjMphZS.js";
+import { B as Y, C as H, m as K, h as Q, i as U, p as X, t as Z } from "./broadcast-CLjMphZS.js";
+const x = m({
   name: c(w()),
   // name
   avatar: c(w()),
@@ -18,18 +18,18 @@ const T = m({
   // chatted recently
   screen: c(d())
   // screen sharing
-}), L = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), I = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Decoder: y,
   Mse: S,
   Renderer: _,
-  Source: f
-}, Symbol.toStringTag, { value: "Module" })), q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  Source: M
+}, Symbol.toStringTag, { value: "Module" })), J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Decoder: M,
-  Emitter: k,
-  Mse: P,
-  Source: O
+  Decoder: f,
+  Emitter: O,
+  Mse: k,
+  Source: P
 }, Symbol.toStringTag, { value: "Module" }));
 class A {
   broadcast;
@@ -107,7 +107,7 @@ class $ {
     this.#s.close(), this.message.close(), this.typing.close();
   }
 }
-const F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Chat: $
 }, Symbol.toStringTag, { value: "Module" }));
@@ -116,7 +116,7 @@ async function b(l, s) {
   if (e !== void 0)
     return s.parse(e);
 }
-class z {
+class C {
   enabled;
   broadcast;
   #t = new i(void 0);
@@ -136,7 +136,7 @@ class z {
   async #a(s) {
     try {
       for (; ; ) {
-        const e = await b(s, j);
+        const e = await b(s, T);
         if (!e) break;
         this.#s.set(e);
       }
@@ -151,7 +151,7 @@ class z {
     this.signals.close();
   }
 }
-class B {
+class z {
   broadcast;
   enabled;
   #t = new i(void 0);
@@ -179,7 +179,7 @@ class B {
   async #a(s) {
     try {
       for (; ; ) {
-        const e = await b(s, x);
+        const e = await b(s, j);
         if (!e) break;
         this.#e.set(e);
       }
@@ -191,22 +191,22 @@ class B {
     this.signals.close();
   }
 }
-class D {
+class B {
   window;
   peers;
   signals = new h();
   constructor(s, e, a) {
-    this.window = new B(s, e, a?.window), this.peers = new z(s, e, a?.peers);
+    this.window = new z(s, e, a?.window), this.peers = new C(s, e, a?.peers);
   }
   close() {
     this.signals.close(), this.window.close(), this.peers.close();
   }
 }
-const N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Root: D
+  Root: B
 }, Symbol.toStringTag, { value: "Module" }));
-class V {
+class N {
   broadcast;
   enabled;
   preview = new i(void 0);
@@ -221,7 +221,7 @@ class V {
       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, T);
+          const u = await b(p, x);
           if (!u) return;
           this.preview.set(u);
         } catch (u) {
@@ -235,17 +235,19 @@ class V {
   }
 }
 export {
-  q as Audio,
-  G as Broadcast,
-  F as Chat,
-  E as Lite,
-  N as Location,
-  H as Mse,
-  K as MultiBackend,
-  V as Preview,
-  I as Signals,
-  Q as Sync,
-  L as Video,
-  U as timeRangesToArray
+  J as Audio,
+  Y as Broadcast,
+  H as CATALOG_FORMATS,
+  q as Chat,
+  D as Lite,
+  G as Location,
+  K as Mse,
+  Q as MultiBackend,
+  N as Preview,
+  F as Signals,
+  U as Sync,
+  I as Video,
+  X as parseCatalogFormat,
+  Z as timeRangesToArray
 };
 //# sourceMappingURL=index.js.map