@moq/publish 0.1.0 → 0.2.0

package/broadcast.d.ts

@@ -9,7 +9,7 @@ import * as Video from "./video";
 export type BroadcastProps = {
     connection?: Moq.Connection.Established | Signal<Moq.Connection.Established | undefined>;
     enabled?: boolean | Signal<boolean>;
-    path?: Moq.Path.Valid | Signal<Moq.Path.Valid | undefined>;
+    name?: Moq.Path.Valid | Signal<Moq.Path.Valid | undefined>;
     audio?: Audio.EncoderProps;
     video?: Video.Props;
     location?: Location.Props;
@@ -22,7 +22,7 @@ export declare class Broadcast {
     static readonly CATALOG_TRACK = "catalog.json";
     connection: Signal<Moq.Connection.Established | undefined>;
     enabled: Signal<boolean>;
-    path: Signal<Moq.Path.Valid | undefined>;
+    name: Signal<Moq.Path.Valid | undefined>;
     audio: Audio.Encoder;
     video: Video.Root;
     location: Location.Root;

package/element.d.ts

@@ -1,17 +1,17 @@
 import * as Moq from "@moq/lite";
 import { Broadcast } from "./broadcast";
 import * as Source from "./source";
-declare const OBSERVED: readonly ["url", "name", "path", "muted", "invisible", "source"];
+declare const OBSERVED: readonly ["url", "name", "muted", "invisible", "source"];
 type Observed = (typeof OBSERVED)[number];
 type SourceType = "camera" | "screen" | "file";
 export default class MoqPublish extends HTMLElement {
     #private;
-    static observedAttributes: readonly ["url", "name", "path", "muted", "invisible", "source"];
-    url: Moq.Signals.Signal<URL | undefined>;
-    path: Moq.Signals.Signal<Moq.Path.Valid | undefined>;
-    source: Moq.Signals.Signal<File | SourceType | undefined>;
-    muted: Moq.Signals.Signal<boolean>;
-    invisible: Moq.Signals.Signal<boolean>;
+    static observedAttributes: readonly ["url", "name", "muted", "invisible", "source"];
+    state: {
+        source: Moq.Signals.Signal<File | SourceType | undefined>;
+        muted: Moq.Signals.Signal<boolean>;
+        invisible: Moq.Signals.Signal<boolean>;
+    };
     connection: Moq.Connection.Reload;
     broadcast: Broadcast;
     video: Moq.Signals.Signal<Source.Camera | Source.Screen | undefined>;
@@ -22,6 +22,16 @@ export default class MoqPublish extends HTMLElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: Observed, oldValue: string | null, newValue: string | null): void;
+    get url(): URL | undefined;
+    set url(value: string | URL | undefined);
+    get name(): Moq.Path.Valid | undefined;
+    set name(value: string | Moq.Path.Valid | undefined);
+    get source(): SourceType | File | undefined;
+    set source(value: SourceType | File | undefined);
+    get muted(): boolean;
+    set muted(value: boolean);
+    get invisible(): boolean;
+    set invisible(value: boolean);
 }
 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,GAAG,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAGnC,QAAA,MAAM,QAAQ,kEAAmE,CAAC;AAClF,KAAK,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAO/C,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;;IAClD,MAAM,CAAC,kBAAkB,mEAAY;IAErC,GAAG,sCAA0C;IAC7C,IAAI,iDAAqD;IACzD,MAAM,oDAAwD;IAG9D,KAAK,8BAAqB;IAC1B,SAAS,8BAAqB;IAE9B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC;IAIrB,KAAK,gEAAoE;IACzE,KAAK,oEAAwE;IAC7E,IAAI,8CAAkD;IAUtD,OAAO,qBAAgB;;IAyEvB,iBAAiB;IAIjB,oBAAoB;IAIpB,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;CAkGzF;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../src/element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,WAAW,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAEnC,QAAA,MAAM,QAAQ,0DAA2D,CAAC;AAC1E,KAAK,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1C,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAO/C,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;;IAClD,MAAM,CAAC,kBAAkB,2DAAY;IAIrC,KAAK;;;;MAIH;IAEF,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC;IAIrB,KAAK,gEAAoE;IACzE,KAAK,oEAAwE;IAC7E,IAAI,8CAAkD;IAUtD,OAAO,qBAAgB;;IAuEvB,iBAAiB;IAIjB,oBAAoB;IAIpB,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAmGzF,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,GAAG,SAAS,CAErC;IAED,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,SAAS,EAElD;IAED,IAAI,MAAM,IAAI,UAAU,GAAG,IAAI,GAAG,SAAS,CAE1C;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,EAE9C;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAEvB;IAED,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,OAAO,EAE3B;CACD;AAID,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}

package/element.js

