videomail-client 10.0.6 → 10.0.8

package/dist/index.cjs

@@ -3348,7 +3348,7 @@ var __webpack_modules__ = {
         // Module
         ___CSS_LOADER_EXPORT___.push([
             module.id,
-            '@keyframes blink{0%{opacity:.9}35%{opacity:.9}50%{opacity:.1}85%{opacity:.1}to{opacity:.9}}.videomail .visuals{position:relative}.videomail .visuals video.replay{width:100%;height:100%}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .pausedHeader,.videomail .pausedHint{height:auto;margin:0}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .paused,.videomail .facingMode,.videomail noscript{z-index:100;position:absolute}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .pausedHeader,.videomail .pausedHint,.videomail noscript{font-weight:700}.videomail .countdown,.videomail .paused,.videomail noscript{width:100%;top:50%;transform:translateY(-50%)}.videomail .pausedHeader,.videomail .pausedHint,.videomail .countdown{text-align:center;letter-spacing:4px;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.videomail .pausedHeader,.videomail .countdown{opacity:.9;font-size:460%}.videomail .pausedHint{font-size:150%}.videomail .facingMode{color:rgba(245,245,245,.9);z-index:10;background:rgba(30,30,30,.5);border:none;outline:none;padding:.1em .3em;font-family:monospace;font-size:1.2em;transition:all .2s;bottom:.6em;right:.7em}.videomail .facingMode:hover{cursor:pointer;background:rgba(50,50,50,.7)}.videomail .recordTimer,.videomail .recordNote{color:#00d814;opacity:.9;background:rgba(10,10,10,.8);padding:.3em .4em;font-family:monospace;transition:all 1s;right:.7em}.videomail .recordTimer.near,.videomail .recordNote.near{color:#eb9369}.videomail .recordTimer.nigh,.videomail .recordNote.nigh{color:#ea4b2a}.videomail .recordTimer{top:.7em}.videomail .recordNote{top:3.6em}.videomail .recordNote:before{content:"REC";animation:1s infinite blink}.videomail .notifier{box-sizing:border-box;height:100%;overflow:hidden}.videomail .radioGroup{display:block}.videomail .radioGroup label{cursor:pointer}.videomail video{margin-bottom:0}.videomail video.userMedia{background-color:rgba(50,50,50,.1)}',
+            '@keyframes blink{0%{opacity:.9}35%{opacity:.9}50%{opacity:.1}85%{opacity:.1}to{opacity:.9}}.videomail .visuals{position:relative}.videomail .visuals video.replay{width:100%;height:100%}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .pausedHeader,.videomail .pausedHint{height:auto;margin:0}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .paused,.videomail .facingMode,.videomail noscript{z-index:100;position:absolute}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .pausedHeader,.videomail .pausedHint,.videomail noscript{font-weight:700}.videomail .countdown,.videomail .paused,.videomail noscript{width:100%;top:50%;transform:translateY(-50%)}.videomail .pausedHeader,.videomail .pausedHint,.videomail .countdown{text-align:center;letter-spacing:4px;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.videomail .pausedHeader,.videomail .countdown{opacity:.9;font-size:460%}.videomail .pausedHint{font-size:150%}.videomail .facingMode{color:rgba(245,245,245,.9);z-index:10;background:rgba(30,30,30,.5);border:none;outline:none;padding:.1em .3em;font-family:monospace;font-size:1.2em;transition:all .2s;bottom:.6em;right:.7em}.videomail .facingMode:hover{cursor:pointer;background:rgba(50,50,50,.7)}.videomail .recordTimer,.videomail .recordNote{color:#00d814;opacity:.9;background:rgba(10,10,10,.8);padding:.3em .4em;font-family:monospace;transition:all 1s;right:.7em}.videomail .recordTimer.near,.videomail .recordNote.near{color:#eb9369}.videomail .recordTimer.nigh,.videomail .recordNote.nigh{color:#ea4b2a}.videomail .recordTimer{top:.7em}.videomail .recordNote{top:3.6em}.videomail .recordNote:before{content:"REC";animation:1s infinite blink}.videomail .notifier{box-sizing:border-box;overflow:hidden}.videomail .radioGroup{display:block}.videomail .radioGroup label{cursor:pointer}.videomail video{margin-bottom:0}.videomail video.userMedia{background-color:rgba(50,50,50,.1)}',
             ""
         ]);
         // Exports
@@ -3740,7 +3740,6 @@ function __webpack_require__(moduleId) {
     const external_defined_namespaceObject = require("defined");
     var external_defined_default = /*#__PURE__*/ __webpack_require__.n(external_defined_namespaceObject);
     const external_ua_parser_js_namespaceObject = require("ua-parser-js");
-    var external_ua_parser_js_default = /*#__PURE__*/ __webpack_require__.n(external_ua_parser_js_namespaceObject);
     function canPlayType_canPlayType(video, type) {
         const canPlayType = video.canPlayType(`video/${type}`);
         // definitely cannot be played here
@@ -3837,7 +3836,7 @@ function __webpack_require__(moduleId) {
             _define_property(this, "videoType", void 0);
             this.options = options;
             const ua = external_defined_default()(options.fakeUaString, window.navigator.userAgent, "");
-            const userAgentParser = new (external_ua_parser_js_default())(ua);
+            const userAgentParser = new external_ua_parser_js_namespaceObject.UAParser(ua);
             this.result = userAgentParser.getResult();
         }
     }
@@ -5793,7 +5792,7 @@ function __webpack_require__(moduleId) {
     const external_is_power_of_two_namespaceObject = require("is-power-of-two");
     var external_is_power_of_two_default = /*#__PURE__*/ __webpack_require__.n(external_is_power_of_two_namespaceObject);
     var package_namespaceObject = {
-        i8: "10.0.6"
+        i8: "10.0.8"
     }; // CONCATENATED MODULE: ./src/types/env.ts
     // ... and these actually define the runtime mode of Node.js and are
     // set either in package.json, via Jest or in the Dockerfile
@@ -5940,10 +5939,8 @@ function __webpack_require__(moduleId) {
         displayErrors: true,
         // true = all form inputs get disabled and disappear when browser can't record
         adjustFormOnBrowserError: true,
-        /*
-   * when true, any errors will be sent to the videomail server for analysis
-   * ps: can be a function too returning a boolean
-   */ reportErrors: false,
+        // when true, any errors will be sent to the videomail server for analysis
+        reportErrors: true,
         // just for testing purposes to simulate browser agent handling
         fakeUaString: void 0,
         version: package_namespaceObject.i8
@@ -6591,7 +6588,7 @@ function __webpack_require__(moduleId) {
     function calculateHeight_calculateHeight(responsive, videoWidth, options, ratio, element) {
         let width = videoWidth;
         if (width < 1) throw error_createError({
-            message: "Unable to calculate height when width is less than 1.",
+            message: `Unable to calculate height when width is less than 1 (= ${width}) and responsive mode is set to ${responsive}`,
             options
         });
         if (responsive && element) width = limitWidth(element, options, width);

package/dist/index.js

@@ -3329,7 +3329,7 @@ var __webpack_modules__ = {
         // Module
         ___CSS_LOADER_EXPORT___.push([
             module.id,
-            '@keyframes blink{0%{opacity:.9}35%{opacity:.9}50%{opacity:.1}85%{opacity:.1}to{opacity:.9}}.videomail .visuals{position:relative}.videomail .visuals video.replay{width:100%;height:100%}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .pausedHeader,.videomail .pausedHint{height:auto;margin:0}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .paused,.videomail .facingMode,.videomail noscript{z-index:100;position:absolute}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .pausedHeader,.videomail .pausedHint,.videomail noscript{font-weight:700}.videomail .countdown,.videomail .paused,.videomail noscript{width:100%;top:50%;transform:translateY(-50%)}.videomail .pausedHeader,.videomail .pausedHint,.videomail .countdown{text-align:center;letter-spacing:4px;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.videomail .pausedHeader,.videomail .countdown{opacity:.9;font-size:460%}.videomail .pausedHint{font-size:150%}.videomail .facingMode{color:#f5f5f5e6;z-index:10;background:#1e1e1e80;border:none;outline:none;padding:.1em .3em;font-family:monospace;font-size:1.2em;transition:all .2s;bottom:.6em;right:.7em}.videomail .facingMode:hover{cursor:pointer;background:#323232b3}.videomail .recordTimer,.videomail .recordNote{color:#00d814;opacity:.9;background:#0a0a0acc;padding:.3em .4em;font-family:monospace;transition:all 1s;right:.7em}.videomail .recordTimer.near,.videomail .recordNote.near{color:#eb9369}.videomail .recordTimer.nigh,.videomail .recordNote.nigh{color:#ea4b2a}.videomail .recordTimer{top:.7em}.videomail .recordNote{top:3.6em}.videomail .recordNote:before{content:"REC";animation:1s infinite blink}.videomail .notifier{box-sizing:border-box;height:100%;overflow:hidden}.videomail .radioGroup{display:block}.videomail .radioGroup label{cursor:pointer}.videomail video{margin-bottom:0}.videomail video.userMedia{background-color:#3232321a}',
+            '@keyframes blink{0%{opacity:.9}35%{opacity:.9}50%{opacity:.1}85%{opacity:.1}to{opacity:.9}}.videomail .visuals{position:relative}.videomail .visuals video.replay{width:100%;height:100%}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .pausedHeader,.videomail .pausedHint{height:auto;margin:0}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .paused,.videomail .facingMode,.videomail noscript{z-index:100;position:absolute}.videomail .countdown,.videomail .recordTimer,.videomail .recordNote,.videomail .pausedHeader,.videomail .pausedHint,.videomail noscript{font-weight:700}.videomail .countdown,.videomail .paused,.videomail noscript{width:100%;top:50%;transform:translateY(-50%)}.videomail .pausedHeader,.videomail .pausedHint,.videomail .countdown{text-align:center;letter-spacing:4px;text-shadow:-2px 0 #fff,0 2px #fff,2px 0 #fff,0 -2px #fff}.videomail .pausedHeader,.videomail .countdown{opacity:.9;font-size:460%}.videomail .pausedHint{font-size:150%}.videomail .facingMode{color:#f5f5f5e6;z-index:10;background:#1e1e1e80;border:none;outline:none;padding:.1em .3em;font-family:monospace;font-size:1.2em;transition:all .2s;bottom:.6em;right:.7em}.videomail .facingMode:hover{cursor:pointer;background:#323232b3}.videomail .recordTimer,.videomail .recordNote{color:#00d814;opacity:.9;background:#0a0a0acc;padding:.3em .4em;font-family:monospace;transition:all 1s;right:.7em}.videomail .recordTimer.near,.videomail .recordNote.near{color:#eb9369}.videomail .recordTimer.nigh,.videomail .recordNote.nigh{color:#ea4b2a}.videomail .recordTimer{top:.7em}.videomail .recordNote{top:3.6em}.videomail .recordNote:before{content:"REC";animation:1s infinite blink}.videomail .notifier{box-sizing:border-box;overflow:hidden}.videomail .radioGroup{display:block}.videomail .radioGroup label{cursor:pointer}.videomail video{margin-bottom:0}.videomail video.userMedia{background-color:#3232321a}',
             ""
         ]);
         // Exports
@@ -3704,7 +3704,7 @@ class Browser_Browser {
     constructor(options){
         this.options = options;
         const ua = (0, __WEBPACK_EXTERNAL_MODULE_defined__["default"])(options.fakeUaString, window.navigator.userAgent, "");
-        const userAgentParser = new __WEBPACK_EXTERNAL_MODULE_ua_parser_js__["default"](ua);
+        const userAgentParser = new __WEBPACK_EXTERNAL_MODULE_ua_parser_js__.UAParser(ua);
         this.result = userAgentParser.getResult();
     }
     isIOS() {
@@ -5566,7 +5566,7 @@ function isPromise_isPromise(anything) {
 }
 /* ESM default export */ const isPromise = isPromise_isPromise;
 var package_namespaceObject = {
-    i8: "10.0.6"
+    i8: "10.0.8"
 }; // CONCATENATED MODULE: ./src/types/env.ts
 // ... and these actually define the runtime mode of Node.js and are
 // set either in package.json, via Jest or in the Dockerfile
@@ -5713,10 +5713,8 @@ const options_options = {
     displayErrors: true,
     // true = all form inputs get disabled and disappear when browser can't record
     adjustFormOnBrowserError: true,
-    /*
-   * when true, any errors will be sent to the videomail server for analysis
-   * ps: can be a function too returning a boolean
-   */ reportErrors: false,
+    // when true, any errors will be sent to the videomail server for analysis
+    reportErrors: true,
     // just for testing purposes to simulate browser agent handling
     fakeUaString: void 0,
     version: package_namespaceObject.i8
@@ -6333,7 +6331,7 @@ function limitWidth_limitWidth(element, options, width) {
 function calculateHeight_calculateHeight(responsive, videoWidth, options, ratio, element) {
     let width = videoWidth;
     if (width < 1) throw error_createError({
-        message: "Unable to calculate height when width is less than 1.",
+        message: `Unable to calculate height when width is less than 1 (= ${width}) and responsive mode is set to ${responsive}`,
         options
     });
     if (responsive && element) width = limitWidth(element, options, width);

package/dist/util/Browser.d.ts

@@ -1,4 +1,3 @@
-import UAParser from "ua-parser-js";
 import { VideomailClientOptions } from "../types/options";
 import { VideoType } from "../types/VideoType";
 declare class Browser {
@@ -20,11 +19,11 @@ declare class Browser {
     getNoAccessIssue(): import("./error/VideomailError").default;
     getUsefulData(): {
         ua: string;
-        browser: UAParser.IBrowser;
-        cpu: UAParser.ICPU;
-        device: UAParser.IDevice;
-        engine: UAParser.IEngine;
-        os: UAParser.IOS;
+        browser: import("ua-parser-js").IBrowser;
+        cpu: import("ua-parser-js").ICPU;
+        device: import("ua-parser-js").IDevice;
+        engine: import("ua-parser-js").IEngine;
+        os: import("ua-parser-js").IOS;
     };
 }
 export default Browser;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "10.0.6",
+  "version": "10.0.8",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -67,55 +67,55 @@
     "is-power-of-two": "1.0.0",
     "nanoevents": "9.1.0",
     "superagent": "10.1.1",
-    "ua-parser-js": "1.0.39",
+    "ua-parser-js": "2.0.0",
     "websocket-stream": "5.5.2"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "3.2.2",
-    "@eslint/js": "9.14.0",
+    "@eslint/js": "9.15.0",
     "@rsbuild/plugin-node-polyfill": "1.2.0",
     "@rsbuild/plugin-stylus": "1.0.6",
     "@rsdoctor/rspack-plugin": "0.4.8",
-    "@rslib/core": "0.0.18",
-    "@storybook/addon-a11y": "8.4.4",
+    "@rslib/core": "0.1.0",
+    "@storybook/addon-a11y": "8.4.5",
     "@storybook/addon-console": "3.0.0",
-    "@storybook/addon-essentials": "8.4.4",
-    "@storybook/addon-interactions": "8.4.4",
-    "@storybook/addon-links": "8.4.4",
-    "@storybook/html": "8.4.4",
-    "@storybook/manager-api": "8.4.4",
-    "@storybook/theming": "8.4.4",
+    "@storybook/addon-essentials": "8.4.5",
+    "@storybook/addon-interactions": "8.4.5",
+    "@storybook/addon-links": "8.4.5",
+    "@storybook/html": "8.4.5",
+    "@storybook/manager-api": "8.4.5",
+    "@storybook/theming": "8.4.5",
     "@tsconfig/node22": "22.0.0",
     "@tsconfig/strictest": "2.0.5",
     "@types/defined": "1.0.2",
-    "@types/node": "22.9.0",
+    "@types/node": "22.9.3",
     "@types/superagent": "8.1.9",
     "@types/ua-parser-js": "0.7.39",
     "@vitest/eslint-plugin": "1.1.10",
     "audit-ci": "7.1.0",
     "chromatic": "11.18.1",
     "cross-env": "7.0.3",
-    "eslint": "9.14.0",
+    "eslint": "9.15.0",
     "eslint-import-resolver-typescript": "3.6.3",
     "eslint-plugin-depend": "0.12.0",
-    "eslint-plugin-import-x": "4.4.2",
+    "eslint-plugin-import-x": "4.4.3",
     "eslint-plugin-promise": "7.1.0",
     "eslint-plugin-regexp": "2.7.0",
     "eslint-plugin-security": "3.0.1",
-    "eslint-plugin-storybook": "0.11.0",
+    "eslint-plugin-storybook": "0.11.1",
     "globals": "15.12.0",
     "jsdom": "25.0.1",
-    "msw": "2.6.5",
+    "msw": "2.6.6",
     "msw-storybook-addon": "2.0.4",
     "prettier": "3.3.3",
     "prettier-plugin-curly": "0.3.1",
-    "prettier-plugin-packagejson": "2.5.3",
+    "prettier-plugin-packagejson": "2.5.5",
     "prettier-plugin-sh": "0.14.0",
     "release-it": "17.10.0",
-    "storybook": "8.4.4",
-    "storybook-html-rsbuild": "0.1.4",
-    "typescript": "5.6.3",
-    "typescript-eslint": "8.14.0",
+    "storybook": "8.4.5",
+    "storybook-html-rsbuild": "0.1.5",
+    "typescript": "5.7.2",
+    "typescript-eslint": "8.15.0",
     "vitest": "2.1.5"
   },
   "engines": {