videomail-client 13.13.2 → 13.13.4

package/dist/cjs/index.cjs

@@ -10876,7 +10876,7 @@ var __webpack_exports__ = {};
     var client = __webpack_require__("./node_modules/superagent/lib/client.js");
     var client_default = /*#__PURE__*/ __webpack_require__.n(client);
     var package_namespaceObject = {
-        rE: "13.13.2"
+        rE: "13.13.4"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -16745,11 +16745,29 @@ var __webpack_exports__ = {};
     canvas_to_buffer_modern_r.atob = void 0;
     var websocket_stream_stream = __webpack_require__("./node_modules/websocket-stream/stream.js");
     var stream_default = /*#__PURE__*/ __webpack_require__.n(websocket_stream_stream);
-    function getWebSocketDiagnostic() {
-        const wsCtorName = globalThis.WebSocket.name;
+    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(".");
+        return codes || "none";
+    }
+    function hasControlCharacters(value) {
+        return Array.from(value).some((char)=>{
+            const code = char.codePointAt(0);
+            if (void 0 === code) return false;
+            return code <= 31 || 127 === code;
+        });
+    }
+    function getWebSocketDiagnostic(url2Connect) {
         const wsCtorFingerprint = String(globalThis.WebSocket).slice(0, 80).replace(/\s+/gu, " ");
-        const webdriverFlag = String(navigator.webdriver);
-        const diagnostic = ` websocketDiagnostics{webdriver=${webdriverFlag}, wsCtor=${wsCtorName}, wsCtorFingerprint=${wsCtorFingerprint}}`;
+        const wsCtorNative = wsCtorFingerprint.includes("[native code]");
+        let urlParsedProtocol = "invalid";
+        try {
+            urlParsedProtocol = new URL(url2Connect).protocol;
+        } catch (_exc) {}
+        const urlHasWhitespace = /\s/u.test(url2Connect);
+        const urlHasControlChars = hasControlCharacters(url2Connect);
+        const urlHasReplacementChar = url2Connect.includes("\uFFFD");
+        const diagnostic = `websocketDiagnostics{webdriver=${String(navigator.webdriver)}, wsCtorNative=${String(wsCtorNative)}, urlLen=${url2Connect.length}, urlParsedProtocol=${urlParsedProtocol}, locationProtocol=${location.protocol}, secureContext=${String(globalThis.isSecureContext)}, online=${String(navigator.onLine)}, urlHasWhitespace=${String(urlHasWhitespace)}, urlHasControlChars=${String(urlHasControlChars)}, urlHasReplacementChar=${String(urlHasReplacementChar)}, urlFirstCodes=${getEdgeCodes(url2Connect, 4)}, urlLastCodes=${getEdgeCodes(url2Connect, 4, true)}}`;
         return diagnostic;
     }
     const error_getWebSocketDiagnostic = getWebSocketDiagnostic;
@@ -17452,16 +17470,31 @@ var __webpack_exports__ = {};
                     });
                     return;
                 }
-                this.options.logger.debug(`Recorder: initializing web socket to ${url2Connect}`);
+                this.options.logger.debug(`Recorder: initializing web socket stream to ${url2Connect}`);
+                let nativeSocket;
+                try {
+                    nativeSocket = new WebSocket(url2Connect);
+                } catch (exc) {
+                    this.connecting = this.connected = false;
+                    const diagnostic = error_getWebSocketDiagnostic(url2Connect);
+                    const err = error_createError({
+                        message: `Failed to construct WebSocket to ${url2Connect}`,
+                        explanation: `Please check your connection and try again. If the problem persists, contact us. Diagnostic: ${diagnostic}`,
+                        options: this.options,
+                        exc
+                    });
+                    this.emit("ERROR", {
+                        err
+                    });
+                    return;
+                }
                 try {
-                    const nativeSocket = new WebSocket(url2Connect);
                     this.stream = stream_default()(nativeSocket);
                 } catch (exc) {
                     this.connecting = this.connected = false;
-                    const diagnostic = error_getWebSocketDiagnostic();
                     const err = error_createError({
-                        message: "Failed to connect to server",
-                        explanation: `Unable to build websocket to ${url2Connect}. Please check your connection and try again. If the problem persists, contact us.${diagnostic}`,
+                        message: `Failed to create a stream to ${url2Connect}`,
+                        explanation: "Please check your connection and try again. If the problem persists, contact us.",
                         options: this.options,
                         exc
                     });

package/dist/esm/index.js

@@ -3617,7 +3617,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "13.13.2"
+    rE: "13.13.4"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -5905,11 +5905,29 @@ class Notifier extends util_Despot {
     }
 }
 const notifier = Notifier;
