@moq/publish 0.1.0

package/source/camera.d.ts

@@ -0,0 +1,19 @@
+import { Effect, Signal } from "@moq/signals";
+import type * as Video from "../video";
+import { Device, type DeviceProps } from "./device";
+export interface CameraProps {
+    enabled?: boolean | Signal<boolean>;
+    device?: DeviceProps;
+    constraints?: Video.Constraints | Signal<Video.Constraints | undefined>;
+}
+export declare class Camera {
+    #private;
+    enabled: Signal<boolean>;
+    device: Device<"video">;
+    constraints: Signal<Video.Constraints | undefined>;
+    source: Signal<Video.StreamTrack | undefined>;
+    signals: Effect;
+    constructor(props?: CameraProps);
+    close(): void;
+}
+//# sourceMappingURL=camera.d.ts.map

package/source/camera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera.d.ts","sourceRoot":"","sources":["../../src/source/camera.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,WAAW;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;CACxE;AAED,qBAAa,MAAM;;IAClB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAExB,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAEnD,MAAM,wCAAmD;IACzD,OAAO,SAAgB;gBAEX,KAAK,CAAC,EAAE,WAAW;IAgD/B,KAAK;CAIL"}

package/source/device.d.ts

@@ -0,0 +1,19 @@
+import { Effect, type Getter, Signal } from "@moq/signals";
+export interface DeviceProps {
+    preferred?: string | Signal<string | undefined>;
+}
+export declare class Device<Kind extends "audio" | "video"> {
+    #private;
+    kind: Kind;
+    readonly available: Getter<MediaDeviceInfo[] | undefined>;
+    readonly default: Getter<string | undefined>;
+    preferred: Signal<string | undefined>;
+    active: Signal<string | undefined>;
+    permission: Signal<boolean>;
+    requested: Getter<string | undefined>;
+    signals: Effect;
+    constructor(kind: Kind, props?: DeviceProps);
+    requestPermission(): void;
+    close(): void;
+}
+//# sourceMappingURL=device.d.ts.map

package/source/device.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device.d.ts","sourceRoot":"","sources":["../../src/source/device.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE3D,MAAM,WAAW,WAAW;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;CAChD;AAED,qBAAa,MAAM,CAAC,IAAI,SAAS,OAAO,GAAG,OAAO;;IACjD,IAAI,EAAE,IAAI,CAAC;IAIX,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,eAAe,EAAE,GAAG,SAAS,CAAC,CAAiB;IAI1E,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAiB;IAG7D,SAAS,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAGtC,MAAM,6BAA6C;IAGnD,UAAU,kBAA8B;IAIxC,SAAS,EAAE,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC,CAAmB;IAExD,OAAO,SAAgB;gBAEX,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAAE,WAAW;IA4F3C,iBAAiB;IAqBjB,KAAK;CAGL"}

package/source/file.d.ts

@@ -0,0 +1,20 @@
+import { Effect, Signal } from "@moq/signals";
+import type { StreamTrack as AudioStreamTrack } from "../audio/types";
+import type { StreamTrack as VideoStreamTrack } from "../video/types";
+export interface FileSourceConfig {
+    enabled?: boolean | Signal<boolean>;
+    file?: globalThis.File | Signal<globalThis.File | undefined>;
+}
+export declare class File {
+    #private;
+    file: Signal<globalThis.File | undefined>;
+    signals: Effect;
+    source: Signal<{
+        video?: VideoStreamTrack;
+        audio?: AudioStreamTrack;
+    }>;
+    enabled: Signal<boolean>;
+    constructor(config: FileSourceConfig);
+    close(): void;
+}
+//# sourceMappingURL=file.d.ts.map

package/source/file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/source/file.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAChC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;CAC7D;AAED,qBAAa,IAAI;;IAChB,IAAI,sCAAsD;IAC1D,OAAO,SAAgB;IAEvB,MAAM;gBAAwB,gBAAgB;gBAAU,gBAAgB;OAAQ;IAChF,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;gBAEb,MAAM,EAAE,gBAAgB;IAmGpC,KAAK;CAGL"}

package/source/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./camera";
+export * from "./device";
+export * from "./file";
+export * from "./microphone";
+export * from "./screen";
+//# sourceMappingURL=index.d.ts.map

package/source/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/source/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/source/microphone.d.ts

@@ -0,0 +1,19 @@
+import { Effect, Signal } from "@moq/signals";
+import type * as Audio from "../audio";
+import { Device, type DeviceProps } from "./device";
+export interface MicrophoneProps {
+    enabled?: boolean | Signal<boolean>;
+    device?: DeviceProps;
+    constraints?: Audio.Constraints | Signal<Audio.Constraints | undefined>;
+}
+export declare class Microphone {
+    #private;
+    enabled: Signal<boolean>;
+    device: Device<"audio">;
+    constraints: Signal<Audio.Constraints | undefined>;
+    source: Signal<Audio.StreamTrack | undefined>;
+    signals: Effect;
+    constructor(props?: MicrophoneProps);
+    close(): void;
+}
+//# sourceMappingURL=microphone.d.ts.map

package/source/microphone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"microphone.d.ts","sourceRoot":"","sources":["../../src/source/microphone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,MAAM,WAAW,eAAe;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;CACxE;AAED,qBAAa,UAAU;;IACtB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAEzB,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAExB,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IAEnD,MAAM,wCAAmD;IAEzD,OAAO,SAAgB;gBAEX,KAAK,CAAC,EAAE,eAAe;IAsDnC,KAAK;CAIL"}

package/source/screen.d.ts

@@ -0,0 +1,22 @@
+import { Effect, Signal } from "@moq/signals";
+import type * as Audio from "../audio";
+import type * as Video from "../video";
+export interface ScreenProps {
+    enabled?: boolean | Signal<boolean>;
+    video?: Video.Constraints | boolean | Signal<Video.Constraints | boolean | undefined>;
+    audio?: Audio.Constraints | boolean | Signal<Audio.Constraints | boolean | undefined>;
+}
+export declare class Screen {
+    #private;
+    enabled: Signal<boolean>;
+    video: Signal<Video.Constraints | boolean | undefined>;
+    audio: Signal<Audio.Constraints | boolean | undefined>;
+    source: Signal<{
+        audio?: Audio.Source;
+        video?: Video.Source;
+    } | undefined>;
+    signals: Effect;
+    constructor(props?: ScreenProps);
+    close(): void;
+}
+//# sourceMappingURL=screen.d.ts.map

package/source/screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.d.ts","sourceRoot":"","sources":["../../src/source/screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AACvC,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC3B,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACtF,KAAK,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;CACtF;AAED,qBAAa,MAAM;;IAClB,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;IAEzB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IACvD,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;IAEvD,MAAM;gBAAwB,KAAK,CAAC,MAAM;gBAAU,KAAK,CAAC,MAAM;mBAA2B;IAE3F,OAAO,SAAgB;gBAEX,KAAK,CAAC,EAAE,WAAW;IAsD/B,KAAK;CAGL"}

