@usero/sdk 1.1.9 → 1.1.11

package/dist/plugins/user-test.d.cts

@@ -98,6 +98,10 @@ interface RecorderStore {
     muted: boolean;
     mutedSinceMs: number | null;
     mutedSegments: MutedSegment[];
+    micSilent: boolean;
+    silenceMonitor: {
+        stop(): void;
+    } | null;
     muteToastShown: boolean;
     muteToastTimers: number[];
     notes: InFlightNote[];
@@ -110,13 +114,19 @@ interface RecorderStore {
 declare function getTestSlug(queryParam: string): string | null;
 declare function isMediaRecorderSupported(): boolean;
 declare function pickMimeType(): string | undefined;
-declare function micChipState(store: RecorderStore): 'recording' | 'muted' | 'none' | 'connecting' | 'inactive';
+declare function micChipState(store: RecorderStore): 'recording' | 'muted' | 'none' | 'connecting' | 'silent' | 'inactive';
+declare function rmsDbFromSamples(samples: Float32Array | number[]): number;
+declare function isStreamSilent(input: number | Float32Array | number[]): boolean;
 declare function userTest(options?: UserTestOptions): UseroPlugin;
 declare const __test__: {
     getTestSlug: typeof getTestSlug;
     pickMimeType: typeof pickMimeType;
     isMediaRecorderSupported: typeof isMediaRecorderSupported;
     micChipState: typeof micChipState;
+    isStreamSilent: typeof isStreamSilent;
+    rmsDbFromSamples: typeof rmsDbFromSamples;
+    SILENCE_RMS_DB_THRESHOLD: number;
+    SILENCE_FLOOR_DB: number;
 };
 
-export { type UserTestOptions, __test__, userTest };
+export { type UserTestOptions, __test__, isStreamSilent, rmsDbFromSamples, userTest };

package/dist/plugins/user-test.d.ts

@@ -98,6 +98,10 @@ interface RecorderStore {
     muted: boolean;
     mutedSinceMs: number | null;
     mutedSegments: MutedSegment[];
+    micSilent: boolean;
+    silenceMonitor: {
+        stop(): void;
+    } | null;
     muteToastShown: boolean;
     muteToastTimers: number[];
     notes: InFlightNote[];
@@ -110,13 +114,19 @@ interface RecorderStore {
 declare function getTestSlug(queryParam: string): string | null;
 declare function isMediaRecorderSupported(): boolean;
 declare function pickMimeType(): string | undefined;
-declare function micChipState(store: RecorderStore): 'recording' | 'muted' | 'none' | 'connecting' | 'inactive';
+declare function micChipState(store: RecorderStore): 'recording' | 'muted' | 'none' | 'connecting' | 'silent' | 'inactive';
+declare function rmsDbFromSamples(samples: Float32Array | number[]): number;
+declare function isStreamSilent(input: number | Float32Array | number[]): boolean;
 declare function userTest(options?: UserTestOptions): UseroPlugin;
 declare const __test__: {
     getTestSlug: typeof getTestSlug;
     pickMimeType: typeof pickMimeType;
     isMediaRecorderSupported: typeof isMediaRecorderSupported;
     micChipState: typeof micChipState;
+    isStreamSilent: typeof isStreamSilent;
+    rmsDbFromSamples: typeof rmsDbFromSamples;
+    SILENCE_RMS_DB_THRESHOLD: number;
+    SILENCE_FLOOR_DB: number;
 };
 
-export { type UserTestOptions, __test__, userTest };
+export { type UserTestOptions, __test__, isStreamSilent, rmsDbFromSamples, userTest };

package/dist/plugins/user-test.js

@@ -725,7 +725,9 @@ function micChipState(store) {
     if (store.micAcquiring) return "connecting";
     return "none";
   }
-  return store.muted ? "muted" : "recording";
+  if (store.muted) return "muted";
+  if (store.micSilent) return "silent";
+  return "recording";
 }
 function renderIndicatorState(store) {
   const root = store.indicatorRoot;
@@ -738,7 +740,8 @@ function renderIndicatorState(store) {
   if (!(dot instanceof HTMLElement) || !mic || !(micIcon instanceof HTMLElement) || !(micLabel instanceof HTMLElement) || !btn) return;
   dot.setAttribute("data-state", store.indicatorState);
   const chipState = micChipState(store);
-  mic.setAttribute("data-mic-state", chipState === "inactive" ? "none" : chipState);
+  const micStateAttr = chipState === "inactive" || chipState === "silent" ? "none" : chipState;
+  mic.setAttribute("data-mic-state", micStateAttr);
   mic.removeAttribute("data-mic-fail");
   if (chipState === "none") mic.setAttribute("data-mic-fail", store.micFailReason ?? "blocked");
   switch (store.indicatorState) {
@@ -782,6 +785,13 @@ function renderIndicatorState(store) {
       mic.setAttribute("aria-pressed", "false");
       mic.setAttribute("tabindex", "-1");
       break;
+    case "silent":
+      micIcon.innerHTML = MIC_MUTED_ICON_SVG;
+      micLabel.textContent = "We can't hear you, tap to recheck";
+      mic.setAttribute("aria-label", "We can't hear your microphone. Check your input device, then tap to recheck. Recording continues.");
+      mic.setAttribute("aria-pressed", "false");
+      mic.removeAttribute("tabindex");
+      break;
     case "none": {
       micIcon.innerHTML = MIC_MUTED_ICON_SVG;
       const failLabel = store.micFailReason === "not-found" ? "No mic found, tap to retry" : "Mic blocked, tap to retry";
@@ -1369,9 +1379,92 @@ function enqueueChunk(store, ctx, blob) {
     store.pendingUploads -= 1;
   });
 }
+var SILENCE_RMS_DB_THRESHOLD = -60;
+var SILENCE_FLOOR_DB = -100;
+var SILENCE_SUSTAINED_MS = 1800;
+var SILENCE_POLL_MS = 250;
+function rmsDbFromSamples(samples) {
+  const n = samples.length;
+  if (n === 0) return SILENCE_FLOOR_DB;
+  let sumSquares = 0;
+  for (let i = 0; i < n; i += 1) {
+    const s = samples[i] ?? 0;
+    sumSquares += s * s;
+  }
+  const rms = Math.sqrt(sumSquares / n);
+  if (rms <= 0) return SILENCE_FLOOR_DB;
+  const db = 20 * Math.log10(rms);
+  return db < SILENCE_FLOOR_DB ? SILENCE_FLOOR_DB : db;
+}
+function isStreamSilent(input) {
+  const rmsDb = typeof input === "number" ? input : rmsDbFromSamples(input);
+  return rmsDb <= SILENCE_RMS_DB_THRESHOLD;
+}
+function startSilenceMonitor(stream, onChange, logger) {
+  const Ctor = typeof window !== "undefined" ? window.AudioContext ?? window.webkitAudioContext : void 0;
+  if (!Ctor) return null;
+  let audioCtx;
+  let source;
+  let analyser;
+  try {
+    audioCtx = new Ctor();
+    source = audioCtx.createMediaStreamSource(stream);
+    analyser = audioCtx.createAnalyser();
+    analyser.fftSize = 2048;
+    source.connect(analyser);
+  } catch (err) {
+    logger.warn("silence monitor: failed to attach analyser", err);
+    return null;
+  }
+  const buffer = new Float32Array(analyser.fftSize);
+  let reportedSilent = false;
+  let runStartedAt = Date.now();
+  let lastRaw = false;
+  let intervalId = null;
+  const tick = () => {
+    try {
+      analyser.getFloatTimeDomainData(buffer);
+    } catch {
+      return;
+    }
+    const rawSilent = isStreamSilent(buffer);
+    const now = Date.now();
+    if (rawSilent !== lastRaw) {
+      lastRaw = rawSilent;
+      runStartedAt = now;
+    }
+    if (rawSilent !== reportedSilent && now - runStartedAt >= SILENCE_SUSTAINED_MS) {
+      reportedSilent = rawSilent;
+      onChange(reportedSilent);
+    }
+  };
+  intervalId = setInterval(tick, SILENCE_POLL_MS);
+  return {
+    stop() {
+      if (intervalId !== null) {
+        clearInterval(intervalId);
+        intervalId = null;
+      }
+      try {
+        source.disconnect();
+        analyser.disconnect();
+      } catch {
+      }
+      try {
+        void audioCtx.close();
+      } catch {
+      }
+    }
+  };
+}
 async function startRecording(store, ctx) {
   store.micAcquiring = true;
   store.micFailReason = null;
+  if (store.silenceMonitor) {
+    store.silenceMonitor.stop();
+    store.silenceMonitor = null;
+  }
+  store.micSilent = false;
   renderIndicatorState(store);
   if (!isMediaRecorderSupported()) {
     ctx.logger.warn("MediaRecorder not supported, continuing without audio");
@@ -1426,6 +1519,17 @@ async function startRecording(store, ctx) {
     store.indicatorState = "recording";
   }
   renderIndicatorState(store);
+  const monitor = startSilenceMonitor(
+    stream,
+    (silent) => {
+      const effectiveSilent = silent && !store.muted;
+      if (store.micSilent === effectiveSilent) return;
+      store.micSilent = effectiveSilent;
+      renderIndicatorState(store);
+    },
+    ctx.logger
+  );
+  store.silenceMonitor = monitor;
 }
 function toggleMute(store) {
   if (!store.stream || !store.hasMicPermission) return false;
@@ -1456,6 +1560,11 @@ function flushMuteIfActive(store) {
   store.mutedSinceMs = null;
 }
 function stopRecording(store) {
+  if (store.silenceMonitor) {
+    store.silenceMonitor.stop();
+    store.silenceMonitor = null;
+  }
+  store.micSilent = false;
   const recorder = store.recorder;
   if (recorder && recorder.state !== "inactive") {
     try {
@@ -1587,6 +1696,8 @@ function userTest(options = {}) {
         muted: false,
         mutedSinceMs: null,
         mutedSegments: [],
+        micSilent: false,
+        silenceMonitor: null,
         muteToastShown: false,
         muteToastTimers: [],
         notes: [],
@@ -1614,9 +1725,16 @@ function userTest(options = {}) {
           }
           return;
         }
+        if (store.micSilent && !store.micAcquiring && store.indicatorState !== "finishing" && store.indicatorState !== "done" && store.indicatorState !== "error") {
+          void startRecording(store, ctx);
+          return;
+        }
         const ok = toggleMute(store);
         if (!ok) return;
-        if (store.muted) showMuteToast(store);
+        if (store.muted) {
+          store.micSilent = false;
+          showMuteToast(store);
+        }
         renderIndicatorState(store);
       };
       const closeNote = () => closeNotePopover(store);
@@ -1752,8 +1870,17 @@ function userTest(options = {}) {
     }
   };
 }
-var __test__ = { getTestSlug, pickMimeType, isMediaRecorderSupported, micChipState };
+var __test__ = {
+  getTestSlug,
+  pickMimeType,
+  isMediaRecorderSupported,
+  micChipState,
+  isStreamSilent,
+  rmsDbFromSamples,
+  SILENCE_RMS_DB_THRESHOLD,
+  SILENCE_FLOOR_DB
+};
 
-export { __test__, userTest };
+export { __test__, isStreamSilent, rmsDbFromSamples, userTest };
 //# sourceMappingURL=user-test.js.map
 //# sourceMappingURL=user-test.js.map