@@ -1,63 +1,62 @@
-import * as l from "@moq/lite";
-import { Signal as n, Effect as d } from "@moq/signals";
-import { B as h, C as u, M as b, S as v, F as f } from "./screen-BCioRZHS.js";
-const g = ["url", "name", "path", "muted", "invisible", "source"], p = new FinalizationRegistry((a) => a.close());
+import * as c from "@moq/lite";
+import { Signal as o, Effect as u } from "@moq/signals";
+import { B as d, C as h, M as b, S as v, F as g } from "./screen-BZp2qFyj.js";
+const m = ["url", "name", "muted", "invisible", "source"], p = new FinalizationRegistry((l) => l.close());
 class w extends HTMLElement {
-  static observedAttributes = g;
-  url = new n(void 0);
-  path = new n(void 0);
-  source = new n(void 0);
-  // Controls whether audio/video is enabled.
-  muted = new n(!1);
-  invisible = new n(!1);
+  static observedAttributes = m;
+  // Reactive state for element properties that are also HTML attributes.
+  // Access these Signals directly for reactive subscriptions (e.g. effect.get(el.state.source)).
+  state = {
+    source: new o(void 0),
+    muted: new o(!1),
+    invisible: new o(!1)
+  };
   connection;
   broadcast;
-  #o = new n(void 0);
-  video = new n(void 0);
-  audio = new n(void 0);
-  file = new n(void 0);
+  #n = new o(void 0);
+  video = new o(void 0);
+  audio = new o(void 0);
+  file = new o(void 0);
   // The inverse of the `muted` and `invisible` signals.
-  #s;
   #e;
+  #s;
   #t;
   // Set when the element is connected to the DOM.
-  #i = new n(!1);
-  signals = new d();
+  #i = new o(!1);
+  signals = new u();
   constructor() {
-    super(), p.register(this, this.signals), this.connection = new l.Connection.Reload({
-      url: this.url,
+    super(), p.register(this, this.signals), this.connection = new c.Connection.Reload({
       enabled: this.#i
-    }), this.signals.cleanup(() => this.connection.close()), this.#s = new n(!1), this.#e = new n(!1), this.#t = new n(!1), this.signals.effect((s) => {
-      const e = s.get(this.muted), i = s.get(this.invisible);
-      this.#s.set(!i), this.#e.set(!e), this.#t.set(!e || !i);
-    }), this.broadcast = new h({
+    }), this.signals.cleanup(() => this.connection.close()), this.#e = new o(!1), this.#s = new o(!1), this.#t = new o(!1), this.signals.run((s) => {
+      const t = s.get(this.state.muted), i = s.get(this.state.invisible);
+      this.#e.set(!i), this.#s.set(!t), this.#t.set(!t || !i);
+    }), this.broadcast = new d({
       connection: this.connection.established,
       enabled: this.#i,
-      path: this.path,
       audio: {
-        enabled: this.#e
+        enabled: this.#s
       },
       video: {
         hd: {
-          enabled: this.#s
+          enabled: this.#e
         }
       }
     }), this.signals.cleanup(() => this.broadcast.close());