package/support/element.d.ts

@@ -0,0 +1,22 @@
+declare const OBSERVED: readonly ["show", "details"];
+type Observed = (typeof OBSERVED)[number];
+export type Show = "always" | "warning" | "error" | "never";
+export default class MoqPublishSupport extends HTMLElement {
+    #private;
+    static observedAttributes: readonly ["show", "details"];
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: Observed, _oldValue: string | null, newValue: string | null): void;
+    get show(): Show;
+    set show(show: Show);
+    get details(): boolean;
+    set details(details: boolean);
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "moq-publish-support": MoqPublishSupport;
+    }
+}
+export {};
+//# sourceMappingURL=element.d.ts.map

package/support/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../src/support/element.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,QAAQ,8BAA+B,CAAC;AAC9C,KAAK,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAO1C,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,WAAW;;IAQzD,MAAM,CAAC,kBAAkB,+BAAY;;IAUrC,iBAAiB;IAKjB,oBAAoB;IAKpB,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAgB1F,IAAI,IAAI,IAAI,IAAI,CAEf;IAED,IAAI,IAAI,CAAC,IAAI,EAAE,IAAI,EAElB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,EAE3B;CAiND;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}

package/support/element.js

@@ -0,0 +1,184 @@
+import { Signal as u, Effect as b } from "@moq/signals";
+import { isSupported as m } from "./index.js";
+function l(h, e, ...t) {
+  const n = document.createElement(h);
+  if (!e) return n;
+  const { style: i, classList: a, dataset: r, attributes: d, ...s } = e;
+  return i && Object.assign(n.style, i), a && n.classList.add(...a), r && Object.entries(r).forEach(([o, c]) => {
+    n.dataset[o] = c;
+  }), d && Object.entries(d).forEach(([o, c]) => {
+    n.setAttribute(o, c);
+  }), t && t.forEach((o) => {
+    typeof o == "string" ? n.appendChild(document.createTextNode(o)) : n.appendChild(o);
+  }), Object.assign(n, s), n;
+}
+const p = navigator.userAgent.toLowerCase().includes("firefox"), C = ["show", "details"];
+class y extends HTMLElement {
+  #i = new u("warning");
+  #e = new u(!1);
+  #n = new u(void 0);
+  #o = new u(!1);
+  #t;
+  static observedAttributes = C;
+  constructor() {
+    super(), m().then((e) => this.#n.set(e)).catch((e) => console.error("Failed to detect publish support:", e));
+  }
+  connectedCallback() {
+    this.#t = new b(), this.#t.effect(this.#s.bind(this));
+  }
+  disconnectedCallback() {
+    this.#t?.close(), this.#t = void 0;
+  }
+  attributeChangedCallback(e, t, n) {
+    if (e === "show") {
+      const i = n ?? "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 = n !== 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.encoding || !e.video.encoding || !e.audio.capture || !Object.values(e.audio.encoding).some((t) => t === !0 || t === "full" || t === "partial") || !Object.values(e.video.encoding).some((t) => t.software || t.hardware) ? "none" : e.video.capture === "partial" || !Object.values(e.video.encoding).some((t) => t.hardware) ? "partial" : "full";
+  }
+  #s(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 a = this.#r(t);
+    if (i === "warning" && a === "full" || i === "error" && a !== "none") return;
+    const r = l("div", {
+      style: {
+        margin: "0 auto",
+        maxWidth: "28rem",
+        padding: "1rem"
+      }
+    });
+    this.appendChild(r), e.cleanup(() => this.removeChild(r)), this.#a(r, a, e), e.get(this.#e) && this.#l(r, t, e);
+  }
+  #a(e, t, n) {
+    const i = l("div", {
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        gap: "1rem",
+        flexWrap: "wrap",
+        justifyContent: "space-between",
+        alignItems: "center"
+      }
+    }), a = l("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");
+    const r = l("button", {
+      type: "button",
+      style: { fontSize: "14px" }
+    });
+    n.event(r, "click", () => {
+      this.#e.update((s) => !s);
+    }), n.effect((s) => {
+      r.textContent = s.get(this.#e) ? "Details ➖" : "Details ➕";
+    });
+    const d = l(
+      "button",
+      {
+        type: "button",
+        style: { fontSize: "14px" }
+      },
+      "Close ❌"
+    );
+    n.event(d, "click", () => {
+      this.#o.set(!0);
+    }), i.appendChild(a), i.appendChild(r), i.appendChild(d), e.appendChild(i), n.cleanup(() => e.removeChild(i));
+  }
+  #l(e, t, n) {
+    const i = l("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"
+      }
+    }), a = (o) => o ? "🟢 Yes" : "🔴 No", r = (o) => o?.hardware ? "🟢 Hardware" : o?.software ? `🟡 Software${p ? "*" : ""}` : "🔴 No", d = (o) => o === "full" ? "🟢 Full" : o === "partial" ? "🟡 Polyfill" : "🔴 None", s = (o, c, f) => {
+      const g = l(
+        "div",
+        {
+          style: {
+            gridColumnStart: "1",
+            fontWeight: "bold",
+            textAlign: "right"
+          }
+        },
+        o
+      ), w = l(
+        "div",
+        {
+          style: {
+            gridColumnStart: "2",
+            textAlign: "center"
+          }
+        },
+        c
+      ), v = l(
+        "div",
+        {
+          style: { gridColumnStart: "3" }
+        },
+        f
+      );
+      i.appendChild(g), i.appendChild(w), i.appendChild(v);
+    };
+    if (s("WebTransport", "", d(t.webtransport)), s("Capture", "Audio", a(t.audio.capture)), s("", "Video", d(t.video.capture)), s("Encoding", "Opus", d(t.audio.encoding.opus)), s("", "AAC", a(t.audio.encoding.aac)), s("", "AV1", r(t.video.encoding?.av1)), s("", "H.265", r(t.video.encoding?.h265)), s("", "H.264", r(t.video.encoding?.h264)), s("", "VP9", r(t.video.encoding?.vp9)), s("", "VP8", r(t.video.encoding?.vp8)), p) {
+      const o = l(
+        "div",
+        {
+          style: {
+            gridColumnStart: "1",
+            gridColumnEnd: "4",
+            textAlign: "center",
+            fontSize: "0.875rem",
+            fontStyle: "italic"
+          }
+        },
+        "Hardware acceleration is ",
+        l(
+          "a",
+          {
+            href: "https://github.com/w3c/webcodecs/issues/896"
+          },
+          "undetectable"
+        ),
+        " on Firefox."
+      );
+      i.appendChild(o);
+    }
+    e.appendChild(i), n.cleanup(() => e.removeChild(i));
+  }
+}
+customElements.define("moq-publish-support", y);
+export {
+  y as default
+};
+//# sourceMappingURL=element.js.map

