@usero/sdk 1.1.7 → 1.1.9

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

@@ -86,6 +86,7 @@ interface RecorderStore {
     indicatorRoot: ShadowRoot | null;
     indicatorState: 'recording' | 'finishing' | 'done' | 'no-audio' | 'error';
     pageHideHandler: (() => void) | null;
+    visibilityHandler: (() => void) | null;
     options: Required<UserTestOptions>;
     tasks: UserTestTask[];
     tasksPanelOpen: boolean;

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

@@ -86,6 +86,7 @@ interface RecorderStore {
     indicatorRoot: ShadowRoot | null;
     indicatorState: 'recording' | 'finishing' | 'done' | 'no-audio' | 'error';
     pageHideHandler: (() => void) | null;
+    visibilityHandler: (() => void) | null;
     options: Required<UserTestOptions>;
     tasks: UserTestTask[];
     tasksPanelOpen: boolean;

package/dist/plugins/user-test.js

@@ -4,7 +4,12 @@ var DEFAULT_API_URL = "https://usero.io";
 // src/plugins/user-test.ts
 var DEFAULT_OPTIONS = {
   queryParam: "usero_test",
-  chunkSeconds: 30,
+  // 10s (not 30) so at most ~10s of audio is at risk if the tab is torn
+  // down before a flush, and so a session shorter than the old 30s window
+  // still emits at least one chunk (previously its single buffered chunk was
+  // never flushed and its audio was lost). Tradeoff: ~3x the R2 writes /
+  // upload requests per session; 10s is an acceptable balance, don't go lower.
+  chunkSeconds: 10,
   apiUrl: DEFAULT_API_URL,
   testerName: "",
   hideIndicator: false
@@ -1570,6 +1575,7 @@ function userTest(options = {}) {
         indicatorRoot: null,
         indicatorState: "recording",
         pageHideHandler: null,
+        visibilityHandler: null,
         options: { ...merged, apiUrl },
         tasks: [],
         tasksPanelOpen: readTasksPanelOpen(),
@@ -1677,6 +1683,12 @@ function userTest(options = {}) {
       };
       store.pageHideHandler = pageHide;
       window.addEventListener("pagehide", pageHide);
+      const onVisibilityChange = () => {
+        if (document.visibilityState !== "hidden") return;
+        void finishFlow(store, ctx, { showThanks: false });
+      };
+      store.visibilityHandler = onVisibilityChange;
+      document.addEventListener("visibilitychange", onVisibilityChange);
       void (async () => {
         const adoptId = getAdoptSessionId();
         const created = adoptId ? await adoptSession(apiUrl, adoptId) : await createSession(apiUrl, slug, readTesterName(merged.testerName));
@@ -1712,6 +1724,10 @@ function userTest(options = {}) {
         window.removeEventListener("pagehide", store.pageHideHandler);
         store.pageHideHandler = null;
       }
+      if (store.visibilityHandler) {
+        document.removeEventListener("visibilitychange", store.visibilityHandler);
+        store.visibilityHandler = null;
+      }
       stopRecording(store);
       if (store.outsidePointerHandler) {
         document.removeEventListener("pointerdown", store.outsidePointerHandler, true);