videomail-client 15.8.0 → 15.8.1

package/dist/cjs/index.cjs

@@ -10972,7 +10972,7 @@ var __webpack_exports__ = {};
     var client = __webpack_require__("Q");
     var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     var package_namespaceObject = {
-        rE: "15.8.0"
+        rE: "15.8.1"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -19681,13 +19681,16 @@ var __webpack_exports__ = {};
             window.clearTimeout(this.connectionTimeout);
             this.connectionTimeout = void 0;
         }
+        isOnline() {
+            return navigator.onLine;
+        }
         failConnection(params) {
             if (this.connectionFailed || this.connected || this.unloaded) return;
             this.connectionFailed = true;
             this.connecting = false;
             this.clearConnectionTimeout();
             const { url2Connect, cause } = params;
-            const online = navigator.onLine;
+            const online = this.isOnline();
             const elapsedMs = this.connectingStartedAt ? Date.now() - this.connectingStartedAt : void 0;
             const closeEvent = this.lastCloseEvent;
             const socketError = this.lastSocketError;
@@ -19877,7 +19880,10 @@ var __webpack_exports__ = {};
                 if (this.stream) {
                     const connectionTimeoutMs = this.options.timeouts.connection;
                     this.connectionTimeout = window.setTimeout(()=>{
-                        this.failConnection({
+                        if (this.isOnline() && this.isUserMediaLoaded()) {
+                            this.options.logger.debug(`${PIPE_SYMBOL}Reconnecting due to connection timeout.`);
+                            this.initSocket();
+                        } else this.failConnection({
                             url2Connect,
                             cause: "timeout"
                         });
@@ -20078,8 +20084,8 @@ var __webpack_exports__ = {};
                     ideal: idealHeight
                 };
             }
-            this.options.logger.debug(`Recorder: our webcam constraints are: ${util_pretty(constraints)}`);
-            this.options.logger.debug(`Recorder: available webcam constraints are: ${util_pretty(navigator.mediaDevices.getSupportedConstraints())}`);
+            this.options.logger.debug(util_summarize("Recorder: our webcam constraints are:", constraints));
+            this.options.logger.debug(util_summarize("Recorder: available webcam constraints are:", navigator.mediaDevices.getSupportedConstraints()));
             const streamPromise = navigator.mediaDevices.getUserMedia(constraints);
             streamPromise.then((localStream)=>{
                 this.getUserMediaCallback(localStream, params);

package/dist/esm/index.js

@@ -3620,7 +3620,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "15.8.0"
+    rE: "15.8.1"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -6710,13 +6710,16 @@ class Recorder extends util_Despot {
         window.clearTimeout(this.connectionTimeout);
         this.connectionTimeout = void 0;
     }
+    isOnline() {
+        return navigator.onLine;
+    }
     failConnection(params) {
         if (this.connectionFailed || this.connected || this.unloaded) return;
         this.connectionFailed = true;
         this.connecting = false;
         this.clearConnectionTimeout();
         const { url2Connect, cause } = params;
-        const online = navigator.onLine;
+        const online = this.isOnline();
         const elapsedMs = this.connectingStartedAt ? Date.now() - this.connectingStartedAt : void 0;
         const closeEvent = this.lastCloseEvent;
         const socketError = this.lastSocketError;
@@ -6905,7 +6908,10 @@ class Recorder extends util_Despot {
             if (this.stream) {
                 const connectionTimeoutMs = this.options.timeouts.connection;
                 this.connectionTimeout = window.setTimeout(()=>{
-                    this.failConnection({
+                    if (this.isOnline() && this.isUserMediaLoaded()) {
+                        this.options.logger.debug(`${PIPE_SYMBOL}Reconnecting due to connection timeout.`);
+                        this.initSocket();
+                    } else this.failConnection({
                         url2Connect,
                         cause: "timeout"
                     });
@@ -7103,8 +7109,8 @@ class Recorder extends util_Despot {
                 ideal: idealHeight
             };
         }
-        this.options.logger.debug(`Recorder: our webcam constraints are: ${util_pretty(constraints)}`);
-        this.options.logger.debug(`Recorder: available webcam constraints are: ${util_pretty(navigator.mediaDevices.getSupportedConstraints())}`);
+        this.options.logger.debug(util_summarize("Recorder: our webcam constraints are:", constraints));
+        this.options.logger.debug(util_summarize("Recorder: available webcam constraints are:", navigator.mediaDevices.getSupportedConstraints()));
         const streamPromise = navigator.mediaDevices.getUserMedia(constraints);
         streamPromise.then((localStream)=>{
             this.getUserMediaCallback(localStream, params);

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

@@ -60,6 +60,7 @@ declare class Recorder extends Despot {
     private onUserMediaReady;
     private clearRetryTimeout;
     private clearConnectionTimeout;
+    private isOnline;
     private failConnection;
     private calculateFrameProgress;
     private calculateSampleProgress;

package/dist/umd/index.js

@@ -10978,7 +10978,7 @@
             var client = __webpack_require__("Q");
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "15.8.0"
+                rE: "15.8.1"
             };
             function isAudioEnabled(options) {
                 return Boolean(options.audio.enabled);
@@ -19459,13 +19459,16 @@
                     window.clearTimeout(this.connectionTimeout);
                     this.connectionTimeout = void 0;
                 }
+                isOnline() {
+                    return navigator.onLine;
+                }
                 failConnection(params) {
                     if (this.connectionFailed || this.connected || this.unloaded) return;
                     this.connectionFailed = true;
                     this.connecting = false;
                     this.clearConnectionTimeout();
                     const { url2Connect, cause } = params;
-                    const online = navigator.onLine;
+                    const online = this.isOnline();
                     const elapsedMs = this.connectingStartedAt ? Date.now() - this.connectingStartedAt : void 0;
                     const closeEvent = this.lastCloseEvent;
                     const socketError = this.lastSocketError;
@@ -19654,7 +19657,10 @@
                         if (this.stream) {
                             const connectionTimeoutMs = this.options.timeouts.connection;
                             this.connectionTimeout = window.setTimeout(()=>{
-                                this.failConnection({
+                                if (this.isOnline() && this.isUserMediaLoaded()) {
+                                    this.options.logger.debug(`${PIPE_SYMBOL}Reconnecting due to connection timeout.`);
+                                    this.initSocket();
+                                } else this.failConnection({
                                     url2Connect,
                                     cause: "timeout"
                                 });
@@ -19852,8 +19858,8 @@
                             ideal: idealHeight
                         };
                     }
-                    this.options.logger.debug(`Recorder: our webcam constraints are: ${util_pretty(constraints)}`);
-                    this.options.logger.debug(`Recorder: available webcam constraints are: ${util_pretty(navigator.mediaDevices.getSupportedConstraints())}`);
+                    this.options.logger.debug(util_summarize("Recorder: our webcam constraints are:", constraints));
+                    this.options.logger.debug(util_summarize("Recorder: available webcam constraints are:", navigator.mediaDevices.getSupportedConstraints()));
                     const streamPromise = navigator.mediaDevices.getUserMedia(constraints);
                     streamPromise.then((localStream)=>{
                         this.getUserMediaCallback(localStream, params);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "15.8.0",
+  "version": "15.8.1",
   "description": "A wicked npm package to record videos directly in the browser, for Deaf and Sign Language!",
   "keywords": [
     "webcam",
@@ -88,11 +88,11 @@
     "@rsbuild/plugin-node-polyfill": "1.4.6",
     "@rsbuild/plugin-stylus": "2.0.1",
     "@rsdoctor/rspack-plugin": "1.6.4",
-    "@rslib/core": "1.0.2",
-    "@storybook/addon-a11y": "10.6.0",
-    "@storybook/addon-docs": "10.6.0",
-    "@storybook/addon-links": "10.6.0",
-    "@storybook/html": "10.6.0",
+    "@rslib/core": "1.0.3",
+    "@storybook/addon-a11y": "10.6.1",
+    "@storybook/addon-docs": "10.6.1",
+    "@storybook/addon-links": "10.6.1",
+    "@storybook/html": "10.6.1",
     "@tsconfig/node26": "26.0.1",
     "@tsconfig/strictest": "2.0.8",
     "@types/defined": "1.0.2",
@@ -121,7 +121,7 @@
     "prettier-plugin-packagejson": "3.0.2",
     "prettier-plugin-sh": "0.20.2",
     "release-it": "21.1.0",
-    "storybook": "10.6.0",
+    "storybook": "10.6.1",
     "storybook-html-rsbuild": "3.6.0",
     "type-fest": "5.10.0",
     "typescript": "6.0.3",