package/support/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sources":["../../../signals/src/dom.ts","../../src/support/element.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","import { Effect, Signal } from \"@moq/signals\";\nimport * as DOM from \"@moq/signals/dom\";\nimport { type Codec, type Full, isSupported, type Partial } from \"./\";\n\n// https://bugzilla.mozilla.org/show_bug.cgi?id=1967793\nconst isFirefox = navigator.userAgent.toLowerCase().includes(\"firefox\");\n\nconst OBSERVED = [\"show\", \"details\"] as const;\ntype Observed = (typeof OBSERVED)[number];\n\n// Whether to display the support banner.\n// - \"always\": Always display the banner.\n// - \"warning\": Display the banner if a required feature needs a polyfill/fallback.\n// - \"error\": Display the banner if a required feature is unsupported.\n// - \"never\": Never display the banner.\nexport type Show = \"always\" | \"warning\" | \"error\" | \"never\";\n\nexport default class MoqPublishSupport extends HTMLElement {\n\t#show = new Signal<Show>(\"warning\");\n\t#details = new Signal<boolean>(false);\n\t#support = new Signal<Full | undefined>(undefined);\n\t#close = new Signal<boolean>(false);\n\n\t#signals?: Effect;\n\n\tstatic observedAttributes = OBSERVED;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tisSupported()\n\t\t\t.then((s) => this.#support.set(s))\n\t\t\t.catch((err) => console.error(\"Failed to detect publish support:\", err));\n\t}\n\n\tconnectedCallback() {\n\t\tthis.#signals = new Effect();\n\t\tthis.#signals.effect(this.#render.bind(this));\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.#signals?.close();\n\t\tthis.#signals = undefined;\n\t}\n\n\tattributeChangedCallback(name: Observed, _oldValue: string | null, newValue: string | null) {\n\t\tif (name === \"show\") {\n\t\t\tconst show = newValue ?? \"warning\";\n\t\t\tif (show === \"always\" || show === \"warning\" || show === \"error\" || show === \"never\") {\n\t\t\t\tthis.show = show;\n\t\t\t} else {\n\t\t\t\tthrow new Error(`Invalid show: ${show}`);\n\t\t\t}\n\t\t} else if (name === \"details\") {\n\t\t\tthis.details = newValue !== null;\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 show(): Show {\n\t\treturn this.#show.peek();\n\t}\n\n\tset show(show: Show) {\n\t\tthis.#show.set(show);\n\t}\n\n\tget details(): boolean {\n\t\treturn this.#details.peek();\n\t}\n\n\tset details(details: boolean) {\n\t\tthis.#details.set(details);\n\t}\n\n\t#getSummary(support: Full): Partial {\n\t\tif (support.webtransport === \"none\") return \"none\";\n\n\t\tif (!support.audio.encoding || !support.video.encoding) return \"none\";\n\t\tif (!support.audio.capture) return \"none\";\n\n\t\tif (!Object.values(support.audio.encoding).some((v) => v === true || v === \"full\" || v === \"partial\"))\n\t\t\treturn \"none\";\n\t\tif (!Object.values(support.video.encoding).some((v) => v.software || v.hardware)) return \"none\";\n\n\t\tif (support.video.capture === \"partial\") return \"partial\";\n\n\t\tif (!Object.values(support.video.encoding).some((v) => v.hardware)) return \"partial\";\n\n\t\treturn \"full\";\n\t}\n\n\t#render(effect: Effect) {\n\t\tconst support = effect.get(this.#support);\n\t\tif (!support) return;\n\n\t\tconst close = effect.get(this.#close);\n\t\tif (close) return;\n\n\t\tconst show = effect.get(this.#show);\n\t\tif (show === \"never\") return;\n\n\t\tconst summary = this.#getSummary(support);\n\n\t\t// Don't render the banner if we have full support and they only asked for warnings.\n\t\tif (show === \"warning\" && summary === \"full\") return;\n\n\t\t// Don't render the banner if we have at least partial support and they only asked for errors.\n\t\tif (show === \"error\" && summary !== \"none\") return;\n\n\t\tconst container = DOM.create(\"div\", {\n\t\t\tstyle: {\n\t\t\t\tmargin: \"0 auto\",\n\t\t\t\tmaxWidth: \"28rem\",\n\t\t\t\tpadding: \"1rem\",\n\t\t\t},\n\t\t});\n\n\t\tthis.appendChild(container);\n\t\teffect.cleanup(() => this.removeChild(container));\n\n\t\tthis.#renderHeader(container, summary, effect);\n\n\t\tif (effect.get(this.#details)) {\n\t\t\tthis.#renderDetails(container, support, effect);\n\t\t}\n\t}\n\n\t#renderHeader(parent: HTMLDivElement, summary: Partial, effect: Effect) {\n\t\tconst headerDiv = DOM.create(\"div\", {\n\t\t\tstyle: {\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\tflexDirection: \"row\",\n\t\t\t\tgap: \"1rem\",\n\t\t\t\tflexWrap: \"wrap\",\n\t\t\t\tjustifyContent: \"space-between\",\n\t\t\t\talignItems: \"center\",\n\t\t\t},\n\t\t});\n\n\t\tconst statusDiv = DOM.create(\"div\", {\n\t\t\tstyle: { fontWeight: \"bold\" },\n\t\t});\n\n\t\tif (summary === \"full\") {\n\t\t\tstatusDiv.textContent = \"🟢 Full Browser Support\";\n\t\t} else if (summary === \"partial\") {\n\t\t\tstatusDiv.textContent = \"🟡 Partial Browser Support\";\n\t\t} else if (summary === \"none\") {\n\t\t\tstatusDiv.textContent = \"🔴 No Browser Support\";\n\t\t}\n\n\t\tconst detailsButton = DOM.create(\"button\", {\n\t\t\ttype: \"button\",\n\t\t\tstyle: { fontSize: \"14px\" },\n\t\t});\n\n\t\teffect.event(detailsButton, \"click\", () => {\n\t\t\tthis.#details.update((prev) => !prev);\n\t\t});\n\n\t\teffect.effect((effect) => {\n\t\t\tdetailsButton.textContent = effect.get(this.#details) ? \"Details ➖\" : \"Details ➕\";\n\t\t});\n\n\t\tconst closeButton = DOM.create(\n\t\t\t\"button\",\n\t\t\t{\n\t\t\t\ttype: \"button\",\n\t\t\t\tstyle: { fontSize: \"14px\" },\n\t\t\t},\n\t\t\t\"Close ❌\",\n\t\t);\n\n\t\teffect.event(closeButton, \"click\", () => {\n\t\t\tthis.#close.set(true);\n\t\t});\n\n\t\theaderDiv.appendChild(statusDiv);\n\t\theaderDiv.appendChild(detailsButton);\n\t\theaderDiv.appendChild(closeButton);\n\n\t\tparent.appendChild(headerDiv);\n\t\teffect.cleanup(() => parent.removeChild(headerDiv));\n\t}\n\n\t#renderDetails(parent: HTMLDivElement, support: Full, effect: Effect) {\n\t\tconst container = DOM.create(\"div\", {\n\t\t\tstyle: {\n\t\t\t\tdisplay: \"grid\",\n\t\t\t\tgridTemplateColumns: \"1fr 1fr 1fr\",\n\t\t\t\tcolumnGap: \"0.5rem\",\n\t\t\t\trowGap: \"0.2rem\",\n\t\t\t\tbackgroundColor: \"rgba(0, 0, 0, 0.6)\",\n\t\t\t\tborderRadius: \"0.5rem\",\n\t\t\t\tpadding: \"1rem\",\n\t\t\t\tfontSize: \"0.875rem\",\n\t\t\t},\n\t\t});\n\n\t\tconst binary = (value: boolean | undefined) => (value ? \"🟢 Yes\" : \"🔴 No\");\n\t\tconst hardware = (codec: Codec | undefined) =>\n\t\t\tcodec?.hardware ? \"🟢 Hardware\" : codec?.software ? `🟡 Software${isFirefox ? \"*\" : \"\"}` : \"🔴 No\";\n\t\tconst partial = (value: Partial | undefined) =>\n\t\t\tvalue === \"full\" ? \"🟢 Full\" : value === \"partial\" ? \"🟡 Polyfill\" : \"🔴 None\";\n\n\t\tconst addRow = (label: string, col2: string, col3: string) => {\n\t\t\tconst labelDiv = DOM.create(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tgridColumnStart: \"1\",\n\t\t\t\t\t\tfontWeight: \"bold\",\n\t\t\t\t\t\ttextAlign: \"right\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tlabel,\n\t\t\t);\n\n\t\t\tconst col2Div = DOM.create(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tgridColumnStart: \"2\",\n\t\t\t\t\t\ttextAlign: \"center\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tcol2,\n\t\t\t);\n\n\t\t\tconst col3Div = DOM.create(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tstyle: { gridColumnStart: \"3\" },\n\t\t\t\t},\n\t\t\t\tcol3,\n\t\t\t);\n\n\t\t\tcontainer.appendChild(labelDiv);\n\t\t\tcontainer.appendChild(col2Div);\n\t\t\tcontainer.appendChild(col3Div);\n\t\t};\n\n\t\taddRow(\"WebTransport\", \"\", partial(support.webtransport));\n\t\taddRow(\"Capture\", \"Audio\", binary(support.audio.capture));\n\t\taddRow(\"\", \"Video\", partial(support.video.capture));\n\t\taddRow(\"Encoding\", \"Opus\", partial(support.audio.encoding.opus));\n\t\taddRow(\"\", \"AAC\", binary(support.audio.encoding.aac));\n\t\taddRow(\"\", \"AV1\", hardware(support.video.encoding?.av1));\n\t\taddRow(\"\", \"H.265\", hardware(support.video.encoding?.h265));\n\t\taddRow(\"\", \"H.264\", hardware(support.video.encoding?.h264));\n\t\taddRow(\"\", \"VP9\", hardware(support.video.encoding?.vp9));\n\t\taddRow(\"\", \"VP8\", hardware(support.video.encoding?.vp8));\n\n\t\tif (isFirefox) {\n\t\t\tconst noteDiv = DOM.create(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tgridColumnStart: \"1\",\n\t\t\t\t\t\tgridColumnEnd: \"4\",\n\t\t\t\t\t\ttextAlign: \"center\",\n\t\t\t\t\t\tfontSize: \"0.875rem\",\n\t\t\t\t\t\tfontStyle: \"italic\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t\"Hardware acceleration is \",\n\t\t\t\tDOM.create(\n\t\t\t\t\t\"a\",\n\t\t\t\t\t{\n\t\t\t\t\t\thref: \"https://github.com/w3c/webcodecs/issues/896\",\n\t\t\t\t\t},\n\t\t\t\t\t\"undetectable\",\n\t\t\t\t),\n\t\t\t\t\" on Firefox.\",\n\t\t\t);\n\t\t\tcontainer.appendChild(noteDiv);\n\t\t}\n\n\t\tparent.appendChild(container);\n\t\teffect.cleanup(() => parent.removeChild(container));\n\t}\n}\n\ncustomElements.define(\"moq-publish-support\", MoqPublishSupport);\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"moq-publish-support\": MoqPublishSupport;\n\t}\n}\n"],"names":["create","tagName","options","children","element","style","classList","dataset","attributes","props","key","value","child","isFirefox","OBSERVED","MoqPublishSupport","#show","Signal","#details","#support","#close","#signals","isSupported","s","err","Effect","#render","name","_oldValue","newValue","show","exhaustive","details","#getSummary","support","v","effect","summary","container","DOM.create","#renderHeader","#renderDetails","parent","headerDiv","statusDiv","detailsButton","prev","closeButton","binary","hardware","codec","partial","addRow","label","col2","col3","labelDiv","col2Div","col3Div","noteDiv"],"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;ACxDA,MAAMS,IAAY,UAAU,UAAU,YAAA,EAAc,SAAS,SAAS,GAEhEC,IAAW,CAAC,QAAQ,SAAS;AAUnC,MAAqBC,UAA0B,YAAY;AAAA,EAC1DC,KAAQ,IAAIC,EAAa,SAAS;AAAA,EAClCC,KAAW,IAAID,EAAgB,EAAK;AAAA,EACpCE,KAAW,IAAIF,EAAyB,MAAS;AAAA,EACjDG,KAAS,IAAIH,EAAgB,EAAK;AAAA,EAElCI;AAAA,EAEA,OAAO,qBAAqBP;AAAA,EAE5B,cAAc;AACb,UAAA,GAEAQ,EAAA,EACE,KAAK,CAACC,MAAM,KAAKJ,GAAS,IAAII,CAAC,CAAC,EAChC,MAAM,CAACC,MAAQ,QAAQ,MAAM,qCAAqCA,CAAG,CAAC;AAAA,EACzE;AAAA,EAEA,oBAAoB;AACnB,SAAKH,KAAW,IAAII,EAAA,GACpB,KAAKJ,GAAS,OAAO,KAAKK,GAAQ,KAAK,IAAI,CAAC;AAAA,EAC7C;AAAA,EAEA,uBAAuB;AACtB,SAAKL,IAAU,MAAA,GACf,KAAKA,KAAW;AAAA,EACjB;AAAA,EAEA,yBAAyBM,GAAgBC,GAA0BC,GAAyB;AAC3F,QAAIF,MAAS,QAAQ;AACpB,YAAMG,IAAOD,KAAY;AACzB,UAAIC,MAAS,YAAYA,MAAS,aAAaA,MAAS,WAAWA,MAAS;AAC3E,aAAK,OAAOA;AAAA;AAEZ,cAAM,IAAI,MAAM,iBAAiBA,CAAI,EAAE;AAAA,IAEzC,WAAWH,MAAS;AACnB,WAAK,UAAUE,MAAa;AAAA,SACtB;AACN,YAAME,IAAoBJ;AAC1B,YAAM,IAAI,MAAM,sBAAsBI,CAAU,EAAE;AAAA,IACnD;AAAA,EACD;AAAA,EAEA,IAAI,OAAa;AAChB,WAAO,KAAKf,GAAM,KAAA;AAAA,EACnB;AAAA,EAEA,IAAI,KAAKc,GAAY;AACpB,SAAKd,GAAM,IAAIc,CAAI;AAAA,EACpB;AAAA,EAEA,IAAI,UAAmB;AACtB,WAAO,KAAKZ,GAAS,KAAA;AAAA,EACtB;AAAA,EAEA,IAAI,QAAQc,GAAkB;AAC7B,SAAKd,GAAS,IAAIc,CAAO;AAAA,EAC1B;AAAA,EAEAC,GAAYC,GAAwB;AAQnC,WAPIA,EAAQ,iBAAiB,UAEzB,CAACA,EAAQ,MAAM,YAAY,CAACA,EAAQ,MAAM,YAC1C,CAACA,EAAQ,MAAM,WAEf,CAAC,OAAO,OAAOA,EAAQ,MAAM,QAAQ,EAAE,KAAK,CAACC,MAAMA,MAAM,MAAQA,MAAM,UAAUA,MAAM,SAAS,KAEhG,CAAC,OAAO,OAAOD,EAAQ,MAAM,QAAQ,EAAE,KAAK,CAACC,MAAMA,EAAE,YAAYA,EAAE,QAAQ,IAAU,SAErFD,EAAQ,MAAM,YAAY,aAE1B,CAAC,OAAO,OAAOA,EAAQ,MAAM,QAAQ,EAAE,KAAK,CAACC,MAAMA,EAAE,QAAQ,IAAU,YAEpE;AAAA,EACR;AAAA,EAEAT,GAAQU,GAAgB;AACvB,UAAMF,IAAUE,EAAO,IAAI,KAAKjB,EAAQ;AAIxC,QAHI,CAACe,KAESE,EAAO,IAAI,KAAKhB,EAAM,EACzB;AAEX,UAAMU,IAAOM,EAAO,IAAI,KAAKpB,EAAK;AAClC,QAAIc,MAAS,QAAS;AAEtB,UAAMO,IAAU,KAAKJ,GAAYC,CAAO;AAMxC,QAHIJ,MAAS,aAAaO,MAAY,UAGlCP,MAAS,WAAWO,MAAY,OAAQ;AAE5C,UAAMC,IAAYC,EAAW,OAAO;AAAA,MACnC,OAAO;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,MAAA;AAAA,IACV,CACA;AAED,SAAK,YAAYD,CAAS,GAC1BF,EAAO,QAAQ,MAAM,KAAK,YAAYE,CAAS,CAAC,GAEhD,KAAKE,GAAcF,GAAWD,GAASD,CAAM,GAEzCA,EAAO,IAAI,KAAKlB,EAAQ,KAC3B,KAAKuB,GAAeH,GAAWJ,GAASE,CAAM;AAAA,EAEhD;AAAA,EAEAI,GAAcE,GAAwBL,GAAkBD,GAAgB;AACvE,UAAMO,IAAYJ,EAAW,OAAO;AAAA,MACnC,OAAO;AAAA,QACN,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,YAAY;AAAA,MAAA;AAAA,IACb,CACA,GAEKK,IAAYL,EAAW,OAAO;AAAA,MACnC,OAAO,EAAE,YAAY,OAAA;AAAA,IAAO,CAC5B;AAED,IAAIF,MAAY,SACfO,EAAU,cAAc,4BACdP,MAAY,YACtBO,EAAU,cAAc,+BACdP,MAAY,WACtBO,EAAU,cAAc;AAGzB,UAAMC,IAAgBN,EAAW,UAAU;AAAA,MAC1C,MAAM;AAAA,MACN,OAAO,EAAE,UAAU,OAAA;AAAA,IAAO,CAC1B;AAED,IAAAH,EAAO,MAAMS,GAAe,SAAS,MAAM;AAC1C,WAAK3B,GAAS,OAAO,CAAC4B,MAAS,CAACA,CAAI;AAAA,IACrC,CAAC,GAEDV,EAAO,OAAO,CAACA,MAAW;AACzB,MAAAS,EAAc,cAAcT,EAAO,IAAI,KAAKlB,EAAQ,IAAI,cAAc;AAAA,IACvE,CAAC;AAED,UAAM6B,IAAcR;AAAAA,MACnB;AAAA,MACA;AAAA,QACC,MAAM;AAAA,QACN,OAAO,EAAE,UAAU,OAAA;AAAA,MAAO;AAAA,MAE3B;AAAA,IAAA;AAGD,IAAAH,EAAO,MAAMW,GAAa,SAAS,MAAM;AACxC,WAAK3B,GAAO,IAAI,EAAI;AAAA,IACrB,CAAC,GAEDuB,EAAU,YAAYC,CAAS,GAC/BD,EAAU,YAAYE,CAAa,GACnCF,EAAU,YAAYI,CAAW,GAEjCL,EAAO,YAAYC,CAAS,GAC5BP,EAAO,QAAQ,MAAMM,EAAO,YAAYC,CAAS,CAAC;AAAA,EACnD;AAAA,EAEAF,GAAeC,GAAwBR,GAAeE,GAAgB;AACrE,UAAME,IAAYC,EAAW,OAAO;AAAA,MACnC,OAAO;AAAA,QACN,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,SAAS;AAAA,QACT,UAAU;AAAA,MAAA;AAAA,IACX,CACA,GAEKS,IAAS,CAACrC,MAAgCA,IAAQ,WAAW,SAC7DsC,IAAW,CAACC,MACjBA,GAAO,WAAW,gBAAgBA,GAAO,WAAW,cAAcrC,IAAY,MAAM,EAAE,KAAK,SACtFsC,IAAU,CAACxC,MAChBA,MAAU,SAAS,YAAYA,MAAU,YAAY,gBAAgB,WAEhEyC,IAAS,CAACC,GAAeC,GAAcC,MAAiB;AAC7D,YAAMC,IAAWjB;AAAAA,QAChB;AAAA,QACA;AAAA,UACC,OAAO;AAAA,YACN,iBAAiB;AAAA,YACjB,YAAY;AAAA,YACZ,WAAW;AAAA,UAAA;AAAA,QACZ;AAAA,QAEDc;AAAA,MAAA,GAGKI,IAAUlB;AAAAA,QACf;AAAA,QACA;AAAA,UACC,OAAO;AAAA,YACN,iBAAiB;AAAA,YACjB,WAAW;AAAA,UAAA;AAAA,QACZ;AAAA,QAEDe;AAAA,MAAA,GAGKI,IAAUnB;AAAAA,QACf;AAAA,QACA;AAAA,UACC,OAAO,EAAE,iBAAiB,IAAA;AAAA,QAAI;AAAA,QAE/BgB;AAAA,MAAA;AAGD,MAAAjB,EAAU,YAAYkB,CAAQ,GAC9BlB,EAAU,YAAYmB,CAAO,GAC7BnB,EAAU,YAAYoB,CAAO;AAAA,IAC9B;AAaA,QAXAN,EAAO,gBAAgB,IAAID,EAAQjB,EAAQ,YAAY,CAAC,GACxDkB,EAAO,WAAW,SAASJ,EAAOd,EAAQ,MAAM,OAAO,CAAC,GACxDkB,EAAO,IAAI,SAASD,EAAQjB,EAAQ,MAAM,OAAO,CAAC,GAClDkB,EAAO,YAAY,QAAQD,EAAQjB,EAAQ,MAAM,SAAS,IAAI,CAAC,GAC/DkB,EAAO,IAAI,OAAOJ,EAAOd,EAAQ,MAAM,SAAS,GAAG,CAAC,GACpDkB,EAAO,IAAI,OAAOH,EAASf,EAAQ,MAAM,UAAU,GAAG,CAAC,GACvDkB,EAAO,IAAI,SAASH,EAASf,EAAQ,MAAM,UAAU,IAAI,CAAC,GAC1DkB,EAAO,IAAI,SAASH,EAASf,EAAQ,MAAM,UAAU,IAAI,CAAC,GAC1DkB,EAAO,IAAI,OAAOH,EAASf,EAAQ,MAAM,UAAU,GAAG,CAAC,GACvDkB,EAAO,IAAI,OAAOH,EAASf,EAAQ,MAAM,UAAU,GAAG,CAAC,GAEnDrB,GAAW;AACd,YAAM8C,IAAUpB;AAAAA,QACf;AAAA,QACA;AAAA,UACC,OAAO;AAAA,YACN,iBAAiB;AAAA,YACjB,eAAe;AAAA,YACf,WAAW;AAAA,YACX,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QACZ;AAAA,QAED;AAAA,QACAA;AAAAA,UACC;AAAA,UACA;AAAA,YACC,MAAM;AAAA,UAAA;AAAA,UAEP;AAAA,QAAA;AAAA,QAED;AAAA,MAAA;AAED,MAAAD,EAAU,YAAYqB,CAAO;AAAA,IAC9B;AAEA,IAAAjB,EAAO,YAAYJ,CAAS,GAC5BF,EAAO,QAAQ,MAAMM,EAAO,YAAYJ,CAAS,CAAC;AAAA,EACnD;AACD;AAEA,eAAe,OAAO,uBAAuBvB,CAAiB;"}

