@dxos/plugin-thread 0.8.4-main.c1de068 → 0.8.4-main.dedc0f3

package/dist/lib/browser/{chunk-6NSMBO3B.mjs → chunk-XYUJXHYV.mjs}

@@ -1,5 +1,5 @@
 // src/calls/util/stub-media-streams.ts
-import { waitForCondition, scheduleTaskInterval } from "@dxos/async";
+import { scheduleTaskInterval, waitForCondition } from "@dxos/async";
 import { cancelWithContext } from "@dxos/context";
 import { invariant } from "@dxos/invariant";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-thread/src/calls/util/stub-media-streams.ts";
@@ -21,7 +21,7 @@ var createBlackCanvasStreamTrack = async ({ ctx, width, height }) => {
     canvasCtx.fillStyle = "black";
     canvasCtx.fillRect(0, 0, canvas.width, canvas.height);
   };
-  scheduleTaskInterval(ctx, async () => drawFrame(), 1e3);
+  scheduleTaskInterval(ctx, async () => drawFrame(), 200);
   const track = canvas.captureStream().getVideoTracks()[0];
   drawFrame();
   await cancelWithContext(ctx, waitForCondition({
@@ -30,18 +30,68 @@ var createBlackCanvasStreamTrack = async ({ ctx, width, height }) => {
   }));
   return track;
 };
