videomail-client 11.0.8 → 11.1.0

package/dist/umd/index.js

@@ -5,159 +5,6 @@
     else root["VideomailClient"] = factory();
 })(globalThis, ()=>(()=>{
         var __webpack_modules__ = {
-            "./node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[12].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[12].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[12].use[3]!./src/styles/main.styl": function(module1, __webpack_exports__, __webpack_require__) {
-                "use strict";
-                __webpack_require__.d(__webpack_exports__, {
-                    A: ()=>__WEBPACK_DEFAULT_EXPORT__
-                });
-                var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
-                var _node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-                var _node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/api.js");
-                var _node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__);
-                var ___CSS_LOADER_EXPORT___ = _node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
-                ___CSS_LOADER_EXPORT___.push([
-                    module1.id,
-                    `@keyframes blink {
-  0% {
-    opacity: .9;
-  }
-
-  35% {
-    opacity: .9;
-  }
-
-  50% {
-    opacity: .1;
-  }
-
-  85% {
-    opacity: .1;
-  }
-
-  100% {
-    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: bold;
-}
-
-.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;
-}
-`,
-                    ""
-                ]);
-                const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
-            },
             "./node_modules/animitter/index.js": function(module1, exports1, __webpack_require__) {
                 var EventEmitter = __webpack_require__("./node_modules/events/events.js").EventEmitter, inherits = __webpack_require__("./node_modules/inherits/inherits_browser.js"), raf = __webpack_require__("./node_modules/raf/index.js"), methods;
                 var defaultRAFObject = {
@@ -10430,7 +10277,6 @@
             var cachedModule = __webpack_module_cache__[moduleId];
             if (void 0 !== cachedModule) return cachedModule.exports;
             var module1 = __webpack_module_cache__[moduleId] = {
-                id: moduleId,
                 exports: {}
             };
             __webpack_modules__[moduleId].call(module1.exports, module1, module1.exports, __webpack_require__);
@@ -10648,7 +10494,7 @@
             var client = __webpack_require__("./node_modules/superagent/lib/client.js");
             var client_default = /*#__PURE__*/ __webpack_require__.n(client);
             var package_namespaceObject = {
-                rE: "11.0.8"
+                rE: "11.1.0"
             };
             var defined = __webpack_require__("./node_modules/defined/index.js");
             var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
@@ -13784,18 +13630,13 @@
                 NAME,
                 VERSION
             ]);
-            var VideoType_VideoType = /*#__PURE__*/ function(VideoType) {
-                VideoType["WebM"] = "webm";
-                VideoType["MP4"] = "mp4";
-                return VideoType;
-            }({});
             function canPlayType_canPlayType(video, type) {
                 const canPlayType = video.canPlayType(`video/${type}`);
                 if ("" === canPlayType) return false;
                 return canPlayType;
             }
             const media_canPlayType = canPlayType_canPlayType;
-            const FALLBACK_VIDEO_TYPE = VideoType_VideoType.MP4;
+            const FALLBACK_VIDEO_TYPE = VideoType.MP4;
             class Browser {
                 options;
                 result;
@@ -13842,10 +13683,10 @@
                 }
                 getVideoType(video) {
                     if (!this.videoType) {
-                        if (media_canPlayType(video, VideoType_VideoType.MP4)) this.videoType = VideoType_VideoType.MP4;
-                        else if (media_canPlayType(video, VideoType_VideoType.WebM)) this.videoType = VideoType_VideoType.WebM;
+                        if (media_canPlayType(video, VideoType.MP4)) this.videoType = VideoType.MP4;
+                        else if (media_canPlayType(video, VideoType.WebM)) this.videoType = VideoType.WebM;
                     }
-                    if (this.videoType !== VideoType_VideoType.WebM && this.videoType !== VideoType_VideoType.MP4) this.videoType = FALLBACK_VIDEO_TYPE;
+                    if (this.videoType !== VideoType.WebM && this.videoType !== VideoType.MP4) this.videoType = FALLBACK_VIDEO_TYPE;
                     if ("" === this.videoType.trim()) this.videoType = FALLBACK_VIDEO_TYPE;
                     return this.videoType;
                 }
@@ -13961,7 +13802,7 @@
                         screen.width,
                         screen.height,
                         screen.colorDepth
-                    ].join("\xd7");
+                    ].join("×");
                     if (screen.orientation) this.orientation = screen.orientation.type;
                     this.err = errData?.err;
                     const stackTarget = errData?.cause ?? errData?.err;
@@ -14831,7 +14672,7 @@
                 }
             };
             const src_options = options_options;
-            class CollectLogger {
+            class CollectLogger_CollectLogger {
                 browser;
                 logger;
                 stack = [];
@@ -14870,7 +14711,7 @@
                     return this.stack;
                 }
             }
-            const util_CollectLogger = CollectLogger;
+            const CollectLogger = CollectLogger_CollectLogger;
             var process = __webpack_require__("./node_modules/process/browser.js");
             function isTest() {
                 return "test" === process.env.ENVIRON;
@@ -14882,7 +14723,7 @@
                         return source;
                     }
                 });