package/support/index.d.ts

@@ -0,0 +1,29 @@
+export type Partial = "full" | "partial" | "none";
+export type Codec = {
+    hardware?: boolean;
+    software: boolean;
+};
+export type Audio = {
+    aac: boolean;
+    opus: Partial;
+};
+export type Video = {
+    h264: Codec;
+    h265: Codec;
+    vp8: Codec;
+    vp9: Codec;
+    av1: Codec;
+};
+export type Full = {
+    webtransport: Partial;
+    audio: {
+        capture: boolean;
+        encoding: Audio;
+    };
+    video: {
+        capture: Partial;
+        encoding: Video | undefined;
+    };
+};
+export declare function isSupported(): Promise<Full>;
+//# sourceMappingURL=index.d.ts.map

package/support/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/support/index.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElD,MAAM,MAAM,KAAK,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE,OAAO,CAAC;IACb,IAAI,EAAE,OAAO,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IACnB,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,KAAK,CAAC;IACX,GAAG,EAAE,KAAK,CAAC;IACX,GAAG,EAAE,KAAK,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,EAAE;QACN,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,KAAK,CAAC;KAChB,CAAC;IACF,KAAK,EAAE;QACN,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,KAAK,GAAG,SAAS,CAAC;KAC5B,CAAC;CACF,CAAC;AAkDF,wBAAsB,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,CA+BjD"}