-function getWebSocketDiagnostic() {
-    const wsCtorName = globalThis.WebSocket.name;
+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(".");
+    return codes || "none";
+}
+function hasControlCharacters(value) {
+    return Array.from(value).some((char)=>{
+        const code = char.codePointAt(0);
+        if (void 0 === code) return false;
+        return code <= 31 || 127 === code;
+    });
+}
+function getWebSocketDiagnostic(url2Connect) {
     const wsCtorFingerprint = String(globalThis.WebSocket).slice(0, 80).replace(/\s+/gu, " ");
-    const webdriverFlag = String(navigator.webdriver);
-    const diagnostic = ` websocketDiagnostics{webdriver=${webdriverFlag}, wsCtor=${wsCtorName}, wsCtorFingerprint=${wsCtorFingerprint}}`;
+    const wsCtorNative = wsCtorFingerprint.includes("[native code]");
+    let urlParsedProtocol = "invalid";
+    try {
+        urlParsedProtocol = new URL(url2Connect).protocol;
+    } catch (_exc) {}
+    const urlHasWhitespace = /\s/u.test(url2Connect);
+    const urlHasControlChars = hasControlCharacters(url2Connect);
+    const urlHasReplacementChar = url2Connect.includes("\uFFFD");
+    const diagnostic = `websocketDiagnostics{webdriver=${String(navigator.webdriver)}, wsCtorNative=${String(wsCtorNative)}, urlLen=${url2Connect.length}, urlParsedProtocol=${urlParsedProtocol}, locationProtocol=${location.protocol}, secureContext=${String(globalThis.isSecureContext)}, online=${String(navigator.onLine)}, urlHasWhitespace=${String(urlHasWhitespace)}, urlHasControlChars=${String(urlHasControlChars)}, urlHasReplacementChar=${String(urlHasReplacementChar)}, urlFirstCodes=${getEdgeCodes(url2Connect, 4)}, urlLastCodes=${getEdgeCodes(url2Connect, 4, true)}}`;
     return diagnostic;
 }
 const error_getWebSocketDiagnostic = getWebSocketDiagnostic;
@@ -6582,16 +6600,31 @@ class Recorder extends util_Despot {
                 });
                 return;
             }