-                const collectLogger = new util_CollectLogger(newOptions);
+                const collectLogger = new CollectLogger(newOptions);
                 newOptions.logger = collectLogger;
                 if (util_isTest()) newOptions.verbose = false;
                 return newOptions;
@@ -14900,15 +14741,161 @@
             var insertStyleElement_default = /*#__PURE__*/ __webpack_require__.n(insertStyleElement);
             var styleTagTransform = __webpack_require__("./node_modules/@rsbuild/core/compiled/style-loader/runtime/styleTagTransform.js");
             var styleTagTransform_default = /*#__PURE__*/ __webpack_require__.n(styleTagTransform);
-            var main = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[12].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[12].use[2]!./node_modules/stylus-loader/dist/cjs.js??ruleSet[1].rules[12].use[3]!./src/styles/main.styl");
+            var noSourceMaps = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
+            var noSourceMaps_default = /*#__PURE__*/ __webpack_require__.n(noSourceMaps);
+            var api = __webpack_require__("./node_modules/@rsbuild/core/compiled/css-loader/api.js");
+            var api_default = /*#__PURE__*/ __webpack_require__.n(api);
+            var ___CSS_LOADER_EXPORT___ = api_default()(noSourceMaps_default());
+            ___CSS_LOADER_EXPORT___.push([
+                module.id,
+                `@keyframes blink {
+  0% {
+    opacity: .9;
+  }
+
+  35% {
+    opacity: .9;
+  }
+
+  50% {
+    opacity: .1;
+  }
+
+  85% {
+    opacity: .1;
+  }
+
+  100% {
+    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: bold;
+}
+
+.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;
+}
+`,
+                ""
+            ]);
+            const main = ___CSS_LOADER_EXPORT___;
             var main_options = {};
             main_options.styleTagTransform = styleTagTransform_default();
             main_options.setAttributes = setAttributesWithoutAttributes_default();
             main_options.insert = insertBySelector_default().bind(null, "head");
             main_options.domAPI = styleDomAPI_default();
             main_options.insertStyleElement = insertStyleElement_default();
-            injectStylesIntoStyleTag_default()(main.A, main_options);
-            main.A && main.A.locals && main.A.locals;
+            injectStylesIntoStyleTag_default()(main, main_options);
+            main && main.locals && main.locals;
             var document_visibility = __webpack_require__("./node_modules/document-visibility/index.js");
             var document_visibility_default = /*#__PURE__*/ __webpack_require__.n(document_visibility);
             function limitHeight(height, options, calledFrom) {
@@ -15459,7 +15446,7 @@
                     else {
                         this.facingModeElement = document.createElement("button");
                         this.facingModeElement.classList.add("facingMode");
-                        this.facingModeElement.innerHTML = "\u293E";
+                        this.facingModeElement.innerHTML = "⤾";
                         this.facingModeElement.onclick = (e)=>{
                             e?.preventDefault();
                             try {
@@ -15806,17 +15793,17 @@
                         this.options.logger.debug("Limit reached");
                         lead += `${this.options.text.limitReached}.<br/>`;
                     }
-                    lead += `${this.options.text.sending} \u{2026}`;
+                    lead += `${this.options.text.sending} …`;
                     this.notify(lead, void 0, {
                         stillWait: true,
                         entertain: this.options.notifier.entertain
                     });
                 }
                 onConnecting() {
-                    this.notify("Connecting \u2026");
+                    this.notify("Connecting …");
                 }
                 onLoadingUserMedia() {
-                    this.notify("Loading webcam \u2026");
+                    this.notify("Loading webcam …");
                 }
                 onProgress(frameProgress, sampleProgress) {
                     let overallProgress;
@@ -15828,7 +15815,7 @@
                 }
                 onBeginVideoEncoding() {
                     this.visuals.beginWaiting();
-                    const lead = `${this.options.text.encoding} \u{2026}`;
+                    const lead = `${this.options.text.encoding} …`;
                     this.notify(lead, void 0, {
                         stillWait: true,
                         entertain: this.options.notifier.entertain
@@ -15860,7 +15847,7 @@
                         this.onBeginVideoEncoding();
                     });
                     this.on("UNLOADING", ()=>{
-                        this.notify("Unloading \u2026");
+                        this.notify("Unloading …");
                     });
                     this.on("DISCONNECTED", ()=>{
                         this.notify("Disconnected");
@@ -16257,7 +16244,7 @@
                 "volumechange"
             ];
             const mediaEvents = MEDIA_EVENTS;
-            const EVENT_ASCII = "|\u2014O\u2014|";
+            const EVENT_ASCII = "|—O—|";
             class UserMedia extends util_Despot {
                 recorder;
                 rawVisualUserMedia;
@@ -16547,7 +16534,7 @@
             }
             const visuals_userMedia = UserMedia;
             var Buffer = __webpack_require__("./node_modules/buffer/index.js")["Buffer"];
-            const PIPE_SYMBOL = "\xb0\xba\xa4\xf8,\xb8\xb8,\xf8\xa4\xba\xb0`\xb0\xba\xa4\xf8,\xb8,\xf8\xa4\xb0\xba\xa4\xf8,\xb8\xb8,\xf8\xa4\xba\xb0`\xb0\xba\xa4\xf8,\xb8 ";
+            const PIPE_SYMBOL = "°º¤ø,¸¸,ø¤º°`°º¤ø,¸,ø¤°º¤ø,¸¸,ø¤º°`°º¤ø,¸ ";
             class Recorder extends util_Despot {
                 visuals;
                 replay;
@@ -17047,7 +17034,7 @@
                             }, 0);
                         }
                     } else {
-                        this.options.logger.debug(`Reconnecting for the command ${command} \u{2026}`);
+                        this.options.logger.debug(`Reconnecting for the command ${command} …`);
                         this.initSocket(()=>{
                             this.writeCommand(command, args);
                             cb?.();
@@ -17683,10 +17670,10 @@
                     }
                 }
                 setMp4Source(src, bustCache) {
-                    this.setVideoSource(VideoType_VideoType.MP4, src, bustCache);
+                    this.setVideoSource(VideoType.MP4, src, bustCache);
                 }
                 setWebMSource(src, bustCache) {
-                    this.setVideoSource(VideoType_VideoType.WebM, src, bustCache);
+                    this.setVideoSource(VideoType.WebM, src, bustCache);
                 }
                 getVideoType() {
                     if (!this.replayElement) return;
@@ -18322,7 +18309,7 @@
                                 const name = invalidInput.getAttribute("name");
                                 valid = false;
                                 if (name) {
-                                    whyInvalid = `Input "${name}" seems wrong \u{1F914}`;
+                                    whyInvalid = `Input "${name}" seems wrong 🤔`;
                                     invalidData = {
                                         [name]: invalidInput.getAttribute("value")
                                     };
@@ -18330,7 +18317,7 @@
                             } else if (!this.areVisualsHidden() && !visualsValid) {
                                 if (this.buttonsAreReady() || this.isRecording() || this.isPaused() || this.isCountingDown()) {
                                     valid = false;
-                                    whyInvalid = "Don't forget to record a video \uD83D\uDE09";
+                                    whyInvalid = "Don't forget to record a video 😉";
                                     invalidData = {
                                         key: void 0
                                     };
@@ -18574,6 +18561,11 @@
                 }
             }
             const src_client = VideomailClient;
+            var VideoType_VideoType = /*#__PURE__*/ function(VideoType1) {
+                VideoType1["WebM"] = "webm";
+                VideoType1["MP4"] = "mp4";
+                return VideoType1;
+            }({});
         })();
         return __webpack_exports__;
     })());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "videomail-client",