+var audioContextStartedPreviously = false;
+var userGestureEvents = [
+  "click",
+  "contextmenu",
+  "auxclick",
+  "dblclick",
+  "mousedown",
+  "mouseup",
+  "pointerup",
+  "touchend",
+  "keydown",
+  "keyup"
+];
 var createInaudibleAudioStreamTrack = async ({ ctx }) => {
   const audioContext = new window.AudioContext();
   const oscillator = audioContext.createOscillator();
   oscillator.type = "triangle";
   oscillator.frequency.setValueAtTime(20, audioContext.currentTime);
   const gainNode = audioContext.createGain();
-  gainNode.gain.setValueAtTime(0.02, audioContext.currentTime);
+  gainNode.gain.setValueAtTime(0, audioContext.currentTime);
   oscillator.connect(gainNode);
   const destination = audioContext.createMediaStreamDestination();
   gainNode.connect(destination);
-  oscillator.start();
+  let oscillatorStarted = false;
+  const ensureOscillatorStarted = () => {
+    if (oscillatorStarted) return;
+    oscillator.start();
+    oscillatorStarted = true;
+  };
+  const stateChangeHandler = () => {
+    if (audioContext.state === "running") {
+      audioContextStartedPreviously = true;
+      ensureOscillatorStarted();
+    }
+    if (audioContext.state === "suspended" || audioContext.state === "interrupted") {
+      resumeAudioContext();
+    }
+  };
+  audioContext.addEventListener("statechange", stateChangeHandler);
+  const resumeAudioContext = () => {
+    void audioContext.resume().then(() => {
+      cleanUpUserGestureListeners();
+    });
+  };
+  const cleanUpUserGestureListeners = () => {
+    userGestureEvents.forEach((gesture) => {
+      document.removeEventListener(gesture, resumeAudioContext, {
+        capture: true
+      });
+    });
+  };
+  if (audioContextStartedPreviously) {
+    resumeAudioContext();
+  } else {
+    userGestureEvents.forEach((gesture) => {
+      document.addEventListener(gesture, resumeAudioContext, {
+        capture: true
+      });
+    });
+  }
   ctx.onDispose(async () => {
+    cleanUpUserGestureListeners();
     oscillator.disconnect();
     oscillator.stop();
     await audioContext.close();
@@ -53,4 +103,4 @@ export {
   createBlackCanvasStreamTrack,
   createInaudibleAudioStreamTrack
 };
-//# sourceMappingURL=chunk-6NSMBO3B.mjs.map
+//# sourceMappingURL=chunk-XYUJXHYV.mjs.map

package/dist/lib/browser/chunk-XYUJXHYV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/calls/util/stub-media-streams.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n//\n\nimport { scheduleTaskInterval, waitForCondition } from '@dxos/async';\nimport { type Context, cancelWithContext } from '@dxos/context';\nimport { invariant } from '@dxos/invariant';\n\n/**\n * Creates a black canvas stream track.\n * We need this to to have black rectangle video that is live (have frames) when video feed is disabled.\n */\nexport const createBlackCanvasStreamTrack = async ({\n  ctx,\n  width,\n  height,\n}: {\n  ctx: Context;\n  width: number;\n  height: number;\n}): Promise<MediaStreamTrack> => {\n  const canvas = document.createElement('canvas');\n  canvas.width = width;\n  canvas.height = height;\n\n  const canvasCtx = canvas.getContext('2d');\n  invariant(canvasCtx);\n  const drawFrame = () => {\n    canvasCtx.fillStyle = 'black';\n    canvasCtx.fillRect(0, 0, canvas.width, canvas.height);\n  };\n  scheduleTaskInterval(ctx, async () => drawFrame(), 200);\n\n  const track = canvas.captureStream().getVideoTracks()[0];\n  drawFrame();\n\n  await cancelWithContext(ctx, waitForCondition({ condition: () => track.readyState === 'live', timeout: 1_000 }));\n\n  return track;\n};\n\nlet audioContextStartedPreviously = false;\nconst userGestureEvents = [\n  'click',\n  'contextmenu',\n  'auxclick',\n  'dblclick',\n  'mousedown',\n  'mouseup',\n  'pointerup',\n  'touchend',\n  'keydown',\n  'keyup',\n];\n\n/**\n * Creates an inaudible audio stream track.\n * We need this to have audio track available when audio is disabled.\n */\nexport const createInaudibleAudioStreamTrack = async ({ ctx }: { ctx: Context }): Promise<MediaStreamTrack> => {\n  const audioContext = new window.AudioContext();\n  const oscillator = audioContext.createOscillator();\n  oscillator.type = 'triangle';\n  // roughly sounds like a box fan\n  oscillator.frequency.setValueAtTime(20, audioContext.currentTime);\n\n  const gainNode = audioContext.createGain();\n  // even w/ gain at 0 some packets are sent\n  gainNode.gain.setValueAtTime(0, audioContext.currentTime);\n  oscillator.connect(gainNode);\n\n  const destination = audioContext.createMediaStreamDestination();\n  gainNode.connect(destination);\n\n  let oscillatorStarted = false;\n  const ensureOscillatorStarted = () => {\n    if (oscillatorStarted) return;\n    oscillator.start();\n    oscillatorStarted = true;\n  };\n\n  const stateChangeHandler = () => {\n    if (audioContext.state === 'running') {\n      audioContextStartedPreviously = true;\n      ensureOscillatorStarted();\n    }\n    if (audioContext.state === 'suspended' || (audioContext.state as string) === 'interrupted') {\n      resumeAudioContext();\n    }\n  };\n\n  audioContext.addEventListener('statechange', stateChangeHandler);\n\n  const resumeAudioContext = () => {\n    void audioContext.resume().then(() => {\n      cleanUpUserGestureListeners();\n    });\n  };\n\n  const cleanUpUserGestureListeners = () => {\n    userGestureEvents.forEach((gesture) => {\n      document.removeEventListener(gesture, resumeAudioContext, {\n        capture: true,\n      });\n    });\n  };\n\n  if (audioContextStartedPreviously) {\n    resumeAudioContext();\n  } else {\n    userGestureEvents.forEach((gesture) => {\n      document.addEventListener(gesture, resumeAudioContext, {\n        capture: true,\n      });\n    });\n  }\n\n  ctx.onDispose(async () => {\n    cleanUpUserGestureListeners();\n    oscillator.disconnect();\n    oscillator.stop();\n    await audioContext.close();\n  });\n\n  return destination.stream.getAudioTracks()[0];\n};\n"],
+  "mappings": ";AAKA,SAASA,sBAAsBC,wBAAwB;AACvD,SAAuBC,yBAAyB;AAChD,SAASC,iBAAiB;;AAMnB,IAAMC,+BAA+B,OAAO,EACjDC,KACAC,OACAC,OAAM,MAKP;AACC,QAAMC,SAASC,SAASC,cAAc,QAAA;AACtCF,SAAOF,QAAQA;AACfE,SAAOD,SAASA;AAEhB,QAAMI,YAAYH,OAAOI,WAAW,IAAA;AACpCT,YAAUQ,WAAAA,QAAAA;;;;;;;;;AACV,QAAME,YAAY,MAAA;AAChBF,cAAUG,YAAY;AACtBH,cAAUI,SAAS,GAAG,GAAGP,OAAOF,OAAOE,OAAOD,MAAM;EACtD;AACAP,uBAAqBK,KAAK,YAAYQ,UAAAA,GAAa,GAAA;AAEnD,QAAMG,QAAQR,OAAOS,cAAa,EAAGC,eAAc,EAAG,CAAA;AACtDL,YAAAA;AAEA,QAAMX,kBAAkBG,KAAKJ,iBAAiB;IAAEkB,WAAW,MAAMH,MAAMI,eAAe;IAAQC,SAAS;EAAM,CAAA,CAAA;AAE7G,SAAOL;AACT;AAEA,IAAIM,gCAAgC;AACpC,IAAMC,oBAAoB;EACxB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOK,IAAMC,kCAAkC,OAAO,EAAEnB,IAAG,MAAoB;AAC7E,QAAMoB,eAAe,IAAIC,OAAOC,aAAY;AAC5C,QAAMC,aAAaH,aAAaI,iBAAgB;AAChDD,aAAWE,OAAO;AAElBF,aAAWG,UAAUC,eAAe,IAAIP,aAAaQ,WAAW;AAEhE,QAAMC,WAAWT,aAAaU,WAAU;AAExCD,WAASE,KAAKJ,eAAe,GAAGP,aAAaQ,WAAW;AACxDL,aAAWS,QAAQH,QAAAA;AAEnB,QAAMI,cAAcb,aAAac,6BAA4B;AAC7DL,WAASG,QAAQC,WAAAA;AAEjB,MAAIE,oBAAoB;AACxB,QAAMC,0BAA0B,MAAA;AAC9B,QAAID,kBAAmB;AACvBZ,eAAWc,MAAK;AAChBF,wBAAoB;EACtB;AAEA,QAAMG,qBAAqB,MAAA;AACzB,QAAIlB,aAAamB,UAAU,WAAW;AACpCtB,sCAAgC;AAChCmB,8BAAAA;IACF;AACA,QAAIhB,aAAamB,UAAU,eAAgBnB,aAAamB,UAAqB,eAAe;AAC1FC,yBAAAA;IACF;EACF;AAEApB,eAAaqB,iBAAiB,eAAeH,kBAAAA;AAE7C,QAAME,qBAAqB,MAAA;AACzB,SAAKpB,aAAasB,OAAM,EAAGC,KAAK,MAAA;AAC9BC,kCAAAA;IACF,CAAA;EACF;AAEA,QAAMA,8BAA8B,MAAA;AAClC1B,sBAAkB2B,QAAQ,CAACC,YAAAA;AACzB1C,eAAS2C,oBAAoBD,SAASN,oBAAoB;QACxDQ,SAAS;MACX,CAAA;IACF,CAAA;EACF;AAEA,MAAI/B,+BAA+B;AACjCuB,uBAAAA;EACF,OAAO;AACLtB,sBAAkB2B,QAAQ,CAACC,YAAAA;AACzB1C,eAASqC,iBAAiBK,SAASN,oBAAoB;QACrDQ,SAAS;MACX,CAAA;IACF,CAAA;EACF;AAEAhD,MAAIiD,UAAU,YAAA;AACZL,gCAAAA;AACArB,eAAW2B,WAAU;AACrB3B,eAAW4B,KAAI;AACf,UAAM/B,aAAagC,MAAK;EAC1B,CAAA;AAEA,SAAOnB,YAAYoB,OAAOC,eAAc,EAAG,CAAA;AAC7C;",
+  "names": ["scheduleTaskInterval", "waitForCondition", "cancelWithContext", "invariant", "createBlackCanvasStreamTrack", "ctx", "width", "height", "canvas", "document", "createElement", "canvasCtx", "getContext", "drawFrame", "fillStyle", "fillRect", "track", "captureStream", "getVideoTracks", "condition", "readyState", "timeout", "audioContextStartedPreviously", "userGestureEvents", "createInaudibleAudioStreamTrack", "audioContext", "window", "AudioContext", "oscillator", "createOscillator", "type", "frequency", "setValueAtTime", "currentTime", "gainNode", "createGain", "gain", "connect", "destination", "createMediaStreamDestination", "oscillatorStarted", "ensureOscillatorStarted", "start", "stateChangeHandler", "state", "resumeAudioContext", "addEventListener", "resume", "then", "cleanUpUserGestureListeners", "forEach", "gesture", "removeEventListener", "capture", "onDispose", "disconnect", "stop", "close", "stream", "getAudioTracks"]
+}