videomail-client 16.6.0 → 16.7.0

package/dist/cjs/index.cjs

@@ -7212,7 +7212,7 @@ var __webpack_modules__ = {
         const qs = __webpack_require__("b");
         const RequestBase = __webpack_require__("d");
         const { isObject, mixin, hasOwn, isSafeKey } = __webpack_require__("Dp");
-        const ResponseBase = __webpack_require__("es");
+        const ResponseBase = __webpack_require__("e");
         const Agent = __webpack_require__("pf");
         function noop() {}
         module.exports = function(method, url) {
@@ -7926,7 +7926,7 @@ var __webpack_modules__ = {
             }, this._responseTimeout);
         };
     },
-    es (module, __unused_rspack_exports, __webpack_require__) {
+    e (module, __unused_rspack_exports, __webpack_require__) {
         "use strict";
         const utils = __webpack_require__("Dp");
         module.exports = ResponseBase;
@@ -10637,7 +10637,7 @@ var __webpack_modules__ = {
             return i[1];
         };
     },
-    R (module) {
+    RR (module) {
         "use strict";
         var stylesInDOM = [];
         function getIndexByIdentifier(identifier) {
@@ -11138,7 +11138,7 @@ var __webpack_exports__ = {};
     var client = __webpack_require__("Q");
     var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     var package_namespaceObject = {
-        rE: "16.6.0"
+        rE: "16.7.0"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -15855,7 +15855,7 @@ var __webpack_exports__ = {};
         return newOptions;
     }
     const options_mergeWithDefaultOptions = mergeWithDefaultOptions;
-    var injectStylesIntoStyleTag = __webpack_require__("R");
+    var injectStylesIntoStyleTag = __webpack_require__("RR");
     var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
     var styleDomAPI = __webpack_require__("Bd");
     var styleDomAPI_default = /*#__PURE__*/ __webpack_require__.n(styleDomAPI);
@@ -19303,6 +19303,18 @@ var __webpack_exports__ = {};
     canvas_to_buffer_modern_r.atob = void 0;
     var websocket_stream_stream = __webpack_require__("U");
     var stream_default = /*#__PURE__*/ __webpack_require__.n(websocket_stream_stream);
+    function isAutomatedUserAgent(userAgent = navigator.userAgent) {
+        return /bot|crawler|spider|headlesschrome|phantomjs|puppeteer|playwright/iu.test(userAgent);
+    }
+    const util_isAutomatedUserAgent = isAutomatedUserAgent;
+    function getAutomationSignals() {
+        const webdriver = navigator.webdriver;
+        return {
+            webdriver: true === webdriver,
+            userAgentMatched: util_isAutomatedUserAgent()
+        };
+    }
+    const util_getAutomationSignals = getAutomationSignals;
     function getEdgeCodes(value, amount, fromEnd) {
         const chars = fromEnd ? value.slice(-amount) : value.slice(0, amount);
         const codes = Array.from(chars, (char)=>String(char.codePointAt(0))).join(".");
@@ -19330,15 +19342,16 @@ var __webpack_exports__ = {};
         if (languageList.length > 0) return languageList.join(",");
         return navigator.language || "none";
     }
-    function getAutomationSignals(probeBase, probeSimpleQuery) {
+    function getDiagnosticSignals(probeBase, probeSimpleQuery) {
         const reasons = [];
-        if (navigator.webdriver) reasons.push("webdriver=true");
-        if (/HeadlessChrome|PhantomJS|puppeteer|playwright/iu.test(navigator.userAgent)) reasons.push("headless_ua_marker");
+        const automation = util_getAutomationSignals();
+        if (automation.webdriver) reasons.push("webdriver=true");
+        if (automation.userAgentMatched) reasons.push("headless_ua_marker");
         if (0 === navigator.languages.length) reasons.push("no_languages");
         if ("ok" !== probeBase) reasons.push("probe_base_failed");
         if ("ok" !== probeSimpleQuery) reasons.push("probe_simple_query_failed");
         return {
-            looksAutomated: reasons.length > 0,
+            looksAutomated: automation.webdriver || automation.userAgentMatched,
             reasons: reasons.length > 0 ? reasons.join(",") : "none"
         };
     }
@@ -19355,7 +19368,7 @@ var __webpack_exports__ = {};
         const probeBase = probeWebSocketConstructor("wss://videomail.io");
         const probeWithSimpleQuery = probeWebSocketConstructor("wss://videomail.io/?a=b");
         const languages = getLanguagesValue();
-        const automationSignals = getAutomationSignals(probeBase, probeWithSimpleQuery);
+        const automationSignals = getDiagnosticSignals(probeBase, probeWithSimpleQuery);
         const diagnosticPairs = [
             `webdriver=${String(navigator.webdriver)}`,
             `wsCtorNative=${String(wsCtorNative)}`,
@@ -19382,10 +19395,6 @@ var __webpack_exports__ = {};
         };
     }
     const error_getWebSocketDiagnostic = getWebSocketDiagnostic;
-    function isAutomatedUserAgent(userAgent = navigator.userAgent) {
-        return /bot|crawler|spider|headlesschrome|phantomjs|puppeteer|playwright/iu.test(userAgent);
-    }
-    const util_isAutomatedUserAgent = isAutomatedUserAgent;
     function boundedWriteQueue_define_property(obj, key, value) {
         if (key in obj) Object.defineProperty(obj, key, {
             value: value,
@@ -19581,6 +19590,9 @@ var __webpack_exports__ = {};
                 explanation: "The server connection closed before this recording completed. It cannot be safely resumed, so it has been stopped. Please start a new recording.",
                 options: this.options,
                 cause: {
+                    transportPhase: "recording",
+                    mediaTransmissionStarted: true,
+                    automation: util_getAutomationSignals(),
                     unconfirmedFrames,
                     unconfirmedSamples
                 }
@@ -19648,46 +19660,54 @@ var __webpack_exports__ = {};
                 this.resumeAfterDrain = false;
                 this.reconnecting = true;
                 this.initSocket();
-            } else if (this.shouldReportStreamClose()) window.setTimeout(()=>{
-                this.handleConnectionFailure({
-                    url2Connect,
-                    cause: "closed"
-                });
-            }, 0);
+            } else if (this.shouldReportStreamClose()) {
+                const stream = this.stream;
+                window.setTimeout(()=>{
+                    if (this.stream === stream) this.handleConnectionFailure({
+                        url2Connect,
+                        cause: "closed"
+                    });
+                }, 0);
+            }
         }
         shouldIgnoreStreamClose() {
-            return this.recordingTransportFailed || Boolean(this.unloaded) || this.validate();
+            return this.recordingTransportFailed || Boolean(this.unloaded) || this.validate() || this.blocking && !this.mediaTransmissionStarted;
+        }
+        closeIdleConnection(reason) {
+            if (this.mediaTransmissionStarted) return;
+            this.options.logger.debug(string_summarize("Recorder: closing idle connection", {
+                reason,
+                connected: this.connected,
+                connecting: this.connecting,
+                visibilityState: document.visibilityState
+            }));
+            this.connected = this.connecting = this.reconnecting = false;
+            this.clearConnectionTimeout();
+            this.clearReconnectTimeout();
+            this.stopPings();
+            this.discardSocket();
         }
         handleStreamError(url2Connect, err) {
-            var _this_lastSocketError;
             if ("u" > typeof Event && err instanceof Event) this.lastSocketError = error_getEventDetails(err);
             else this.lastSocketError = serializeError(err);
             const debugLine = string_summarize(`${PIPE_SYMBOL}Stream *error* event emitted:`, {
                 error: serializeError(err)
             });
             this.options.logger.debug(debugLine);
-            if (this.validate()) {
+            if (this.shouldIgnoreStreamClose()) {
                 this.connected = false;
                 this.stopPings();
                 this.discardSocket();
                 return;
             }
-            if (!this.connected) return void this.handleConnectionFailure({
+            if (this.mediaTransmissionStarted) return void this.failInterruptedRecording();
+            this.reconnecting || (this.reconnecting = this.canReconnectAfterStreamClose());
+            this.connected = false;
+            this.stopPings();
+            this.handleConnectionFailure({
                 url2Connect,
                 cause: "error"
             });
-            const streamError = err instanceof Error ? err : new Error("WebSocket stream emitted an error event", {
-                cause: null != (_this_lastSocketError = this.lastSocketError) ? _this_lastSocketError : err
-            });
-            if (this.mediaTransmissionStarted) return void this.failInterruptedRecording();
-            this.emit("ERROR", {
-                err: error_createError({
-                    message: "WebSocket stream error",
-                    explanation: `The WebSocket stream emitted an error event. Details: ${string_pretty(err)}`,
-                    options: this.options,
-                    exc: streamError
-                })
-            });
         }
         sendPings() {
             this.stopPings();
@@ -19748,6 +19768,7 @@ var __webpack_exports__ = {};
             this.connectionFailed = true;
             this.connecting = false;
             this.reconnecting = false;
+            const reconnectAttempts = this.reconnectAttempts;
             this.reconnectAttempts = 0;
             this.clearReconnectTimeout();
             this.clearConnectionTimeout();
@@ -19758,6 +19779,14 @@ var __webpack_exports__ = {};
             const socketError = this.lastSocketError;
             const contents = {
                 cause,
+                transportPhase: void 0 === this.connectionOpenedAt ? "initial" : "idle",
+                mediaTransmissionStarted: this.mediaTransmissionStarted,
+                recordingActive: this.recordingActive,
+                framesCount: this.framesCount,
+                samplesCount: this.samplesCount,
+                reconnectAttempts,
+                connectionOpenedAt: this.connectionOpenedAt,
+                automation: util_getAutomationSignals(),
                 closeCode: null == closeEvent ? void 0 : closeEvent.code,
                 closeReason: null == closeEvent ? void 0 : closeEvent.reason,
                 elapsedMs,
@@ -19799,7 +19828,7 @@ var __webpack_exports__ = {};
             });
         }
         shouldIgnoreConnectionFailure() {
-            return this.connectionFailed || this.connected || Boolean(this.unloaded) || this.validate();
+            return this.connectionFailed || this.connected || Boolean(this.unloaded) || this.validate() || this.blocking && !this.mediaTransmissionStarted;
         }
         initSocket(cb) {
             if (this.connected) {
@@ -19809,7 +19838,8 @@ var __webpack_exports__ = {};
             }
             if (this.connecting) return void this.options.logger.debug("Recorder: already **connecting**. Not going to initialize a new WebSocket connection.");
             this.clearReconnectTimeout();
-            if (util_isAutomatedUserAgent()) {
+            const automation = util_getAutomationSignals();
+            if (automation.userAgentMatched) {
                 this.connecting = false;
                 this.options.logger.debug("Recorder: skipping web socket connection for an automated crawler");
                 return;
@@ -19843,6 +19873,8 @@ var __webpack_exports__ = {};
             try {
                 nativeSocket = new WebSocket(url2Connect);
                 nativeSocket.addEventListener("close", (event)=>{
+                    var _this_stream;
+                    if ((null == (_this_stream = this.stream) ? void 0 : _this_stream.socket) !== nativeSocket) return;
                     this.lastCloseEvent = {
                         code: event.code,
                         reason: event.reason,
@@ -19850,6 +19882,8 @@ var __webpack_exports__ = {};
                     };
                 });
                 nativeSocket.addEventListener("error", (event)=>{
+                    var _this_stream;
+                    if ((null == (_this_stream = this.stream) ? void 0 : _this_stream.socket) !== nativeSocket) return;
                     this.lastSocketError = error_getEventDetails(event);
                 });
             } catch (exc) {
@@ -19861,7 +19895,10 @@ var __webpack_exports__ = {};
                     message,
                     explanation,
                     options: this.options,
-                    exc
+                    exc,
+                    cause: {
+                        automation
+                    }
                 });
                 this.emit("ERROR", {
                     err
@@ -19899,15 +19936,16 @@ var __webpack_exports__ = {};
                     });
                 }, connectionTimeoutMs);
                 stream.on("close", ()=>{
-                    this.handleStreamClose(url2Connect);
+                    if (this.stream === stream) this.handleStreamClose(url2Connect);
                 });
                 stream.on("connect", (args)=>{
-                    var _this_stream;
+                    if (this.stream !== stream) return;
                     this.options.logger.debug(`${PIPE_SYMBOL}Stream *connect* event emitted with args: ${string_pretty(args)}`);
                     this.clearConnectionTimeout();
-                    const isClosing = (null == (_this_stream = this.stream) ? void 0 : _this_stream.socket.readyState) === WebSocket.CLOSING;
+                    const isClosing = stream.socket.readyState === WebSocket.CLOSING;
                     if (!this.connected && !isClosing && !this.unloaded) {
                         this.connected = true;
+                        this.connectionOpenedAt = Date.now();
                         this.connecting = this.unloaded = false;
                         this.reconnecting = false;
                         this.reconnectAttempts = 0;
@@ -19917,6 +19955,7 @@ var __webpack_exports__ = {};
                     }
                 });
                 stream.on("data", (data)=>{
+                    if (this.stream !== stream) return;
                     this.options.logger.debug(`${PIPE_SYMBOL}Stream *data* event emitted`);
                     try {
                         const command = JSON.parse(data.toString());
@@ -19935,10 +19974,10 @@ var __webpack_exports__ = {};
                     }
                 });
                 stream.on("error", (err)=>{
-                    this.handleStreamError(url2Connect, err);
+                    if (this.stream === stream) this.handleStreamError(url2Connect, err);
                 });
                 stream.on("drain", ()=>{
-                    this.handleStreamDrain(stream);
+                    if (this.stream === stream) this.handleStreamDrain(stream);
                 });
                 stream.on("preend", (args)=>{
                     this.options.logger.debug(`${PIPE_SYMBOL}Stream *preend* event emitted with args: ${string_pretty(args)}`);
@@ -19992,7 +20031,7 @@ var __webpack_exports__ = {};
             }
         }
         constructor(options){
-            super(options), connection_define_property(this, "reconnectTimeout", void 0), connection_define_property(this, "connectionTimeout", void 0), connection_define_property(this, "userMediaLoaded", void 0), connection_define_property(this, "userMediaLoading", false), connection_define_property(this, "unloaded", void 0), connection_define_property(this, "connectionFailed", false), connection_define_property(this, "reconnectAttempts", 0), connection_define_property(this, "blocking", false), connection_define_property(this, "connectingStartedAt", void 0), connection_define_property(this, "lastCloseEvent", void 0), connection_define_property(this, "lastSocketError", void 0), connection_define_property(this, "pingInterval", void 0);
+            super(options), connection_define_property(this, "reconnectTimeout", void 0), connection_define_property(this, "connectionTimeout", void 0), connection_define_property(this, "userMediaLoaded", void 0), connection_define_property(this, "userMediaLoading", false), connection_define_property(this, "unloaded", void 0), connection_define_property(this, "connectionFailed", false), connection_define_property(this, "reconnectAttempts", 0), connection_define_property(this, "blocking", false), connection_define_property(this, "connectingStartedAt", void 0), connection_define_property(this, "lastCloseEvent", void 0), connection_define_property(this, "lastSocketError", void 0), connection_define_property(this, "pingInterval", void 0), connection_define_property(this, "connectionOpenedAt", void 0);
         }
     }
     const connection = RecorderConnection;
@@ -20055,6 +20094,7 @@ var __webpack_exports__ = {};
             const characteristics = null == (_this_userMedia = this.userMedia) ? void 0 : _this_userMedia.getCharacteristics();
             this.options.logger.debug(`Recorder: userMediaErrorCallback(), name: ${err.name}, message: ${err.message} and Webcam characteristics: ${characteristics ? string_pretty(characteristics) : "none"}`);
             const errorListeners = this.getListeners("ERROR");
+            if (err.name !== error_VideomailError.MEDIA_DEVICE_NOT_SUPPORTED) this.closeIdleConnection("camera-access-failed");
             if (null == errorListeners ? void 0 : errorListeners.length) if (err.name !== error_VideomailError.MEDIA_DEVICE_NOT_SUPPORTED) {
                 const videomailError = error_createError({
                     err,
@@ -21832,6 +21872,7 @@ var __webpack_exports__ = {};
                 this.cancelCameraRecovery();
                 this.blocking = true;
                 this.clearUserMediaTimeout();
+                this.closeIdleConnection("blocking-error");
             });
             this.on("PREVIEW", ()=>{
                 this.hide();

package/dist/esm/index.js

@@ -3620,7 +3620,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "16.6.0"
+    rE: "16.7.0"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -6119,6 +6119,18 @@ function summarize(title, contents) {
     return line;
 }
 const string_summarize = summarize;
+function isAutomatedUserAgent(userAgent = navigator.userAgent) {
+    return /bot|crawler|spider|headlesschrome|phantomjs|puppeteer|playwright/iu.test(userAgent);
+}
+const util_isAutomatedUserAgent = isAutomatedUserAgent;
+function getAutomationSignals() {
+    const webdriver = navigator.webdriver;
+    return {
+        webdriver: true === webdriver,
+        userAgentMatched: util_isAutomatedUserAgent()
+    };
+}
+const util_getAutomationSignals = getAutomationSignals;
 function getEdgeCodes(value, amount, fromEnd) {
     const chars = fromEnd ? value.slice(-amount) : value.slice(0, amount);
     const codes = Array.from(chars, (char)=>String(char.codePointAt(0))).join(".");
@@ -6146,15 +6158,16 @@ function getLanguagesValue() {
     if (languageList.length > 0) return languageList.join(",");
     return navigator.language || "none";
 }
-function getAutomationSignals(probeBase, probeSimpleQuery) {
+function getDiagnosticSignals(probeBase, probeSimpleQuery) {
     const reasons = [];
-    if (navigator.webdriver) reasons.push("webdriver=true");
-    if (/HeadlessChrome|PhantomJS|puppeteer|playwright/iu.test(navigator.userAgent)) reasons.push("headless_ua_marker");
+    const automation = util_getAutomationSignals();
+    if (automation.webdriver) reasons.push("webdriver=true");
+    if (automation.userAgentMatched) reasons.push("headless_ua_marker");
     if (0 === navigator.languages.length) reasons.push("no_languages");
     if ("ok" !== probeBase) reasons.push("probe_base_failed");
     if ("ok" !== probeSimpleQuery) reasons.push("probe_simple_query_failed");
     return {
-        looksAutomated: reasons.length > 0,
+        looksAutomated: automation.webdriver || automation.userAgentMatched,
         reasons: reasons.length > 0 ? reasons.join(",") : "none"
     };
 }
@@ -6171,7 +6184,7 @@ function getWebSocketDiagnostic(url2Connect) {
     const probeBase = probeWebSocketConstructor("wss://videomail.io");
     const probeWithSimpleQuery = probeWebSocketConstructor("wss://videomail.io/?a=b");
     const languages = getLanguagesValue();
-    const automationSignals = getAutomationSignals(probeBase, probeWithSimpleQuery);
+    const automationSignals = getDiagnosticSignals(probeBase, probeWithSimpleQuery);
     const diagnosticPairs = [
         `webdriver=${String(navigator.webdriver)}`,
         `wsCtorNative=${String(wsCtorNative)}`,
@@ -6198,10 +6211,6 @@ function getWebSocketDiagnostic(url2Connect) {
     };
 }
 const error_getWebSocketDiagnostic = getWebSocketDiagnostic;
-function isAutomatedUserAgent(userAgent = navigator.userAgent) {
-    return /bot|crawler|spider|headlesschrome|phantomjs|puppeteer|playwright/iu.test(userAgent);
-}
-const util_isAutomatedUserAgent = isAutomatedUserAgent;
 function boundedWriteQueue_define_property(obj, key, value) {
     if (key in obj) Object.defineProperty(obj, key, {
         value: value,
@@ -6397,6 +6406,9 @@ class RecorderStreamWriter extends util_Despot {
             explanation: "The server connection closed before this recording completed. It cannot be safely resumed, so it has been stopped. Please start a new recording.",
             options: this.options,
             cause: {
+                transportPhase: "recording",
+                mediaTransmissionStarted: true,
+                automation: util_getAutomationSignals(),
                 unconfirmedFrames,
                 unconfirmedSamples
             }
@@ -6464,15 +6476,32 @@ class RecorderConnection extends streamWriter {
             this.resumeAfterDrain = false;
             this.reconnecting = true;
             this.initSocket();
-        } else if (this.shouldReportStreamClose()) window.setTimeout(()=>{
-            this.handleConnectionFailure({
-                url2Connect,
-                cause: "closed"
-            });
-        }, 0);
+        } else if (this.shouldReportStreamClose()) {
+            const stream = this.stream;
+            window.setTimeout(()=>{
+                if (this.stream === stream) this.handleConnectionFailure({
+                    url2Connect,
+                    cause: "closed"
+                });
+            }, 0);
+        }
     }
     shouldIgnoreStreamClose() {
-        return this.recordingTransportFailed || Boolean(this.unloaded) || this.validate();
+        return this.recordingTransportFailed || Boolean(this.unloaded) || this.validate() || this.blocking && !this.mediaTransmissionStarted;
+    }
+    closeIdleConnection(reason) {
+        if (this.mediaTransmissionStarted) return;
+        this.options.logger.debug(string_summarize("Recorder: closing idle connection", {
+            reason,
+            connected: this.connected,
+            connecting: this.connecting,
+            visibilityState: document.visibilityState
+        }));
+        this.connected = this.connecting = this.reconnecting = false;
+        this.clearConnectionTimeout();
+        this.clearReconnectTimeout();
+        this.stopPings();
+        this.discardSocket();
     }
     handleStreamError(url2Connect, err) {
         if ("u" > typeof Event && err instanceof Event) this.lastSocketError = error_getEventDetails(err);
@@ -6481,28 +6510,20 @@ class RecorderConnection extends streamWriter {
             error: serializeError(err)
         });
         this.options.logger.debug(debugLine);
-        if (this.validate()) {
+        if (this.shouldIgnoreStreamClose()) {
             this.connected = false;
             this.stopPings();
             this.discardSocket();
             return;
         }
-        if (!this.connected) return void this.handleConnectionFailure({
+        if (this.mediaTransmissionStarted) return void this.failInterruptedRecording();
+        this.reconnecting ||= this.canReconnectAfterStreamClose();
+        this.connected = false;
+        this.stopPings();
+        this.handleConnectionFailure({
             url2Connect,
             cause: "error"
         });
-        const streamError = err instanceof Error ? err : new Error("WebSocket stream emitted an error event", {
-            cause: this.lastSocketError ?? err
-        });
-        if (this.mediaTransmissionStarted) return void this.failInterruptedRecording();
-        this.emit("ERROR", {
-            err: error_createError({
-                message: "WebSocket stream error",
-                explanation: `The WebSocket stream emitted an error event. Details: ${string_pretty(err)}`,
-                options: this.options,
-                exc: streamError
-            })
-        });
     }
     sendPings() {
         this.stopPings();
@@ -6562,6 +6583,7 @@ class RecorderConnection extends streamWriter {
         this.connectionFailed = true;
         this.connecting = false;
         this.reconnecting = false;
+        const reconnectAttempts = this.reconnectAttempts;
         this.reconnectAttempts = 0;
         this.clearReconnectTimeout();
         this.clearConnectionTimeout();
@@ -6572,6 +6594,14 @@ class RecorderConnection extends streamWriter {
         const socketError = this.lastSocketError;
         const contents = {
             cause,
+            transportPhase: void 0 === this.connectionOpenedAt ? "initial" : "idle",
+            mediaTransmissionStarted: this.mediaTransmissionStarted,
+            recordingActive: this.recordingActive,
+            framesCount: this.framesCount,
+            samplesCount: this.samplesCount,
+            reconnectAttempts,
+            connectionOpenedAt: this.connectionOpenedAt,
+            automation: util_getAutomationSignals(),
             closeCode: closeEvent?.code,
             closeReason: closeEvent?.reason,
             elapsedMs,
@@ -6613,7 +6643,7 @@ class RecorderConnection extends streamWriter {
         });
     }
     shouldIgnoreConnectionFailure() {
-        return this.connectionFailed || this.connected || Boolean(this.unloaded) || this.validate();
+        return this.connectionFailed || this.connected || Boolean(this.unloaded) || this.validate() || this.blocking && !this.mediaTransmissionStarted;
     }
     initSocket(cb) {
         if (this.connected) {
@@ -6623,7 +6653,8 @@ class RecorderConnection extends streamWriter {
         }
         if (this.connecting) return void this.options.logger.debug("Recorder: already **connecting**. Not going to initialize a new WebSocket connection.");
         this.clearReconnectTimeout();
-        if (util_isAutomatedUserAgent()) {
+        const automation = util_getAutomationSignals();
+        if (automation.userAgentMatched) {
             this.connecting = false;
             this.options.logger.debug("Recorder: skipping web socket connection for an automated crawler");
             return;
@@ -6657,6 +6688,7 @@ class RecorderConnection extends streamWriter {
         try {
             nativeSocket = new WebSocket(url2Connect);
             nativeSocket.addEventListener("close", (event)=>{
+                if (this.stream?.socket !== nativeSocket) return;
                 this.lastCloseEvent = {
                     code: event.code,
                     reason: event.reason,
@@ -6664,6 +6696,7 @@ class RecorderConnection extends streamWriter {
                 };
             });
             nativeSocket.addEventListener("error", (event)=>{
+                if (this.stream?.socket !== nativeSocket) return;
                 this.lastSocketError = error_getEventDetails(event);
             });
         } catch (exc) {
@@ -6675,7 +6708,10 @@ class RecorderConnection extends streamWriter {
                 message,
                 explanation,
                 options: this.options,
-                exc
+                exc,
+                cause: {
+                    automation
+                }
             });
             this.emit("ERROR", {
                 err
@@ -6713,14 +6749,16 @@ class RecorderConnection extends streamWriter {
                 });
             }, connectionTimeoutMs);
             stream.on("close", ()=>{
-                this.handleStreamClose(url2Connect);
+                if (this.stream === stream) this.handleStreamClose(url2Connect);
             });
             stream.on("connect", (args)=>{
+                if (this.stream !== stream) return;
                 this.options.logger.debug(`${PIPE_SYMBOL}Stream *connect* event emitted with args: ${string_pretty(args)}`);
                 this.clearConnectionTimeout();
-                const isClosing = this.stream?.socket.readyState === WebSocket.CLOSING;
+                const isClosing = stream.socket.readyState === WebSocket.CLOSING;
                 if (!this.connected && !isClosing && !this.unloaded) {
                     this.connected = true;
+                    this.connectionOpenedAt = Date.now();
                     this.connecting = this.unloaded = false;
                     this.reconnecting = false;
                     this.reconnectAttempts = 0;
@@ -6730,6 +6768,7 @@ class RecorderConnection extends streamWriter {
                 }
             });
             stream.on("data", (data)=>{
+                if (this.stream !== stream) return;
                 this.options.logger.debug(`${PIPE_SYMBOL}Stream *data* event emitted`);
                 try {
                     const command = JSON.parse(data.toString());
@@ -6748,10 +6787,10 @@ class RecorderConnection extends streamWriter {
                 }
             });
             stream.on("error", (err)=>{
-                this.handleStreamError(url2Connect, err);
+                if (this.stream === stream) this.handleStreamError(url2Connect, err);
             });
             stream.on("drain", ()=>{
-                this.handleStreamDrain(stream);
+                if (this.stream === stream) this.handleStreamDrain(stream);
             });
             stream.on("preend", (args)=>{
                 this.options.logger.debug(`${PIPE_SYMBOL}Stream *preend* event emitted with args: ${string_pretty(args)}`);
@@ -6805,7 +6844,7 @@ class RecorderConnection extends streamWriter {
         }
     }
     constructor(options){
-        super(options), connection_define_property(this, "reconnectTimeout", void 0), connection_define_property(this, "connectionTimeout", void 0), connection_define_property(this, "userMediaLoaded", void 0), connection_define_property(this, "userMediaLoading", false), connection_define_property(this, "unloaded", void 0), connection_define_property(this, "connectionFailed", false), connection_define_property(this, "reconnectAttempts", 0), connection_define_property(this, "blocking", false), connection_define_property(this, "connectingStartedAt", void 0), connection_define_property(this, "lastCloseEvent", void 0), connection_define_property(this, "lastSocketError", void 0), connection_define_property(this, "pingInterval", void 0);
+        super(options), connection_define_property(this, "reconnectTimeout", void 0), connection_define_property(this, "connectionTimeout", void 0), connection_define_property(this, "userMediaLoaded", void 0), connection_define_property(this, "userMediaLoading", false), connection_define_property(this, "unloaded", void 0), connection_define_property(this, "connectionFailed", false), connection_define_property(this, "reconnectAttempts", 0), connection_define_property(this, "blocking", false), connection_define_property(this, "connectingStartedAt", void 0), connection_define_property(this, "lastCloseEvent", void 0), connection_define_property(this, "lastSocketError", void 0), connection_define_property(this, "pingInterval", void 0), connection_define_property(this, "connectionOpenedAt", void 0);
     }
 }
 const connection = RecorderConnection;
@@ -6867,6 +6906,7 @@ class RecorderMedia extends connection {
         const characteristics = this.userMedia?.getCharacteristics();
         this.options.logger.debug(`Recorder: userMediaErrorCallback(), name: ${err.name}, message: ${err.message} and Webcam characteristics: ${characteristics ? string_pretty(characteristics) : "none"}`);
         const errorListeners = this.getListeners("ERROR");
+        if (err.name !== error_VideomailError.MEDIA_DEVICE_NOT_SUPPORTED) this.closeIdleConnection("camera-access-failed");
         if (errorListeners?.length) if (err.name !== error_VideomailError.MEDIA_DEVICE_NOT_SUPPORTED) {
             const videomailError = error_createError({
                 err,
@@ -8490,6 +8530,7 @@ class Recorder extends capture {
             this.cancelCameraRecovery();
             this.blocking = true;
             this.clearUserMediaTimeout();
+            this.closeIdleConnection("blocking-error");
         });
         this.on("PREVIEW", ()=>{
             this.hide();

package/dist/esm/util/getAutomationSignals.d.ts

@@ -0,0 +1,5 @@
+declare function getAutomationSignals(): {
+    webdriver: boolean;
+    userAgentMatched: boolean;
+};
+export default getAutomationSignals;

package/dist/esm/wrappers/visuals/recorder/connection.d.ts

@@ -20,6 +20,7 @@ declare abstract class RecorderConnection extends RecorderStreamWriter {
     } | undefined;
     protected lastSocketError?: Record<string, unknown> | undefined;
     protected pingInterval?: number | undefined;
+    private connectionOpenedAt?;
     protected abstract executeCommand(command: VideomailCommand): void;
     abstract isUserMediaLoaded(): boolean | undefined;
     abstract validate(): boolean;
@@ -28,6 +29,7 @@ declare abstract class RecorderConnection extends RecorderStreamWriter {
     private shouldReportStreamClose;
     private handleStreamClose;
     private shouldIgnoreStreamClose;
+    protected closeIdleConnection(reason: string): void;
     private handleStreamError;
     protected sendPings(): void;
     protected stopPings(): void;

package/dist/umd/index.js

@@ -7218,7 +7218,7 @@
                 const qs = __webpack_require__("b");
                 const RequestBase = __webpack_require__("d");
                 const { isObject, mixin, hasOwn, isSafeKey } = __webpack_require__("Dp");
-                const ResponseBase = __webpack_require__("es");
+                const ResponseBase = __webpack_require__("e");
                 const Agent = __webpack_require__("pf");
                 function noop() {}
                 module1.exports = function(method, url) {
@@ -7932,7 +7932,7 @@
                     }, this._responseTimeout);
                 };
             },
-            es (module1, __unused_rspack_exports, __webpack_require__) {
+            e (module1, __unused_rspack_exports, __webpack_require__) {
                 "use strict";
                 const utils = __webpack_require__("Dp");
                 module1.exports = ResponseBase;
@@ -10643,7 +10643,7 @@
                     return i[1];
                 };
             },
-            R (module1) {
+            RR (module1) {
                 "use strict";
                 var stylesInDOM = [];
                 function getIndexByIdentifier(identifier) {
@@ -11144,7 +11144,7 @@
             var client = __webpack_require__("Q");
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "16.6.0"
+                rE: "16.7.0"
             };
             function isAudioEnabled(options) {
                 return Boolean(options.audio.enabled);
@@ -15724,7 +15724,7 @@
                 return newOptions;
             }
             const options_mergeWithDefaultOptions = mergeWithDefaultOptions;
-            var injectStylesIntoStyleTag = __webpack_require__("R");
+            var injectStylesIntoStyleTag = __webpack_require__("RR");
             var injectStylesIntoStyleTag_default = /*#__PURE__*/ __webpack_require__.n(injectStylesIntoStyleTag);
             var styleDomAPI = __webpack_require__("Bd");
             var styleDomAPI_default = /*#__PURE__*/ __webpack_require__.n(styleDomAPI);
@@ -19070,6 +19070,18 @@
             canvas_to_buffer_modern_r.atob = void 0;
             var websocket_stream_stream = __webpack_require__("U");
             var stream_default = /*#__PURE__*/ __webpack_require__.n(websocket_stream_stream);
+            function isAutomatedUserAgent(userAgent = navigator.userAgent) {
+                return /bot|crawler|spider|headlesschrome|phantomjs|puppeteer|playwright/iu.test(userAgent);
+            }
+            const util_isAutomatedUserAgent = isAutomatedUserAgent;
+            function getAutomationSignals() {
+                const webdriver = navigator.webdriver;
+                return {
+                    webdriver: true === webdriver,
+                    userAgentMatched: util_isAutomatedUserAgent()
+                };
+            }
+            const util_getAutomationSignals = getAutomationSignals;
             function getEdgeCodes(value, amount, fromEnd) {
                 const chars = fromEnd ? value.slice(-amount) : value.slice(0, amount);
                 const codes = Array.from(chars, (char)=>String(char.codePointAt(0))).join(".");
@@ -19097,15 +19109,16 @@
                 if (languageList.length > 0) return languageList.join(",");
                 return navigator.language || "none";
             }
-            function getAutomationSignals(probeBase, probeSimpleQuery) {
+            function getDiagnosticSignals(probeBase, probeSimpleQuery) {
                 const reasons = [];
-                if (navigator.webdriver) reasons.push("webdriver=true");
-                if (/HeadlessChrome|PhantomJS|puppeteer|playwright/iu.test(navigator.userAgent)) reasons.push("headless_ua_marker");
+                const automation = util_getAutomationSignals();
+                if (automation.webdriver) reasons.push("webdriver=true");
+                if (automation.userAgentMatched) reasons.push("headless_ua_marker");
                 if (0 === navigator.languages.length) reasons.push("no_languages");
                 if ("ok" !== probeBase) reasons.push("probe_base_failed");
                 if ("ok" !== probeSimpleQuery) reasons.push("probe_simple_query_failed");
                 return {
-                    looksAutomated: reasons.length > 0,
+                    looksAutomated: automation.webdriver || automation.userAgentMatched,
                     reasons: reasons.length > 0 ? reasons.join(",") : "none"
                 };
             }
@@ -19122,7 +19135,7 @@
                 const probeBase = probeWebSocketConstructor("wss://videomail.io");
                 const probeWithSimpleQuery = probeWebSocketConstructor("wss://videomail.io/?a=b");
                 const languages = getLanguagesValue();
-                const automationSignals = getAutomationSignals(probeBase, probeWithSimpleQuery);
+                const automationSignals = getDiagnosticSignals(probeBase, probeWithSimpleQuery);
                 const diagnosticPairs = [
                     `webdriver=${String(navigator.webdriver)}`,
                     `wsCtorNative=${String(wsCtorNative)}`,
@@ -19149,10 +19162,6 @@
                 };
             }
             const error_getWebSocketDiagnostic = getWebSocketDiagnostic;
-            function isAutomatedUserAgent(userAgent = navigator.userAgent) {
-                return /bot|crawler|spider|headlesschrome|phantomjs|puppeteer|playwright/iu.test(userAgent);
-            }
-            const util_isAutomatedUserAgent = isAutomatedUserAgent;
             const DEFAULT_MAX_QUEUED_BYTES = 1048576;
             class BoundedWriteQueue {
                 maxBytes;
@@ -19346,6 +19355,9 @@
                         explanation: "The server connection closed before this recording completed. It cannot be safely resumed, so it has been stopped. Please start a new recording.",
                         options: this.options,
                         cause: {
+                            transportPhase: "recording",
+                            mediaTransmissionStarted: true,
+                            automation: util_getAutomationSignals(),
                             unconfirmedFrames,
                             unconfirmedSamples
                         }
@@ -19387,6 +19399,7 @@
                 lastCloseEvent;
                 lastSocketError;
                 pingInterval;
+                connectionOpenedAt;
                 constructor(options){
                     super(options);
                 }
@@ -19415,15 +19428,32 @@
                         this.resumeAfterDrain = false;
                         this.reconnecting = true;
                         this.initSocket();
-                    } else if (this.shouldReportStreamClose()) window.setTimeout(()=>{
-                        this.handleConnectionFailure({
-                            url2Connect,
-                            cause: "closed"
-                        });
-                    }, 0);
+                    } else if (this.shouldReportStreamClose()) {
+                        const stream = this.stream;
+                        window.setTimeout(()=>{
+                            if (this.stream === stream) this.handleConnectionFailure({
+                                url2Connect,
+                                cause: "closed"
+                            });
+                        }, 0);
+                    }
                 }
                 shouldIgnoreStreamClose() {
-                    return this.recordingTransportFailed || Boolean(this.unloaded) || this.validate();
+                    return this.recordingTransportFailed || Boolean(this.unloaded) || this.validate() || this.blocking && !this.mediaTransmissionStarted;
+                }
+                closeIdleConnection(reason) {
+                    if (this.mediaTransmissionStarted) return;
+                    this.options.logger.debug(string_summarize("Recorder: closing idle connection", {
+                        reason,
+                        connected: this.connected,
+                        connecting: this.connecting,
+                        visibilityState: document.visibilityState
+                    }));
+                    this.connected = this.connecting = this.reconnecting = false;
+                    this.clearConnectionTimeout();
+                    this.clearReconnectTimeout();
+                    this.stopPings();
+                    this.discardSocket();
                 }
                 handleStreamError(url2Connect, err) {
                     if ("u" > typeof Event && err instanceof Event) this.lastSocketError = error_getEventDetails(err);
@@ -19432,28 +19462,20 @@
                         error: serializeError(err)
                     });
                     this.options.logger.debug(debugLine);
-                    if (this.validate()) {
+                    if (this.shouldIgnoreStreamClose()) {
                         this.connected = false;
                         this.stopPings();
                         this.discardSocket();
                         return;
                     }
-                    if (!this.connected) return void this.handleConnectionFailure({
+                    if (this.mediaTransmissionStarted) return void this.failInterruptedRecording();
+                    this.reconnecting ||= this.canReconnectAfterStreamClose();
+                    this.connected = false;
+                    this.stopPings();
+                    this.handleConnectionFailure({
                         url2Connect,
                         cause: "error"
                     });
-                    const streamError = err instanceof Error ? err : new Error("WebSocket stream emitted an error event", {
-                        cause: this.lastSocketError ?? err
-                    });
-                    if (this.mediaTransmissionStarted) return void this.failInterruptedRecording();
-                    this.emit("ERROR", {
-                        err: error_createError({
-                            message: "WebSocket stream error",
-                            explanation: `The WebSocket stream emitted an error event. Details: ${string_pretty(err)}`,
-                            options: this.options,
-                            exc: streamError
-                        })
-                    });
                 }
                 sendPings() {
                     this.stopPings();
@@ -19513,6 +19535,7 @@
                     this.connectionFailed = true;
                     this.connecting = false;
                     this.reconnecting = false;
+                    const reconnectAttempts = this.reconnectAttempts;
                     this.reconnectAttempts = 0;
                     this.clearReconnectTimeout();
                     this.clearConnectionTimeout();
@@ -19523,6 +19546,14 @@
                     const socketError = this.lastSocketError;
                     const contents = {
                         cause,
+                        transportPhase: void 0 === this.connectionOpenedAt ? "initial" : "idle",
+                        mediaTransmissionStarted: this.mediaTransmissionStarted,
+                        recordingActive: this.recordingActive,
+                        framesCount: this.framesCount,
+                        samplesCount: this.samplesCount,
+                        reconnectAttempts,
+                        connectionOpenedAt: this.connectionOpenedAt,
+                        automation: util_getAutomationSignals(),
                         closeCode: closeEvent?.code,
                         closeReason: closeEvent?.reason,
                         elapsedMs,
@@ -19564,7 +19595,7 @@
                     });
                 }
                 shouldIgnoreConnectionFailure() {
-                    return this.connectionFailed || this.connected || Boolean(this.unloaded) || this.validate();
+                    return this.connectionFailed || this.connected || Boolean(this.unloaded) || this.validate() || this.blocking && !this.mediaTransmissionStarted;
                 }
                 initSocket(cb) {
                     if (this.connected) {
@@ -19574,7 +19605,8 @@
                     }
                     if (this.connecting) return void this.options.logger.debug("Recorder: already **connecting**. Not going to initialize a new WebSocket connection.");
                     this.clearReconnectTimeout();
-                    if (util_isAutomatedUserAgent()) {
+                    const automation = util_getAutomationSignals();
+                    if (automation.userAgentMatched) {
                         this.connecting = false;
                         this.options.logger.debug("Recorder: skipping web socket connection for an automated crawler");
                         return;
@@ -19608,6 +19640,7 @@
                     try {
                         nativeSocket = new WebSocket(url2Connect);
                         nativeSocket.addEventListener("close", (event)=>{
+                            if (this.stream?.socket !== nativeSocket) return;
                             this.lastCloseEvent = {
                                 code: event.code,
                                 reason: event.reason,
@@ -19615,6 +19648,7 @@
                             };
                         });
                         nativeSocket.addEventListener("error", (event)=>{
+                            if (this.stream?.socket !== nativeSocket) return;
                             this.lastSocketError = error_getEventDetails(event);
                         });
                     } catch (exc) {
@@ -19626,7 +19660,10 @@
                             message,
                             explanation,
                             options: this.options,
-                            exc
+                            exc,
+                            cause: {
+                                automation
+                            }
                         });
                         this.emit("ERROR", {
                             err
@@ -19664,14 +19701,16 @@
                             });
                         }, connectionTimeoutMs);
                         stream.on("close", ()=>{
-                            this.handleStreamClose(url2Connect);
+                            if (this.stream === stream) this.handleStreamClose(url2Connect);
                         });
                         stream.on("connect", (args)=>{
+                            if (this.stream !== stream) return;
                             this.options.logger.debug(`${PIPE_SYMBOL}Stream *connect* event emitted with args: ${string_pretty(args)}`);
                             this.clearConnectionTimeout();
-                            const isClosing = this.stream?.socket.readyState === WebSocket.CLOSING;
+                            const isClosing = stream.socket.readyState === WebSocket.CLOSING;
                             if (!this.connected && !isClosing && !this.unloaded) {
                                 this.connected = true;
+                                this.connectionOpenedAt = Date.now();
                                 this.connecting = this.unloaded = false;
                                 this.reconnecting = false;
                                 this.reconnectAttempts = 0;
@@ -19681,6 +19720,7 @@
                             }
                         });
                         stream.on("data", (data)=>{
+                            if (this.stream !== stream) return;
                             this.options.logger.debug(`${PIPE_SYMBOL}Stream *data* event emitted`);
                             try {
                                 const command = JSON.parse(data.toString());
@@ -19699,10 +19739,10 @@
                             }
                         });
                         stream.on("error", (err)=>{
-                            this.handleStreamError(url2Connect, err);
+                            if (this.stream === stream) this.handleStreamError(url2Connect, err);
                         });
                         stream.on("drain", ()=>{
-                            this.handleStreamDrain(stream);
+                            if (this.stream === stream) this.handleStreamDrain(stream);
                         });
                         stream.on("preend", (args)=>{
                             this.options.logger.debug(`${PIPE_SYMBOL}Stream *preend* event emitted with args: ${string_pretty(args)}`);
@@ -19824,6 +19864,7 @@
                     const characteristics = this.userMedia?.getCharacteristics();
                     this.options.logger.debug(`Recorder: userMediaErrorCallback(), name: ${err.name}, message: ${err.message} and Webcam characteristics: ${characteristics ? string_pretty(characteristics) : "none"}`);
                     const errorListeners = this.getListeners("ERROR");
+                    if (err.name !== error_VideomailError.MEDIA_DEVICE_NOT_SUPPORTED) this.closeIdleConnection("camera-access-failed");
                     if (errorListeners?.length) if (err.name !== error_VideomailError.MEDIA_DEVICE_NOT_SUPPORTED) {
                         const videomailError = error_createError({
                             err,
@@ -21468,6 +21509,7 @@
                         this.cancelCameraRecovery();
                         this.blocking = true;
                         this.clearUserMediaTimeout();
+                        this.closeIdleConnection("blocking-error");
                     });
                     this.on("PREVIEW", ()=>{
                         this.hide();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "16.6.0",
+  "version": "16.7.0",
   "description": "A wicked npm package to record videos directly in the browser, for Deaf and Sign Language!",
   "keywords": [
     "webcam",
@@ -108,17 +108,17 @@
     "eslint-plugin-de-morgan": "2.3.0",
     "eslint-plugin-depend": "1.5.0",
     "eslint-plugin-import-x": "4.17.1",
-    "eslint-plugin-package-json": "1.12.0",
-    "eslint-plugin-regexp": "3.3.2",
+    "eslint-plugin-package-json": "1.13.0",
+    "eslint-plugin-regexp": "3.3.3",
     "eslint-plugin-simple-import-sort": "14.0.0",
-    "globals": "17.13.0",
+    "globals": "17.14.0",
     "jsdom": "30.1.3",
     "msw": "3.0.3",
     "msw-storybook-addon": "3.0.3",
     "prettier": "3.9.10",
     "prettier-plugin-curly": "0.4.1",
     "prettier-plugin-jsdoc": "1.8.1",
-    "prettier-plugin-packagejson": "3.0.3",
+    "prettier-plugin-packagejson": "3.1.0",
     "prettier-plugin-sh": "0.20.2",
     "release-it": "21.1.2",
     "storybook": "10.6.5",