package/support/index.js

@@ -0,0 +1,63 @@
+const i = navigator.userAgent.toLowerCase().includes("firefox"), r = {
+  aac: "mp4a.40.2",
+  opus: "opus",
+  av1: "av01.0.08M.08",
+  h264: "avc1.640028",
+  h265: "hev1.1.6.L93.B0",
+  vp9: "vp09.00.10.08",
+  vp8: "vp8"
+};
+async function t(a) {
+  return globalThis.AudioEncoder ? (await AudioEncoder.isConfigSupported({
+    codec: r[a],
+    numberOfChannels: 2,
+    sampleRate: 48e3
+  })).supported === !0 : !1;
+}
+async function e(a) {
+  const o = await VideoEncoder.isConfigSupported({
+    codec: r[a],
+    width: 1280,
+    height: 720,
+    hardwareAcceleration: "prefer-software"
+  }), n = await VideoEncoder.isConfigSupported({
+    codec: r[a],
+    width: 1280,
+    height: 720,
+    hardwareAcceleration: "prefer-hardware"
+  });
+  return {
+    hardware: i || n.config?.hardwareAcceleration !== "prefer-hardware" ? void 0 : n.supported === !0,
+    software: o.supported === !0
+  };
+}
+async function p() {
+  return {
+    webtransport: typeof WebTransport < "u" ? "full" : "partial",
+    audio: {
+      capture: typeof AudioWorkletNode < "u",
+      encoding: {
+        aac: await t("aac"),
+        opus: await t("opus") ? "full" : "partial"
+      }
+    },
+    video: {
+      capture: (
+        // We have a fallback for MediaStreamTrackProcessor, but it's pretty gross so no full points.
+        // @ts-expect-error No typescript types yet.
+        typeof MediaStreamTrackProcessor < "u" ? "full" : typeof OffscreenCanvas < "u" ? "partial" : "none"
+      ),
+      encoding: typeof VideoEncoder < "u" ? {
+        h264: await e("h264"),
+        h265: await e("h265"),
+        vp8: await e("vp8"),
+        vp9: await e("vp9"),
+        av1: await e("av1")
+      } : void 0
+    }
+  };
+}
+export {
+  p as isSupported
+};
+//# sourceMappingURL=index.js.map