-    const t = () => {
-      this.#o.set(this.querySelector("video"));
-    }, o = new MutationObserver(t);
-    o.observe(this, { childList: !0, subtree: !0 }), this.signals.cleanup(() => o.disconnect()), t(), this.signals.effect((s) => {
-      const e = s.get(this.#o);
-      if (!e) return;
+    const e = () => {
+      this.#n.set(this.querySelector("video"));
+    }, n = new MutationObserver(e);
+    n.observe(this, { childList: !0, subtree: !0 }), this.signals.cleanup(() => n.disconnect()), e(), this.signals.run((s) => {
+      const t = s.get(this.#n);
+      if (!t) return;
       const i = s.get(this.broadcast.video.source);
       if (!i) {
-        e.style.display = "none";
+        t.style.display = "none";
         return;
       }
-      e.srcObject = new MediaStream([i]), e.style.display = "block", s.cleanup(() => {
-        e.srcObject = null;
+      t.srcObject = new MediaStream([i]), t.style.display = "block", s.cleanup(() => {
+        t.srcObject = null;
       });
-    }), this.signals.effect(this.#n.bind(this));
+    }), this.signals.run(this.#o.bind(this));
   }
   connectedCallback() {
     this.#i.set(!0);
@@ -65,74 +64,104 @@ class w extends HTMLElement {
   disconnectedCallback() {
     this.#i.set(!1);
   }
-  attributeChangedCallback(t, o, s) {
-    if (o !== s)
-      if (t === "url")
-        this.url.set(s ? new URL(s) : void 0);
-      else if (t === "name" || t === "path")
-        this.path.set(s ? l.Path.from(s) : void 0);
-      else if (t === "source")
+  attributeChangedCallback(e, n, s) {
+    if (n !== s)
+      if (e === "url")
+        this.connection.url.set(s ? new URL(s) : void 0);
+      else if (e === "name")
+        this.broadcast.name.set(s ? c.Path.from(s) : void 0);
+      else if (e === "source")
         if (s === "camera" || s === "screen" || s === "file" || s === null)
-          this.source.set(s);
+          this.state.source.set(s);
         else
           throw new Error(`Invalid source: ${s}`);
-      else if (t === "muted")
-        this.muted.set(s !== null);
-      else if (t === "invisible")
-        this.invisible.set(s !== null);
+      else if (e === "muted")
+        this.state.muted.set(s !== null);
+      else if (e === "invisible")
+        this.state.invisible.set(s !== null);
       else {
-        const e = t;
-        throw new Error(`Invalid attribute: ${e}`);
+        const t = e;
+        throw new Error(`Invalid attribute: ${t}`);
       }
   }
-  #n(t) {
-    const o = t.get(this.source);
-    if (!o) return;
-    if (o === "camera") {
-      const e = new u({ enabled: this.#s });
-      this.signals.effect((r) => {
-        const c = r.get(e.source);
-        this.broadcast.video.source.set(c);
+  #o(e) {
+    const n = e.get(this.state.source);
+    if (!n) return;
+    if (n === "camera") {
+      const t = new h({ enabled: this.#e });
+      this.signals.run((r) => {
+        const a = r.get(t.source);
+        this.broadcast.video.source.set(a);
       });
-      const i = new b({ enabled: this.#e });
-      this.signals.effect((r) => {
-        const c = r.get(i.source);
-        this.broadcast.audio.source.set(c);
-      }), t.set(this.video, e), t.set(this.audio, i), t.cleanup(() => {
-        e.close(), i.close();
+      const i = new b({ enabled: this.#s });
+      this.signals.run((r) => {
+        const a = r.get(i.source);
+        this.broadcast.audio.source.set(a);
+      }), e.set(this.video, t), e.set(this.audio, i), e.cleanup(() => {
+        t.close(), i.close();
       });
       return;
     }
-    if (o === "screen") {
-      const e = new v({
+    if (n === "screen") {
+      const t = new v({
         enabled: this.#t
       });
-      this.signals.effect((i) => {
-        const r = i.get(e.source);
+      this.signals.run((i) => {
+        const r = i.get(t.source);
         r && (i.set(this.broadcast.video.source, r.video), i.set(this.broadcast.audio.source, r.audio));
-      }), t.set(this.video, e), t.set(this.audio, e), t.cleanup(() => {
-        e.close();
+      }), e.set(this.video, t), e.set(this.audio, t), e.cleanup(() => {
+        t.close();
       });
       return;
     }
-    if (o === "file" || o instanceof File) {
-      const e = new f({
+    if (n === "file" || n instanceof File) {
+      const t = new g({
         // If a File is provided, use it directly.
         // TODO: Show a file picker otherwise.
-        file: o instanceof File ? o : void 0,
+        file: n instanceof File ? n : void 0,
         enabled: this.#t
       });
-      this.signals.effect((i) => {
-        const r = i.get(e.source);
+      this.signals.run((i) => {
+        const r = i.get(t.source);
         this.broadcast.video.source.set(r.video), this.broadcast.audio.source.set(r.audio);
-      }), t.cleanup(() => {
-        e.close();
+      }), e.cleanup(() => {
+        t.close();
       });
       return;
     }
-    const s = o;
+    const s = n;
     throw new Error(`Invalid source: ${s}`);
   }
+  get url() {
+    return this.connection.url.peek();
+  }
+  set url(e) {
+    this.connection.url.set(e ? new URL(e) : void 0);
+  }
+  get name() {
+    return this.broadcast.name.peek();
+  }
+  set name(e) {
+    this.broadcast.name.set(e ? c.Path.from(e) : void 0);
+  }
+  get source() {
+    return this.state.source.peek();
+  }
+  set source(e) {
+    this.state.source.set(e);
+  }
+  get muted() {
+    return this.state.muted.peek();
+  }
+  set muted(e) {
+    this.state.muted.set(e);
+  }
+  get invisible() {
+    return this.state.invisible.peek();
+  }
+  set invisible(e) {
+    this.state.invisible.set(e);
+  }
 }
 customElements.define("moq-publish", w);
 export {

package/element.js.map

@@ -1 +1 @@
-{"version":3,"file":"element.js","sources":["../src/element.ts"],"sourcesContent":["import * as Moq from \"@moq/lite\";\nimport { Effect, Signal } from \"@moq/signals\";\nimport { Broadcast } from \"./broadcast\";\nimport * as Source from \"./source\";\n\n// TODO remove name; replaced with path\nconst OBSERVED = [\"url\", \"name\", \"path\", \"muted\", \"invisible\", \"source\"] as const;\ntype Observed = (typeof OBSERVED)[number];\n\ntype SourceType = \"camera\" | \"screen\" | \"file\";\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\nexport default class MoqPublish extends HTMLElement {\n\tstatic observedAttributes = OBSERVED;\n\n\turl = new Signal<URL | undefined>(undefined);\n\tpath = new Signal<Moq.Path.Valid | undefined>(undefined);\n\tsource = new Signal<SourceType | File | undefined>(undefined);\n\n\t// Controls whether audio/video is enabled.\n\tmuted = new Signal(false);\n\tinvisible = new Signal(false);\n\n\tconnection: Moq.Connection.Reload;\n\tbroadcast: Broadcast;\n\n\t#preview = new Signal<HTMLVideoElement | undefined>(undefined);\n\n\tvideo = new Signal<Source.Camera | Source.Screen | undefined>(undefined);\n\taudio = new Signal<Source.Microphone | Source.Screen | undefined>(undefined);\n\tfile = new Signal<Source.File | undefined>(undefined);\n\n\t// The inverse of the `muted` and `invisible` signals.\n\t#videoEnabled: Signal<boolean>;\n\t#audioEnabled: Signal<boolean>;\n\t#eitherEnabled: Signal<boolean>;\n\n\t// Set when the element is connected to the DOM.\n\t#enabled = new Signal(false);\n\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\turl: this.url,\n\t\t\tenabled: this.#enabled,\n\t\t});\n\t\tthis.signals.cleanup(() => this.connection.close());\n\n\t\t// The inverse of the `muted` and `invisible` signals.\n\t\t// TODO make this.signals.computed to simplify the code.\n\t\tthis.#videoEnabled = new Signal(false);\n\t\tthis.#audioEnabled = new Signal(false);\n\t\tthis.#eitherEnabled = new Signal(false);\n\n\t\tthis.signals.effect((effect) => {\n\t\t\tconst muted = effect.get(this.muted);\n\t\t\tconst invisible = effect.get(this.invisible);\n\t\t\tthis.#videoEnabled.set(!invisible);\n\t\t\tthis.#audioEnabled.set(!muted);\n\t\t\tthis.#eitherEnabled.set(!muted || !invisible);\n\t\t});\n\n\t\tthis.broadcast = new Broadcast({\n\t\t\tconnection: this.connection.established,\n\t\t\tenabled: this.#enabled,\n\t\t\tpath: this.path,\n\n\t\t\taudio: {\n\t\t\t\tenabled: this.#audioEnabled,\n\t\t\t},\n\t\t\tvideo: {\n\t\t\t\thd: {\n\t\t\t\t\tenabled: this.#videoEnabled,\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t\tthis.signals.cleanup(() => this.broadcast.close());\n\n\t\t// Watch to see if the preview element is added or removed.\n\t\tconst setPreview = () => {\n\t\t\tthis.#preview.set(this.querySelector(\"video\") as HTMLVideoElement | undefined);\n\t\t};\n\t\tconst observer = new MutationObserver(setPreview);\n\t\tobserver.observe(this, { childList: true, subtree: true });\n\t\tthis.signals.cleanup(() => observer.disconnect());\n\t\tsetPreview();\n\n\t\tthis.signals.effect((effect) => {\n\t\t\tconst preview = effect.get(this.#preview);\n\t\t\tif (!preview) return;\n\n\t\t\tconst source = effect.get(this.broadcast.video.source);\n\t\t\tif (!source) {\n\t\t\t\tpreview.style.display = \"none\";\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tpreview.srcObject = new MediaStream([source]);\n\t\t\tpreview.style.display = \"block\";\n\n\t\t\teffect.cleanup(() => {\n\t\t\t\tpreview.srcObject = null;\n\t\t\t});\n\t\t});\n\n\t\tthis.signals.effect(this.#runSource.bind(this));\n\t}\n\n\tconnectedCallback() {\n\t\tthis.#enabled.set(true);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.#enabled.set(false);\n\t}\n\n\tattributeChangedCallback(name: Observed, oldValue: string | null, newValue: string | null) {\n\t\tif (oldValue === newValue) return;\n\n\t\tif (name === \"url\") {\n\t\t\tthis.url.set(newValue ? new URL(newValue) : undefined);\n\t\t} else if (name === \"name\" || name === \"path\") {\n\t\t\tthis.path.set(newValue ? Moq.Path.from(newValue) : undefined);\n\t\t} else if (name === \"source\") {\n\t\t\tif (newValue === \"camera\" || newValue === \"screen\" || newValue === \"file\" || newValue === null) {\n\t\t\t\tthis.source.set(newValue as SourceType | undefined);\n\t\t\t} else {\n\t\t\t\tthrow new Error(`Invalid source: ${newValue}`);\n\t\t\t}\n\t\t} else if (name === \"muted\") {\n\t\t\tthis.muted.set(newValue !== null);\n\t\t} else if (name === \"invisible\") {\n\t\t\tthis.invisible.set(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\t#runSource(effect: Effect) {\n\t\tconst source = effect.get(this.source);\n\t\tif (!source) return;\n\n\t\tif (source === \"camera\") {\n\t\t\tconst video = new Source.Camera({ enabled: this.#videoEnabled });\n\t\t\tthis.signals.effect((effect) => {\n\t\t\t\tconst source = effect.get(video.source);\n\t\t\t\tthis.broadcast.video.source.set(source);\n\t\t\t});\n\n\t\t\tconst audio = new Source.Microphone({ enabled: this.#audioEnabled });\n\t\t\tthis.signals.effect((effect) => {\n\t\t\t\tconst source = effect.get(audio.source);\n\t\t\t\tthis.broadcast.audio.source.set(source);\n\t\t\t});\n\n\t\t\teffect.set(this.video, video);\n\t\t\teffect.set(this.audio, audio);\n\n\t\t\teffect.cleanup(() => {\n\t\t\t\tvideo.close();\n\t\t\t\taudio.close();\n\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (source === \"screen\") {\n\t\t\tconst screen = new Source.Screen({\n\t\t\t\tenabled: this.#eitherEnabled,\n\t\t\t});\n\n\t\t\tthis.signals.effect((effect) => {\n\t\t\t\tconst source = effect.get(screen.source);\n\t\t\t\tif (!source) return;\n\n\t\t\t\teffect.set(this.broadcast.video.source, source.video);\n\t\t\t\teffect.set(this.broadcast.audio.source, source.audio);\n\t\t\t});\n\n\t\t\teffect.set(this.video, screen);\n\t\t\teffect.set(this.audio, screen);\n\n\t\t\teffect.cleanup(() => {\n\t\t\t\tscreen.close();\n\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (source === \"file\" || source instanceof File) {\n\t\t\tconst fileSource = new Source.File({\n\t\t\t\t// If a File is provided, use it directly.\n\t\t\t\t// TODO: Show a file picker otherwise.\n\t\t\t\tfile: source instanceof File ? source : undefined,\n\t\t\t\tenabled: this.#eitherEnabled,\n\t\t\t});\n\n\t\t\tthis.signals.effect((effect) => {\n\t\t\t\tconst source = effect.get(fileSource.source);\n\t\t\t\tthis.broadcast.video.source.set(source.video);\n\t\t\t\tthis.broadcast.audio.source.set(source.audio);\n\t\t\t});\n\n\t\t\teffect.cleanup(() => {\n\t\t\t\tfileSource.close();\n\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst exhaustive: never = source;\n\t\tthrow new Error(`Invalid source: ${exhaustive}`);\n\t}\n}\n\ncustomElements.define(\"moq-publish\", MoqPublish);\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"moq-publish\": MoqPublish;\n\t}\n}\n"],"names":["OBSERVED","cleanup","signals","MoqPublish","Signal","#preview","#videoEnabled","#audioEnabled","#eitherEnabled","#enabled","Effect","Moq","effect","muted","invisible","Broadcast","setPreview","observer","preview","source","#runSource","name","oldValue","newValue","exhaustive","video","Source.Camera","audio","Source.Microphone","screen","Source.Screen","fileSource","Source.File"],"mappings":"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"}
+{"version":3,"file":"element.js","sources":["../src/element.ts"],"sourcesContent":["import * as Moq from \"@moq/lite\";\nimport { Effect, Signal } from \"@moq/signals\";\nimport { Broadcast } from \"./broadcast\";\nimport * as Source from \"./source\";\n\nconst OBSERVED = [\"url\", \"name\", \"muted\", \"invisible\", \"source\"] as const;\ntype Observed = (typeof OBSERVED)[number];\n\ntype SourceType = \"camera\" | \"screen\" | \"file\";\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\nexport default class MoqPublish extends HTMLElement {\n\tstatic observedAttributes = OBSERVED;\n\n\t// Reactive state for element properties that are also HTML attributes.\n\t// Access these Signals directly for reactive subscriptions (e.g. effect.get(el.state.source)).\n\tstate = {\n\t\tsource: new Signal<SourceType | File | undefined>(undefined),\n\t\tmuted: new Signal(false),\n\t\tinvisible: new Signal(false),\n\t};\n\n\tconnection: Moq.Connection.Reload;\n\tbroadcast: Broadcast;\n\n\t#preview = new Signal<HTMLVideoElement | undefined>(undefined);\n\n\tvideo = new Signal<Source.Camera | Source.Screen | undefined>(undefined);\n\taudio = new Signal<Source.Microphone | Source.Screen | undefined>(undefined);\n\tfile = new Signal<Source.File | undefined>(undefined);\n\n\t// The inverse of the `muted` and `invisible` signals.\n\t#videoEnabled: Signal<boolean>;\n\t#audioEnabled: Signal<boolean>;\n\t#eitherEnabled: Signal<boolean>;\n\n\t// Set when the element is connected to the DOM.\n\t#enabled = new Signal(false);\n\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\t// The inverse of the `muted` and `invisible` signals.\n\t\t// TODO make this.signals.computed to simplify the code.\n\t\tthis.#videoEnabled = new Signal(false);\n\t\tthis.#audioEnabled = new Signal(false);\n\t\tthis.#eitherEnabled = new Signal(false);\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst muted = effect.get(this.state.muted);\n\t\t\tconst invisible = effect.get(this.state.invisible);\n\t\t\tthis.#videoEnabled.set(!invisible);\n\t\t\tthis.#audioEnabled.set(!muted);\n\t\t\tthis.#eitherEnabled.set(!muted || !invisible);\n\t\t});\n\n\t\tthis.broadcast = new Broadcast({\n\t\t\tconnection: this.connection.established,\n\t\t\tenabled: this.#enabled,\n\n\t\t\taudio: {\n\t\t\t\tenabled: this.#audioEnabled,\n\t\t\t},\n\t\t\tvideo: {\n\t\t\t\thd: {\n\t\t\t\t\tenabled: this.#videoEnabled,\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t\tthis.signals.cleanup(() => this.broadcast.close());\n\n\t\t// Watch to see if the preview element is added or removed.\n\t\tconst setPreview = () => {\n\t\t\tthis.#preview.set(this.querySelector(\"video\") as HTMLVideoElement | undefined);\n\t\t};\n\t\tconst observer = new MutationObserver(setPreview);\n\t\tobserver.observe(this, { childList: true, subtree: true });\n\t\tthis.signals.cleanup(() => observer.disconnect());\n\t\tsetPreview();\n\n\t\tthis.signals.run((effect) => {\n\t\t\tconst preview = effect.get(this.#preview);\n\t\t\tif (!preview) return;\n\n\t\t\tconst source = effect.get(this.broadcast.video.source);\n\t\t\tif (!source) {\n\t\t\t\tpreview.style.display = \"none\";\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tpreview.srcObject = new MediaStream([source]);\n\t\t\tpreview.style.display = \"block\";\n\n\t\t\teffect.cleanup(() => {\n\t\t\t\tpreview.srcObject = null;\n\t\t\t});\n\t\t});\n\n\t\tthis.signals.run(this.#runSource.bind(this));\n\t}\n\n\tconnectedCallback() {\n\t\tthis.#enabled.set(true);\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis.#enabled.set(false);\n\t}\n\n\tattributeChangedCallback(name: Observed, oldValue: string | null, newValue: string | null) {\n\t\tif (oldValue === newValue) return;\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(newValue ? Moq.Path.from(newValue) : undefined);\n\t\t} else if (name === \"source\") {\n\t\t\tif (newValue === \"camera\" || newValue === \"screen\" || newValue === \"file\" || newValue === null) {\n\t\t\t\tthis.state.source.set(newValue as SourceType | undefined);\n\t\t\t} else {\n\t\t\t\tthrow new Error(`Invalid source: ${newValue}`);\n\t\t\t}\n\t\t} else if (name === \"muted\") {\n\t\t\tthis.state.muted.set(newValue !== null);\n\t\t} else if (name === \"invisible\") {\n\t\t\tthis.state.invisible.set(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\t#runSource(effect: Effect) {\n\t\tconst source = effect.get(this.state.source);\n\t\tif (!source) return;\n\n\t\tif (source === \"camera\") {\n\t\t\tconst video = new Source.Camera({ enabled: this.#videoEnabled });\n\t\t\tthis.signals.run((effect) => {\n\t\t\t\tconst source = effect.get(video.source);\n\t\t\t\tthis.broadcast.video.source.set(source);\n\t\t\t});\n\n\t\t\tconst audio = new Source.Microphone({ enabled: this.#audioEnabled });\n\t\t\tthis.signals.run((effect) => {\n\t\t\t\tconst source = effect.get(audio.source);\n\t\t\t\tthis.broadcast.audio.source.set(source);\n\t\t\t});\n\n\t\t\teffect.set(this.video, video);\n\t\t\teffect.set(this.audio, audio);\n\n\t\t\teffect.cleanup(() => {\n\t\t\t\tvideo.close();\n\t\t\t\taudio.close();\n\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (source === \"screen\") {\n\t\t\tconst screen = new Source.Screen({\n\t\t\t\tenabled: this.#eitherEnabled,\n\t\t\t});\n\n\t\t\tthis.signals.run((effect) => {\n\t\t\t\tconst source = effect.get(screen.source);\n\t\t\t\tif (!source) return;\n\n\t\t\t\teffect.set(this.broadcast.video.source, source.video);\n\t\t\t\teffect.set(this.broadcast.audio.source, source.audio);\n\t\t\t});\n\n\t\t\teffect.set(this.video, screen);\n\t\t\teffect.set(this.audio, screen);\n\n\t\t\teffect.cleanup(() => {\n\t\t\t\tscreen.close();\n\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (source === \"file\" || source instanceof File) {\n\t\t\tconst fileSource = new Source.File({\n\t\t\t\t// If a File is provided, use it directly.\n\t\t\t\t// TODO: Show a file picker otherwise.\n\t\t\t\tfile: source instanceof File ? source : undefined,\n\t\t\t\tenabled: this.#eitherEnabled,\n\t\t\t});\n\n\t\t\tthis.signals.run((effect) => {\n\t\t\t\tconst source = effect.get(fileSource.source);\n\t\t\t\tthis.broadcast.video.source.set(source.video);\n\t\t\t\tthis.broadcast.audio.source.set(source.audio);\n\t\t\t});\n\n\t\t\teffect.cleanup(() => {\n\t\t\t\tfileSource.close();\n\t\t\t});\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst exhaustive: never = source;\n\t\tthrow new Error(`Invalid source: ${exhaustive}`);\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 | undefined {\n\t\treturn this.broadcast.name.peek();\n\t}\n\n\tset name(value: string | Moq.Path.Valid | undefined) {\n\t\tthis.broadcast.name.set(value ? Moq.Path.from(value) : undefined);\n\t}\n\n\tget source(): SourceType | File | undefined {\n\t\treturn this.state.source.peek();\n\t}\n\n\tset source(value: SourceType | File | undefined) {\n\t\tthis.state.source.set(value);\n\t}\n\n\tget muted(): boolean {\n\t\treturn this.state.muted.peek();\n\t}\n\n\tset muted(value: boolean) {\n\t\tthis.state.muted.set(value);\n\t}\n\n\tget invisible(): boolean {\n\t\treturn this.state.invisible.peek();\n\t}\n\n\tset invisible(value: boolean) {\n\t\tthis.state.invisible.set(value);\n\t}\n}\n\ncustomElements.define(\"moq-publish\", MoqPublish);\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"moq-publish\": MoqPublish;\n\t}\n}\n"],"names":["OBSERVED","cleanup","signals","MoqPublish","Signal","#preview","#videoEnabled","#audioEnabled","#eitherEnabled","#enabled","Effect","Moq","effect","muted","invisible","Broadcast","setPreview","observer","preview","source","#runSource","name","oldValue","newValue","exhaustive","video","Source.Camera","audio","Source.Microphone","screen","Source.Screen","fileSource","Source.File","value"],"mappings":"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"}

package/index.js

@@ -1,5 +1,5 @@
-import { E as e, C as o, D as a, F as r, M as t, S as s } from "./screen-BCioRZHS.js";
-import { B as u, i as p, a as _, P as b, u as S, b as f } from "./screen-BCioRZHS.js";
+import { E as e, C as o, D as a, F as r, M as t, S as s } from "./screen-BZp2qFyj.js";
+import { B as u, i as p, a as _, P as b, u as S, b as f } from "./screen-BZp2qFyj.js";
 const n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Encoder: e

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@moq/publish",
   "type": "module",
-  "version": "0.1.0",
-  "description": "Publish media to Media over QUIC streams",
+  "version": "0.2.0",
+  "description": "Publish Media over QUIC broadcasts",
   "license": "(MIT OR Apache-2.0)",
   "repository": "github:moq-dev/moq",
   "exports": {
@@ -33,9 +33,9 @@
     "./support/element.js"
   ],
   "dependencies": {
-    "@moq/hang": "^0.1.3",
-    "@moq/lite": "^0.1.3",
-    "@moq/signals": "^0.1.2",
+    "@moq/hang": "^0.2.0",
+    "@moq/lite": "^0.1.4",
+    "@moq/signals": "^0.1.3",
     "@moq/ui-core": "^0.1.0"
   }
 }

package/{screen-BCioRZHS.js → screen-BZp2qFyj.js}

@@ -3469,6 +3469,9 @@ var Effect = class _Effect {
     this.#scheduled = false;
     if (this.#fn) {
       this.#fn(this);
+      if (DEV && this.#unwatch.length === 0) {
+        console.warn("Effect did not subscribe to any signals; it will never rerun.", this.#stack);
+      }
     }
   }
   // Get the current value of a signal, monitoring it for changes (via ===) and rerunning on change.
@@ -3578,7 +3581,7 @@ var Effect = class _Effect {
     this.cleanup(() => clearInterval(interval));
   }
   // Create a nested effect that can be rerun independently.
-  effect(fn) {
+  run(fn) {
     if (this.#dispose === void 0) {
       if (DEV) {
         console.warn("Effect.nested called when closed, ignoring");
@@ -3588,6 +3591,10 @@ var Effect = class _Effect {
     const effect = new _Effect(fn);
     this.#dispose.push(() => effect.close());
   }
+  // Backwards compatibility with the old name.
+  effect(fn) {
+    return this.run(fn);
+  }
   // Get the values of multiple signals, returning undefined if any are falsy.
   getAll(signals) {
     const values = [];
@@ -3607,7 +3614,7 @@ var Effect = class _Effect {
       fn(signal.peek());
       return;
     }
-    this.effect((effect) => {
+    this.run((effect) => {
       const value = effect.get(signal);
       fn(value);
     });
@@ -5657,7 +5664,7 @@ let dn = class Bn {
   active = new f(!1);
   #s = new P();
   constructor(n) {
-    this.source = f.from(n?.source), this.enabled = f.from(n?.enabled ?? !1), this.muted = f.from(n?.muted ?? !1), this.volume = f.from(n?.volume ?? 1), this.maxLatency = n?.maxLatency ?? 100, this.#s.effect(this.#o.bind(this)), this.#s.effect(this.#i.bind(this)), this.#s.effect(this.#a.bind(this)), this.#s.effect(this.#c.bind(this));
+    this.source = f.from(n?.source), this.enabled = f.from(n?.enabled ?? !1), this.muted = f.from(n?.muted ?? !1), this.volume = f.from(n?.volume ?? 1), this.maxLatency = n?.maxLatency ?? 100, this.#s.run(this.#o.bind(this)), this.#s.run(this.#i.bind(this)), this.#s.run(this.#a.bind(this)), this.#s.run(this.#c.bind(this));
   }
   #o(n) {
     const t = n.getAll([this.enabled, this.source]);
@@ -5763,7 +5770,7 @@ class se {
   catalog = new f(void 0);
   #e = new P();
   constructor(n) {
-    this.enabled = f.from(n?.enabled ?? !1), this.latest = new f(""), this.#e.effect((t) => {
+    this.enabled = f.from(n?.enabled ?? !1), this.latest = new f(""), this.#e.run((t) => {
       t.get(this.enabled) && t.set(this.catalog, { name: se.TRACK });
     });
   }
@@ -5785,7 +5792,7 @@ class oe {
   catalog = new f(void 0);
   #e = new P();
   constructor(n) {
-    this.enabled = f.from(n?.enabled ?? !1), this.active = new f(!1), this.#e.effect((t) => {
+    this.enabled = f.from(n?.enabled ?? !1), this.active = new f(!1), this.#e.run((t) => {
       t.get(this.enabled) && t.set(this.catalog, { name: oe.TRACK });
     });
   }
@@ -5805,7 +5812,7 @@ let Gn = class {
   catalog = this.#e;
   #n = new P();
   constructor(n) {
-    this.message = new se(n?.message), this.typing = new oe(n?.typing), this.#n.effect((t) => {
+    this.message = new se(n?.message), this.typing = new oe(n?.typing), this.#n.run((t) => {
       this.#e.set({
         message: t.get(this.message.catalog),
         typing: t.get(this.typing.catalog)
@@ -5834,7 +5841,7 @@ class ie {
   catalog = new f(void 0);
   signals = new P();
   constructor(n) {
-    this.enabled = f.from(n?.enabled ?? !1), this.positions = f.from(n?.positions ?? {}), this.signals.effect((t) => {
+    this.enabled = f.from(n?.enabled ?? !1), this.positions = f.from(n?.positions ?? {}), this.signals.run((t) => {
       t.get(this.enabled) && t.set(this.catalog, { name: ie.TRACK });
     });
   }
@@ -5858,7 +5865,7 @@ class ae {
   catalog = new f(void 0);
   signals = new P();
   constructor(n) {
-    this.enabled = f.from(n?.enabled ?? !1), this.position = f.from(n?.position ?? void 0), this.handle = f.from(n?.handle ?? void 0), this.signals.effect((t) => {
+    this.enabled = f.from(n?.enabled ?? !1), this.position = f.from(n?.position ?? void 0), this.handle = f.from(n?.handle ?? void 0), this.signals.run((t) => {
       t.get(this.enabled) && t.set(this.catalog, {
         initial: this.position.peek(),
         track: { name: ae.TRACK },
@@ -5882,7 +5889,7 @@ let Wn = class {
   catalog = new f(void 0);
   signals = new P();
   constructor(n) {
-    this.window = new ae(n?.window), this.peers = new ie(n?.peers), this.signals.effect(this.#e.bind(this));
+    this.window = new ae(n?.window), this.peers = new ie(n?.peers), this.signals.run(this.#e.bind(this));
   }
   #e(n) {
     const t = n.get(this.window.catalog), r = n.get(this.peers.catalog);
@@ -5909,7 +5916,7 @@ class pe {
   catalog = new f(void 0);
   signals = new P();
   constructor(n) {
-    this.enabled = f.from(n?.enabled ?? !1), this.info = f.from(n?.info), this.signals.effect((t) => {
+    this.enabled = f.from(n?.enabled ?? !1), this.info = f.from(n?.info), this.signals.run((t) => {
       t.get(this.enabled) && t.set(this.catalog, { name: pe.TRACK });
     });
   }
@@ -5932,7 +5939,7 @@ class Kn {
   catalog = new f(void 0);
   signals = new P();
   constructor(n) {
-    this.enabled = f.from(n?.enabled ?? !1), this.id = f.from(n?.id), this.name = f.from(n?.name), this.avatar = f.from(n?.avatar), this.color = f.from(n?.color), this.signals.effect((t) => {
+    this.enabled = f.from(n?.enabled ?? !1), this.id = f.from(n?.id), this.name = f.from(n?.name), this.avatar = f.from(n?.avatar), this.color = f.from(n?.color), this.signals.run((t) => {
       t.get(this.enabled) && t.set(this.catalog, {
         id: t.get(this.id),
         name: t.get(this.name),
@@ -5965,7 +5972,7 @@ class Pe {
   // True when the encoder is actively serving a track.
   active = new f(!1);
   constructor(n, t, r) {
-    this.frame = n, this.source = t, this.enabled = f.from(r?.enabled ?? !1), this.config = f.from(r?.config), this.#n.effect(this.#s.bind(this)), this.#n.effect(this.#o.bind(this)), this.#n.effect(this.#i.bind(this));
+    this.frame = n, this.source = t, this.enabled = f.from(r?.enabled ?? !1), this.config = f.from(r?.config), this.#n.run(this.#s.bind(this)), this.#n.run(this.#o.bind(this)), this.#n.run(this.#i.bind(this));
   }
   serve(n, t) {
     if (!t.get(this.enabled)) return;
@@ -5981,10 +5988,10 @@ class Pe {
           r.close(o);
         }
       });
-      t.cleanup(() => i.close()), t.effect(() => {
+      t.cleanup(() => i.close()), t.run(() => {
         const o = t.get(this.#r);
         o && i.configure(o);
-      }), t.effect((o) => {
+      }), t.run((o) => {
         const a = o.get(this.frame);
         if (!a || i.state !== "configured") return;
         const c = this.config.peek()?.keyframeInterval ?? L.Milli.fromSecond(2), u = !s || s + L.Micro.fromMilli(c) <= a.timestamp;
@@ -6190,7 +6197,7 @@ class B {
   flip = new f(!1);
   signals = new P();
   constructor(n) {
-    this.source = f.from(n?.source), this.hd = new Pe(this.frame, this.source, n?.hd), this.sd = new Pe(this.frame, this.source, n?.sd), this.flip = f.from(n?.flip ?? !1), this.signals.effect(this.#n.bind(this)), this.signals.effect(this.#e.bind(this));
+    this.source = f.from(n?.source), this.hd = new Pe(this.frame, this.source, n?.hd), this.sd = new Pe(this.frame, this.source, n?.sd), this.flip = f.from(n?.flip ?? !1), this.signals.run(this.#n.bind(this)), this.signals.run(this.#e.bind(this));
   }
   #e(n) {
     const t = n.get(this.source);
@@ -6239,7 +6246,7 @@ class Xn {
   static CATALOG_TRACK = "catalog.json";
   connection;
   enabled;
-  path;
+  name;
   audio;
   video;
   location;
@@ -6248,12 +6255,12 @@ class Xn {
   user;
   signals = new P();
   constructor(n) {
-    this.connection = f.from(n?.connection), this.enabled = f.from(n?.enabled ?? !1), this.path = f.from(n?.path), this.audio = new dn(n?.audio), this.video = new B(n?.video), this.location = new Wn(n?.location), this.chat = new Gn(n?.chat), this.preview = new pe(n?.preview), this.user = new Kn(n?.user), this.signals.effect(this.#e.bind(this));
+    this.connection = f.from(n?.connection), this.enabled = f.from(n?.enabled ?? !1), this.name = f.from(n?.name), this.audio = new dn(n?.audio), this.video = new B(n?.video), this.location = new Wn(n?.location), this.chat = new Gn(n?.chat), this.preview = new pe(n?.preview), this.user = new Kn(n?.user), this.signals.run(this.#e.bind(this));
   }
   #e(n) {
     const t = n.getAll([this.enabled, this.connection]);
     if (!t) return;
-    const [r, s] = t, i = n.get(this.path);
+    const [r, s] = t, i = n.get(this.name);
     if (i === void 0) return;
     const o = new ln.Broadcast();
     n.cleanup(() => o.close()), s.publish(i, o), n.spawn(this.#n.bind(this, o, n));
@@ -6262,7 +6269,7 @@ class Xn {
     for (; ; ) {
       const r = await n.requested();
       if (!r) break;
-      t.cleanup(() => r.track.close()), t.effect((s) => {
+      t.cleanup(() => r.track.close()), t.run((s) => {
         if (!s.get(r.track.state.closed))
           switch (r.track.name) {
             case Xn.CATALOG_TRACK:
@@ -6337,9 +6344,9 @@ class Hn {
   requested = this.#t;
   signals = new P();
   constructor(n, t) {
-    this.kind = n, this.preferred = f.from(t?.preferred), this.signals.effect((r) => {
+    this.kind = n, this.preferred = f.from(t?.preferred), this.signals.run((r) => {
       r.spawn(this.#r.bind(this, r)), r.event(navigator.mediaDevices, "devicechange", () => r.reload());
-    }), this.signals.effect(this.#s.bind(this));
+    }), this.signals.run(this.#s.bind(this));
   }
   async #r(n) {
     n.get(this.permission);
@@ -6391,7 +6398,7 @@ class ha {
   source = new f(void 0);
   signals = new P();
   constructor(n) {
-    this.device = new Hn("video", n?.device), this.enabled = f.from(n?.enabled ?? !1), this.constraints = f.from(n?.constraints), this.signals.effect(this.#e.bind(this));
+    this.device = new Hn("video", n?.device), this.enabled = f.from(n?.enabled ?? !1), this.constraints = f.from(n?.constraints), this.signals.run(this.#e.bind(this));
   }
   #e(n) {
     if (!n.get(this.enabled)) return;
@@ -6428,7 +6435,7 @@ let fa = class {
   source = new f({});
   enabled;
   constructor(n) {
-    this.enabled = f.from(n.enabled ?? !1), this.file = f.from(n.file), this.signals.effect((t) => {
+    this.enabled = f.from(n.enabled ?? !1), this.file = f.from(n.file), this.signals.run((t) => {
       const r = t.getAll([this.file, this.enabled]);
       if (!r) return;
       const [s] = r;
@@ -6493,7 +6500,7 @@ class ma {
   source = new f(void 0);
   signals = new P();
   constructor(n) {
-    this.device = new Hn("audio", n?.device), this.enabled = f.from(n?.enabled ?? !1), this.constraints = f.from(n?.constraints), this.signals.effect(this.#e.bind(this));
+    this.device = new Hn("audio", n?.device), this.enabled = f.from(n?.enabled ?? !1), this.constraints = f.from(n?.constraints), this.signals.run(this.#e.bind(this));
   }
   #e(n) {
     if (!n.get(this.enabled)) return;
@@ -6531,7 +6538,7 @@ class wa {
   source = new f(void 0);
   signals = new P();
   constructor(n) {
-    this.enabled = f.from(n?.enabled ?? !1), this.video = f.from(n?.video), this.audio = f.from(n?.audio), this.signals.effect(this.#e.bind(this));
+    this.enabled = f.from(n?.enabled ?? !1), this.video = f.from(n?.video), this.audio = f.from(n?.audio), this.signals.run(this.#e.bind(this));
   }
   #e(n) {
     if (!n.get(this.enabled)) return;
@@ -6576,4 +6583,4 @@ export {
   aa as i,
   da as u
 };
-//# sourceMappingURL=screen-BCioRZHS.js.map
+//# sourceMappingURL=screen-BZp2qFyj.js.map