-            this.options.logger.debug(`Recorder: initializing web socket to ${url2Connect}`);
+            this.options.logger.debug(`Recorder: initializing web socket stream to ${url2Connect}`);
+            let nativeSocket;
+            try {
+                nativeSocket = new WebSocket(url2Connect);
+            } catch (exc) {
+                this.connecting = this.connected = false;
+                const diagnostic = error_getWebSocketDiagnostic(url2Connect);
+                const err = error_createError({
+                    message: `Failed to construct WebSocket to ${url2Connect}`,
+                    explanation: `Please check your connection and try again. If the problem persists, contact us. Diagnostic: ${diagnostic}`,
+                    options: this.options,
+                    exc
+                });
+                this.emit("ERROR", {
+                    err
+                });
+                return;
+            }
             try {
-                const nativeSocket = new WebSocket(url2Connect);
                 this.stream = websocket_stream(nativeSocket);
             } catch (exc) {
                 this.connecting = this.connected = false;
-                const diagnostic = error_getWebSocketDiagnostic();
                 const err = error_createError({
-                    message: "Failed to connect to server",
-                    explanation: `Unable to build websocket to ${url2Connect}. Please check your connection and try again. If the problem persists, contact us.${diagnostic}`,
+                    message: `Failed to create a stream to ${url2Connect}`,
+                    explanation: "Please check your connection and try again. If the problem persists, contact us.",
                     options: this.options,
                     exc
                 });

package/dist/esm/util/error/getWebSocketDiagnostic.d.ts

@@ -1,2 +1,2 @@
-declare function getWebSocketDiagnostic(): string;
+declare function getWebSocketDiagnostic(url2Connect: string): string;
 export default getWebSocketDiagnostic;

package/dist/umd/index.js

@@ -10882,7 +10882,7 @@
             var client = __webpack_require__("./node_modules/superagent/lib/client.js");
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "13.13.2"
+                rE: "13.13.4"
             };
             function isAudioEnabled(options) {
                 return Boolean(options.audio.enabled);
@@ -16508,11 +16508,29 @@
             canvas_to_buffer_modern_r.atob = void 0;
             var websocket_stream_stream = __webpack_require__("./node_modules/websocket-stream/stream.js");
             var stream_default = /*#__PURE__*/ __webpack_require__.n(websocket_stream_stream);
-            function getWebSocketDiagnostic() {
-                const wsCtorName = globalThis.WebSocket.name;
+            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(".");
+                return codes || "none";
+            }
+            function hasControlCharacters(value) {
+                return Array.from(value).some((char)=>{
+                    const code = char.codePointAt(0);
+                    if (void 0 === code) return false;
+                    return code <= 31 || 127 === code;
+                });
+            }
+            function getWebSocketDiagnostic(url2Connect) {
                 const wsCtorFingerprint = String(globalThis.WebSocket).slice(0, 80).replace(/\s+/gu, " ");
-                const webdriverFlag = String(navigator.webdriver);
-                const diagnostic = ` websocketDiagnostics{webdriver=${webdriverFlag}, wsCtor=${wsCtorName}, wsCtorFingerprint=${wsCtorFingerprint}}`;
+                const wsCtorNative = wsCtorFingerprint.includes("[native code]");
+                let urlParsedProtocol = "invalid";
+                try {
+                    urlParsedProtocol = new URL(url2Connect).protocol;
+                } catch (_exc) {}
+                const urlHasWhitespace = /\s/u.test(url2Connect);
+                const urlHasControlChars = hasControlCharacters(url2Connect);
+                const urlHasReplacementChar = url2Connect.includes("\uFFFD");
+                const diagnostic = `websocketDiagnostics{webdriver=${String(navigator.webdriver)}, wsCtorNative=${String(wsCtorNative)}, urlLen=${url2Connect.length}, urlParsedProtocol=${urlParsedProtocol}, locationProtocol=${location.protocol}, secureContext=${String(globalThis.isSecureContext)}, online=${String(navigator.onLine)}, urlHasWhitespace=${String(urlHasWhitespace)}, urlHasControlChars=${String(urlHasControlChars)}, urlHasReplacementChar=${String(urlHasReplacementChar)}, urlFirstCodes=${getEdgeCodes(url2Connect, 4)}, urlLastCodes=${getEdgeCodes(url2Connect, 4, true)}}`;
                 return diagnostic;
             }
             const error_getWebSocketDiagnostic = getWebSocketDiagnostic;
@@ -17216,16 +17234,31 @@
                             });
                             return;
                         }