package/support/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/support/index.ts"],"sourcesContent":["// https://bugzilla.mozilla.org/show_bug.cgi?id=1967793\nconst isFirefox = navigator.userAgent.toLowerCase().includes(\"firefox\");\n\nexport type Partial = \"full\" | \"partial\" | \"none\";\n\nexport type Codec = {\n\thardware?: boolean; // undefined when we can't detect hardware acceleration\n\tsoftware: boolean;\n};\n\nexport type Audio = {\n\taac: boolean;\n\topus: Partial;\n};\n\nexport type Video = {\n\th264: Codec;\n\th265: Codec;\n\tvp8: Codec;\n\tvp9: Codec;\n\tav1: Codec;\n};\n\nexport type Full = {\n\twebtransport: Partial;\n\taudio: {\n\t\tcapture: boolean;\n\t\tencoding: Audio;\n\t};\n\tvideo: {\n\t\tcapture: Partial;\n\t\tencoding: Video | undefined;\n\t};\n};\n\n// Pick a codec string for each codec.\n// This is not strictly correct, as browsers may not support every profile or level.\nconst CODECS = {\n\taac: \"mp4a.40.2\",\n\topus: \"opus\",\n\tav1: \"av01.0.08M.08\",\n\th264: \"avc1.640028\",\n\th265: \"hev1.1.6.L93.B0\",\n\tvp9: \"vp09.00.10.08\",\n\tvp8: \"vp8\",\n};\n\nasync function audioEncoderSupported(codec: keyof typeof CODECS): Promise<boolean> {\n\tif (!globalThis.AudioEncoder) return false;\n\n\tconst res = await AudioEncoder.isConfigSupported({\n\t\tcodec: CODECS[codec],\n\t\tnumberOfChannels: 2,\n\t\tsampleRate: 48000,\n\t});\n\n\treturn res.supported === true;\n}\n\nasync function videoEncoderSupported(codec: keyof typeof CODECS): Promise<Codec> {\n\tconst software = await VideoEncoder.isConfigSupported({\n\t\tcodec: CODECS[codec],\n\t\twidth: 1280,\n\t\theight: 720,\n\t\thardwareAcceleration: \"prefer-software\",\n\t});\n\n\t// We can't reliably detect hardware encoding on Firefox: https://github.com/w3c/webcodecs/issues/896\n\tconst hardware = await VideoEncoder.isConfigSupported({\n\t\tcodec: CODECS[codec],\n\t\twidth: 1280,\n\t\theight: 720,\n\t\thardwareAcceleration: \"prefer-hardware\",\n\t});\n\n\tconst unknown = isFirefox || hardware.config?.hardwareAcceleration !== \"prefer-hardware\";\n\n\treturn {\n\t\thardware: unknown ? undefined : hardware.supported === true,\n\t\tsoftware: software.supported === true,\n\t};\n}\n\nexport async function isSupported(): Promise<Full> {\n\treturn {\n\t\twebtransport: typeof WebTransport !== \"undefined\" ? \"full\" : \"partial\",\n\t\taudio: {\n\t\t\tcapture: typeof AudioWorkletNode !== \"undefined\",\n\t\t\tencoding: {\n\t\t\t\taac: await audioEncoderSupported(\"aac\"),\n\t\t\t\topus: (await audioEncoderSupported(\"opus\")) ? \"full\" : \"partial\",\n\t\t\t},\n\t\t},\n\t\tvideo: {\n\t\t\tcapture:\n\t\t\t\t// We have a fallback for MediaStreamTrackProcessor, but it's pretty gross so no full points.\n\t\t\t\t// @ts-expect-error No typescript types yet.\n\t\t\t\ttypeof MediaStreamTrackProcessor !== \"undefined\"\n\t\t\t\t\t? \"full\"\n\t\t\t\t\t: typeof OffscreenCanvas !== \"undefined\"\n\t\t\t\t\t\t? \"partial\"\n\t\t\t\t\t\t: \"none\",\n\t\t\tencoding:\n\t\t\t\ttypeof VideoEncoder !== \"undefined\"\n\t\t\t\t\t? {\n\t\t\t\t\t\t\th264: await videoEncoderSupported(\"h264\"),\n\t\t\t\t\t\t\th265: await videoEncoderSupported(\"h265\"),\n\t\t\t\t\t\t\tvp8: await videoEncoderSupported(\"vp8\"),\n\t\t\t\t\t\t\tvp9: await videoEncoderSupported(\"vp9\"),\n\t\t\t\t\t\t\tav1: await videoEncoderSupported(\"av1\"),\n\t\t\t\t\t\t}\n\t\t\t\t\t: undefined,\n\t\t},\n\t};\n}\n"],"names":["isFirefox","CODECS","audioEncoderSupported","codec","videoEncoderSupported","software","hardware","isSupported"],"mappings":"AACA,MAAMA,IAAY,UAAU,UAAU,YAAA,EAAc,SAAS,SAAS,GAoChEC,IAAS;AAAA,EACd,KAAK;AAAA,EACL,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AACN;AAEA,eAAeC,EAAsBC,GAA8C;AAClF,SAAK,WAAW,gBAEJ,MAAM,aAAa,kBAAkB;AAAA,IAChD,OAAOF,EAAOE,CAAK;AAAA,IACnB,kBAAkB;AAAA,IAClB,YAAY;AAAA,EAAA,CACZ,GAEU,cAAc,KARY;AAStC;AAEA,eAAeC,EAAsBD,GAA4C;AAChF,QAAME,IAAW,MAAM,aAAa,kBAAkB;AAAA,IACrD,OAAOJ,EAAOE,CAAK;AAAA,IACnB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,sBAAsB;AAAA,EAAA,CACtB,GAGKG,IAAW,MAAM,aAAa,kBAAkB;AAAA,IACrD,OAAOL,EAAOE,CAAK;AAAA,IACnB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,sBAAsB;AAAA,EAAA,CACtB;AAID,SAAO;AAAA,IACN,UAHeH,KAAaM,EAAS,QAAQ,yBAAyB,oBAGlD,SAAYA,EAAS,cAAc;AAAA,IACvD,UAAUD,EAAS,cAAc;AAAA,EAAA;AAEnC;AAEA,eAAsBE,IAA6B;AAClD,SAAO;AAAA,IACN,cAAc,OAAO,eAAiB,MAAc,SAAS;AAAA,IAC7D,OAAO;AAAA,MACN,SAAS,OAAO,mBAAqB;AAAA,MACrC,UAAU;AAAA,QACT,KAAK,MAAML,EAAsB,KAAK;AAAA,QACtC,MAAO,MAAMA,EAAsB,MAAM,IAAK,SAAS;AAAA,MAAA;AAAA,IACxD;AAAA,IAED,OAAO;AAAA,MACN;AAAA;AAAA;AAAA,QAGC,OAAO,4BAA8B,MAClC,SACA,OAAO,kBAAoB,MAC1B,YACA;AAAA;AAAA,MACL,UACC,OAAO,eAAiB,MACrB;AAAA,QACA,MAAM,MAAME,EAAsB,MAAM;AAAA,QACxC,MAAM,MAAMA,EAAsB,MAAM;AAAA,QACxC,KAAK,MAAMA,EAAsB,KAAK;AAAA,QACtC,KAAK,MAAMA,EAAsB,KAAK;AAAA,QACtC,KAAK,MAAMA,EAAsB,KAAK;AAAA,MAAA,IAEtC;AAAA,IAAA;AAAA,EACL;AAEF;"}

