@moq/watch 0.2.13 → 0.2.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -9
- package/audio/source.d.ts.map +1 -1
- package/broadcast-jtLUfuyL.js +4291 -0
- package/broadcast-jtLUfuyL.js.map +1 -0
- package/broadcast.d.ts.map +1 -1
- package/dom-Yz3UT5ap.js +29 -0
- package/dom-Yz3UT5ap.js.map +1 -0
- package/element.js +162 -178
- package/element.js.map +1 -1
- package/index.d.ts +1 -3
- package/index.d.ts.map +1 -1
- package/index.js +5 -254
- package/libav-opus-af-CzuaKpJb.js +252 -0
- package/libav-opus-af-CzuaKpJb.js.map +1 -0
- package/main-bFFHfuX4.js +1999 -0
- package/main-bFFHfuX4.js.map +1 -0
- package/package.json +5 -4
- package/support/element.js +122 -172
- package/support/element.js.map +1 -1
- package/support/index.js +52 -53
- package/support/index.js.map +1 -1
- package/ui/element.js +335 -359
- package/ui/element.js.map +1 -1
- package/video/source.d.ts.map +1 -1
- package/broadcast-CLjMphZS.js +0 -5000
- package/broadcast-CLjMphZS.js.map +0 -1
- package/chat/index.d.ts +0 -17
- package/chat/index.d.ts.map +0 -1
- package/chat/message.d.ts +0 -16
- package/chat/message.d.ts.map +0 -1
- package/chat/typing.d.ts +0 -16
- package/chat/typing.d.ts.map +0 -1
- package/dom-BsFrLb_F.js +0 -35
- package/dom-BsFrLb_F.js.map +0 -1
- package/index.js.map +0 -1
- package/libav-opus-af-BlMWboA7.js +0 -368
- package/libav-opus-af-BlMWboA7.js.map +0 -1
- package/location/index.d.ts +0 -17
- package/location/index.d.ts.map +0 -1
- package/location/peers.d.ts +0 -16
- package/location/peers.d.ts.map +0 -1
- package/location/window.d.ts +0 -17
- package/location/window.d.ts.map +0 -1
- package/main-DGBFe0O7.js +0 -2301
- package/main-DGBFe0O7.js.map +0 -1
- package/preview.d.ts +0 -23
- package/preview.d.ts.map +0 -1
- package/user.d.ts +0 -17
- package/user.d.ts.map +0 -1
package/broadcast.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"broadcast.d.ts","sourceRoot":"","sources":["../src/broadcast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"broadcast.d.ts","sourceRoot":"","sources":["../src/broadcast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC;AAG7C,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;IAiHlC,KAAK;CAGL"}
|
package/dom-Yz3UT5ap.js
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
//#region ../signals/src/dom.ts
|
|
2
|
+
function e(e, t, ...n) {
|
|
3
|
+
let r = document.createElement(e);
|
|
4
|
+
if (!t) return r;
|
|
5
|
+
let { style: i, classList: a, dataset: o, attributes: s, ...c } = t;
|
|
6
|
+
return i && Object.assign(r.style, i), a && r.classList.add(...a), o && Object.entries(o).forEach(([e, t]) => {
|
|
7
|
+
r.dataset[e] = t;
|
|
8
|
+
}), s && Object.entries(s).forEach(([e, t]) => {
|
|
9
|
+
r.setAttribute(e, t);
|
|
10
|
+
}), n && n.forEach((e) => {
|
|
11
|
+
typeof e == "string" ? r.appendChild(document.createTextNode(e)) : r.appendChild(e);
|
|
12
|
+
}), Object.assign(r, c), r;
|
|
13
|
+
}
|
|
14
|
+
function t(e, n, r) {
|
|
15
|
+
let i = typeof r == "function" ? r(e) : r;
|
|
16
|
+
if (i == null) return;
|
|
17
|
+
let a;
|
|
18
|
+
if (i instanceof Node) a = i;
|
|
19
|
+
else if (Array.isArray(i)) {
|
|
20
|
+
a = document.createDocumentFragment();
|
|
21
|
+
for (let n of i) t(e, a, n);
|
|
22
|
+
} else if (typeof i == "number" || typeof i == "boolean" || typeof i == "string") a = document.createTextNode(i.toString());
|
|
23
|
+
else throw Error(`Invalid element type: ${i}`);
|
|
24
|
+
n.appendChild(a), e.cleanup(() => n.removeChild(a));
|
|
25
|
+
}
|
|
26
|
+
//#endregion
|
|
27
|
+
export { t as n, e as t };
|
|
28
|
+
|
|
29
|
+
//# sourceMappingURL=dom-Yz3UT5ap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dom-Yz3UT5ap.js","names":[],"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"],"mappings":";AAWA,SAAgB,EACf,GACA,GACA,GAAG,GACwB;CAC3B,IAAM,IAAU,SAAS,cAAc,CAAO;CAE9C,IAAI,CAAC,GAAS,OAAO;CAErB,IAAM,EAAE,UAAO,cAAW,YAAS,eAAY,GAAG,MAAU;CAwC5D,OArCI,KACH,OAAO,OAAO,EAAQ,OAAO,CAAK,GAI/B,KACH,EAAQ,UAAU,IAAI,GAAG,CAAS,GAI/B,KACH,OAAO,QAAQ,CAAO,EAAE,SAAS,CAAC,GAAK,OAAW;EACjD,EAAQ,QAAQ,KAAO;CACxB,CAAC,GAIE,KACH,OAAO,QAAQ,CAAU,EAAE,SAAS,CAAC,GAAK,OAAW;EACpD,EAAQ,aAAa,GAAK,CAAK;CAChC,CAAC,GAIE,KACH,EAAS,SAAS,MAAU;EAC3B,AAAI,OAAO,KAAU,WACpB,EAAQ,YAAY,SAAS,eAAe,CAAK,CAAC,IAElD,EAAQ,YAAY,CAAK;CAE3B,CAAC,GAIF,OAAO,OAAO,GAAS,CAAK,GAErB;AACR;AAMA,SAAgB,EAAO,GAAgB,GAAc,GAAkD;CACtG,IAAM,IAAI,OAAO,KAAY,aAAa,EAAQ,CAAM,IAAI;CAC5D,IAAI,KAAyB,MAAM;CAEnC,IAAI;CACJ,IAAI,aAAa,MAChB,IAAO;MACD,IAAI,MAAM,QAAQ,CAAC,GAAG;EAC5B,IAAO,SAAS,uBAAuB;EACvC,KAAK,IAAM,KAAS,GACnB,EAAO,GAAQ,GAAM,CAAK;CAE5B,OAAO,IAAI,OAAO,KAAM,YAAY,OAAO,KAAM,aAAa,OAAO,KAAM,UAC1E,IAAO,SAAS,eAAe,EAAE,SAAS,CAAC;MAG3C,MAAU,MAAM,yBAAyB,GAAY;CAItD,AADA,EAAO,YAAY,CAAI,GACvB,EAAO,cAAc,EAAO,YAAY,CAAI,CAAC;AAC9C"}
|
package/element.js
CHANGED
|
@@ -1,180 +1,164 @@
|
|
|
1
|
+
import { a as e, r as t, t as n } from "./broadcast-jtLUfuyL.js";
|
|
1
2
|
import * as r from "@moq/net";
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
}
|
|
159
|
-
get catalogFormat() {
|
|
160
|
-
return this.broadcast.catalogFormat.peek();
|
|
161
|
-
}
|
|
162
|
-
set catalogFormat(t) {
|
|
163
|
-
this.broadcast.catalogFormat.set(t);
|
|
164
|
-
}
|
|
165
|
-
/**
|
|
166
|
-
* The active catalog. Assign directly when `catalogFormat` is `"manual"`;
|
|
167
|
-
* for `"hang"` and `"msf"` this is overwritten by the fetch loop.
|
|
168
|
-
*/
|
|
169
|
-
get catalog() {
|
|
170
|
-
return this.broadcast.catalog.peek();
|
|
171
|
-
}
|
|
172
|
-
set catalog(t) {
|
|
173
|
-
this.broadcast.catalog.set(t);
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
customElements.define("moq-watch", v);
|
|
177
|
-
export {
|
|
178
|
-
v as default
|
|
3
|
+
import { Effect as i, Signal as a } from "@moq/signals";
|
|
4
|
+
//#region src/element.ts
|
|
5
|
+
var o = [
|
|
6
|
+
"url",
|
|
7
|
+
"name",
|
|
8
|
+
"paused",
|
|
9
|
+
"volume",
|
|
10
|
+
"muted",
|
|
11
|
+
"reload",
|
|
12
|
+
"latency",
|
|
13
|
+
"jitter",
|
|
14
|
+
"catalog-format"
|
|
15
|
+
], s = new FinalizationRegistry((e) => e.close()), c = class extends HTMLElement {
|
|
16
|
+
static observedAttributes = o;
|
|
17
|
+
connection;
|
|
18
|
+
broadcast;
|
|
19
|
+
backend;
|
|
20
|
+
#e = new a(!1);
|
|
21
|
+
signals = new i();
|
|
22
|
+
constructor() {
|
|
23
|
+
super(), s.register(this, this.signals), this.connection = new r.Connection.Reload({ enabled: this.#e }), this.signals.cleanup(() => this.connection.close()), this.broadcast = new n({
|
|
24
|
+
connection: this.connection.established,
|
|
25
|
+
announced: this.connection.announced,
|
|
26
|
+
enabled: this.#e
|
|
27
|
+
}), this.signals.cleanup(() => this.broadcast.close()), this.backend = new e({
|
|
28
|
+
broadcast: this.broadcast,
|
|
29
|
+
connection: this.connection.established
|
|
30
|
+
}), this.signals.cleanup(() => this.backend.close());
|
|
31
|
+
let t = () => {
|
|
32
|
+
let e = this.querySelector("canvas"), t = this.querySelector("video");
|
|
33
|
+
if (e && t) throw Error("Cannot have both canvas and video elements");
|
|
34
|
+
this.backend.element.set(e ?? t);
|
|
35
|
+
}, i = new MutationObserver(t);
|
|
36
|
+
i.observe(this, {
|
|
37
|
+
childList: !0,
|
|
38
|
+
subtree: !0
|
|
39
|
+
}), this.signals.cleanup(() => i.disconnect()), t(), this.signals.run((e) => {
|
|
40
|
+
let t = e.get(this.connection.url);
|
|
41
|
+
t ? this.setAttribute("url", t.toString()) : this.removeAttribute("url");
|
|
42
|
+
}), this.signals.run((e) => {
|
|
43
|
+
let t = e.get(this.broadcast.name);
|
|
44
|
+
this.setAttribute("name", t.toString());
|
|
45
|
+
}), this.signals.run((e) => {
|
|
46
|
+
e.get(this.backend.audio.muted) ? this.setAttribute("muted", "") : this.removeAttribute("muted");
|
|
47
|
+
}), this.signals.run((e) => {
|
|
48
|
+
e.get(this.backend.paused) ? this.setAttribute("paused", "true") : this.removeAttribute("paused");
|
|
49
|
+
}), this.signals.run((e) => {
|
|
50
|
+
let t = e.get(this.backend.audio.volume);
|
|
51
|
+
this.setAttribute("volume", t.toString());
|
|
52
|
+
}), this.signals.run((e) => {
|
|
53
|
+
if (e.get(this.backend.latency) === "real-time") this.setAttribute("latency", "real-time");
|
|
54
|
+
else {
|
|
55
|
+
let t = Math.floor(e.get(this.backend.jitter));
|
|
56
|
+
this.setAttribute("latency", t.toString());
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
let a = (e, t) => {
|
|
60
|
+
if (e <= 0 || t <= 0) return;
|
|
61
|
+
let n = window.devicePixelRatio || 1;
|
|
62
|
+
this.backend.video.source.target.update((r) => ({
|
|
63
|
+
...r,
|
|
64
|
+
width: Math.round(e * n),
|
|
65
|
+
height: Math.round(t * n)
|
|
66
|
+
}));
|
|
67
|
+
}, o = new ResizeObserver((e) => {
|
|
68
|
+
let t = e[0];
|
|
69
|
+
t && a(t.contentRect.width, t.contentRect.height);
|
|
70
|
+
});
|
|
71
|
+
o.observe(this), this.signals.cleanup(() => o.disconnect());
|
|
72
|
+
let c = this.getBoundingClientRect();
|
|
73
|
+
a(c.width, c.height);
|
|
74
|
+
}
|
|
75
|
+
connectedCallback() {
|
|
76
|
+
this.#e.set(!0), this.style.display = "block", this.style.position = "relative";
|
|
77
|
+
}
|
|
78
|
+
disconnectedCallback() {
|
|
79
|
+
this.#e.set(!1);
|
|
80
|
+
}
|
|
81
|
+
#t(e) {
|
|
82
|
+
let t = e ? Number.parseFloat(e) : NaN;
|
|
83
|
+
this.backend.latency.set(Number.isFinite(t) ? t : 100);
|
|
84
|
+
}
|
|
85
|
+
attributeChangedCallback(e, n, i) {
|
|
86
|
+
if (n !== i) if (e === "url") this.connection.url.set(i ? new URL(i) : void 0);
|
|
87
|
+
else if (e === "name") this.broadcast.name.set(r.Path.from(i ?? ""));
|
|
88
|
+
else if (e === "paused") this.backend.paused.set(i !== null);
|
|
89
|
+
else if (e === "volume") {
|
|
90
|
+
let e = i ? Number.parseFloat(i) : .5;
|
|
91
|
+
this.backend.audio.volume.set(e);
|
|
92
|
+
} else if (e === "muted") this.backend.audio.muted.set(i !== null);
|
|
93
|
+
else if (e === "reload") this.broadcast.reload.set(i !== null);
|
|
94
|
+
else if (e === "latency") !i || i === "real-time" ? this.backend.latency.set("real-time") : this.#t(i);
|
|
95
|
+
else if (e === "jitter") this.#t(i);
|
|
96
|
+
else if (e === "catalog-format") this.broadcast.catalogFormat.set(t(i));
|
|
97
|
+
else throw Error(`Invalid attribute: ${e}`);
|
|
98
|
+
}
|
|
99
|
+
get url() {
|
|
100
|
+
return this.connection.url.peek();
|
|
101
|
+
}
|
|
102
|
+
set url(e) {
|
|
103
|
+
this.connection.url.set(e ? new URL(e) : void 0);
|
|
104
|
+
}
|
|
105
|
+
get name() {
|
|
106
|
+
return this.broadcast.name.peek();
|
|
107
|
+
}
|
|
108
|
+
set name(e) {
|
|
109
|
+
this.broadcast.name.set(r.Path.from(e));
|
|
110
|
+
}
|
|
111
|
+
get paused() {
|
|
112
|
+
return this.backend.paused.peek();
|
|
113
|
+
}
|
|
114
|
+
set paused(e) {
|
|
115
|
+
this.backend.paused.set(e);
|
|
116
|
+
}
|
|
117
|
+
get volume() {
|
|
118
|
+
return this.backend.audio.volume.peek();
|
|
119
|
+
}
|
|
120
|
+
set volume(e) {
|
|
121
|
+
this.backend.audio.volume.set(e);
|
|
122
|
+
}
|
|
123
|
+
get muted() {
|
|
124
|
+
return this.backend.audio.muted.peek();
|
|
125
|
+
}
|
|
126
|
+
set muted(e) {
|
|
127
|
+
this.backend.audio.muted.set(e);
|
|
128
|
+
}
|
|
129
|
+
get reload() {
|
|
130
|
+
return this.broadcast.reload.peek();
|
|
131
|
+
}
|
|
132
|
+
set reload(e) {
|
|
133
|
+
this.broadcast.reload.set(e);
|
|
134
|
+
}
|
|
135
|
+
get latency() {
|
|
136
|
+
return this.backend.latency.peek();
|
|
137
|
+
}
|
|
138
|
+
set latency(e) {
|
|
139
|
+
this.backend.latency.set(e);
|
|
140
|
+
}
|
|
141
|
+
get jitter() {
|
|
142
|
+
return this.backend.jitter.peek();
|
|
143
|
+
}
|
|
144
|
+
set jitter(e) {
|
|
145
|
+
this.backend.latency.set(e);
|
|
146
|
+
}
|
|
147
|
+
get catalogFormat() {
|
|
148
|
+
return this.broadcast.catalogFormat.peek();
|
|
149
|
+
}
|
|
150
|
+
set catalogFormat(e) {
|
|
151
|
+
this.broadcast.catalogFormat.set(e);
|
|
152
|
+
}
|
|
153
|
+
get catalog() {
|
|
154
|
+
return this.broadcast.catalog.peek();
|
|
155
|
+
}
|
|
156
|
+
set catalog(e) {
|
|
157
|
+
this.broadcast.catalog.set(e);
|
|
158
|
+
}
|
|
179
159
|
};
|
|
180
|
-
|
|
160
|
+
customElements.define("moq-watch", c);
|
|
161
|
+
//#endregion
|
|
162
|
+
export { c as default };
|
|
163
|
+
|
|
164
|
+
//# sourceMappingURL=element.js.map
|
package/element.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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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"}
|
|
1
|
+
{"version":3,"file":"element.js","names":["#enabled","#setLatencyNumber"],"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"],"mappings":"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"}
|
package/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * as Hang from "@moq/hang";
|
|
1
2
|
export * as Net from "@moq/net";
|
|
2
3
|
/** @deprecated Use `Net` instead. */
|
|
3
4
|
export * as Lite from "@moq/net";
|
|
@@ -5,10 +6,7 @@ export * as Signals from "@moq/signals";
|
|
|
5
6
|
export * as Audio from "./audio";
|
|
6
7
|
export * from "./backend";
|
|
7
8
|
export * from "./broadcast";
|
|
8
|
-
export * as Chat from "./chat";
|
|
9
|
-
export * as Location from "./location";
|
|
10
9
|
export * as Mse from "./mse";
|
|
11
|
-
export * from "./preview";
|
|
12
10
|
export * from "./sync";
|
|
13
11
|
export * as Video from "./video";
|
|
14
12
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,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,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,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,OAAO,KAAK,GAAG,MAAM,OAAO,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC"}
|