videomail-client 13.13.1 → 13.13.3

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.1"
+        rE: "13.13.3"
     };
     function isAudioEnabled(options) {
         return Boolean(options.audio.enabled);
@@ -16745,6 +16745,32 @@ 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 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 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;
     function figureMinHeight(height, options) {
         let minHeight;
         if (options.video.height) {
@@ -17446,14 +17472,14 @@ var __webpack_exports__ = {};
                 }
                 this.options.logger.debug(`Recorder: initializing web socket to ${url2Connect}`);
                 try {
-                    this.stream = stream_default()(url2Connect, void 0, {
-                        perMessageDeflate: false
-                    });
+                    const nativeSocket = new WebSocket(url2Connect);
+                    this.stream = stream_default()(nativeSocket);
                 } catch (exc) {
                     this.connecting = this.connected = false;
+                    const diagnostic = error_getWebSocketDiagnostic(url2Connect);
                     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.`,
+                        explanation: `Unable to build websocket to ${url2Connect}. Please check your connection and try again. If the problem persists, contact us.${diagnostic}`,
                         options: this.options,
                         exc
                     });

package/dist/esm/index.js

@@ -3617,7 +3617,7 @@ const constants = {
     }
 };
 var package_namespaceObject = {
-    rE: "13.13.1"
+    rE: "13.13.3"
 };
 function isAudioEnabled(options) {
     return Boolean(options.audio.enabled);
@@ -5905,6 +5905,32 @@ class Notifier extends util_Despot {
     }
 }
 const notifier = Notifier;
+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 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;
 function figureMinHeight(height, options) {
     let minHeight;
     if (options.video.height) {
@@ -6576,14 +6602,14 @@ class Recorder extends util_Despot {
             }
             this.options.logger.debug(`Recorder: initializing web socket to ${url2Connect}`);
             try {
-                this.stream = websocket_stream(url2Connect, void 0, {
-                    perMessageDeflate: false
-                });
+                const nativeSocket = new WebSocket(url2Connect);
+                this.stream = websocket_stream(nativeSocket);
             } catch (exc) {
                 this.connecting = this.connected = false;
+                const diagnostic = error_getWebSocketDiagnostic(url2Connect);
                 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.`,
+                    explanation: `Unable to build websocket to ${url2Connect}. Please check your connection and try again. If the problem persists, contact us.${diagnostic}`,
                     options: this.options,
                     exc
                 });

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

@@ -0,0 +1,2 @@
+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.1"
+                rE: "13.13.3"
             };
             function isAudioEnabled(options) {
                 return Boolean(options.audio.enabled);
@@ -16508,6 +16508,32 @@
             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 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 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;
             function figureMinHeight(height, options) {
                 let minHeight;
                 if (options.video.height) {
@@ -17210,14 +17236,14 @@
                         }
                         this.options.logger.debug(`Recorder: initializing web socket to ${url2Connect}`);
                         try {
-                            this.stream = stream_default()(url2Connect, void 0, {
-                                perMessageDeflate: false
-                            });
+                            const nativeSocket = new WebSocket(url2Connect);
+                            this.stream = stream_default()(nativeSocket);
                         } catch (exc) {
                             this.connecting = this.connected = false;
+                            const diagnostic = error_getWebSocketDiagnostic(url2Connect);
                             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.`,
+                                explanation: `Unable to build websocket to ${url2Connect}. Please check your connection and try again. If the problem persists, contact us.${diagnostic}`,
                                 options: this.options,
                                 exc
                             });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "13.13.1",
+  "version": "13.13.3",
   "description": "A wicked npm package to record videos directly in the browser, for Deaf and Sign Language!",
   "keywords": [
     "webcam",
@@ -78,30 +78,30 @@
     "@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",
+    "@storybook/addon-a11y": "10.4.2",
+    "@storybook/addon-docs": "10.4.2",
+    "@storybook/addon-links": "10.4.2",
+    "@storybook/html": "10.4.2",
     "@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.18",
+    "@vitest/eslint-plugin": "1.6.19",
     "audit-ci": "7.1.0",
-    "chromatic": "17.1.0",
+    "chromatic": "17.2.0",
     "cross-env": "10.1.0",
     "eslint": "10.4.1",
-    "eslint-import-resolver-typescript": "4.4.4",
+    "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",
@@ -114,12 +114,12 @@
     "prettier-plugin-packagejson": "3.0.2",
     "prettier-plugin-sh": "0.18.1",
     "release-it": "20.2.0",
-    "storybook": "10.4.1",
+    "storybook": "10.4.2",
     "storybook-html-rsbuild": "3.3.4",
-    "type-fest": "5.6.0",
+    "type-fest": "5.7.0",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.60.0",
-    "vitest": "4.1.7"
+    "typescript-eslint": "8.60.1",
+    "vitest": "4.1.8"
   },
   "engines": {
     "node": "^24.15.0",