package/ui/components/CameraSourceButton.d.ts

@@ -0,0 +1,2 @@
+export default function CameraSourceButton(): import("solid-js").JSX.Element;
+//# sourceMappingURL=CameraSourceButton.d.ts.map

package/ui/components/CameraSourceButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraSourceButton.d.ts","sourceRoot":"","sources":["../../../src/ui/components/CameraSourceButton.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,kBAAkB,mCAqCzC"}

package/ui/components/FileSourceButton.d.ts

@@ -0,0 +1,2 @@
+export default function FileSourceButton(): import("solid-js").JSX.Element;
+//# sourceMappingURL=FileSourceButton.d.ts.map

package/ui/components/FileSourceButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileSourceButton.d.ts","sourceRoot":"","sources":["../../../src/ui/components/FileSourceButton.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,gBAAgB,mCAgCvC"}

package/ui/components/MediaSourceSelector.d.ts

@@ -0,0 +1,8 @@
+type MediaSourceSelectorProps = {
+    sources?: MediaDeviceInfo[];
+    selectedSource?: MediaDeviceInfo["deviceId"];
+    onSelected?: (sourceId: MediaDeviceInfo["deviceId"]) => void;
+};
+export default function MediaSourceSelector(props: MediaSourceSelectorProps): import("solid-js").JSX.Element;
+export {};
+//# sourceMappingURL=MediaSourceSelector.d.ts.map

