videomail-client 13.4.0 → 13.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +36 -27
- package/dist/esm/index.js +24 -15
- package/dist/esm/util/html/dimensions/calculateHeight.d.ts +1 -1
- package/dist/umd/index.js +36 -27
- package/package.json +18 -18
package/dist/cjs/index.cjs
CHANGED
|
@@ -2203,7 +2203,7 @@ var __webpack_modules__ = {
|
|
|
2203
2203
|
}
|
|
2204
2204
|
var util = Object.create(__webpack_require__("./node_modules/core-util-is/lib/util.js"));
|
|
2205
2205
|
util.inherits = __webpack_require__("./node_modules/inherits/inherits_browser.js");
|
|
2206
|
-
var debugUtil = __webpack_require__("?
|
|
2206
|
+
var debugUtil = __webpack_require__("?c5fd");
|
|
2207
2207
|
var debug = void 0;
|
|
2208
2208
|
debug = debugUtil && debugUtil.debuglog ? debugUtil.debuglog('stream') : function() {};
|
|
2209
2209
|
var BufferList = __webpack_require__("./node_modules/duplexify/node_modules/readable-stream/lib/internal/streams/BufferList.js");
|
|
@@ -3326,7 +3326,7 @@ var __webpack_modules__ = {
|
|
|
3326
3326
|
if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
|
|
3327
3327
|
}
|
|
3328
3328
|
var Buffer = __webpack_require__("./node_modules/duplexify/node_modules/safe-buffer/index.js").Buffer;
|
|
3329
|
-
var util = __webpack_require__("?
|
|
3329
|
+
var util = __webpack_require__("?6dfc");
|
|
3330
3330
|
function copyBuffer(src, target, offset) {
|
|
3331
3331
|
src.copy(target, offset);
|
|
3332
3332
|
}
|
|
@@ -4899,7 +4899,7 @@ var __webpack_modules__ = {
|
|
|
4899
4899
|
},
|
|
4900
4900
|
"./node_modules/global/document.js": function(module, __unused_webpack_exports, __webpack_require__) {
|
|
4901
4901
|
var topLevel = void 0 !== __webpack_require__.g ? __webpack_require__.g : 'undefined' != typeof window ? window : {};
|
|
4902
|
-
var minDoc = __webpack_require__("?
|
|
4902
|
+
var minDoc = __webpack_require__("?a7ce");
|
|
4903
4903
|
var doccy;
|
|
4904
4904
|
if ('undefined' != typeof document) doccy = document;
|
|
4905
4905
|
else {
|
|
@@ -5350,7 +5350,7 @@ var __webpack_modules__ = {
|
|
|
5350
5350
|
}
|
|
5351
5351
|
return $replace.call(str, sepRegex, '$&_');
|
|
5352
5352
|
}
|
|
5353
|
-
var utilInspect = __webpack_require__("?
|
|
5353
|
+
var utilInspect = __webpack_require__("?3f0e");
|
|
5354
5354
|
var inspectCustom = utilInspect.custom;
|
|
5355
5355
|
var inspectSymbol = isSymbol(inspectCustom) ? inspectCustom : null;
|
|
5356
5356
|
var quotes = {
|
|
@@ -8470,7 +8470,7 @@ var __webpack_modules__ = {
|
|
|
8470
8470
|
}
|
|
8471
8471
|
var util = Object.create(__webpack_require__("./node_modules/core-util-is/lib/util.js"));
|
|
8472
8472
|
util.inherits = __webpack_require__("./node_modules/inherits/inherits_browser.js");
|
|
8473
|
-
var debugUtil = __webpack_require__("?
|
|
8473
|
+
var debugUtil = __webpack_require__("?3152");
|
|
8474
8474
|
var debug = void 0;
|
|
8475
8475
|
debug = debugUtil && debugUtil.debuglog ? debugUtil.debuglog('stream') : function() {};
|
|
8476
8476
|
var BufferList = __webpack_require__("./node_modules/websocket-stream/node_modules/readable-stream/lib/internal/streams/BufferList.js");
|
|
@@ -9593,7 +9593,7 @@ var __webpack_modules__ = {
|
|
|
9593
9593
|
if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
|
|
9594
9594
|
}
|
|
9595
9595
|
var Buffer = __webpack_require__("./node_modules/websocket-stream/node_modules/safe-buffer/index.js").Buffer;
|
|
9596
|
-
var util = __webpack_require__("?
|
|
9596
|
+
var util = __webpack_require__("?3412");
|
|
9597
9597
|
function copyBuffer(src, target, offset) {
|
|
9598
9598
|
src.copy(target, offset);
|
|
9599
9599
|
}
|
|
@@ -10193,12 +10193,12 @@ var __webpack_modules__ = {
|
|
|
10193
10193
|
}
|
|
10194
10194
|
}
|
|
10195
10195
|
},
|
|
10196
|
-
"?
|
|
10197
|
-
"?
|
|
10198
|
-
"?
|
|
10199
|
-
"?
|
|
10200
|
-
"?
|
|
10201
|
-
"?
|
|
10196
|
+
"?6dfc": function() {},
|
|
10197
|
+
"?c5fd": function() {},
|
|
10198
|
+
"?a7ce": function() {},
|
|
10199
|
+
"?3f0e": function() {},
|
|
10200
|
+
"?3412": function() {},
|
|
10201
|
+
"?3152": function() {},
|
|
10202
10202
|
"./node_modules/@rsbuild/core/compiled/css-loader/api.js": function(module) {
|
|
10203
10203
|
"use strict";
|
|
10204
10204
|
module.exports = function(cssWithMappingToString) {
|
|
@@ -10664,7 +10664,7 @@ var __webpack_exports__ = {};
|
|
|
10664
10664
|
var client = __webpack_require__("./node_modules/superagent/lib/client.js");
|
|
10665
10665
|
var client_default = /*#__PURE__*/ __webpack_require__.n(client);
|
|
10666
10666
|
var package_namespaceObject = {
|
|
10667
|
-
rE: "13.4.
|
|
10667
|
+
rE: "13.4.2"
|
|
10668
10668
|
};
|
|
10669
10669
|
var defined = __webpack_require__("./node_modules/defined/index.js");
|
|
10670
10670
|
var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
|
|
@@ -16190,7 +16190,9 @@ var __webpack_exports__ = {};
|
|
|
16190
16190
|
heightDimension = this.visuals.getRecorderHeight(true);
|
|
16191
16191
|
}
|
|
16192
16192
|
if (widthDimension) this.notifyElement.style.width = `${widthDimension.value}${widthDimension.unit}`;
|
|
16193
|
+
else this.notifyElement.style.removeProperty("width");
|
|
16193
16194
|
if (heightDimension) this.notifyElement.style.height = `${heightDimension.value}${heightDimension.unit}`;
|
|
16195
|
+
else this.notifyElement.style.removeProperty("height");
|
|
16194
16196
|
}
|
|
16195
16197
|
}
|
|
16196
16198
|
show() {
|
|
@@ -16429,7 +16431,7 @@ var __webpack_exports__ = {};
|
|
|
16429
16431
|
unit: "px"
|
|
16430
16432
|
};
|
|
16431
16433
|
let width = videoWidth;
|
|
16432
|
-
if (width < 1) throw error_createError({
|
|
16434
|
+
if (void 0 !== width && width < 1) throw error_createError({
|
|
16433
16435
|
message: `Unable to calculate height for target ${target} when width is less than 1 (= ${width}) and responsive mode is set to ${responsive}`,
|
|
16434
16436
|
options
|
|
16435
16437
|
});
|
|
@@ -16825,8 +16827,8 @@ var __webpack_exports__ = {};
|
|
|
16825
16827
|
}
|
|
16826
16828
|
createCanvas() {
|
|
16827
16829
|
const canvas = document.createElement("canvas");
|
|
16828
|
-
const
|
|
16829
|
-
if (
|
|
16830
|
+
const rawWidthDimension = this.getRawWidth(true);
|
|
16831
|
+
if (rawWidthDimension.value) canvas.width = rawWidthDimension.value;
|
|
16830
16832
|
const rawHeight = this.getRawHeight(true);
|
|
16831
16833
|
if (rawHeight) canvas.height = rawHeight;
|
|
16832
16834
|
return canvas;
|
|
@@ -16845,7 +16847,7 @@ var __webpack_exports__ = {};
|
|
|
16845
16847
|
}
|
|
16846
16848
|
getRawWidth(responsive) {
|
|
16847
16849
|
let rawWidth = this.getVideoWidth();
|
|
16848
|
-
const
|
|
16850
|
+
const widthDimension = {
|
|
16849
16851
|
unit: "px"
|
|
16850
16852
|
};
|
|
16851
16853
|
if (this.options.video.width || this.options.video.height) if (responsive) {
|
|
@@ -16853,11 +16855,11 @@ var __webpack_exports__ = {};
|
|
|
16853
16855
|
rawWidth = dimension.value;
|
|
16854
16856
|
} else rawWidth = this.options.video.width;
|
|
16855
16857
|
if (responsive) {
|
|
16856
|
-
const
|
|
16857
|
-
rawWidth = null ==
|
|
16858
|
+
const widthDimension = this.recorder.limitWidth(rawWidth);
|
|
16859
|
+
rawWidth = null == widthDimension ? void 0 : widthDimension.value;
|
|
16858
16860
|
}
|
|
16859
|
-
|
|
16860
|
-
return
|
|
16861
|
+
widthDimension.value = rawWidth;
|
|
16862
|
+
return widthDimension;
|
|
16861
16863
|
}
|
|
16862
16864
|
getRawHeight(responsive) {
|
|
16863
16865
|
let rawHeight;
|
|
@@ -17696,15 +17698,19 @@ var __webpack_exports__ = {};
|
|
|
17696
17698
|
correctDimensions() {
|
|
17697
17699
|
if (!this.recorderElement) return;
|
|
17698
17700
|
const widthDimension = dimensions_useFullWidth(this.options.video.mobileBreakPoint);
|
|
17699
|
-
if (this.options.video.stretch || widthDimension)
|
|
17700
|
-
|
|
17701
|
+
if (this.options.video.stretch || widthDimension) {
|
|
17702
|
+
this.recorderElement.style.width = "100%";
|
|
17703
|
+
this.recorderElement.style.removeProperty("height");
|
|
17704
|
+
} else {
|
|
17701
17705
|
if (this.options.video.width) {
|
|
17702
17706
|
const recorderWidth = this.getRecorderWidth(true);
|
|
17703
17707
|
if (null == recorderWidth ? void 0 : recorderWidth.value) this.recorderElement.width = recorderWidth.value;
|
|
17708
|
+
else this.recorderElement.style.removeProperty("width");
|
|
17704
17709
|
}
|
|
17705
17710
|
if (this.options.video.height) {
|
|
17706
17711
|
const recorderHeight = this.getRecorderHeight(true);
|
|
17707
17712
|
if (recorderHeight.value) this.recorderElement.height = recorderHeight.value;
|
|
17713
|
+
else this.recorderElement.style.removeProperty("height");
|
|
17708
17714
|
}
|
|
17709
17715
|
}
|
|
17710
17716
|
}
|
|
@@ -17857,7 +17863,7 @@ var __webpack_exports__ = {};
|
|
|
17857
17863
|
}
|
|
17858
17864
|
calculateHeight(responsive) {
|
|
17859
17865
|
let videoWidth;
|
|
17860
|
-
let target;
|
|
17866
|
+
let target = "(unknown)";
|
|
17861
17867
|
if (this.userMedia) {
|
|
17862
17868
|
target = "userMedia";
|
|
17863
17869
|
videoWidth = this.userMedia.getVideoWidth();
|
|
@@ -18230,7 +18236,9 @@ var __webpack_exports__ = {};
|
|
|
18230
18236
|
heightDimension = this.getRecorderHeight(true);
|
|
18231
18237
|
}
|
|
18232
18238
|
if (widthDimension) this.visualsElement.style.width = `${widthDimension.value}${widthDimension.unit}`;
|
|
18239
|
+
else this.visualsElement.style.removeProperty("width");
|
|
18233
18240
|
if (heightDimension) this.visualsElement.style.height = `${heightDimension.value}${heightDimension.unit}`;
|
|
18241
|
+
else this.visualsElement.style.removeProperty("height");
|
|
18234
18242
|
}
|
|
18235
18243
|
}
|
|
18236
18244
|
removeDimensions() {
|
|
@@ -18621,9 +18629,10 @@ var __webpack_exports__ = {};
|
|
|
18621
18629
|
correctDimensions() {
|
|
18622
18630
|
if (this.options.video.stretch) this.removeDimensions();
|
|
18623
18631
|
else if (this.containerElement) {
|
|
18624
|
-
let
|
|
18625
|
-
if (!
|
|
18626
|
-
if (null ==
|
|
18632
|
+
let widthDimension = dimensions_useFullWidth(this.options.video.mobileBreakPoint);
|
|
18633
|
+
if (!widthDimension) widthDimension = this.visuals.getRecorderWidth(true);
|
|
18634
|
+
if (null == widthDimension ? void 0 : widthDimension.value) this.containerElement.style.width = `${widthDimension.value}${widthDimension.unit}`;
|
|
18635
|
+
else this.containerElement.style.removeProperty("width");
|
|
18627
18636
|
}
|
|
18628
18637
|
}
|
|
18629
18638
|
removeDimensions() {
|
package/dist/esm/index.js
CHANGED
|
@@ -3606,7 +3606,7 @@ const constants = {
|
|
|
3606
3606
|
}
|
|
3607
3607
|
};
|
|
3608
3608
|
var package_namespaceObject = {
|
|
3609
|
-
rE: "13.4.
|
|
3609
|
+
rE: "13.4.2"
|
|
3610
3610
|
};
|
|
3611
3611
|
function canPlayType_canPlayType(video, type) {
|
|
3612
3612
|
const canPlayType = video.canPlayType(`video/${type}`);
|
|
@@ -5624,7 +5624,9 @@ class Notifier extends util_Despot {
|
|
|
5624
5624
|
heightDimension = this.visuals.getRecorderHeight(true);
|
|
5625
5625
|
}
|
|
5626
5626
|
if (widthDimension) this.notifyElement.style.width = `${widthDimension.value}${widthDimension.unit}`;
|
|
5627
|
+
else this.notifyElement.style.removeProperty("width");
|
|
5627
5628
|
if (heightDimension) this.notifyElement.style.height = `${heightDimension.value}${heightDimension.unit}`;
|
|
5629
|
+
else this.notifyElement.style.removeProperty("height");
|
|
5628
5630
|
}
|
|
5629
5631
|
}
|
|
5630
5632
|
show() {
|
|
@@ -5788,7 +5790,7 @@ function calculateHeight(responsive, videoWidth, options, target, ratio, element
|
|
|
5788
5790
|
unit: "px"
|
|
5789
5791
|
};
|
|
5790
5792
|
let width = videoWidth;
|
|
5791
|
-
if (width < 1) throw error_createError({
|
|
5793
|
+
if (void 0 !== width && width < 1) throw error_createError({
|
|
5792
5794
|
message: `Unable to calculate height for target ${target} when width is less than 1 (= ${width}) and responsive mode is set to ${responsive}`,
|
|
5793
5795
|
options
|
|
5794
5796
|
});
|
|
@@ -6154,8 +6156,8 @@ class UserMedia extends util_Despot {
|
|
|
6154
6156
|
}
|
|
6155
6157
|
createCanvas() {
|
|
6156
6158
|
const canvas = document.createElement("canvas");
|
|
6157
|
-
const
|
|
6158
|
-
if (
|
|
6159
|
+
const rawWidthDimension = this.getRawWidth(true);
|
|
6160
|
+
if (rawWidthDimension.value) canvas.width = rawWidthDimension.value;
|
|
6159
6161
|
const rawHeight = this.getRawHeight(true);
|
|
6160
6162
|
if (rawHeight) canvas.height = rawHeight;
|
|
6161
6163
|
return canvas;
|
|
@@ -6174,7 +6176,7 @@ class UserMedia extends util_Despot {
|
|
|
6174
6176
|
}
|
|
6175
6177
|
getRawWidth(responsive) {
|
|
6176
6178
|
let rawWidth = this.getVideoWidth();
|
|
6177
|
-
const
|
|
6179
|
+
const widthDimension = {
|
|
6178
6180
|
unit: "px"
|
|
6179
6181
|
};
|
|
6180
6182
|
if (this.options.video.width || this.options.video.height) if (responsive) {
|
|
@@ -6182,11 +6184,11 @@ class UserMedia extends util_Despot {
|
|
|
6182
6184
|
rawWidth = dimension.value;
|
|
6183
6185
|
} else rawWidth = this.options.video.width;
|
|
6184
6186
|
if (responsive) {
|
|
6185
|
-
const
|
|
6186
|
-
rawWidth =
|
|
6187
|
+
const widthDimension = this.recorder.limitWidth(rawWidth);
|
|
6188
|
+
rawWidth = widthDimension?.value;
|
|
6187
6189
|
}
|
|
6188
|
-
|
|
6189
|
-
return
|
|
6190
|
+
widthDimension.value = rawWidth;
|
|
6191
|
+
return widthDimension;
|
|
6190
6192
|
}
|
|
6191
6193
|
getRawHeight(responsive) {
|
|
6192
6194
|
let rawHeight;
|
|
@@ -7031,15 +7033,19 @@ class Recorder extends util_Despot {
|
|
|
7031
7033
|
correctDimensions() {
|
|
7032
7034
|
if (!this.recorderElement) return;
|
|
7033
7035
|
const widthDimension = dimensions_useFullWidth(this.options.video.mobileBreakPoint);
|
|
7034
|
-
if (this.options.video.stretch || widthDimension)
|
|
7035
|
-
|
|
7036
|
+
if (this.options.video.stretch || widthDimension) {
|
|
7037
|
+
this.recorderElement.style.width = "100%";
|
|
7038
|
+
this.recorderElement.style.removeProperty("height");
|
|
7039
|
+
} else {
|
|
7036
7040
|
if (this.options.video.width) {
|
|
7037
7041
|
const recorderWidth = this.getRecorderWidth(true);
|
|
7038
7042
|
if (recorderWidth?.value) this.recorderElement.width = recorderWidth.value;
|
|
7043
|
+
else this.recorderElement.style.removeProperty("width");
|
|
7039
7044
|
}
|
|
7040
7045
|
if (this.options.video.height) {
|
|
7041
7046
|
const recorderHeight = this.getRecorderHeight(true);
|
|
7042
7047
|
if (recorderHeight.value) this.recorderElement.height = recorderHeight.value;
|
|
7048
|
+
else this.recorderElement.style.removeProperty("height");
|
|
7043
7049
|
}
|
|
7044
7050
|
}
|
|
7045
7051
|
}
|
|
@@ -7188,7 +7194,7 @@ class Recorder extends util_Despot {
|
|
|
7188
7194
|
}
|
|
7189
7195
|
calculateHeight(responsive) {
|
|
7190
7196
|
let videoWidth;
|
|
7191
|
-
let target;
|
|
7197
|
+
let target = "(unknown)";
|
|
7192
7198
|
if (this.userMedia) {
|
|
7193
7199
|
target = "userMedia";
|
|
7194
7200
|
videoWidth = this.userMedia.getVideoWidth();
|
|
@@ -7534,7 +7540,9 @@ class Visuals extends util_Despot {
|
|
|
7534
7540
|
heightDimension = this.getRecorderHeight(true);
|
|
7535
7541
|
}
|
|
7536
7542
|
if (widthDimension) this.visualsElement.style.width = `${widthDimension.value}${widthDimension.unit}`;
|
|
7543
|
+
else this.visualsElement.style.removeProperty("width");
|
|
7537
7544
|
if (heightDimension) this.visualsElement.style.height = `${heightDimension.value}${heightDimension.unit}`;
|
|
7545
|
+
else this.visualsElement.style.removeProperty("height");
|
|
7538
7546
|
}
|
|
7539
7547
|
}
|
|
7540
7548
|
removeDimensions() {
|
|
@@ -7892,9 +7900,10 @@ class Container extends util_Despot {
|
|
|
7892
7900
|
correctDimensions() {
|
|
7893
7901
|
if (this.options.video.stretch) this.removeDimensions();
|
|
7894
7902
|
else if (this.containerElement) {
|
|
7895
|
-
let
|
|
7896
|
-
if (!
|
|
7897
|
-
if (
|
|
7903
|
+
let widthDimension = dimensions_useFullWidth(this.options.video.mobileBreakPoint);
|
|
7904
|
+
if (!widthDimension) widthDimension = this.visuals.getRecorderWidth(true);
|
|
7905
|
+
if (widthDimension?.value) this.containerElement.style.width = `${widthDimension.value}${widthDimension.unit}`;
|
|
7906
|
+
else this.containerElement.style.removeProperty("width");
|
|
7898
7907
|
}
|
|
7899
7908
|
}
|
|
7900
7909
|
removeDimensions() {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { Dimension } from "../../../types/dimension";
|
|
2
2
|
import { VideomailClientOptions } from "../../../types/options";
|
|
3
|
-
declare function calculateHeight(responsive: boolean, videoWidth: number, options: VideomailClientOptions, target: string, ratio?: number, element?: HTMLElement | null): Dimension;
|
|
3
|
+
declare function calculateHeight(responsive: boolean, videoWidth: number | undefined, options: VideomailClientOptions, target: string, ratio?: number, element?: HTMLElement | null): Dimension;
|
|
4
4
|
export default calculateHeight;
|
package/dist/umd/index.js
CHANGED
|
@@ -2209,7 +2209,7 @@
|
|
|
2209
2209
|
}
|
|
2210
2210
|
var util = Object.create(__webpack_require__("./node_modules/core-util-is/lib/util.js"));
|
|
2211
2211
|
util.inherits = __webpack_require__("./node_modules/inherits/inherits_browser.js");
|
|
2212
|
-
var debugUtil = __webpack_require__("?
|
|
2212
|
+
var debugUtil = __webpack_require__("?c5fd");
|
|
2213
2213
|
var debug = void 0;
|
|
2214
2214
|
debug = debugUtil && debugUtil.debuglog ? debugUtil.debuglog('stream') : function() {};
|
|
2215
2215
|
var BufferList = __webpack_require__("./node_modules/duplexify/node_modules/readable-stream/lib/internal/streams/BufferList.js");
|
|
@@ -3332,7 +3332,7 @@
|
|
|
3332
3332
|
if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
|
|
3333
3333
|
}
|
|
3334
3334
|
var Buffer = __webpack_require__("./node_modules/duplexify/node_modules/safe-buffer/index.js").Buffer;
|
|
3335
|
-
var util = __webpack_require__("?
|
|
3335
|
+
var util = __webpack_require__("?6dfc");
|
|
3336
3336
|
function copyBuffer(src, target, offset) {
|
|
3337
3337
|
src.copy(target, offset);
|
|
3338
3338
|
}
|
|
@@ -4905,7 +4905,7 @@
|
|
|
4905
4905
|
},
|
|
4906
4906
|
"./node_modules/global/document.js": function(module1, __unused_webpack_exports, __webpack_require__) {
|
|
4907
4907
|
var topLevel = void 0 !== __webpack_require__.g ? __webpack_require__.g : 'undefined' != typeof window ? window : {};
|
|
4908
|
-
var minDoc = __webpack_require__("?
|
|
4908
|
+
var minDoc = __webpack_require__("?a7ce");
|
|
4909
4909
|
var doccy;
|
|
4910
4910
|
if ('undefined' != typeof document) doccy = document;
|
|
4911
4911
|
else {
|
|
@@ -5356,7 +5356,7 @@
|
|
|
5356
5356
|
}
|
|
5357
5357
|
return $replace.call(str, sepRegex, '$&_');
|
|
5358
5358
|
}
|
|
5359
|
-
var utilInspect = __webpack_require__("?
|
|
5359
|
+
var utilInspect = __webpack_require__("?3f0e");
|
|
5360
5360
|
var inspectCustom = utilInspect.custom;
|
|
5361
5361
|
var inspectSymbol = isSymbol(inspectCustom) ? inspectCustom : null;
|
|
5362
5362
|
var quotes = {
|
|
@@ -8476,7 +8476,7 @@
|
|
|
8476
8476
|
}
|
|
8477
8477
|
var util = Object.create(__webpack_require__("./node_modules/core-util-is/lib/util.js"));
|
|
8478
8478
|
util.inherits = __webpack_require__("./node_modules/inherits/inherits_browser.js");
|
|
8479
|
-
var debugUtil = __webpack_require__("?
|
|
8479
|
+
var debugUtil = __webpack_require__("?3152");
|
|
8480
8480
|
var debug = void 0;
|
|
8481
8481
|
debug = debugUtil && debugUtil.debuglog ? debugUtil.debuglog('stream') : function() {};
|
|
8482
8482
|
var BufferList = __webpack_require__("./node_modules/websocket-stream/node_modules/readable-stream/lib/internal/streams/BufferList.js");
|
|
@@ -9599,7 +9599,7 @@
|
|
|
9599
9599
|
if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
|
|
9600
9600
|
}
|
|
9601
9601
|
var Buffer = __webpack_require__("./node_modules/websocket-stream/node_modules/safe-buffer/index.js").Buffer;
|
|
9602
|
-
var util = __webpack_require__("?
|
|
9602
|
+
var util = __webpack_require__("?3412");
|
|
9603
9603
|
function copyBuffer(src, target, offset) {
|
|
9604
9604
|
src.copy(target, offset);
|
|
9605
9605
|
}
|
|
@@ -10199,12 +10199,12 @@
|
|
|
10199
10199
|
}
|
|
10200
10200
|
}
|
|
10201
10201
|
},
|
|
10202
|
-
"?
|
|
10203
|
-
"?
|
|
10204
|
-
"?
|
|
10205
|
-
"?
|
|
10206
|
-
"?
|
|
10207
|
-
"?
|
|
10202
|
+
"?6dfc": function() {},
|
|
10203
|
+
"?c5fd": function() {},
|
|
10204
|
+
"?a7ce": function() {},
|
|
10205
|
+
"?3f0e": function() {},
|
|
10206
|
+
"?3412": function() {},
|
|
10207
|
+
"?3152": function() {},
|
|
10208
10208
|
"./node_modules/@rsbuild/core/compiled/css-loader/api.js": function(module1) {
|
|
10209
10209
|
"use strict";
|
|
10210
10210
|
module1.exports = function(cssWithMappingToString) {
|
|
@@ -10670,7 +10670,7 @@
|
|
|
10670
10670
|
var client = __webpack_require__("./node_modules/superagent/lib/client.js");
|
|
10671
10671
|
var client_default = /*#__PURE__*/ __webpack_require__.n(client);
|
|
10672
10672
|
var package_namespaceObject = {
|
|
10673
|
-
rE: "13.4.
|
|
10673
|
+
rE: "13.4.2"
|
|
10674
10674
|
};
|
|
10675
10675
|
var defined = __webpack_require__("./node_modules/defined/index.js");
|
|
10676
10676
|
var defined_default = /*#__PURE__*/ __webpack_require__.n(defined);
|
|
@@ -15963,7 +15963,9 @@
|
|
|
15963
15963
|
heightDimension = this.visuals.getRecorderHeight(true);
|
|
15964
15964
|
}
|
|
15965
15965
|
if (widthDimension) this.notifyElement.style.width = `${widthDimension.value}${widthDimension.unit}`;
|
|
15966
|
+
else this.notifyElement.style.removeProperty("width");
|
|
15966
15967
|
if (heightDimension) this.notifyElement.style.height = `${heightDimension.value}${heightDimension.unit}`;
|
|
15968
|
+
else this.notifyElement.style.removeProperty("height");
|
|
15967
15969
|
}
|
|
15968
15970
|
}
|
|
15969
15971
|
show() {
|
|
@@ -16190,7 +16192,7 @@
|
|
|
16190
16192
|
unit: "px"
|
|
16191
16193
|
};
|
|
16192
16194
|
let width = videoWidth;
|
|
16193
|
-
if (width < 1) throw error_createError({
|
|
16195
|
+
if (void 0 !== width && width < 1) throw error_createError({
|
|
16194
16196
|
message: `Unable to calculate height for target ${target} when width is less than 1 (= ${width}) and responsive mode is set to ${responsive}`,
|
|
16195
16197
|
options
|
|
16196
16198
|
});
|
|
@@ -16569,8 +16571,8 @@
|
|
|
16569
16571
|
}
|
|
16570
16572
|
createCanvas() {
|
|
16571
16573
|
const canvas = document.createElement("canvas");
|
|
16572
|
-
const
|
|
16573
|
-
if (
|
|
16574
|
+
const rawWidthDimension = this.getRawWidth(true);
|
|
16575
|
+
if (rawWidthDimension.value) canvas.width = rawWidthDimension.value;
|
|
16574
16576
|
const rawHeight = this.getRawHeight(true);
|
|
16575
16577
|
if (rawHeight) canvas.height = rawHeight;
|
|
16576
16578
|
return canvas;
|
|
@@ -16589,7 +16591,7 @@
|
|
|
16589
16591
|
}
|
|
16590
16592
|
getRawWidth(responsive) {
|
|
16591
16593
|
let rawWidth = this.getVideoWidth();
|
|
16592
|
-
const
|
|
16594
|
+
const widthDimension = {
|
|
16593
16595
|
unit: "px"
|
|
16594
16596
|
};
|
|
16595
16597
|
if (this.options.video.width || this.options.video.height) if (responsive) {
|
|
@@ -16597,11 +16599,11 @@
|
|
|
16597
16599
|
rawWidth = dimension.value;
|
|
16598
16600
|
} else rawWidth = this.options.video.width;
|
|
16599
16601
|
if (responsive) {
|
|
16600
|
-
const
|
|
16601
|
-
rawWidth =
|
|
16602
|
+
const widthDimension = this.recorder.limitWidth(rawWidth);
|
|
16603
|
+
rawWidth = widthDimension?.value;
|
|
16602
16604
|
}
|
|
16603
|
-
|
|
16604
|
-
return
|
|
16605
|
+
widthDimension.value = rawWidth;
|
|
16606
|
+
return widthDimension;
|
|
16605
16607
|
}
|
|
16606
16608
|
getRawHeight(responsive) {
|
|
16607
16609
|
let rawHeight;
|
|
@@ -17446,15 +17448,19 @@
|
|
|
17446
17448
|
correctDimensions() {
|
|
17447
17449
|
if (!this.recorderElement) return;
|
|
17448
17450
|
const widthDimension = dimensions_useFullWidth(this.options.video.mobileBreakPoint);
|
|
17449
|
-
if (this.options.video.stretch || widthDimension)
|
|
17450
|
-
|
|
17451
|
+
if (this.options.video.stretch || widthDimension) {
|
|
17452
|
+
this.recorderElement.style.width = "100%";
|
|
17453
|
+
this.recorderElement.style.removeProperty("height");
|
|
17454
|
+
} else {
|
|
17451
17455
|
if (this.options.video.width) {
|
|
17452
17456
|
const recorderWidth = this.getRecorderWidth(true);
|
|
17453
17457
|
if (recorderWidth?.value) this.recorderElement.width = recorderWidth.value;
|
|
17458
|
+
else this.recorderElement.style.removeProperty("width");
|
|
17454
17459
|
}
|
|
17455
17460
|
if (this.options.video.height) {
|
|
17456
17461
|
const recorderHeight = this.getRecorderHeight(true);
|
|
17457
17462
|
if (recorderHeight.value) this.recorderElement.height = recorderHeight.value;
|
|
17463
|
+
else this.recorderElement.style.removeProperty("height");
|
|
17458
17464
|
}
|
|
17459
17465
|
}
|
|
17460
17466
|
}
|
|
@@ -17603,7 +17609,7 @@
|
|
|
17603
17609
|
}
|
|
17604
17610
|
calculateHeight(responsive) {
|
|
17605
17611
|
let videoWidth;
|
|
17606
|
-
let target;
|
|
17612
|
+
let target = "(unknown)";
|
|
17607
17613
|
if (this.userMedia) {
|
|
17608
17614
|
target = "userMedia";
|
|
17609
17615
|
videoWidth = this.userMedia.getVideoWidth();
|
|
@@ -17949,7 +17955,9 @@
|
|
|
17949
17955
|
heightDimension = this.getRecorderHeight(true);
|
|
17950
17956
|
}
|
|
17951
17957
|
if (widthDimension) this.visualsElement.style.width = `${widthDimension.value}${widthDimension.unit}`;
|
|
17958
|
+
else this.visualsElement.style.removeProperty("width");
|
|
17952
17959
|
if (heightDimension) this.visualsElement.style.height = `${heightDimension.value}${heightDimension.unit}`;
|
|
17960
|
+
else this.visualsElement.style.removeProperty("height");
|
|
17953
17961
|
}
|
|
17954
17962
|
}
|
|
17955
17963
|
removeDimensions() {
|
|
@@ -18307,9 +18315,10 @@
|
|
|
18307
18315
|
correctDimensions() {
|
|
18308
18316
|
if (this.options.video.stretch) this.removeDimensions();
|
|
18309
18317
|
else if (this.containerElement) {
|
|
18310
|
-
let
|
|
18311
|
-
if (!
|
|
18312
|
-
if (
|
|
18318
|
+
let widthDimension = dimensions_useFullWidth(this.options.video.mobileBreakPoint);
|
|
18319
|
+
if (!widthDimension) widthDimension = this.visuals.getRecorderWidth(true);
|
|
18320
|
+
if (widthDimension?.value) this.containerElement.style.width = `${widthDimension.value}${widthDimension.unit}`;
|
|
18321
|
+
else this.containerElement.style.removeProperty("width");
|
|
18313
18322
|
}
|
|
18314
18323
|
}
|
|
18315
18324
|
removeDimensions() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "videomail-client",
|
|
3
|
-
"version": "13.4.
|
|
3
|
+
"version": "13.4.2",
|
|
4
4
|
"description": "A wicked npm package to record videos directly in the browser, wohooo!",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"webcam",
|
|
@@ -79,16 +79,16 @@
|
|
|
79
79
|
"@eslint/js": "9.39.1",
|
|
80
80
|
"@rsbuild/plugin-node-polyfill": "1.4.2",
|
|
81
81
|
"@rsbuild/plugin-stylus": "1.2.0",
|
|
82
|
-
"@rsdoctor/rspack-plugin": "1.3.
|
|
83
|
-
"@rslib/core": "0.17.
|
|
84
|
-
"@storybook/addon-a11y": "
|
|
85
|
-
"@storybook/addon-docs": "
|
|
86
|
-
"@storybook/addon-links": "
|
|
87
|
-
"@storybook/html": "
|
|
88
|
-
"@tsconfig/node22": "22.0.
|
|
89
|
-
"@tsconfig/strictest": "2.0.
|
|
82
|
+
"@rsdoctor/rspack-plugin": "1.3.9",
|
|
83
|
+
"@rslib/core": "0.17.2",
|
|
84
|
+
"@storybook/addon-a11y": "10.0.7",
|
|
85
|
+
"@storybook/addon-docs": "10.0.7",
|
|
86
|
+
"@storybook/addon-links": "10.0.7",
|
|
87
|
+
"@storybook/html": "10.0.7",
|
|
88
|
+
"@tsconfig/node22": "22.0.3",
|
|
89
|
+
"@tsconfig/strictest": "2.0.8",
|
|
90
90
|
"@types/defined": "1.0.2",
|
|
91
|
-
"@types/node": "24.10.
|
|
91
|
+
"@types/node": "24.10.1",
|
|
92
92
|
"@types/superagent": "8.1.9",
|
|
93
93
|
"@types/ua-parser-js": "0.7.39",
|
|
94
94
|
"@vitest/eslint-plugin": "1.4.2",
|
|
@@ -98,29 +98,29 @@
|
|
|
98
98
|
"eslint": "9.39.1",
|
|
99
99
|
"eslint-import-resolver-typescript": "4.4.4",
|
|
100
100
|
"eslint-plugin-de-morgan": "2.0.0",
|
|
101
|
-
"eslint-plugin-depend": "1.
|
|
101
|
+
"eslint-plugin-depend": "1.4.0",
|
|
102
102
|
"eslint-plugin-import-x": "4.16.1",
|
|
103
|
-
"eslint-plugin-package-json": "0.
|
|
103
|
+
"eslint-plugin-package-json": "0.79.0",
|
|
104
104
|
"eslint-plugin-promise": "7.2.1",
|
|
105
105
|
"eslint-plugin-regexp": "2.10.0",
|
|
106
106
|
"eslint-plugin-security": "3.0.1",
|
|
107
107
|
"eslint-plugin-simple-import-sort": "12.1.1",
|
|
108
|
-
"eslint-plugin-storybook": "
|
|
108
|
+
"eslint-plugin-storybook": "10.0.7",
|
|
109
109
|
"globals": "16.5.0",
|
|
110
|
-
"jsdom": "27.
|
|
111
|
-
"msw": "2.
|
|
110
|
+
"jsdom": "27.2.0",
|
|
111
|
+
"msw": "2.12.2",
|
|
112
112
|
"msw-storybook-addon": "2.0.6",
|
|
113
113
|
"prettier": "3.6.2",
|
|
114
114
|
"prettier-plugin-curly": "0.4.0",
|
|
115
115
|
"prettier-plugin-packagejson": "2.5.19",
|
|
116
116
|
"prettier-plugin-sh": "0.18.0",
|
|
117
117
|
"release-it": "19.0.6",
|
|
118
|
-
"storybook": "
|
|
119
|
-
"storybook-html-rsbuild": "2.1.
|
|
118
|
+
"storybook": "10.0.7",
|
|
119
|
+
"storybook-html-rsbuild": "2.1.5",
|
|
120
120
|
"type-fest": "5.2.0",
|
|
121
121
|
"typescript": "5.9.3",
|
|
122
122
|
"typescript-eslint": "8.41.0",
|
|
123
|
-
"vitest": "4.0.
|
|
123
|
+
"vitest": "4.0.9"
|
|
124
124
|
},
|
|
125
125
|
"engines": {
|
|
126
126
|
"node": "^24.11.0",
|