@moq/publish 0.1.0 → 0.1.1

package/element.js

@@ -1,9 +1,9 @@
 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());
-class w extends HTMLElement {
-  static observedAttributes = g;
+import { B as u, C as h, M as b, S as v, F as g } from "./screen-Dz_GBTAe.js";
+const p = ["url", "name", "path", "muted", "invisible", "source"], w = new FinalizationRegistry((c) => c.close());
+class m extends HTMLElement {
+  static observedAttributes = p;
   url = new n(void 0);
   path = new n(void 0);
   source = new n(void 0);
@@ -19,20 +19,20 @@ class w extends HTMLElement {
   // The inverse of the `muted` and `invisible` signals.
   #s;
   #e;
-  #t;
+  #i;
   // Set when the element is connected to the DOM.
-  #i = new n(!1);
+  #t = new n(!1);
   signals = new d();
   constructor() {
-    super(), p.register(this, this.signals), this.connection = new l.Connection.Reload({
+    super(), w.register(this, this.signals), this.connection = new l.Connection.Reload({
       url: this.url,
-      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({
+      enabled: this.#t
+    }), this.signals.cleanup(() => this.connection.close()), this.#s = new n(!1), this.#e = new n(!1), this.#i = new n(!1), this.signals.run((s) => {
+      const e = s.get(this.muted), t = s.get(this.invisible);
+      this.#s.set(!t), this.#e.set(!e), this.#i.set(!e || !t);
+    }), this.broadcast = new u({
       connection: this.connection.established,
-      enabled: this.#i,
+      enabled: this.#t,
       path: this.path,
       audio: {
         enabled: this.#e
@@ -43,89 +43,89 @@ class w extends HTMLElement {
         }
       }
     }), this.signals.cleanup(() => this.broadcast.close());
-    const t = () => {
+    const i = () => {
       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) => {
+    }, o = new MutationObserver(i);
+    o.observe(this, { childList: !0, subtree: !0 }), this.signals.cleanup(() => o.disconnect()), i(), this.signals.run((s) => {
       const e = s.get(this.#o);
       if (!e) return;
-      const i = s.get(this.broadcast.video.source);
-      if (!i) {
+      const t = s.get(this.broadcast.video.source);
+      if (!t) {
         e.style.display = "none";
         return;
       }
-      e.srcObject = new MediaStream([i]), e.style.display = "block", s.cleanup(() => {
+      e.srcObject = new MediaStream([t]), e.style.display = "block", s.cleanup(() => {
         e.srcObject = null;
       });
-    }), this.signals.effect(this.#n.bind(this));
+    }), this.signals.run(this.#n.bind(this));
   }
   connectedCallback() {
-    this.#i.set(!0);
+    this.#t.set(!0);
   }
   disconnectedCallback() {
-    this.#i.set(!1);
+    this.#t.set(!1);
   }
-  attributeChangedCallback(t, o, s) {
+  attributeChangedCallback(i, o, s) {
     if (o !== s)
-      if (t === "url")
+      if (i === "url")
         this.url.set(s ? new URL(s) : void 0);
-      else if (t === "name" || t === "path")
+      else if (i === "name" || i === "path")
         this.path.set(s ? l.Path.from(s) : void 0);
-      else if (t === "source")
+      else if (i === "source")
         if (s === "camera" || s === "screen" || s === "file" || s === null)
           this.source.set(s);
         else
           throw new Error(`Invalid source: ${s}`);
-      else if (t === "muted")
+      else if (i === "muted")
         this.muted.set(s !== null);
-      else if (t === "invisible")
+      else if (i === "invisible")
         this.invisible.set(s !== null);
       else {
-        const e = t;
+        const e = i;
         throw new Error(`Invalid attribute: ${e}`);
       }
   }
-  #n(t) {
-    const o = t.get(this.source);
+  #n(i) {
+    const o = i.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);
+      const e = new h({ enabled: this.#s });
+      this.signals.run((r) => {
+        const a = r.get(e.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 t = new b({ enabled: this.#e });
+      this.signals.run((r) => {
+        const a = r.get(t.source);
+        this.broadcast.audio.source.set(a);
+      }), i.set(this.video, e), i.set(this.audio, t), i.cleanup(() => {
+        e.close(), t.close();
       });
       return;
     }
     if (o === "screen") {
       const e = new v({
-        enabled: this.#t
+        enabled: this.#i
       });
-      this.signals.effect((i) => {
-        const r = i.get(e.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(() => {
+      this.signals.run((t) => {
+        const r = t.get(e.source);
+        r && (t.set(this.broadcast.video.source, r.video), t.set(this.broadcast.audio.source, r.audio));
+      }), i.set(this.video, e), i.set(this.audio, e), i.cleanup(() => {
         e.close();
       });
       return;
     }
     if (o === "file" || o instanceof File) {
-      const e = new f({
+      const e = new g({
         // If a File is provided, use it directly.
         // TODO: Show a file picker otherwise.
         file: o instanceof File ? o : void 0,
-        enabled: this.#t
+        enabled: this.#i
       });
-      this.signals.effect((i) => {
-        const r = i.get(e.source);
+      this.signals.run((t) => {
+        const r = t.get(e.source);
         this.broadcast.video.source.set(r.video), this.broadcast.audio.source.set(r.audio);
-      }), t.cleanup(() => {
+      }), i.cleanup(() => {
         e.close();
       });
       return;
@@ -134,8 +134,8 @@ class w extends HTMLElement {
     throw new Error(`Invalid source: ${s}`);
   }
 }
-customElements.define("moq-publish", w);
+customElements.define("moq-publish", m);
 export {
-  w as default
+  m as default
 };
 //# sourceMappingURL=element.js.map

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\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.run((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.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.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.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\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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"}

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-Dz_GBTAe.js";
+import { B as u, i as p, a as _, P as b, u as S, b as f } from "./screen-Dz_GBTAe.js";
 const n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Encoder: e

package/package.json

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

package/{screen-BCioRZHS.js → screen-Dz_GBTAe.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);
@@ -6248,7 +6255,7 @@ 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.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.run(this.#e.bind(this));
   }
   #e(n) {
     const t = n.getAll([this.enabled, this.connection]);
@@ -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-Dz_GBTAe.js.map