package/ui/components/MediaSourceSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaSourceSelector.d.ts","sourceRoot":"","sources":["../../../src/ui/components/MediaSourceSelector.tsx"],"names":[],"mappings":"AAGA,KAAK,wBAAwB,GAAG;IAC/B,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;CAC7D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,kCAgC1E"}

package/ui/components/MicrophoneSourceButton.d.ts

@@ -0,0 +1,2 @@
+export default function MicrophoneSourceButton(): import("solid-js").JSX.Element;
+//# sourceMappingURL=MicrophoneSourceButton.d.ts.map

package/ui/components/MicrophoneSourceButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicrophoneSourceButton.d.ts","sourceRoot":"","sources":["../../../src/ui/components/MicrophoneSourceButton.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,sBAAsB,mCAqC7C"}

package/ui/components/NothingSourceButton.d.ts

@@ -0,0 +1,2 @@
+export default function NothingSourceButton(): import("solid-js").JSX.Element;
+//# sourceMappingURL=NothingSourceButton.d.ts.map

package/ui/components/NothingSourceButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NothingSourceButton.d.ts","sourceRoot":"","sources":["../../../src/ui/components/NothingSourceButton.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,mBAAmB,mCAiB1C"}

package/ui/components/PublishControls.d.ts

@@ -0,0 +1,2 @@
+export default function PublishControls(): import("solid-js").JSX.Element;
+//# sourceMappingURL=PublishControls.d.ts.map

package/ui/components/PublishControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishControls.d.ts","sourceRoot":"","sources":["../../../src/ui/components/PublishControls.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,eAAe,mCActC"}

package/ui/components/PublishStatusIndicator.d.ts

@@ -0,0 +1,2 @@
+export default function PublishStatusIndicator(): import("solid-js").JSX.Element;
+//# sourceMappingURL=PublishStatusIndicator.d.ts.map

package/ui/components/PublishStatusIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishStatusIndicator.d.ts","sourceRoot":"","sources":["../../../src/ui/components/PublishStatusIndicator.tsx"],"names":[],"mappings":"AAiBA,MAAM,CAAC,OAAO,UAAU,sBAAsB,mCAoB7C"}

package/ui/components/ScreenSourceButton.d.ts

@@ -0,0 +1,2 @@
+export default function ScreenSourceButton(): import("solid-js").JSX.Element;
+//# sourceMappingURL=ScreenSourceButton.d.ts.map

package/ui/components/ScreenSourceButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenSourceButton.d.ts","sourceRoot":"","sources":["../../../src/ui/components/ScreenSourceButton.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,kBAAkB,mCAiBzC"}

package/ui/context.d.ts

@@ -0,0 +1,25 @@
+import type { JSX } from "solid-js";
+import type MoqPublish from "../element";
+export type PublishStatus = "no-url" | "disconnected" | "connecting" | "live" | "audio-only" | "video-only" | "select-source";
+type PublishUIContextValue = {
+    moqPublish: MoqPublish;
+    cameraDevices: () => MediaDeviceInfo[];
+    microphoneDevices: () => MediaDeviceInfo[];
+    publishStatus: () => PublishStatus;
+    microphoneActive: () => boolean;
+    cameraActive: () => boolean;
+    screenActive: () => boolean;
+    fileActive: () => boolean;
+    nothingActive: () => boolean;
+    selectedCameraSource?: () => MediaDeviceInfo["deviceId"] | undefined;
+    selectedMicrophoneSource?: () => MediaDeviceInfo["deviceId"] | undefined;
+    setFile: (file: File) => void;
+};
+type PublishUIContextProviderProps = {
+    moqPublish: MoqPublish;
+    children: JSX.Element;
+};
+export declare const PublishUIContext: import("solid-js").Context<PublishUIContextValue | undefined>;
+export default function PublishUIContextProvider(props: PublishUIContextProviderProps): JSX.Element;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/ui/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/ui/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEpC,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AAEzC,MAAM,MAAM,aAAa,GACtB,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,eAAe,CAAC;AAEnB,KAAK,qBAAqB,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,MAAM,eAAe,EAAE,CAAC;IACvC,iBAAiB,EAAE,MAAM,eAAe,EAAE,CAAC;IAC3C,aAAa,EAAE,MAAM,aAAa,CAAC;IACnC,gBAAgB,EAAE,MAAM,OAAO,CAAC;IAChC,YAAY,EAAE,MAAM,OAAO,CAAC;IAC5B,YAAY,EAAE,MAAM,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,eAAe,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IACrE,wBAAwB,CAAC,EAAE,MAAM,eAAe,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IACzE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAC9B,CAAC;AAEF,KAAK,6BAA6B,GAAG;IACpC,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+DAAyC,CAAC;AAEvE,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,KAAK,EAAE,6BAA6B,eAuKpF"}

package/ui/element.d.ts

@@ -0,0 +1,5 @@
+import type MoqPublish from "../element";
+export declare function PublishUI(props: {
+    publish: MoqPublish;
+}): import("solid-js").JSX.Element;
+//# sourceMappingURL=element.d.ts.map

package/ui/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../src/ui/element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,YAAY,CAAC;AAKzC,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,kCAUvD"}