videomail-client 15.7.7 → 15.7.8

package/dist/cjs/index.cjs

@@ -7045,7 +7045,7 @@ var __webpack_modules__ = {
         const safeStringify = __webpack_require__("X");
         const qs = __webpack_require__("b");
         const RequestBase = __webpack_require__("d");
-        const { isObject, mixin, hasOwn } = __webpack_require__("Dp");
+        const { isObject, mixin, hasOwn, isSafeKey } = __webpack_require__("Dp");
         const ResponseBase = __webpack_require__("e");
         const Agent = __webpack_require__("pf");
         function noop() {}
@@ -7099,12 +7099,18 @@ var __webpack_modules__ = {
             form: 'application/x-www-form-urlencoded',
             'form-data': 'application/x-www-form-urlencoded'
         };
+        function lookupType(type) {
+            return hasOwn(request.types, type) && request.types[type] || type;
+        }
         request.serialize = {
-            'application/x-www-form-urlencoded': (obj)=>qs.stringify(obj, {
+            'application/x-www-form-urlencoded' (object) {
+                return qs.stringify(object, {
                     indices: false,
                     strictNullHandling: true
-                }),
-            'application/json': safeStringify
+                });
+            },
+            'application/json': safeStringify,
+            'application/csp-report': safeStringify
         };
         request.parse = {
             'application/x-www-form-urlencoded': parseString,
@@ -7122,8 +7128,10 @@ var __webpack_modules__ = {
                 index = line.indexOf(':');
                 if (-1 !== index) {
                     field = line.slice(0, index).toLowerCase();
-                    value = trim(line.slice(index + 1));
-                    fields[field] = value;
+                    if (isSafeKey(field)) {
+                        value = trim(line.slice(index + 1));
+                        fields[field] = value;
+                    }
                 }
             }
             return fields;
@@ -7144,11 +7152,12 @@ var __webpack_modules__ = {
             this.header['content-type'] = this.xhr.getResponseHeader('content-type');
             this._setHeaderProperties(this.header);
             if (null === this.text && request_._responseType) this.body = this.xhr.response;
-            else this.body = 'HEAD' === this.req.method ? null : this._parseBody(this.text ? this.text : this.xhr.response);
+            else if ('HEAD' === this.req.method) this.body = null;
+            else this.body = this._parseBody(this.text || this.xhr.response);
         }
         mixin(Response.prototype, ResponseBase.prototype);
         Response.prototype._parseBody = function(string_) {
-            let parse = request.parse[this.type];
+            let parse = hasOwn(request.parse, this.type) ? request.parse[this.type] : void 0;
             if (this.req._parser) return this.req._parser(this, string_);
             if (!parse && isJSON(this.type)) parse = request.parse['application/json'];
             return parse && string_ && (string_.length > 0 || string_ instanceof Object) ? parse(string_) : null;
@@ -7183,7 +7192,7 @@ var __webpack_modules__ = {
                     error.original = err;
                     if (self1.xhr) {
                         error.rawResponse = void 0 === self1.xhr.responseType ? self1.xhr.responseText : self1.xhr.response;
-                        error.status = self1.xhr.status ? self1.xhr.status : null;
+                        error.status = self1.xhr.status || null;
                         error.statusCode = error.status;
                     } else {
                         error.rawResponse = null;
@@ -7209,11 +7218,11 @@ var __webpack_modules__ = {
         Emitter(Request.prototype);
         mixin(Request.prototype, RequestBase.prototype);
         Request.prototype.type = function(type) {
-            this.set('Content-Type', request.types[type] || type);
+            this.set('Content-Type', lookupType(type));
             return this;
         };
         Request.prototype.accept = function(type) {
-            this.set('Accept', request.types[type] || type);
+            this.set('Accept', lookupType(type));
             return this;
         };
         Request.prototype.auth = function(user, pass, options) {
@@ -7225,7 +7234,8 @@ var __webpack_modules__ = {
             if (!options) options = {
                 type: 'function' == typeof btoa ? 'basic' : 'auto'
             };
-            const encoder = options.encoder ? options.encoder : (string)=>{
+            let { encoder } = options;
+            if (!encoder) encoder = (string)=>{
                 if ('function' == typeof btoa) return btoa(string);
                 throw new Error('Cannot use basic auth, btoa is not a function');
             };
@@ -7336,16 +7346,24 @@ var __webpack_modules__ = {
             if (this._withCredentials) xhr.withCredentials = true;
             if (!this._formData && 'GET' !== this.method && 'HEAD' !== this.method && 'string' != typeof data && !this._isHost(data)) {
                 const contentType = this._header['content-type'];
-                let serialize = this._serializer || request.serialize[contentType ? contentType.split(';')[0] : ''];
+                const serializeType = contentType ? contentType.split(';')[0] : '';
+                let serialize = this._serializer || (hasOwn(request.serialize, serializeType) ? request.serialize[serializeType] : void 0);
                 if (!serialize && isJSON(contentType)) serialize = request.serialize['application/json'];
                 if (serialize) data = serialize(data);
             }
-            for(const field in this.header)if (null !== this.header[field]) {
-                if (hasOwn(this.header, field)) xhr.setRequestHeader(field, this.header[field]);
+            try {
+                for(const field in this.header)if (null !== this.header[field]) {
+                    if (hasOwn(this.header, field)) xhr.setRequestHeader(field, this.header[field]);
+                }
+                if (this._responseType) xhr.responseType = this._responseType;
+                this.emit('request', this);
+                xhr.send(void 0 === data ? null : data);
+            } catch (err) {
+                try {
+                    xhr.abort();
+                } catch (err) {}
+                return this.callback(err);
             }
-            if (this._responseType) xhr.responseType = this._responseType;
-            this.emit('request', this);
-            xhr.send(void 0 === data ? null : data);
         };
         const proxyAgent = new Proxy(Agent, {
             apply (target, thisArg, argumentsList) {
@@ -7355,6 +7373,7 @@ var __webpack_modules__ = {
         request.agent = proxyAgent;
         for (const method of [
             'GET',
+            'HEAD',
             'POST',
             'OPTIONS',
             'PATCH',
@@ -7442,7 +7461,7 @@ var __webpack_modules__ = {
     },
     d (module, __unused_rspack_exports, __webpack_require__) {
         "use strict";
-        const { isObject, hasOwn } = __webpack_require__("Dp");
+        const { isObject, hasOwn, isSafeKey } = __webpack_require__("Dp");
         module.exports = RequestBase;
         function RequestBase() {}
         RequestBase.prototype.clearTimeout = function() {
@@ -7552,7 +7571,7 @@ var __webpack_modules__ = {
                 if (this._endCalled) console.warn('Warning: superagent request was sent twice, because both .end() and .then() were called. Never call .end() if you use promises');
                 this._fullfilledPromise = new Promise((resolve, reject)=>{
                     self1.on('abort', ()=>{
-                        if (this._maxRetries && this._maxRetries > this._retries) return;
+                        if (this.timedout && this._maxRetries && this._maxRetries > this._retries) return;
                         if (this.timedout && this.timedoutError) return void reject(this.timedoutError);
                         const error = new Error('Aborted');
                         error.code = 'ABORTED';
@@ -7679,7 +7698,13 @@ var __webpack_modules__ = {
             } else if (data && this._data && this._isHost(this._data)) throw new Error("Can't merge these send calls");
             if (isObject_ && isObject(this._data)) for(const key in data){
                 if ('bigint' == typeof data[key] && !data[key].toJSON) throw new Error('Cannot serialize BigInt value to json');
-                if (hasOwn(data, key)) this._data[key] = data[key];
+                if (hasOwn(data, key)) if (isSafeKey(key)) this._data[key] = data[key];
+                else Object.defineProperty(this._data, key, {
+                    value: data[key],
+                    enumerable: true,
+                    writable: true,
+                    configurable: true
+                });
             }
             else if ('bigint' == typeof data) throw new Error("Cannot send value of type BigInt");
             else if ('string' == typeof data) {
@@ -7747,7 +7772,7 @@ var __webpack_modules__ = {
             const ct = header['content-type'] || '';
             this.type = utils.type(ct);
             const parameters = utils.params(ct);
-            for(const key in parameters)if (Object.prototype.hasOwnProperty.call(parameters, key)) this[key] = parameters[key];
+            for(const key in parameters)if (Object.prototype.hasOwnProperty.call(parameters, key) && !(key in this)) this[key] = parameters[key];
             this.links = {};
             try {
                 if (header.link) this.links = utils.parseLinks(header.link);
@@ -7778,13 +7803,19 @@ var __webpack_modules__ = {
     Dp (__unused_rspack_module, exports1) {
         "use strict";
         exports1.type = (string_)=>string_.split(/ *; */).shift();
+        const UNSAFE_KEYS = new Set([
+            '__proto__',
+            'constructor',
+            'prototype'
+        ]);
+        exports1.isSafeKey = (key)=>!UNSAFE_KEYS.has(key);
         exports1.params = (value)=>{
             const object = {};
             for (const string_ of value.split(/ *; */)){
                 const parts = string_.split(/ *= */);
                 const key = parts.shift();
                 const value = parts.shift();
-                if (key && value) object[key] = value;
+                if (key && value && exports1.isSafeKey(key)) object[key] = value;
             }
             return object;
         };
@@ -7793,8 +7824,14 @@ var __webpack_modules__ = {
             for (const string_ of value.split(/ *, */)){
                 const parts = string_.split(/ *; */);
                 const url = parts[0].slice(1, -1);
-                const rel = parts[1].split(/ *= */)[1].slice(1, -1);
-                object[rel] = url;
+                for (const part of parts.slice(1)){
+                    const [key, keyValue] = part.split(/ *= */, 2);
+                    if (key && 'rel' === key.toLowerCase() && keyValue) {
+                        const relationship = keyValue.replace(/^"|"$/g, '');
+                        if (relationship && exports1.isSafeKey(relationship)) object[relationship] = url;
+                        break;
+                    }
+                }
             }
             return object;
         };
@@ -7810,19 +7847,19 @@ var __webpack_modules__ = {
             return header;
         };
         exports1.normalizeHostname = (hostname)=>{
-            const [, normalized] = hostname.match(/^\[([^\]]+)\]$/) || [];
+            const [, normalized] = hostname.match(/^\[([^\]]+)]$/) || [];
             return normalized || hostname;
         };
         exports1.isObject = (object)=>null !== object && 'object' == typeof object;
         exports1.hasOwn = Object.hasOwn || function(object, property) {
             if (null == object) throw new TypeError('Cannot convert undefined or null to object');
-            return Object.prototype.hasOwnProperty.call(new Object(object), property);
+            return Object.prototype.hasOwnProperty.call(Object(object), property);
         };
         exports1.mixin = (target, source)=>{
             for(const key in source)if (exports1.hasOwn(source, key)) target[key] = source[key];
         };
-        exports1.isGzipOrDeflateEncoding = (res)=>new RegExp(/^\s*(?:deflate|gzip)\s*$/).test(res.headers['content-encoding']);
-        exports1.isBrotliEncoding = (res)=>new RegExp(/^\s*(?:br)\s*$/).test(res.headers['content-encoding']);
+        exports1.isGzipOrDeflateEncoding = (res)=>/^\s*(?:deflate|gzip)\s*$/i.test(res.headers['content-encoding']);
+        exports1.isBrotliEncoding = (res)=>/^\s*br\s*$/i.test(res.headers['content-encoding']);
     },
     E (module, __unused_rspack_exports, __webpack_require__) {
         var Buffer = __webpack_require__("dY").Buffer;
@@ -10933,7 +10970,7 @@ var __webpack_exports__ = {};
     var client = __webpack_require__("Q");
     var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     var package_namespaceObject = {
-        rE: "15.7.7"
+        rE: "15.7.8"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -17460,6 +17497,7 @@ var __webpack_exports__ = {};
         return obj;
     }
     const PIPE_SYMBOL = "°º¤ø,¸¸,ø¤º°`°º¤ø,¸,ø¤°º¤ø,¸¸,ø¤º°`°º¤ø,¸ ";
+    const INITIAL_CONNECTION_RETRY_DELAY = 1e3;
     class Recorder extends util_Despot {
         writeStream(buffer, opts) {
             if (this.stream) if (this.stream.destroyed) {
@@ -17553,13 +17591,41 @@ var __webpack_exports__ = {};
             window.clearTimeout(this.connectionTimeout);
             this.connectionTimeout = void 0;
         }
+        clearConnectionRetryTimeout() {
+            if (!this.connectionRetryTimeout) return;
+            this.options.logger.debug("Recorder: clearConnectionRetryTimeout()");
+            window.clearTimeout(this.connectionRetryTimeout);
+            this.connectionRetryTimeout = void 0;
+        }
+        retryInitialConnection(url2Connect) {
+            const retryStartedAt = this.connectionRetryStartedAt;
+            if (!retryStartedAt) return false;
+            const retryElapsedMs = Date.now() - retryStartedAt;
+            if (retryElapsedMs >= this.options.timeouts.connection) {
+                this.connectionRetryStartedAt = void 0;
+                return false;
+            }
+            const retryRemainingMs = this.options.timeouts.connection - retryElapsedMs;
+            this.options.logger.debug(`Recorder: retrying initial web socket connection to ${url2Connect}`);
+            this.connecting = false;
+            if (this.stream) {
+                this.stream.destroy();
+                this.stream = void 0;
+            }
+            this.connectionRetryTimeout = window.setTimeout(()=>{
+                this.connectionRetryTimeout = void 0;
+                this.initSocket();
+            }, Math.min(INITIAL_CONNECTION_RETRY_DELAY, retryRemainingMs));
+            return true;
+        }
         failConnection(params) {
             var _ref, _ref1;
             if (this.connectionFailed || this.connected || this.unloaded) return;
-            this.connectionFailed = true;
-            this.connecting = false;
             this.clearConnectionTimeout();
             const { url2Connect, cause } = params;
+            if (this.retryInitialConnection(url2Connect)) return;
+            this.connectionFailed = true;
+            this.connecting = false;
             const online = navigator.onLine;
             const elapsedMs = this.connectingStartedAt ? Date.now() - this.connectingStartedAt : void 0;
             const closeEvent = this.lastCloseEvent;
@@ -17726,7 +17792,9 @@ var __webpack_exports__ = {};
                     });
                 }
                 if (this.stream) {
-                    const connectionTimeoutMs = this.options.timeouts.connection;
+                    if (!this.userMediaLoaded && !this.connectionRetryStartedAt) this.connectionRetryStartedAt = Date.now();
+                    const connectionRetryElapsedMs = this.connectionRetryStartedAt ? Date.now() - this.connectionRetryStartedAt : 0;
+                    const connectionTimeoutMs = this.connectionRetryStartedAt ? Math.max(0, this.options.timeouts.connection - connectionRetryElapsedMs) : this.options.timeouts.connection;
                     this.connectionTimeout = window.setTimeout(()=>{
                         this.failConnection({
                             url2Connect,
@@ -17754,6 +17822,7 @@ var __webpack_exports__ = {};
                         if (!this.connected && !isClosing && !this.unloaded) {
                             this.connected = true;
                             this.connecting = this.unloaded = false;
+                            this.connectionRetryStartedAt = void 0;
                             this.emit("CONNECTED");
                             null == cb || cb();
                         }
@@ -18114,6 +18183,8 @@ var __webpack_exports__ = {};
             this.reset();
             this.clearUserMediaTimeout();
             this.clearConnectionTimeout();
+            this.clearConnectionRetryTimeout();
+            this.connectionRetryStartedAt = void 0;
             this.connecting = false;
             if (this.userMedia) this.userMedia.unloadRemainingEventListeners();
             if (this.submitting) ;
@@ -18526,7 +18597,7 @@ var __webpack_exports__ = {};
             return this.userMediaLoaded;
         }
         constructor(visuals, replay, options){
-            super("Recorder", options), recorder_define_property(this, "visuals", void 0), recorder_define_property(this, "replay", void 0), recorder_define_property(this, "loop", void 0), recorder_define_property(this, "originalAnimationFrameObject", void 0), recorder_define_property(this, "samplesCount", 0), recorder_define_property(this, "framesCount", 0), recorder_define_property(this, "recordingStats", void 0), recorder_define_property(this, "confirmedFrameNumber", 0), recorder_define_property(this, "confirmedSampleNumber", 0), recorder_define_property(this, "recorderElement", void 0), recorder_define_property(this, "userMedia", void 0), recorder_define_property(this, "userMediaTimeout", void 0), recorder_define_property(this, "retryTimeout", void 0), recorder_define_property(this, "connectionTimeout", void 0), recorder_define_property(this, "frameProgress", void 0), recorder_define_property(this, "sampleProgress", void 0), recorder_define_property(this, "canvas", void 0), recorder_define_property(this, "ctx", void 0), recorder_define_property(this, "userMediaLoaded", void 0), recorder_define_property(this, "userMediaLoading", false), recorder_define_property(this, "submitting", false), recorder_define_property(this, "unloaded", void 0), recorder_define_property(this, "stopTime", void 0), recorder_define_property(this, "stream", void 0), recorder_define_property(this, "connecting", false), recorder_define_property(this, "connected", false), recorder_define_property(this, "connectionFailed", false), recorder_define_property(this, "blocking", false), recorder_define_property(this, "built", false), recorder_define_property(this, "key", void 0), recorder_define_property(this, "waitingTime", void 0), recorder_define_property(this, "connectingStartedAt", void 0), recorder_define_property(this, "lastCloseEvent", void 0), recorder_define_property(this, "pingInterval", void 0), recorder_define_property(this, "frame", void 0), recorder_define_property(this, "recordingBuffer", void 0), recorder_define_property(this, "facingMode", void 0);
+            super("Recorder", options), recorder_define_property(this, "visuals", void 0), recorder_define_property(this, "replay", void 0), recorder_define_property(this, "loop", void 0), recorder_define_property(this, "originalAnimationFrameObject", void 0), recorder_define_property(this, "samplesCount", 0), recorder_define_property(this, "framesCount", 0), recorder_define_property(this, "recordingStats", void 0), recorder_define_property(this, "confirmedFrameNumber", 0), recorder_define_property(this, "confirmedSampleNumber", 0), recorder_define_property(this, "recorderElement", void 0), recorder_define_property(this, "userMedia", void 0), recorder_define_property(this, "userMediaTimeout", void 0), recorder_define_property(this, "retryTimeout", void 0), recorder_define_property(this, "connectionTimeout", void 0), recorder_define_property(this, "connectionRetryTimeout", void 0), recorder_define_property(this, "frameProgress", void 0), recorder_define_property(this, "sampleProgress", void 0), recorder_define_property(this, "canvas", void 0), recorder_define_property(this, "ctx", void 0), recorder_define_property(this, "userMediaLoaded", void 0), recorder_define_property(this, "userMediaLoading", false), recorder_define_property(this, "submitting", false), recorder_define_property(this, "unloaded", void 0), recorder_define_property(this, "stopTime", void 0), recorder_define_property(this, "stream", void 0), recorder_define_property(this, "connecting", false), recorder_define_property(this, "connected", false), recorder_define_property(this, "connectionFailed", false), recorder_define_property(this, "blocking", false), recorder_define_property(this, "built", false), recorder_define_property(this, "key", void 0), recorder_define_property(this, "waitingTime", void 0), recorder_define_property(this, "connectingStartedAt", void 0), recorder_define_property(this, "connectionRetryStartedAt", void 0), recorder_define_property(this, "lastCloseEvent", void 0), recorder_define_property(this, "pingInterval", void 0), recorder_define_property(this, "frame", void 0), recorder_define_property(this, "recordingBuffer", void 0), recorder_define_property(this, "facingMode", void 0);
             this.visuals = visuals;
             this.replay = replay;
             this.facingMode = options.video.facingMode;

package/dist/esm/index.js

@@ -3619,7 +3619,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "15.7.7"
+    rE: "15.7.8"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -6521,6 +6521,7 @@ function recorder_define_property(obj, key, value) {
     return obj;
 }
 const PIPE_SYMBOL = "°º¤ø,¸¸,ø¤º°`°º¤ø,¸,ø¤°º¤ø,¸¸,ø¤º°`°º¤ø,¸ ";
+const INITIAL_CONNECTION_RETRY_DELAY = 1e3;
 class Recorder extends util_Despot {
     writeStream(buffer, opts) {
         if (this.stream) if (this.stream.destroyed) {
@@ -6614,12 +6615,40 @@ class Recorder extends util_Despot {
         window.clearTimeout(this.connectionTimeout);
         this.connectionTimeout = void 0;
     }
+    clearConnectionRetryTimeout() {
+        if (!this.connectionRetryTimeout) return;
+        this.options.logger.debug("Recorder: clearConnectionRetryTimeout()");
+        window.clearTimeout(this.connectionRetryTimeout);
+        this.connectionRetryTimeout = void 0;
+    }
+    retryInitialConnection(url2Connect) {
+        const retryStartedAt = this.connectionRetryStartedAt;
+        if (!retryStartedAt) return false;
+        const retryElapsedMs = Date.now() - retryStartedAt;
+        if (retryElapsedMs >= this.options.timeouts.connection) {
+            this.connectionRetryStartedAt = void 0;
+            return false;
+        }
+        const retryRemainingMs = this.options.timeouts.connection - retryElapsedMs;
+        this.options.logger.debug(`Recorder: retrying initial web socket connection to ${url2Connect}`);
+        this.connecting = false;
+        if (this.stream) {
+            this.stream.destroy();
+            this.stream = void 0;
+        }
+        this.connectionRetryTimeout = window.setTimeout(()=>{
+            this.connectionRetryTimeout = void 0;
+            this.initSocket();
+        }, Math.min(INITIAL_CONNECTION_RETRY_DELAY, retryRemainingMs));
+        return true;
+    }
     failConnection(params) {
         if (this.connectionFailed || this.connected || this.unloaded) return;
-        this.connectionFailed = true;
-        this.connecting = false;
         this.clearConnectionTimeout();
         const { url2Connect, cause } = params;
+        if (this.retryInitialConnection(url2Connect)) return;
+        this.connectionFailed = true;
+        this.connecting = false;
         const online = navigator.onLine;
         const elapsedMs = this.connectingStartedAt ? Date.now() - this.connectingStartedAt : void 0;
         const closeEvent = this.lastCloseEvent;
@@ -6785,7 +6814,9 @@ class Recorder extends util_Despot {
                 });
             }
             if (this.stream) {
-                const connectionTimeoutMs = this.options.timeouts.connection;
+                if (!this.userMediaLoaded && !this.connectionRetryStartedAt) this.connectionRetryStartedAt = Date.now();
+                const connectionRetryElapsedMs = this.connectionRetryStartedAt ? Date.now() - this.connectionRetryStartedAt : 0;
+                const connectionTimeoutMs = this.connectionRetryStartedAt ? Math.max(0, this.options.timeouts.connection - connectionRetryElapsedMs) : this.options.timeouts.connection;
                 this.connectionTimeout = window.setTimeout(()=>{
                     this.failConnection({
                         url2Connect,
@@ -6812,6 +6843,7 @@ class Recorder extends util_Despot {
                     if (!this.connected && !isClosing && !this.unloaded) {
                         this.connected = true;
                         this.connecting = this.unloaded = false;
+                        this.connectionRetryStartedAt = void 0;
                         this.emit("CONNECTED");
                         cb?.();
                     }
@@ -7166,6 +7198,8 @@ class Recorder extends util_Despot {
         this.reset();
         this.clearUserMediaTimeout();
         this.clearConnectionTimeout();
+        this.clearConnectionRetryTimeout();
+        this.connectionRetryStartedAt = void 0;
         this.connecting = false;
         if (this.userMedia) this.userMedia.unloadRemainingEventListeners();
         if (this.submitting) ;
@@ -7569,7 +7603,7 @@ class Recorder extends util_Despot {
         return this.userMediaLoaded;
     }
     constructor(visuals, replay, options){
-        super("Recorder", options), recorder_define_property(this, "visuals", void 0), recorder_define_property(this, "replay", void 0), recorder_define_property(this, "loop", void 0), recorder_define_property(this, "originalAnimationFrameObject", void 0), recorder_define_property(this, "samplesCount", 0), recorder_define_property(this, "framesCount", 0), recorder_define_property(this, "recordingStats", void 0), recorder_define_property(this, "confirmedFrameNumber", 0), recorder_define_property(this, "confirmedSampleNumber", 0), recorder_define_property(this, "recorderElement", void 0), recorder_define_property(this, "userMedia", void 0), recorder_define_property(this, "userMediaTimeout", void 0), recorder_define_property(this, "retryTimeout", void 0), recorder_define_property(this, "connectionTimeout", void 0), recorder_define_property(this, "frameProgress", void 0), recorder_define_property(this, "sampleProgress", void 0), recorder_define_property(this, "canvas", void 0), recorder_define_property(this, "ctx", void 0), recorder_define_property(this, "userMediaLoaded", void 0), recorder_define_property(this, "userMediaLoading", false), recorder_define_property(this, "submitting", false), recorder_define_property(this, "unloaded", void 0), recorder_define_property(this, "stopTime", void 0), recorder_define_property(this, "stream", void 0), recorder_define_property(this, "connecting", false), recorder_define_property(this, "connected", false), recorder_define_property(this, "connectionFailed", false), recorder_define_property(this, "blocking", false), recorder_define_property(this, "built", false), recorder_define_property(this, "key", void 0), recorder_define_property(this, "waitingTime", void 0), recorder_define_property(this, "connectingStartedAt", void 0), recorder_define_property(this, "lastCloseEvent", void 0), recorder_define_property(this, "pingInterval", void 0), recorder_define_property(this, "frame", void 0), recorder_define_property(this, "recordingBuffer", void 0), recorder_define_property(this, "facingMode", void 0);
+        super("Recorder", options), recorder_define_property(this, "visuals", void 0), recorder_define_property(this, "replay", void 0), recorder_define_property(this, "loop", void 0), recorder_define_property(this, "originalAnimationFrameObject", void 0), recorder_define_property(this, "samplesCount", 0), recorder_define_property(this, "framesCount", 0), recorder_define_property(this, "recordingStats", void 0), recorder_define_property(this, "confirmedFrameNumber", 0), recorder_define_property(this, "confirmedSampleNumber", 0), recorder_define_property(this, "recorderElement", void 0), recorder_define_property(this, "userMedia", void 0), recorder_define_property(this, "userMediaTimeout", void 0), recorder_define_property(this, "retryTimeout", void 0), recorder_define_property(this, "connectionTimeout", void 0), recorder_define_property(this, "connectionRetryTimeout", void 0), recorder_define_property(this, "frameProgress", void 0), recorder_define_property(this, "sampleProgress", void 0), recorder_define_property(this, "canvas", void 0), recorder_define_property(this, "ctx", void 0), recorder_define_property(this, "userMediaLoaded", void 0), recorder_define_property(this, "userMediaLoading", false), recorder_define_property(this, "submitting", false), recorder_define_property(this, "unloaded", void 0), recorder_define_property(this, "stopTime", void 0), recorder_define_property(this, "stream", void 0), recorder_define_property(this, "connecting", false), recorder_define_property(this, "connected", false), recorder_define_property(this, "connectionFailed", false), recorder_define_property(this, "blocking", false), recorder_define_property(this, "built", false), recorder_define_property(this, "key", void 0), recorder_define_property(this, "waitingTime", void 0), recorder_define_property(this, "connectingStartedAt", void 0), recorder_define_property(this, "connectionRetryStartedAt", void 0), recorder_define_property(this, "lastCloseEvent", void 0), recorder_define_property(this, "pingInterval", void 0), recorder_define_property(this, "frame", void 0), recorder_define_property(this, "recordingBuffer", void 0), recorder_define_property(this, "facingMode", void 0);
         this.visuals = visuals;
         this.replay = replay;
         this.facingMode = options.video.facingMode;

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

@@ -26,6 +26,7 @@ declare class Recorder extends Despot {
     private userMediaTimeout?;
     private retryTimeout?;
     private connectionTimeout?;
+    private connectionRetryTimeout?;
     private frameProgress?;
     private sampleProgress?;
     private canvas?;
@@ -44,6 +45,7 @@ declare class Recorder extends Despot {
     private key?;
     private waitingTime?;
     private connectingStartedAt?;
+    private connectionRetryStartedAt?;
     private lastCloseEvent?;
     private pingInterval?;
     private frame?;
@@ -58,6 +60,8 @@ declare class Recorder extends Despot {
     private onUserMediaReady;
     private clearRetryTimeout;
     private clearConnectionTimeout;
+    private clearConnectionRetryTimeout;
+    private retryInitialConnection;
     private failConnection;
     private calculateFrameProgress;
     private calculateSampleProgress;

package/dist/umd/index.js

@@ -7051,7 +7051,7 @@
                 const safeStringify = __webpack_require__("X");
                 const qs = __webpack_require__("b");
                 const RequestBase = __webpack_require__("d");
-                const { isObject, mixin, hasOwn } = __webpack_require__("Dp");
+                const { isObject, mixin, hasOwn, isSafeKey } = __webpack_require__("Dp");
                 const ResponseBase = __webpack_require__("e");
                 const Agent = __webpack_require__("pf");
                 function noop() {}
@@ -7105,12 +7105,18 @@
                     form: 'application/x-www-form-urlencoded',
                     'form-data': 'application/x-www-form-urlencoded'
                 };
+                function lookupType(type) {
+                    return hasOwn(request.types, type) && request.types[type] || type;
+                }
                 request.serialize = {
-                    'application/x-www-form-urlencoded': (obj)=>qs.stringify(obj, {
+                    'application/x-www-form-urlencoded' (object) {
+                        return qs.stringify(object, {
                             indices: false,
                             strictNullHandling: true
-                        }),
-                    'application/json': safeStringify
+                        });
+                    },
+                    'application/json': safeStringify,
+                    'application/csp-report': safeStringify
                 };
                 request.parse = {
                     'application/x-www-form-urlencoded': parseString,
@@ -7128,8 +7134,10 @@
                         index = line.indexOf(':');
                         if (-1 !== index) {
                             field = line.slice(0, index).toLowerCase();
-                            value = trim(line.slice(index + 1));
-                            fields[field] = value;
+                            if (isSafeKey(field)) {
+                                value = trim(line.slice(index + 1));
+                                fields[field] = value;
+                            }
                         }
                     }
                     return fields;
@@ -7150,11 +7158,12 @@
                     this.header['content-type'] = this.xhr.getResponseHeader('content-type');
                     this._setHeaderProperties(this.header);
                     if (null === this.text && request_._responseType) this.body = this.xhr.response;
-                    else this.body = 'HEAD' === this.req.method ? null : this._parseBody(this.text ? this.text : this.xhr.response);
+                    else if ('HEAD' === this.req.method) this.body = null;
+                    else this.body = this._parseBody(this.text || this.xhr.response);
                 }
                 mixin(Response.prototype, ResponseBase.prototype);
                 Response.prototype._parseBody = function(string_) {
-                    let parse = request.parse[this.type];
+                    let parse = hasOwn(request.parse, this.type) ? request.parse[this.type] : void 0;
                     if (this.req._parser) return this.req._parser(this, string_);
                     if (!parse && isJSON(this.type)) parse = request.parse['application/json'];
                     return parse && string_ && (string_.length > 0 || string_ instanceof Object) ? parse(string_) : null;
@@ -7189,7 +7198,7 @@
                             error.original = err;
                             if (self1.xhr) {
                                 error.rawResponse = void 0 === self1.xhr.responseType ? self1.xhr.responseText : self1.xhr.response;
-                                error.status = self1.xhr.status ? self1.xhr.status : null;
+                                error.status = self1.xhr.status || null;
                                 error.statusCode = error.status;
                             } else {
                                 error.rawResponse = null;
@@ -7215,11 +7224,11 @@
                 Emitter(Request.prototype);
                 mixin(Request.prototype, RequestBase.prototype);
                 Request.prototype.type = function(type) {
-                    this.set('Content-Type', request.types[type] || type);
+                    this.set('Content-Type', lookupType(type));
                     return this;
                 };
                 Request.prototype.accept = function(type) {
-                    this.set('Accept', request.types[type] || type);
+                    this.set('Accept', lookupType(type));
                     return this;
                 };
                 Request.prototype.auth = function(user, pass, options) {
@@ -7231,7 +7240,8 @@
                     if (!options) options = {
                         type: 'function' == typeof btoa ? 'basic' : 'auto'
                     };
-                    const encoder = options.encoder ? options.encoder : (string)=>{
+                    let { encoder } = options;
+                    if (!encoder) encoder = (string)=>{
                         if ('function' == typeof btoa) return btoa(string);
                         throw new Error('Cannot use basic auth, btoa is not a function');
                     };
@@ -7342,16 +7352,24 @@
                     if (this._withCredentials) xhr.withCredentials = true;
                     if (!this._formData && 'GET' !== this.method && 'HEAD' !== this.method && 'string' != typeof data && !this._isHost(data)) {
                         const contentType = this._header['content-type'];
-                        let serialize = this._serializer || request.serialize[contentType ? contentType.split(';')[0] : ''];
+                        const serializeType = contentType ? contentType.split(';')[0] : '';
+                        let serialize = this._serializer || (hasOwn(request.serialize, serializeType) ? request.serialize[serializeType] : void 0);
                         if (!serialize && isJSON(contentType)) serialize = request.serialize['application/json'];
                         if (serialize) data = serialize(data);
                     }
-                    for(const field in this.header)if (null !== this.header[field]) {
-                        if (hasOwn(this.header, field)) xhr.setRequestHeader(field, this.header[field]);
+                    try {
+                        for(const field in this.header)if (null !== this.header[field]) {
+                            if (hasOwn(this.header, field)) xhr.setRequestHeader(field, this.header[field]);
+                        }
+                        if (this._responseType) xhr.responseType = this._responseType;
+                        this.emit('request', this);
+                        xhr.send(void 0 === data ? null : data);
+                    } catch (err) {
+                        try {
+                            xhr.abort();
+                        } catch (err) {}
+                        return this.callback(err);
                     }
-                    if (this._responseType) xhr.responseType = this._responseType;
-                    this.emit('request', this);
-                    xhr.send(void 0 === data ? null : data);
                 };
                 const proxyAgent = new Proxy(Agent, {
                     apply (target, thisArg, argumentsList) {
@@ -7361,6 +7379,7 @@
                 request.agent = proxyAgent;
                 for (const method of [
                     'GET',
+                    'HEAD',
                     'POST',
                     'OPTIONS',
                     'PATCH',
@@ -7448,7 +7467,7 @@
             },
             d (module1, __unused_rspack_exports, __webpack_require__) {
                 "use strict";
-                const { isObject, hasOwn } = __webpack_require__("Dp");
+                const { isObject, hasOwn, isSafeKey } = __webpack_require__("Dp");
                 module1.exports = RequestBase;
                 function RequestBase() {}
                 RequestBase.prototype.clearTimeout = function() {
@@ -7558,7 +7577,7 @@
                         if (this._endCalled) console.warn('Warning: superagent request was sent twice, because both .end() and .then() were called. Never call .end() if you use promises');
                         this._fullfilledPromise = new Promise((resolve, reject)=>{
                             self1.on('abort', ()=>{
-                                if (this._maxRetries && this._maxRetries > this._retries) return;
+                                if (this.timedout && this._maxRetries && this._maxRetries > this._retries) return;
                                 if (this.timedout && this.timedoutError) return void reject(this.timedoutError);
                                 const error = new Error('Aborted');
                                 error.code = 'ABORTED';
@@ -7685,7 +7704,13 @@
                     } else if (data && this._data && this._isHost(this._data)) throw new Error("Can't merge these send calls");
                     if (isObject_ && isObject(this._data)) for(const key in data){
                         if ('bigint' == typeof data[key] && !data[key].toJSON) throw new Error('Cannot serialize BigInt value to json');
-                        if (hasOwn(data, key)) this._data[key] = data[key];
+                        if (hasOwn(data, key)) if (isSafeKey(key)) this._data[key] = data[key];
+                        else Object.defineProperty(this._data, key, {
+                            value: data[key],
+                            enumerable: true,
+                            writable: true,
+                            configurable: true
+                        });
                     }
                     else if ('bigint' == typeof data) throw new Error("Cannot send value of type BigInt");
                     else if ('string' == typeof data) {
@@ -7753,7 +7778,7 @@
                     const ct = header['content-type'] || '';
                     this.type = utils.type(ct);
                     const parameters = utils.params(ct);
-                    for(const key in parameters)if (Object.prototype.hasOwnProperty.call(parameters, key)) this[key] = parameters[key];
+                    for(const key in parameters)if (Object.prototype.hasOwnProperty.call(parameters, key) && !(key in this)) this[key] = parameters[key];
                     this.links = {};
                     try {
                         if (header.link) this.links = utils.parseLinks(header.link);
@@ -7784,13 +7809,19 @@
             Dp (__unused_rspack_module, exports1) {
                 "use strict";
                 exports1.type = (string_)=>string_.split(/ *; */).shift();
+                const UNSAFE_KEYS = new Set([
+                    '__proto__',
+                    'constructor',
+                    'prototype'
+                ]);
+                exports1.isSafeKey = (key)=>!UNSAFE_KEYS.has(key);
                 exports1.params = (value)=>{
                     const object = {};
                     for (const string_ of value.split(/ *; */)){
                         const parts = string_.split(/ *= */);
                         const key = parts.shift();
                         const value = parts.shift();
-                        if (key && value) object[key] = value;
+                        if (key && value && exports1.isSafeKey(key)) object[key] = value;
                     }
                     return object;
                 };
@@ -7799,8 +7830,14 @@
                     for (const string_ of value.split(/ *, */)){
                         const parts = string_.split(/ *; */);
                         const url = parts[0].slice(1, -1);
-                        const rel = parts[1].split(/ *= */)[1].slice(1, -1);
-                        object[rel] = url;
+                        for (const part of parts.slice(1)){
+                            const [key, keyValue] = part.split(/ *= */, 2);
+                            if (key && 'rel' === key.toLowerCase() && keyValue) {
+                                const relationship = keyValue.replace(/^"|"$/g, '');
+                                if (relationship && exports1.isSafeKey(relationship)) object[relationship] = url;
+                                break;
+                            }
+                        }
                     }
                     return object;
                 };
@@ -7816,19 +7853,19 @@
                     return header;
                 };
                 exports1.normalizeHostname = (hostname)=>{
-                    const [, normalized] = hostname.match(/^\[([^\]]+)\]$/) || [];
+                    const [, normalized] = hostname.match(/^\[([^\]]+)]$/) || [];
                     return normalized || hostname;
                 };
                 exports1.isObject = (object)=>null !== object && 'object' == typeof object;
                 exports1.hasOwn = Object.hasOwn || function(object, property) {
                     if (null == object) throw new TypeError('Cannot convert undefined or null to object');
-                    return Object.prototype.hasOwnProperty.call(new Object(object), property);
+                    return Object.prototype.hasOwnProperty.call(Object(object), property);
                 };
                 exports1.mixin = (target, source)=>{
                     for(const key in source)if (exports1.hasOwn(source, key)) target[key] = source[key];
                 };
-                exports1.isGzipOrDeflateEncoding = (res)=>new RegExp(/^\s*(?:deflate|gzip)\s*$/).test(res.headers['content-encoding']);
-                exports1.isBrotliEncoding = (res)=>new RegExp(/^\s*(?:br)\s*$/).test(res.headers['content-encoding']);
+                exports1.isGzipOrDeflateEncoding = (res)=>/^\s*(?:deflate|gzip)\s*$/i.test(res.headers['content-encoding']);
+                exports1.isBrotliEncoding = (res)=>/^\s*br\s*$/i.test(res.headers['content-encoding']);
             },
             E (module1, __unused_rspack_exports, __webpack_require__) {
                 var Buffer = __webpack_require__("dY").Buffer;
@@ -10939,7 +10976,7 @@
             var client = __webpack_require__("Q");
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "15.7.7"
+                rE: "15.7.8"
             };
             function isAudioEnabled(options) {
                 return Boolean(options.audio.enabled);
@@ -17190,6 +17227,7 @@
             const visuals_userMedia = UserMedia;
             var Buffer = __webpack_require__("dY").Buffer;
             const PIPE_SYMBOL = "°º¤ø,¸¸,ø¤º°`°º¤ø,¸,ø¤°º¤ø,¸¸,ø¤º°`°º¤ø,¸ ";
+            const INITIAL_CONNECTION_RETRY_DELAY = 1e3;
             class Recorder extends util_Despot {
                 visuals;
                 replay;
@@ -17205,6 +17243,7 @@
                 userMediaTimeout;
                 retryTimeout;
                 connectionTimeout;
+                connectionRetryTimeout;
                 frameProgress;
                 sampleProgress;
                 canvas;
@@ -17223,6 +17262,7 @@
                 key;
                 waitingTime;
                 connectingStartedAt;
+                connectionRetryStartedAt;
                 lastCloseEvent;
                 pingInterval;
                 frame;
@@ -17326,12 +17366,40 @@
                     window.clearTimeout(this.connectionTimeout);
                     this.connectionTimeout = void 0;
                 }
+                clearConnectionRetryTimeout() {
+                    if (!this.connectionRetryTimeout) return;
+                    this.options.logger.debug("Recorder: clearConnectionRetryTimeout()");
+                    window.clearTimeout(this.connectionRetryTimeout);
+                    this.connectionRetryTimeout = void 0;
+                }
+                retryInitialConnection(url2Connect) {
+                    const retryStartedAt = this.connectionRetryStartedAt;
+                    if (!retryStartedAt) return false;
+                    const retryElapsedMs = Date.now() - retryStartedAt;
+                    if (retryElapsedMs >= this.options.timeouts.connection) {
+                        this.connectionRetryStartedAt = void 0;
+                        return false;
+                    }
+                    const retryRemainingMs = this.options.timeouts.connection - retryElapsedMs;
+                    this.options.logger.debug(`Recorder: retrying initial web socket connection to ${url2Connect}`);
+                    this.connecting = false;
+                    if (this.stream) {
+                        this.stream.destroy();
+                        this.stream = void 0;
+                    }
+                    this.connectionRetryTimeout = window.setTimeout(()=>{
+                        this.connectionRetryTimeout = void 0;
+                        this.initSocket();
+                    }, Math.min(INITIAL_CONNECTION_RETRY_DELAY, retryRemainingMs));
+                    return true;
+                }
                 failConnection(params) {
                     if (this.connectionFailed || this.connected || this.unloaded) return;
-                    this.connectionFailed = true;
-                    this.connecting = false;
                     this.clearConnectionTimeout();
                     const { url2Connect, cause } = params;
+                    if (this.retryInitialConnection(url2Connect)) return;
+                    this.connectionFailed = true;
+                    this.connecting = false;
                     const online = navigator.onLine;
                     const elapsedMs = this.connectingStartedAt ? Date.now() - this.connectingStartedAt : void 0;
                     const closeEvent = this.lastCloseEvent;
@@ -17497,7 +17565,9 @@
                             });
                         }
                         if (this.stream) {
-                            const connectionTimeoutMs = this.options.timeouts.connection;
+                            if (!this.userMediaLoaded && !this.connectionRetryStartedAt) this.connectionRetryStartedAt = Date.now();
+                            const connectionRetryElapsedMs = this.connectionRetryStartedAt ? Date.now() - this.connectionRetryStartedAt : 0;
+                            const connectionTimeoutMs = this.connectionRetryStartedAt ? Math.max(0, this.options.timeouts.connection - connectionRetryElapsedMs) : this.options.timeouts.connection;
                             this.connectionTimeout = window.setTimeout(()=>{
                                 this.failConnection({
                                     url2Connect,
@@ -17524,6 +17594,7 @@
                                 if (!this.connected && !isClosing && !this.unloaded) {
                                     this.connected = true;
                                     this.connecting = this.unloaded = false;
+                                    this.connectionRetryStartedAt = void 0;
                                     this.emit("CONNECTED");
                                     cb?.();
                                 }
@@ -17878,6 +17949,8 @@
                     this.reset();
                     this.clearUserMediaTimeout();
                     this.clearConnectionTimeout();
+                    this.clearConnectionRetryTimeout();
+                    this.connectionRetryStartedAt = void 0;
                     this.connecting = false;
                     if (this.userMedia) this.userMedia.unloadRemainingEventListeners();
                     if (this.submitting) ;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "15.7.7",
+  "version": "15.7.8",
   "description": "A wicked npm package to record videos directly in the browser, for Deaf and Sign Language!",
   "keywords": [
     "webcam",
@@ -70,7 +70,7 @@
     "is-power-of-two": "1.0.0",
     "nanoevents": "10.0.0",
     "serialize-error": "13.0.1",
-    "superagent": "10.3.0",
+    "superagent": "10.4.1",
     "ua-parser-js": "2.0.10",
     "websocket-stream": "5.5.2"
   },
@@ -81,7 +81,7 @@
     "@rsbuild/plugin-node-polyfill": "1.4.6",
     "@rsbuild/plugin-stylus": "2.0.1",
     "@rsdoctor/rspack-plugin": "1.6.4",
-    "@rslib/core": "1.0.1",
+    "@rslib/core": "1.0.2",
     "@storybook/addon-a11y": "10.6.0",
     "@storybook/addon-docs": "10.6.0",
     "@storybook/addon-links": "10.6.0",
@@ -89,37 +89,37 @@
     "@tsconfig/node26": "26.0.1",
     "@tsconfig/strictest": "2.0.8",
     "@types/defined": "1.0.2",
-    "@types/node": "26.6.2",
+    "@types/node": "26.6.3",
     "@types/superagent": "8.1.11",
     "@types/ua-parser-js": "0.7.39",
     "@vitest/eslint-plugin": "1.6.27",
     "audit-ci": "7.1.0",
-    "chromatic": "18.9.4",
+    "chromatic": "18.9.5",
     "cross-env": "10.1.0",
     "eslint": "10.11.0",
     "eslint-import-resolver-typescript": "4.4.5",
     "eslint-plugin-de-morgan": "2.2.0",
     "eslint-plugin-depend": "1.5.0",
     "eslint-plugin-import-x": "4.17.1",
-    "eslint-plugin-package-json": "1.9.0",
+    "eslint-plugin-package-json": "1.10.0",
     "eslint-plugin-regexp": "3.3.1",
     "eslint-plugin-simple-import-sort": "14.0.0",
     "globals": "17.12.0",
-    "jsdom": "30.1.0",
+    "jsdom": "30.1.1",
     "msw": "2.15.0",
     "msw-storybook-addon": "3.0.3",
-    "prettier": "3.9.8",
+    "prettier": "3.9.9",
     "prettier-plugin-curly": "0.4.1",
     "prettier-plugin-jsdoc": "1.8.1",
     "prettier-plugin-packagejson": "3.0.2",
-    "prettier-plugin-sh": "0.19.0",
+    "prettier-plugin-sh": "0.20.2",
     "release-it": "21.1.0",
     "storybook": "10.6.0",
     "storybook-html-rsbuild": "3.6.0",
     "type-fest": "5.10.0",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.70.0",
-    "vitest": "5.0.1"
+    "typescript-eslint": "8.70.1",
+    "vitest": "5.0.2"
   },
   "engines": {
     "node": "^26.5.0",