@multiplayer-app/session-recorder-browser 1.2.27 → 1.2.28
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/README.md +114 -31
- package/dist/browser/index.js +105 -247
- package/dist/browser/index.js.map +1 -1
- package/dist/exporters/index.js +1 -1
- package/dist/index.js +105 -236
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +105 -242
- package/dist/index.umd.js.map +1 -1
- package/dist/patch/fetch.js +59 -10
- package/dist/patch/fetch.js.map +1 -1
- package/dist/sessionWidget/index.d.ts +0 -1
- package/dist/sessionWidget/index.d.ts.map +1 -1
- package/dist/sessionWidget/index.js +0 -1
- package/dist/sessionWidget/index.js.map +1 -1
- package/package.json +2 -3
package/dist/exporters/index.js
CHANGED
|
@@ -9978,7 +9978,7 @@ const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
|
|
|
9978
9978
|
const SESSION_RESPONSE = 'multiplayer-debug-session-response';
|
|
9979
9979
|
const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
|
|
9980
9980
|
const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
|
|
9981
|
-
const PACKAGE_VERSION_EXPORT = "1.2.
|
|
9981
|
+
const PACKAGE_VERSION_EXPORT = "1.2.28" || 0;
|
|
9982
9982
|
// Regex patterns for OpenTelemetry ignore URLs
|
|
9983
9983
|
const OTEL_IGNORE_URLS = [
|
|
9984
9984
|
// Traces endpoint
|
package/dist/index.js
CHANGED
|
@@ -17101,36 +17101,6 @@ const MessageTypeValues =
|
|
|
17101
17101
|
]);
|
|
17102
17102
|
//# sourceMappingURL=SemanticAttributes.js.map
|
|
17103
17103
|
|
|
17104
|
-
/***/ }),
|
|
17105
|
-
|
|
17106
|
-
/***/ "../../node_modules/css-loader/dist/cjs.js!../../node_modules/rrweb-player/dist/style.css":
|
|
17107
|
-
/*!************************************************************************************************!*\
|
|
17108
|
-
!*** ../../node_modules/css-loader/dist/cjs.js!../../node_modules/rrweb-player/dist/style.css ***!
|
|
17109
|
-
\************************************************************************************************/
|
|
17110
|
-
/***/ ((module, __webpack_exports__, __webpack_require__) => {
|
|
17111
|
-
|
|
17112
|
-
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
17113
|
-
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
|
17114
|
-
/* harmony export */ });
|
|
17115
|
-
/* harmony import */ var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../css-loader/dist/runtime/cssWithMappingToString.js */ "../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js");
|
|
17116
|
-
/* harmony import */ var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
17117
|
-
/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../css-loader/dist/runtime/api.js */ "../../node_modules/css-loader/dist/runtime/api.js");
|
|
17118
|
-
/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
17119
|
-
/* harmony import */ var _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../css-loader/dist/runtime/getUrl.js */ "../../node_modules/css-loader/dist/runtime/getUrl.js");
|
|
17120
|
-
/* harmony import */ var _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
17121
|
-
// Imports
|
|
17122
|
-
|
|
17123
|
-
|
|
17124
|
-
|
|
17125
|
-
var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg== */ "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg=="), __webpack_require__.b);
|
|
17126
|
-
var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
17127
|
-
var ___CSS_LOADER_URL_REPLACEMENT_0___ = _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
|
|
17128
|
-
// Module
|
|
17129
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".switch.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{height:1em;display:flex;align-items:center}.switch.disabled.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{opacity:0.5}.label.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{margin:0 8px}.switch.svelte-a6h7w7 input[type='checkbox'].svelte-a6h7w7.svelte-a6h7w7{position:absolute;opacity:0}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7{width:2em;height:1em;position:relative;cursor:pointer;display:block}.switch.disabled.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7{cursor:not-allowed}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7:before{content:'';position:absolute;width:2em;height:1em;left:0.1em;transition:background 0.1s ease;background:rgba(73, 80, 246, 0.5);border-radius:50px}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7:after{content:'';position:absolute;width:1em;height:1em;border-radius:50px;left:0;transition:all 0.2s ease;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.3);background:#fcfff4;animation:switch-off 0.2s ease-out;z-index:2}.switch.svelte-a6h7w7 input[type='checkbox'].svelte-a6h7w7:checked+label.svelte-a6h7w7:before{background:rgb(73, 80, 246)}.switch.svelte-a6h7w7 input[type='checkbox'].svelte-a6h7w7:checked+label.svelte-a6h7w7:after{animation:switch-on 0.2s ease-out;left:1.1em}.rr-controller.svelte-189zk2r.svelte-189zk2r{width:100%;height:80px;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:0 0 5px 5px}.rr-timeline.svelte-189zk2r.svelte-189zk2r{width:80%;display:flex;align-items:center}.rr-timeline__time.svelte-189zk2r.svelte-189zk2r{display:inline-block;width:100px;text-align:center;color:#11103e}.rr-progress.svelte-189zk2r.svelte-189zk2r{flex:1;height:12px;background:#eee;position:relative;border-radius:3px;cursor:pointer;box-sizing:border-box;border-top:solid 4px #fff;border-bottom:solid 4px #fff}.rr-progress.disabled.svelte-189zk2r.svelte-189zk2r{cursor:not-allowed}.rr-progress__step.svelte-189zk2r.svelte-189zk2r{height:100%;position:absolute;left:0;top:0;background:#e0e1fe}.rr-progress__handler.svelte-189zk2r.svelte-189zk2r{width:20px;height:20px;border-radius:10px;position:absolute;top:2px;transform:translate(-50%, -50%);background:rgb(73, 80, 246)}.rr-controller__btns.svelte-189zk2r.svelte-189zk2r{display:flex;align-items:center;justify-content:center;font-size:13px}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r{width:32px;height:32px;display:flex;padding:0;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r:active{background:#e0e1fe}.rr-controller__btns.svelte-189zk2r button.active.svelte-189zk2r{color:#fff;background:rgb(73, 80, 246)}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r:disabled{cursor:not-allowed}.replayer-wrapper {\n position: relative;\n}\n.replayer-mouse {\n position: absolute;\n width: 20px;\n height: 20px;\n transition: left 0.05s linear, top 0.05s linear;\n background-size: contain;\n background-position: center center;\n background-repeat: no-repeat;\n background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ");\n border-color: transparent; /* otherwise we transition from black when .touch-device class is added */\n}\n.replayer-mouse::after {\n content: '';\n display: inline-block;\n width: 20px;\n height: 20px;\n background: rgb(73, 80, 246);\n border-radius: 100%;\n transform: translate(-50%, -50%);\n opacity: 0.3;\n}\n.replayer-mouse.active::after {\n animation: click 0.2s ease-in-out 1;\n}\n.replayer-mouse.touch-device {\n background-image: none; /* there's no passive cursor on touch-only screens */\n width: 70px;\n height: 70px;\n border-width: 4px;\n border-style: solid;\n border-radius: 100%;\n margin-left: -37px;\n margin-top: -37px;\n border-color: rgba(73, 80, 246, 0);\n transition: left 0s linear, top 0s linear, border-color 0.2s ease-in-out;\n}\n.replayer-mouse.touch-device.touch-active {\n border-color: rgba(73, 80, 246, 1);\n transition: left 0.25s linear, top 0.25s linear, border-color 0.2s ease-in-out;\n}\n.replayer-mouse.touch-device::after {\n opacity: 0; /* there's no passive cursor on touch-only screens */\n}\n.replayer-mouse.touch-device.active::after {\n animation: touch-click 0.2s ease-in-out 1;\n}\n.replayer-mouse-tail {\n position: absolute;\n pointer-events: none;\n}\n@keyframes click {\n 0% {\n opacity: 0.3;\n width: 20px;\n height: 20px;\n }\n 50% {\n opacity: 0.5;\n width: 10px;\n height: 10px;\n }\n}\n@keyframes touch-click {\n 0% {\n opacity: 0;\n width: 20px;\n height: 20px;\n }\n 50% {\n opacity: 0.5;\n width: 10px;\n height: 10px;\n }\n}\n.rr-player{position:relative;background:white;float:left;border-radius:5px;box-shadow:0 24px 48px rgba(17, 16, 62, 0.12)}\n.rr-player__frame{overflow:hidden}\n.replayer-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%}\n.replayer-wrapper>iframe{border:none}", "",{"version":3,"sources":["webpack://./../../node_modules/rrweb-player/dist/style.css"],"names":[],"mappings":"AAAA,kDAAkD,UAAU,CAAC,YAAY,CAAC,kBAAkB,CAAC,2DAA2D,WAAW,CAAC,iDAAiD,YAAY,CAAC,yEAAyE,iBAAiB,CAAC,SAAS,CAAC,wDAAwD,SAAS,CAAC,UAAU,CAAC,iBAAiB,CAAC,cAAc,CAAC,aAAa,CAAC,iEAAiE,kBAAkB,CAAC,+DAA+D,UAAU,CAAC,iBAAiB,CAAC,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,+BAA+B,CAAC,iCAAiC,CAAC,kBAAkB,CAAC,8DAA8D,UAAU,CAAC,iBAAiB,CAAC,SAAS,CAAC,UAAU,CAAC,kBAAkB,CAAC,MAAM,CAAC,wBAAwB,CAAC,6CAA6C,CAAC,kBAAkB,CAAC,kCAAkC,CAAC,SAAS,CAAC,8FAA8F,2BAA2B,CAAC,6FAA6F,iCAAiC,CAAC,UAAU,CAAC,6CAA6C,UAAU,CAAC,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,qBAAqB,CAAC,4BAA4B,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,2CAA2C,SAAS,CAAC,YAAY,CAAC,kBAAkB,CAAC,iDAAiD,oBAAoB,CAAC,WAAW,CAAC,iBAAiB,CAAC,aAAa,CAAC,2CAA2C,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,qBAAqB,CAAC,yBAAyB,CAAC,4BAA4B,CAAC,oDAAoD,kBAAkB,CAAC,iDAAiD,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,oDAAoD,UAAU,CAAC,WAAW,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,OAAO,CAAC,+BAA+B,CAAC,2BAA2B,CAAC,mDAAmD,YAAY,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,cAAc,CAAC,0DAA0D,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,eAAe,CAAC,WAAW,CAAC,iBAAiB,CAAC,cAAc,CAAC,iEAAiE,kBAAkB,CAAC,iEAAiE,UAAU,CAAC,2BAA2B,CAAC,mEAAmE,kBAAkB,CAAC;EACrxF,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,+CAA+C;EAC/C,wBAAwB;EACxB,kCAAkC;EAClC,4BAA4B;EAC5B,yDAA+qB;EAC/qB,yBAAyB,GAAG,yEAAyE;AACvG;AACA;EACE,WAAW;EACX,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,4BAA4B;EAC5B,mBAAmB;EACnB,gCAAgC;EAChC,YAAY;AACd;AACA;EACE,mCAAmC;AACrC;AACA;EACE,sBAAsB,GAAG,oDAAoD;EAC7E,WAAW;EACX,YAAY;EACZ,iBAAiB;EACjB,mBAAmB;EACnB,mBAAmB;EACnB,kBAAkB;EAClB,iBAAiB;EACjB,kCAAkC;EAClC,wEAAwE;AAC1E;AACA;EACE,kCAAkC;EAClC,8EAA8E;AAChF;AACA;EACE,UAAU,GAAG,oDAAoD;AACnE;AACA;EACE,yCAAyC;AAC3C;AACA;EACE,kBAAkB;EAClB,oBAAoB;AACtB;AACA;EACE;IACE,YAAY;IACZ,WAAW;IACX,YAAY;EACd;EACA;IACE,YAAY;IACZ,WAAW;IACX,YAAY;EACd;AACF;AACA;EACE;IACE,UAAU;IACV,WAAW;IACX,YAAY;EACd;EACA;IACE,YAAY;IACZ,WAAW;IACX,YAAY;EACd;AACF;AACA,WAAW,iBAAiB,CAAC,gBAAgB,CAAC,UAAU,CAAC,iBAAiB,CAAC,6CAA6C;AACxH,kBAAkB,eAAe;AACjC,kBAAkB,UAAU,CAAC,UAAU,CAAC,yBAAyB,CAAC,QAAQ,CAAC,OAAO;AAClF,yBAAyB,WAAW","sourcesContent":[".switch.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{height:1em;display:flex;align-items:center}.switch.disabled.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{opacity:0.5}.label.svelte-a6h7w7.svelte-a6h7w7.svelte-a6h7w7{margin:0 8px}.switch.svelte-a6h7w7 input[type='checkbox'].svelte-a6h7w7.svelte-a6h7w7{position:absolute;opacity:0}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7{width:2em;height:1em;position:relative;cursor:pointer;display:block}.switch.disabled.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7{cursor:not-allowed}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7:before{content:'';position:absolute;width:2em;height:1em;left:0.1em;transition:background 0.1s ease;background:rgba(73, 80, 246, 0.5);border-radius:50px}.switch.svelte-a6h7w7 label.svelte-a6h7w7.svelte-a6h7w7:after{content:'';position:absolute;width:1em;height:1em;border-radius:50px;left:0;transition:all 0.2s ease;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.3);background:#fcfff4;animation:switch-off 0.2s ease-out;z-index:2}.switch.svelte-a6h7w7 input[type='checkbox'].svelte-a6h7w7:checked+label.svelte-a6h7w7:before{background:rgb(73, 80, 246)}.switch.svelte-a6h7w7 input[type='checkbox'].svelte-a6h7w7:checked+label.svelte-a6h7w7:after{animation:switch-on 0.2s ease-out;left:1.1em}.rr-controller.svelte-189zk2r.svelte-189zk2r{width:100%;height:80px;background:#fff;display:flex;flex-direction:column;justify-content:space-around;align-items:center;border-radius:0 0 5px 5px}.rr-timeline.svelte-189zk2r.svelte-189zk2r{width:80%;display:flex;align-items:center}.rr-timeline__time.svelte-189zk2r.svelte-189zk2r{display:inline-block;width:100px;text-align:center;color:#11103e}.rr-progress.svelte-189zk2r.svelte-189zk2r{flex:1;height:12px;background:#eee;position:relative;border-radius:3px;cursor:pointer;box-sizing:border-box;border-top:solid 4px #fff;border-bottom:solid 4px #fff}.rr-progress.disabled.svelte-189zk2r.svelte-189zk2r{cursor:not-allowed}.rr-progress__step.svelte-189zk2r.svelte-189zk2r{height:100%;position:absolute;left:0;top:0;background:#e0e1fe}.rr-progress__handler.svelte-189zk2r.svelte-189zk2r{width:20px;height:20px;border-radius:10px;position:absolute;top:2px;transform:translate(-50%, -50%);background:rgb(73, 80, 246)}.rr-controller__btns.svelte-189zk2r.svelte-189zk2r{display:flex;align-items:center;justify-content:center;font-size:13px}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r{width:32px;height:32px;display:flex;padding:0;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r:active{background:#e0e1fe}.rr-controller__btns.svelte-189zk2r button.active.svelte-189zk2r{color:#fff;background:rgb(73, 80, 246)}.rr-controller__btns.svelte-189zk2r button.svelte-189zk2r:disabled{cursor:not-allowed}.replayer-wrapper {\n position: relative;\n}\n.replayer-mouse {\n position: absolute;\n width: 20px;\n height: 20px;\n transition: left 0.05s linear, top 0.05s linear;\n background-size: contain;\n background-position: center center;\n background-repeat: no-repeat;\n background-image: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==');\n border-color: transparent; /* otherwise we transition from black when .touch-device class is added */\n}\n.replayer-mouse::after {\n content: '';\n display: inline-block;\n width: 20px;\n height: 20px;\n background: rgb(73, 80, 246);\n border-radius: 100%;\n transform: translate(-50%, -50%);\n opacity: 0.3;\n}\n.replayer-mouse.active::after {\n animation: click 0.2s ease-in-out 1;\n}\n.replayer-mouse.touch-device {\n background-image: none; /* there's no passive cursor on touch-only screens */\n width: 70px;\n height: 70px;\n border-width: 4px;\n border-style: solid;\n border-radius: 100%;\n margin-left: -37px;\n margin-top: -37px;\n border-color: rgba(73, 80, 246, 0);\n transition: left 0s linear, top 0s linear, border-color 0.2s ease-in-out;\n}\n.replayer-mouse.touch-device.touch-active {\n border-color: rgba(73, 80, 246, 1);\n transition: left 0.25s linear, top 0.25s linear, border-color 0.2s ease-in-out;\n}\n.replayer-mouse.touch-device::after {\n opacity: 0; /* there's no passive cursor on touch-only screens */\n}\n.replayer-mouse.touch-device.active::after {\n animation: touch-click 0.2s ease-in-out 1;\n}\n.replayer-mouse-tail {\n position: absolute;\n pointer-events: none;\n}\n@keyframes click {\n 0% {\n opacity: 0.3;\n width: 20px;\n height: 20px;\n }\n 50% {\n opacity: 0.5;\n width: 10px;\n height: 10px;\n }\n}\n@keyframes touch-click {\n 0% {\n opacity: 0;\n width: 20px;\n height: 20px;\n }\n 50% {\n opacity: 0.5;\n width: 10px;\n height: 10px;\n }\n}\n.rr-player{position:relative;background:white;float:left;border-radius:5px;box-shadow:0 24px 48px rgba(17, 16, 62, 0.12)}\n.rr-player__frame{overflow:hidden}\n.replayer-wrapper{float:left;clear:both;transform-origin:top left;left:50%;top:50%}\n.replayer-wrapper>iframe{border:none}"],"sourceRoot":""}]);
|
|
17130
|
-
// Exports
|
|
17131
|
-
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
17132
|
-
|
|
17133
|
-
|
|
17134
17104
|
/***/ }),
|
|
17135
17105
|
|
|
17136
17106
|
/***/ "../../node_modules/css-loader/dist/cjs.js!../../node_modules/sass-loader/dist/cjs.js!./src/index.scss":
|
|
@@ -17278,48 +17248,6 @@ module.exports = function cssWithMappingToString(item) {
|
|
|
17278
17248
|
|
|
17279
17249
|
/***/ }),
|
|
17280
17250
|
|
|
17281
|
-
/***/ "../../node_modules/css-loader/dist/runtime/getUrl.js":
|
|
17282
|
-
/*!************************************************************!*\
|
|
17283
|
-
!*** ../../node_modules/css-loader/dist/runtime/getUrl.js ***!
|
|
17284
|
-
\************************************************************/
|
|
17285
|
-
/***/ ((module) => {
|
|
17286
|
-
|
|
17287
|
-
|
|
17288
|
-
|
|
17289
|
-
module.exports = function (url, options) {
|
|
17290
|
-
if (!options) {
|
|
17291
|
-
// eslint-disable-next-line no-param-reassign
|
|
17292
|
-
options = {};
|
|
17293
|
-
}
|
|
17294
|
-
|
|
17295
|
-
if (!url) {
|
|
17296
|
-
return url;
|
|
17297
|
-
} // eslint-disable-next-line no-underscore-dangle, no-param-reassign
|
|
17298
|
-
|
|
17299
|
-
|
|
17300
|
-
url = String(url.__esModule ? url.default : url); // If url is already wrapped in quotes, remove them
|
|
17301
|
-
|
|
17302
|
-
if (/^['"].*['"]$/.test(url)) {
|
|
17303
|
-
// eslint-disable-next-line no-param-reassign
|
|
17304
|
-
url = url.slice(1, -1);
|
|
17305
|
-
}
|
|
17306
|
-
|
|
17307
|
-
if (options.hash) {
|
|
17308
|
-
// eslint-disable-next-line no-param-reassign
|
|
17309
|
-
url += options.hash;
|
|
17310
|
-
} // Should url be wrapped?
|
|
17311
|
-
// See https://drafts.csswg.org/css-values-3/#urls
|
|
17312
|
-
|
|
17313
|
-
|
|
17314
|
-
if (/["'() \t\n]|(%20)/.test(url) || options.needQuotes) {
|
|
17315
|
-
return "\"".concat(url.replace(/"/g, '\\"').replace(/\n/g, "\\n"), "\"");
|
|
17316
|
-
}
|
|
17317
|
-
|
|
17318
|
-
return url;
|
|
17319
|
-
};
|
|
17320
|
-
|
|
17321
|
-
/***/ }),
|
|
17322
|
-
|
|
17323
17251
|
/***/ "../../node_modules/events/events.js":
|
|
17324
17252
|
/*!*******************************************!*\
|
|
17325
17253
|
!*** ../../node_modules/events/events.js ***!
|
|
@@ -23315,75 +23243,6 @@ function noop() {
|
|
|
23315
23243
|
module.exports = xor;
|
|
23316
23244
|
|
|
23317
23245
|
|
|
23318
|
-
/***/ }),
|
|
23319
|
-
|
|
23320
|
-
/***/ "../../node_modules/rrweb-player/dist/style.css":
|
|
23321
|
-
/*!******************************************************!*\
|
|
23322
|
-
!*** ../../node_modules/rrweb-player/dist/style.css ***!
|
|
23323
|
-
\******************************************************/
|
|
23324
|
-
/***/ ((__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) => {
|
|
23325
|
-
|
|
23326
|
-
/* harmony import */ var _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
|
|
23327
|
-
/* harmony import */ var _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
|
|
23328
|
-
/* harmony import */ var _style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../style-loader/dist/runtime/styleDomAPI.js */ "../../node_modules/style-loader/dist/runtime/styleDomAPI.js");
|
|
23329
|
-
/* harmony import */ var _style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
|
|
23330
|
-
/* harmony import */ var _style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../style-loader/dist/runtime/getTarget.js */ "../../node_modules/style-loader/dist/runtime/getTarget.js");
|
|
23331
|
-
/* harmony import */ var _style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2__);
|
|
23332
|
-
/* harmony import */ var _style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../style-loader/dist/runtime/insertStyleElement.js */ "../../node_modules/style-loader/dist/runtime/insertStyleElement.js");
|
|
23333
|
-
/* harmony import */ var _style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
23334
|
-
/* harmony import */ var _css_loader_dist_cjs_js_style_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !!../../css-loader/dist/cjs.js!./style.css */ "../../node_modules/css-loader/dist/cjs.js!../../node_modules/rrweb-player/dist/style.css");
|
|
23335
|
-
|
|
23336
|
-
|
|
23337
|
-
|
|
23338
|
-
|
|
23339
|
-
|
|
23340
|
-
|
|
23341
|
-
|
|
23342
|
-
|
|
23343
|
-
|
|
23344
|
-
var options = {};
|
|
23345
|
-
|
|
23346
|
-
options.styleTagTransform = function(css, style){
|
|
23347
|
-
if (style.styleSheet) {
|
|
23348
|
-
style.styleSheet.cssText = css;
|
|
23349
|
-
} else {
|
|
23350
|
-
while (style.firstChild) {
|
|
23351
|
-
style.removeChild(style.firstChild);
|
|
23352
|
-
}
|
|
23353
|
-
|
|
23354
|
-
style.appendChild(document.createTextNode(css));
|
|
23355
|
-
}
|
|
23356
|
-
};
|
|
23357
|
-
options.setAttributes = function(style) {
|
|
23358
|
-
var nonce =
|
|
23359
|
-
true ? __webpack_require__.nc : 0;
|
|
23360
|
-
|
|
23361
|
-
if (nonce) {
|
|
23362
|
-
style.setAttribute("nonce", nonce);
|
|
23363
|
-
}
|
|
23364
|
-
};
|
|
23365
|
-
options.insert = function(style){
|
|
23366
|
-
var target = _style_loader_dist_runtime_getTarget_js__WEBPACK_IMPORTED_MODULE_2___default()("head");
|
|
23367
|
-
|
|
23368
|
-
if (!target) {
|
|
23369
|
-
throw new Error(
|
|
23370
|
-
"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid."
|
|
23371
|
-
);
|
|
23372
|
-
}
|
|
23373
|
-
|
|
23374
|
-
target.appendChild(style);
|
|
23375
|
-
};
|
|
23376
|
-
options.domAPI = (_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
|
|
23377
|
-
options.insertStyleElement = (_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_3___default());
|
|
23378
|
-
|
|
23379
|
-
var update = _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_css_loader_dist_cjs_js_style_css__WEBPACK_IMPORTED_MODULE_4__["default"], options);
|
|
23380
|
-
|
|
23381
|
-
|
|
23382
|
-
|
|
23383
|
-
|
|
23384
|
-
/* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = (_css_loader_dist_cjs_js_style_css__WEBPACK_IMPORTED_MODULE_4__["default"] && _css_loader_dist_cjs_js_style_css__WEBPACK_IMPORTED_MODULE_4__["default"].locals ? _css_loader_dist_cjs_js_style_css__WEBPACK_IMPORTED_MODULE_4__["default"].locals : undefined);
|
|
23385
|
-
|
|
23386
|
-
|
|
23387
23246
|
/***/ }),
|
|
23388
23247
|
|
|
23389
23248
|
/***/ "./src/index.scss":
|
|
@@ -24284,7 +24143,7 @@ const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
|
|
|
24284
24143
|
const SESSION_RESPONSE = 'multiplayer-debug-session-response';
|
|
24285
24144
|
const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
|
|
24286
24145
|
const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
|
|
24287
|
-
const PACKAGE_VERSION_EXPORT = "1.2.
|
|
24146
|
+
const PACKAGE_VERSION_EXPORT = "1.2.28" || 0;
|
|
24288
24147
|
// Regex patterns for OpenTelemetry ignore URLs
|
|
24289
24148
|
const OTEL_IGNORE_URLS = [
|
|
24290
24149
|
// Traces endpoint
|
|
@@ -25496,6 +25355,26 @@ function _headersToObject(headers) {
|
|
|
25496
25355
|
});
|
|
25497
25356
|
return result;
|
|
25498
25357
|
}
|
|
25358
|
+
// Convert HeadersInit to a plain object without needing to construct a Request
|
|
25359
|
+
function _headersInitToObject(headersInit) {
|
|
25360
|
+
if (!headersInit)
|
|
25361
|
+
return {};
|
|
25362
|
+
if (headersInit instanceof Headers) {
|
|
25363
|
+
return _headersToObject(headersInit);
|
|
25364
|
+
}
|
|
25365
|
+
const result = {};
|
|
25366
|
+
if (Array.isArray(headersInit)) {
|
|
25367
|
+
for (const [key, value] of headersInit) {
|
|
25368
|
+
result[String(key).toLowerCase()] = String(value);
|
|
25369
|
+
}
|
|
25370
|
+
return result;
|
|
25371
|
+
}
|
|
25372
|
+
// Record<string, string>
|
|
25373
|
+
for (const [key, value] of Object.entries(headersInit)) {
|
|
25374
|
+
result[String(key).toLowerCase()] = String(value);
|
|
25375
|
+
}
|
|
25376
|
+
return result;
|
|
25377
|
+
}
|
|
25499
25378
|
// Store original fetch
|
|
25500
25379
|
const originalFetch = window.fetch;
|
|
25501
25380
|
// Override fetch
|
|
@@ -25504,18 +25383,47 @@ window.fetch = async function (input,
|
|
|
25504
25383
|
init) {
|
|
25505
25384
|
const networkRequest = {};
|
|
25506
25385
|
// Capture request data
|
|
25507
|
-
const
|
|
25508
|
-
|
|
25509
|
-
|
|
25386
|
+
const inputIsRequest = typeof Request !== 'undefined' && input instanceof Request;
|
|
25387
|
+
const safeToConstructRequest = !inputIsRequest || !input.bodyUsed;
|
|
25388
|
+
// Only construct a new Request when it's safe (i.e., body not already used)
|
|
25389
|
+
let requestForMetadata = null;
|
|
25390
|
+
if (safeToConstructRequest) {
|
|
25391
|
+
try {
|
|
25392
|
+
requestForMetadata = new Request(input, init);
|
|
25393
|
+
}
|
|
25394
|
+
catch (_a) {
|
|
25395
|
+
// If construction fails for any reason, fall back to using available data
|
|
25396
|
+
requestForMetadata = null;
|
|
25397
|
+
}
|
|
25510
25398
|
}
|
|
25511
|
-
if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.
|
|
25512
|
-
|
|
25513
|
-
|
|
25514
|
-
|
|
25515
|
-
|
|
25516
|
-
|
|
25517
|
-
|
|
25518
|
-
|
|
25399
|
+
if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.recordRequestHeaders) {
|
|
25400
|
+
if (requestForMetadata) {
|
|
25401
|
+
networkRequest.requestHeaders = _headersToObject(requestForMetadata.headers);
|
|
25402
|
+
}
|
|
25403
|
+
else if (inputIsRequest) {
|
|
25404
|
+
networkRequest.requestHeaders = _headersToObject(input.headers);
|
|
25405
|
+
}
|
|
25406
|
+
else {
|
|
25407
|
+
networkRequest.requestHeaders = _headersInitToObject(init === null || init === void 0 ? void 0 : init.headers);
|
|
25408
|
+
}
|
|
25409
|
+
}
|
|
25410
|
+
if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.shouldRecordBody) {
|
|
25411
|
+
// Prefer reading from the safely constructed Request; else fallback to init.body
|
|
25412
|
+
const urlStr = inputIsRequest
|
|
25413
|
+
? input.url
|
|
25414
|
+
: (typeof input === 'string' || input instanceof URL ? String(input) : '');
|
|
25415
|
+
const candidateBody = requestForMetadata
|
|
25416
|
+
? requestForMetadata.body
|
|
25417
|
+
: (inputIsRequest ? init === null || init === void 0 ? void 0 : init.body : init === null || init === void 0 ? void 0 : init.body);
|
|
25418
|
+
if (!(0,_utils_type_utils__WEBPACK_IMPORTED_MODULE_0__.isNullish)(candidateBody)) {
|
|
25419
|
+
const requestBody = _tryReadFetchBody({
|
|
25420
|
+
body: candidateBody,
|
|
25421
|
+
url: urlStr,
|
|
25422
|
+
});
|
|
25423
|
+
if ((requestBody === null || requestBody === void 0 ? void 0 : requestBody.length) &&
|
|
25424
|
+
new Blob([requestBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
|
|
25425
|
+
networkRequest.requestBody = requestBody;
|
|
25426
|
+
}
|
|
25519
25427
|
}
|
|
25520
25428
|
}
|
|
25521
25429
|
try {
|
|
@@ -27274,16 +27182,14 @@ class DragManager {
|
|
|
27274
27182
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
27275
27183
|
/* harmony export */ SessionWidget: () => (/* binding */ SessionWidget)
|
|
27276
27184
|
/* harmony export */ });
|
|
27277
|
-
/* harmony import */ var
|
|
27278
|
-
/* harmony import */ var
|
|
27279
|
-
/* harmony import */ var
|
|
27280
|
-
/* harmony import */ var
|
|
27281
|
-
/* harmony import */ var
|
|
27282
|
-
/* harmony import */ var
|
|
27283
|
-
/* harmony import */ var
|
|
27284
|
-
/* harmony import */ var
|
|
27285
|
-
/* harmony import */ var _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./buttonStateConfigs */ "./src/sessionWidget/buttonStateConfigs.ts");
|
|
27286
|
-
|
|
27185
|
+
/* harmony import */ var lib0_observable__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lib0/observable */ "../../node_modules/lib0/observable.js");
|
|
27186
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
|
|
27187
|
+
/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../types */ "./src/types/index.ts");
|
|
27188
|
+
/* harmony import */ var _dragManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./dragManager */ "./src/sessionWidget/dragManager.ts");
|
|
27189
|
+
/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./constants */ "./src/sessionWidget/constants.ts");
|
|
27190
|
+
/* harmony import */ var _config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config */ "./src/config/index.ts");
|
|
27191
|
+
/* harmony import */ var _UIManager__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./UIManager */ "./src/sessionWidget/UIManager.ts");
|
|
27192
|
+
/* harmony import */ var _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./buttonStateConfigs */ "./src/sessionWidget/buttonStateConfigs.ts");
|
|
27287
27193
|
|
|
27288
27194
|
|
|
27289
27195
|
|
|
@@ -27293,11 +27199,11 @@ class DragManager {
|
|
|
27293
27199
|
|
|
27294
27200
|
|
|
27295
27201
|
|
|
27296
|
-
class SessionWidget extends
|
|
27202
|
+
class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_7__.Observable {
|
|
27297
27203
|
set buttonState(newState) {
|
|
27298
27204
|
this._buttonState = newState;
|
|
27299
|
-
const { icon, tooltip, classes, excludeClasses } =
|
|
27300
|
-
if (newState ===
|
|
27205
|
+
const { icon, tooltip, classes, excludeClasses } = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.buttonStates[newState];
|
|
27206
|
+
if (newState === _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.CANCEL) {
|
|
27301
27207
|
this.buttonDraggabilityObserver.observe(this.recorderButton, {
|
|
27302
27208
|
attributes: true,
|
|
27303
27209
|
attributeOldValue: true,
|
|
@@ -27350,15 +27256,15 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27350
27256
|
if (this._isStarted) {
|
|
27351
27257
|
if (!this._continuousRecording) {
|
|
27352
27258
|
this.initialPopoverVisible = false;
|
|
27353
|
-
this.buttonState =
|
|
27259
|
+
this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.RECORDING;
|
|
27354
27260
|
}
|
|
27355
27261
|
else {
|
|
27356
|
-
this.buttonState =
|
|
27262
|
+
this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.CONTINUOUS_DEBUGGING;
|
|
27357
27263
|
}
|
|
27358
27264
|
this.uiManager.setPopoverLoadingState(false);
|
|
27359
27265
|
}
|
|
27360
27266
|
else {
|
|
27361
|
-
this.buttonState =
|
|
27267
|
+
this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.IDLE;
|
|
27362
27268
|
}
|
|
27363
27269
|
}
|
|
27364
27270
|
set isPaused(v) {
|
|
@@ -27378,10 +27284,10 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27378
27284
|
this._error = '';
|
|
27379
27285
|
this._initialPopoverVisible = false;
|
|
27380
27286
|
this._finalPopoverVisible = false;
|
|
27381
|
-
this._buttonState =
|
|
27287
|
+
this._buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.IDLE;
|
|
27382
27288
|
this._continuousRecording = false;
|
|
27383
27289
|
this._showContinuousRecording = true;
|
|
27384
|
-
this._widgetTextOverrides =
|
|
27290
|
+
this._widgetTextOverrides = _config__WEBPACK_IMPORTED_MODULE_4__.DEFAULT_WIDGET_TEXT_CONFIG;
|
|
27385
27291
|
this.commentTextarea = null;
|
|
27386
27292
|
this.dragManager = null;
|
|
27387
27293
|
this.buttonClickExternalHandler = null;
|
|
@@ -27412,7 +27318,7 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27412
27318
|
this.overlay = document.createElement('div');
|
|
27413
27319
|
this.toast = document.createElement('div');
|
|
27414
27320
|
this.submitSessionDialog = document.createElement('div');
|
|
27415
|
-
this.uiManager = new
|
|
27321
|
+
this.uiManager = new _UIManager__WEBPACK_IMPORTED_MODULE_5__.UIManager(this.recorderButton, this.initialPopover, this.finalPopover, this.overlay, this.submitSessionDialog, this.toast, _config__WEBPACK_IMPORTED_MODULE_4__.DEFAULT_WIDGET_TEXT_CONFIG, true);
|
|
27416
27322
|
this.uiManager.setRecorderButtonProps();
|
|
27417
27323
|
this.uiManager.setInitialPopoverProps();
|
|
27418
27324
|
this.uiManager.setFinalPopoverProps();
|
|
@@ -27425,15 +27331,15 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27425
27331
|
updateState(state, continuousRecording) {
|
|
27426
27332
|
this._continuousRecording = continuousRecording;
|
|
27427
27333
|
switch (state) {
|
|
27428
|
-
case
|
|
27334
|
+
case _types__WEBPACK_IMPORTED_MODULE_1__.SessionState.started:
|
|
27429
27335
|
this.isPaused = false;
|
|
27430
27336
|
this.isStarted = true;
|
|
27431
27337
|
break;
|
|
27432
|
-
case
|
|
27338
|
+
case _types__WEBPACK_IMPORTED_MODULE_1__.SessionState.stopped:
|
|
27433
27339
|
this.isPaused = false;
|
|
27434
27340
|
this.isStarted = false;
|
|
27435
27341
|
break;
|
|
27436
|
-
case
|
|
27342
|
+
case _types__WEBPACK_IMPORTED_MODULE_1__.SessionState.paused:
|
|
27437
27343
|
this.isPaused = true;
|
|
27438
27344
|
this.isStarted = false;
|
|
27439
27345
|
break;
|
|
@@ -27453,7 +27359,7 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27453
27359
|
updateSaveContinuousDebugSessionState(state) {
|
|
27454
27360
|
const saveButton = this.initialPopover.querySelector('#mp-save-continuous-debug-session');
|
|
27455
27361
|
if (saveButton) {
|
|
27456
|
-
const { textContent, disabled } =
|
|
27362
|
+
const { textContent, disabled } = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.continuousRecordingSaveButtonStates[state];
|
|
27457
27363
|
saveButton.disabled = disabled;
|
|
27458
27364
|
saveButton.textContent = textContent;
|
|
27459
27365
|
}
|
|
@@ -27502,7 +27408,7 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27502
27408
|
...options.widgetTextOverrides,
|
|
27503
27409
|
};
|
|
27504
27410
|
// Recreate UIManager with proper config
|
|
27505
|
-
this.uiManager = new
|
|
27411
|
+
this.uiManager = new _UIManager__WEBPACK_IMPORTED_MODULE_5__.UIManager(this.recorderButton, this.initialPopover, this.finalPopover, this.overlay, this.submitSessionDialog, this.toast, this._widgetTextOverrides, this._showContinuousRecording);
|
|
27506
27412
|
// Re-initialize templates with new config
|
|
27507
27413
|
this.uiManager.setRecorderButtonProps();
|
|
27508
27414
|
this.uiManager.setInitialPopoverProps();
|
|
@@ -27540,7 +27446,7 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27540
27446
|
document.body.appendChild(rootWrapper);
|
|
27541
27447
|
}
|
|
27542
27448
|
addRecorderDragFunctionality() {
|
|
27543
|
-
this.dragManager = new
|
|
27449
|
+
this.dragManager = new _dragManager__WEBPACK_IMPORTED_MODULE_2__.DragManager(this.recorderButton, this._recorderPlacement, () => {
|
|
27544
27450
|
if (this._isPaused) {
|
|
27545
27451
|
this.finalPopoverVisible = true;
|
|
27546
27452
|
}
|
|
@@ -27555,19 +27461,19 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27555
27461
|
const VIEWPORT_HEIGHT = window.innerHeight;
|
|
27556
27462
|
let popoverBottom;
|
|
27557
27463
|
let popoverRight;
|
|
27558
|
-
popoverBottom = VIEWPORT_HEIGHT - top +
|
|
27464
|
+
popoverBottom = VIEWPORT_HEIGHT - top + _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_DISTANCE_FROM_BUTTON + (isDraggable ? 0 : _constants__WEBPACK_IMPORTED_MODULE_3__.NON_DRAGGABLE_OFFSET);
|
|
27559
27465
|
popoverRight = VIEWPORT_WIDTH - right;
|
|
27560
27466
|
if (popoverBottom + POPOVER_HEIGHT > VIEWPORT_HEIGHT) {
|
|
27561
|
-
popoverBottom = VIEWPORT_HEIGHT - bottom - POPOVER_HEIGHT -
|
|
27467
|
+
popoverBottom = VIEWPORT_HEIGHT - bottom - POPOVER_HEIGHT - _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_DISTANCE_FROM_BUTTON - (isDraggable ? 0 : _constants__WEBPACK_IMPORTED_MODULE_3__.NON_DRAGGABLE_OFFSET);
|
|
27562
27468
|
}
|
|
27563
|
-
if (popoverRight +
|
|
27564
|
-
popoverRight = VIEWPORT_WIDTH - left -
|
|
27469
|
+
if (popoverRight + _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_WIDTH > VIEWPORT_WIDTH) {
|
|
27470
|
+
popoverRight = VIEWPORT_WIDTH - left - _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_WIDTH;
|
|
27565
27471
|
}
|
|
27566
27472
|
const MIN_MARGIN = 10;
|
|
27567
27473
|
popoverBottom = Math.max(popoverBottom, MIN_MARGIN);
|
|
27568
27474
|
popoverRight = Math.max(popoverRight, MIN_MARGIN);
|
|
27569
|
-
if (popoverRight +
|
|
27570
|
-
popoverRight = VIEWPORT_WIDTH -
|
|
27475
|
+
if (popoverRight + _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_WIDTH > VIEWPORT_WIDTH - MIN_MARGIN) {
|
|
27476
|
+
popoverRight = VIEWPORT_WIDTH - _constants__WEBPACK_IMPORTED_MODULE_3__.POPOVER_WIDTH - MIN_MARGIN;
|
|
27571
27477
|
}
|
|
27572
27478
|
if (popoverBottom + POPOVER_HEIGHT > VIEWPORT_HEIGHT - MIN_MARGIN) {
|
|
27573
27479
|
popoverBottom = VIEWPORT_HEIGHT - POPOVER_HEIGHT - MIN_MARGIN;
|
|
@@ -27649,14 +27555,14 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27649
27555
|
this.resetRecordingButton();
|
|
27650
27556
|
}
|
|
27651
27557
|
handleCloseInitialPopover() {
|
|
27652
|
-
if (this._buttonState ===
|
|
27558
|
+
if (this._buttonState === _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.LOADING) {
|
|
27653
27559
|
this.onCancel();
|
|
27654
27560
|
this.uiManager.setPopoverLoadingState(false);
|
|
27655
27561
|
}
|
|
27656
27562
|
this.initialPopoverVisible = false;
|
|
27657
27563
|
this.buttonState = this._continuousRecording
|
|
27658
|
-
?
|
|
27659
|
-
:
|
|
27564
|
+
? _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.CONTINUOUS_DEBUGGING
|
|
27565
|
+
: _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.IDLE;
|
|
27660
27566
|
document.removeEventListener('click', this.handleClickOutside);
|
|
27661
27567
|
}
|
|
27662
27568
|
handleCloseFinalPopover() {
|
|
@@ -27665,13 +27571,13 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27665
27571
|
onRequestError() {
|
|
27666
27572
|
this.initialPopoverVisible = false;
|
|
27667
27573
|
this.finalPopoverVisible = false;
|
|
27668
|
-
this.buttonState =
|
|
27574
|
+
this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.IDLE;
|
|
27669
27575
|
document.removeEventListener('click', this.handleClickOutside);
|
|
27670
27576
|
}
|
|
27671
27577
|
handleDismissRecording() {
|
|
27672
27578
|
this.onCancel();
|
|
27673
27579
|
this.finalPopoverVisible = !this._finalPopoverVisible;
|
|
27674
|
-
this.buttonState =
|
|
27580
|
+
this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.IDLE;
|
|
27675
27581
|
this.overlay.classList.add('hidden');
|
|
27676
27582
|
if (this.commentTextarea) {
|
|
27677
27583
|
this.commentTextarea.value = '';
|
|
@@ -27679,7 +27585,7 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27679
27585
|
}
|
|
27680
27586
|
resetRecordingButton() {
|
|
27681
27587
|
setTimeout(() => {
|
|
27682
|
-
this.buttonState =
|
|
27588
|
+
this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.IDLE;
|
|
27683
27589
|
}, 1500);
|
|
27684
27590
|
}
|
|
27685
27591
|
addListener(element, selector, handler, event = 'click') {
|
|
@@ -27703,7 +27609,7 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27703
27609
|
return;
|
|
27704
27610
|
}
|
|
27705
27611
|
if (this._isStarted) {
|
|
27706
|
-
this.buttonState =
|
|
27612
|
+
this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.CANCEL;
|
|
27707
27613
|
if (this._continuousRecording) {
|
|
27708
27614
|
this.initialPopoverVisible = !this.initialPopoverVisible;
|
|
27709
27615
|
}
|
|
@@ -27714,8 +27620,8 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27714
27620
|
}
|
|
27715
27621
|
else {
|
|
27716
27622
|
this.buttonState = this._initialPopoverVisible
|
|
27717
|
-
?
|
|
27718
|
-
:
|
|
27623
|
+
? _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.IDLE
|
|
27624
|
+
: _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.CANCEL;
|
|
27719
27625
|
this.initialPopoverVisible = !this._initialPopoverVisible;
|
|
27720
27626
|
}
|
|
27721
27627
|
if (this._initialPopoverVisible || this._finalPopoverVisible) {
|
|
@@ -27728,7 +27634,7 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27728
27634
|
updateButton(innerHTML, tooltip, excludeClasses, classes) {
|
|
27729
27635
|
if (!this.recorderButton)
|
|
27730
27636
|
return;
|
|
27731
|
-
(0,
|
|
27637
|
+
(0,_utils__WEBPACK_IMPORTED_MODULE_0__.insertTrustedHTML)(this.recorderButton, `${innerHTML}`);
|
|
27732
27638
|
this.recorderButton.dataset['tooltip'] = tooltip;
|
|
27733
27639
|
if (excludeClasses) {
|
|
27734
27640
|
this.recorderButton.classList.remove(...excludeClasses);
|
|
@@ -27747,7 +27653,7 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27747
27653
|
this.emit('save', []);
|
|
27748
27654
|
}
|
|
27749
27655
|
startRecording() {
|
|
27750
|
-
this.buttonState =
|
|
27656
|
+
this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.LOADING;
|
|
27751
27657
|
this.uiManager.setPopoverLoadingState(true);
|
|
27752
27658
|
this.onStart();
|
|
27753
27659
|
}
|
|
@@ -27776,11 +27682,11 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27776
27682
|
onResume() {
|
|
27777
27683
|
this.finalPopoverVisible = false;
|
|
27778
27684
|
if (!this._continuousRecording) {
|
|
27779
|
-
this.buttonState =
|
|
27685
|
+
this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.RECORDING;
|
|
27780
27686
|
this.emit('resume', []);
|
|
27781
27687
|
}
|
|
27782
27688
|
else {
|
|
27783
|
-
this.buttonState =
|
|
27689
|
+
this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.CONTINUOUS_DEBUGGING;
|
|
27784
27690
|
}
|
|
27785
27691
|
}
|
|
27786
27692
|
onCancel() {
|
|
@@ -27810,10 +27716,10 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_8__.Observa
|
|
|
27810
27716
|
clearInterval(this.timerInterval);
|
|
27811
27717
|
this.timerInterval = null;
|
|
27812
27718
|
}
|
|
27813
|
-
this.uiManager.setTimerValue((0,
|
|
27719
|
+
this.uiManager.setTimerValue((0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatTimeForSessionTimer)(this.seconds));
|
|
27814
27720
|
this.timerInterval = setInterval(() => {
|
|
27815
27721
|
this.seconds++;
|
|
27816
|
-
this.uiManager.setTimerValue((0,
|
|
27722
|
+
this.uiManager.setTimerValue((0,_utils__WEBPACK_IMPORTED_MODULE_0__.formatTimeForSessionTimer)(this.seconds));
|
|
27817
27723
|
}, 1000);
|
|
27818
27724
|
}
|
|
27819
27725
|
stopTimer() {
|
|
@@ -29815,16 +29721,6 @@ var SessionType;
|
|
|
29815
29721
|
|
|
29816
29722
|
/***/ }),
|
|
29817
29723
|
|
|
29818
|
-
/***/ "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==":
|
|
29819
|
-
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
|
|
29820
|
-
!*** data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg== ***!
|
|
29821
|
-
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
|
|
29822
|
-
/***/ ((module) => {
|
|
29823
|
-
|
|
29824
|
-
module.exports = "data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==";
|
|
29825
|
-
|
|
29826
|
-
/***/ }),
|
|
29827
|
-
|
|
29828
29724
|
/***/ "../../node_modules/@rrweb/packer/dist/base-ZCOD62p-.js":
|
|
29829
29725
|
/*!**************************************************************!*\
|
|
29830
29726
|
!*** ../../node_modules/@rrweb/packer/dist/base-ZCOD62p-.js ***!
|
|
@@ -47938,9 +47834,6 @@ function hasBinary(obj, toJSON) {
|
|
|
47938
47834
|
/******/ return module.exports;
|
|
47939
47835
|
/******/ }
|
|
47940
47836
|
/******/
|
|
47941
|
-
/******/ // expose the modules object (__webpack_modules__)
|
|
47942
|
-
/******/ __webpack_require__.m = __webpack_modules__;
|
|
47943
|
-
/******/
|
|
47944
47837
|
/************************************************************************/
|
|
47945
47838
|
/******/ /* webpack/runtime/compat get default export */
|
|
47946
47839
|
/******/ (() => {
|
|
@@ -48003,30 +47896,6 @@ function hasBinary(obj, toJSON) {
|
|
|
48003
47896
|
/******/ };
|
|
48004
47897
|
/******/ })();
|
|
48005
47898
|
/******/
|
|
48006
|
-
/******/ /* webpack/runtime/import chunk loading */
|
|
48007
|
-
/******/ (() => {
|
|
48008
|
-
/******/ __webpack_require__.b = new URL("./", import.meta.url);
|
|
48009
|
-
/******/
|
|
48010
|
-
/******/ // object to store loaded and loading chunks
|
|
48011
|
-
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
|
|
48012
|
-
/******/ // [resolve, Promise] = chunk loading, 0 = chunk loaded
|
|
48013
|
-
/******/ var installedChunks = {
|
|
48014
|
-
/******/ "main": 0
|
|
48015
|
-
/******/ };
|
|
48016
|
-
/******/
|
|
48017
|
-
/******/ // no install chunk
|
|
48018
|
-
/******/
|
|
48019
|
-
/******/ // no chunk on demand loading
|
|
48020
|
-
/******/
|
|
48021
|
-
/******/ // no prefetching
|
|
48022
|
-
/******/
|
|
48023
|
-
/******/ // no preloaded
|
|
48024
|
-
/******/
|
|
48025
|
-
/******/ // no external install chunk
|
|
48026
|
-
/******/
|
|
48027
|
-
/******/ // no on chunks loaded
|
|
48028
|
-
/******/ })();
|
|
48029
|
-
/******/
|
|
48030
47899
|
/******/ /* webpack/runtime/nonce */
|
|
48031
47900
|
/******/ (() => {
|
|
48032
47901
|
/******/ __webpack_require__.nc = undefined;
|