-                        this.options.logger.debug(`Recorder: initializing web socket to ${url2Connect}`);
+                        this.options.logger.debug(`Recorder: initializing web socket stream to ${url2Connect}`);
+                        let nativeSocket;
+                        try {
+                            nativeSocket = new WebSocket(url2Connect);
+                        } catch (exc) {
+                            this.connecting = this.connected = false;
+                            const diagnostic = error_getWebSocketDiagnostic(url2Connect);
+                            const err = error_createError({
+                                message: `Failed to construct WebSocket to ${url2Connect}`,
+                                explanation: `Please check your connection and try again. If the problem persists, contact us. Diagnostic: ${diagnostic}`,
+                                options: this.options,
+                                exc
+                            });
+                            this.emit("ERROR", {
+                                err
+                            });
+                            return;
+                        }
                         try {
-                            const nativeSocket = new WebSocket(url2Connect);
                             this.stream = stream_default()(nativeSocket);
                         } catch (exc) {
                             this.connecting = this.connected = false;
-                            const diagnostic = error_getWebSocketDiagnostic();
                             const err = error_createError({
-                                message: "Failed to connect to server",
-                                explanation: `Unable to build websocket to ${url2Connect}. Please check your connection and try again. If the problem persists, contact us.${diagnostic}`,
+                                message: `Failed to create a stream to ${url2Connect}`,
+                                explanation: "Please check your connection and try again. If the problem persists, contact us.",
                                 options: this.options,
                                 exc
                             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "13.13.2",
+  "version": "13.13.4",
   "description": "A wicked npm package to record videos directly in the browser, for Deaf and Sign Language!",
   "keywords": [
     "webcam",
@@ -78,48 +78,48 @@
     "@chromatic-com/storybook": "5.2.1",
     "@eslint/config-inspector": "3.0.4",
     "@eslint/js": "10.0.1",
-    "@rsbuild/plugin-node-polyfill": "1.4.5",
+    "@rsbuild/plugin-node-polyfill": "1.4.6",
     "@rsbuild/plugin-stylus": "2.0.1",
-    "@rsdoctor/rspack-plugin": "1.5.12",
-    "@rslib/core": "0.22.0",
-    "@storybook/addon-a11y": "10.4.1",
-    "@storybook/addon-docs": "10.4.1",
-    "@storybook/addon-links": "10.4.1",
-    "@storybook/html": "10.4.1",
+    "@rsdoctor/rspack-plugin": "1.5.13",
+    "@rslib/core": "0.22.1",
+    "@storybook/addon-a11y": "10.4.5",
+    "@storybook/addon-docs": "10.4.5",
+    "@storybook/addon-links": "10.4.5",
+    "@storybook/html": "10.4.5",
     "@tsconfig/node24": "24.0.4",
     "@tsconfig/strictest": "2.0.8",
     "@types/defined": "1.0.2",
     "@types/node": "24.12.3",
     "@types/superagent": "8.1.10",
     "@types/ua-parser-js": "0.7.39",
-    "@vitest/eslint-plugin": "1.6.19",
+    "@vitest/eslint-plugin": "1.6.20",
     "audit-ci": "7.1.0",
-    "chromatic": "17.1.0",
+    "chromatic": "17.4.1",
     "cross-env": "10.1.0",
-    "eslint": "10.4.1",
-    "eslint-import-resolver-typescript": "4.4.4",
+    "eslint": "10.5.0",
+    "eslint-import-resolver-typescript": "4.4.5",
     "eslint-plugin-de-morgan": "2.1.2",
     "eslint-plugin-depend": "1.5.0",
     "eslint-plugin-import-x": "4.16.2",
-    "eslint-plugin-package-json": "1.2.0",
+    "eslint-plugin-package-json": "1.3.0",
     "eslint-plugin-regexp": "3.1.0",
     "eslint-plugin-simple-import-sort": "13.0.0",
     "globals": "17.6.0",
     "jsdom": "29.1.1",
     "msw": "2.14.6",
     "msw-storybook-addon": "2.0.7",
-    "prettier": "3.8.3",
+    "prettier": "3.8.4",
     "prettier-plugin-curly": "0.4.1",
     "prettier-plugin-jsdoc": "1.8.1",
     "prettier-plugin-packagejson": "3.0.2",
     "prettier-plugin-sh": "0.18.1",
     "release-it": "20.2.0",
-    "storybook": "10.4.1",
+    "storybook": "10.4.5",
     "storybook-html-rsbuild": "3.3.4",
     "type-fest": "5.7.0",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.60.0",
-    "vitest": "4.1.7"
+    "typescript-eslint": "8.61.1",
+    "vitest": "4.1.9"
   },
   "engines": {
     "node": "^24.15.0",