-  "version": "11.0.8",
+  "version": "11.1.0",
   "description": "A wicked npm package to record videos directly in the browser, wohooo!",
   "keywords": [
     "webcam",
@@ -74,32 +74,32 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "4.1.1",
-    "@eslint/config-inspector": "1.2.0",
+    "@eslint/config-inspector": "1.3.0",
     "@eslint/js": "9.35.0",
     "@rsbuild/plugin-node-polyfill": "1.4.2",
     "@rsbuild/plugin-stylus": "1.2.0",
     "@rsdoctor/rspack-plugin": "1.2.3",
-    "@rslib/core": "0.13.2",
+    "@rslib/core": "0.14.0",
     "@storybook/addon-a11y": "9.1.3",
     "@storybook/addon-docs": "9.1.3",
     "@storybook/addon-links": "9.1.3",
     "@storybook/html": "9.1.3",
     "@tsconfig/node22": "22.0.2",
-    "@tsconfig/strictest": "2.0.5",
+    "@tsconfig/strictest": "2.0.6",
     "@types/defined": "1.0.2",
-    "@types/node": "22.15.30",
+    "@types/node": "22.18.6",
     "@types/superagent": "8.1.9",
     "@types/ua-parser-js": "0.7.39",
-    "@vitest/eslint-plugin": "1.3.9",
+    "@vitest/eslint-plugin": "1.3.12",
     "audit-ci": "7.1.0",
     "chromatic": "13.1.4",
     "cross-env": "10.0.0",
     "eslint": "9.35.0",
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-de-morgan": "1.3.1",
-    "eslint-plugin-depend": "1.2.0",
+    "eslint-plugin-depend": "1.3.1",
     "eslint-plugin-import-x": "4.16.1",
-    "eslint-plugin-package-json": "0.56.2",
+    "eslint-plugin-package-json": "0.56.3",
     "eslint-plugin-promise": "7.2.1",
     "eslint-plugin-regexp": "2.10.0",
     "eslint-plugin-security": "3.0.1",
@@ -113,10 +113,10 @@
     "prettier-plugin-curly": "0.3.2",
     "prettier-plugin-packagejson": "2.5.19",
     "prettier-plugin-sh": "0.18.0",
-    "release-it": "19.0.4",
+    "release-it": "19.0.5",
     "storybook": "9.1.3",
     "storybook-html-rsbuild": "2.0.4",
-    "type-fest": "5.0.0",
+    "type-fest": "5.0.1",
     "typescript": "5.9.2",
     "typescript-eslint": "8.41.0",
     "vitest": "3.2.4"