@multiplayer-app/session-recorder-browser 1.2.33 → 1.2.35

package/dist/browser/index.js

@@ -25094,7 +25094,7 @@ const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
 const SESSION_RESPONSE = 'multiplayer-debug-session-response';
 const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
-const PACKAGE_VERSION_EXPORT = "1.2.33" || 0;
+const PACKAGE_VERSION_EXPORT = "1.2.35" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -26370,91 +26370,84 @@ function _headersInitToObject(headersInit) {
     return result;
 }
 if (typeof window !== 'undefined' && typeof window.fetch !== 'undefined') {
-    // Store original fetch
-    const originalFetch = window.fetch;
-    // Override fetch
-    window.fetch = async function (input, 
-    // eslint-disable-next-line
-    init) {
-        const networkRequest = {};
-        // Capture request data
-        const inputIsRequest = typeof Request !== 'undefined' && input instanceof Request;
-        const safeToConstructRequest = !inputIsRequest || !input.bodyUsed;
-        // Only construct a new Request when it's safe (i.e., body not already used)
-        let requestForMetadata = null;
-        if (safeToConstructRequest) {
-            try {
-                requestForMetadata = new Request(input, init);
-            }
-            catch (_a) {
-                // If construction fails for any reason, fall back to using available data
-                requestForMetadata = null;
-            }
-        }
-        if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.recordRequestHeaders) {
-            if (requestForMetadata) {
-                networkRequest.requestHeaders = _headersToObject(requestForMetadata.headers);
-            }
-            else if (inputIsRequest) {
-                networkRequest.requestHeaders = _headersToObject(input.headers);
-            }
-            else {
-                networkRequest.requestHeaders = _headersInitToObject(init === null || init === void 0 ? void 0 : init.headers);
-            }
-        }
-        if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.shouldRecordBody) {
-            // Prefer reading from the safely constructed Request; else fallback to init.body
-            const urlStr = inputIsRequest
-                ? input.url
-                : (typeof input === 'string' || input instanceof URL ? String(input) : '');
-            const candidateBody = requestForMetadata
-                ? requestForMetadata.body
-                : (inputIsRequest ? init === null || init === void 0 ? void 0 : init.body : init === null || init === void 0 ? void 0 : init.body);
-            if (!(0,_utils_type_utils__WEBPACK_IMPORTED_MODULE_0__.isNullish)(candidateBody)) {
-                const requestBody = _tryReadFetchBody({
-                    body: candidateBody,
-                    url: urlStr,
-                });
-                if ((requestBody === null || requestBody === void 0 ? void 0 : requestBody.length) &&
-                    new Blob([requestBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
-                    networkRequest.requestBody = requestBody;
+    // Idempotency guard: avoid double-patching
+    // @ts-ignore
+    if (window.fetch.__mp_session_recorder_patched__) {
+        // Already patched; do nothing
+    }
+    else {
+        // @ts-ignore
+        window.fetch.__mp_session_recorder_patched__ = true;
+        // Store original fetch
+        const originalFetch = window.fetch;
+        // Override fetch
+        window.fetch = async function (input, 
+        // eslint-disable-next-line
+        init) {
+            const networkRequest = {};
+            // Capture request data
+            const inputIsRequest = typeof Request !== 'undefined' && input instanceof Request;
+            if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.recordRequestHeaders) {
+                if (inputIsRequest) {
+                    networkRequest.requestHeaders = _headersToObject(input.headers);
+                }
+                else {
+                    networkRequest.requestHeaders = _headersInitToObject(init === null || init === void 0 ? void 0 : init.headers);
                 }
-            }
-        }
-        try {
-            // Make the actual fetch request
-            const response = await originalFetch(input, init);
-            // Capture response data
-            if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.recordResponseHeaders) {
-                networkRequest.responseHeaders = _headersToObject(response.headers);
             }
             if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.shouldRecordBody) {
-                const responseBody = await _tryReadResponseBody(response);
-                if ((responseBody === null || responseBody === void 0 ? void 0 : responseBody.length) &&
-                    new Blob([responseBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
-                    networkRequest.responseBody = responseBody;
+                const urlStr = inputIsRequest
+                    ? input.url
+                    : (typeof input === 'string' || input instanceof URL ? String(input) : '');
+                // Only attempt to read the body from init (safe); avoid constructing/cloning Requests
+                // If the caller passed a Request as input, we do not attempt to read its body here
+                const candidateBody = init === null || init === void 0 ? void 0 : init.body;
+                if (!(0,_utils_type_utils__WEBPACK_IMPORTED_MODULE_0__.isNullish)(candidateBody)) {
+                    const requestBody = _tryReadFetchBody({
+                        body: candidateBody,
+                        url: urlStr,
+                    });
+                    if ((requestBody === null || requestBody === void 0 ? void 0 : requestBody.length) &&
+                        new Blob([requestBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
+                        networkRequest.requestBody = requestBody;
+                    }
                 }
             }
-            // Attach network request data to the response for later access
-            // @ts-ignore
-            response.networkRequest = networkRequest;
-            return response;
-        }
-        catch (error) {
-            // Even if the fetch fails, we can still capture the request data
-            // Attach captured request data to the thrown error for downstream handling
-            // @ts-ignore
-            if (error && typeof error === 'object') {
+            try {
+                // Make the actual fetch request
+                const response = await originalFetch(input, init);
+                // Capture response data
+                if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.recordResponseHeaders) {
+                    networkRequest.responseHeaders = _headersToObject(response.headers);
+                }
+                if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.shouldRecordBody) {
+                    const responseBody = await _tryReadResponseBody(response);
+                    if ((responseBody === null || responseBody === void 0 ? void 0 : responseBody.length) &&
+                        new Blob([responseBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
+                        networkRequest.responseBody = responseBody;
+                    }
+                }
+                // Attach network request data to the response for later access
                 // @ts-ignore
-                error.networkRequest = networkRequest;
+                response.networkRequest = networkRequest;
+                return response;
             }
-            throw error;
-        }
-    };
-    // Preserve the original fetch function's properties
-    Object.setPrototypeOf(window.fetch, originalFetch);
-    Object.defineProperty(window.fetch, 'name', { value: 'fetch' });
-    Object.defineProperty(window.fetch, 'length', { value: originalFetch.length });
+            catch (error) {
+                // Even if the fetch fails, we can still capture the request data
+                // Attach captured request data to the thrown error for downstream handling
+                // @ts-ignore
+                if (error && typeof error === 'object') {
+                    // @ts-ignore
+                    error.networkRequest = networkRequest;
+                }
+                throw error;
+            }
+        };
+        // Preserve the original fetch function's properties
+        Object.setPrototypeOf(window.fetch, originalFetch);
+        Object.defineProperty(window.fetch, 'name', { value: 'fetch' });
+        Object.defineProperty(window.fetch, 'length', { value: originalFetch.length });
+    }
 }
 
 
@@ -27570,41 +27563,75 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
      * Register session widget event listeners for controlling session actions
      */
     _registerWidgetEvents() {
-        this._sessionWidget.on('toggle', (state, comment) => {
+        this._sessionWidget.on('start', () => {
             this.error = '';
-            if (state) {
-                this.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL);
-            }
-            else {
-                this.stop(comment === null || comment === void 0 ? void 0 : comment.trim());
-            }
+            this._handleStart();
+        });
+        this._sessionWidget.on('stop', (comment) => {
+            this.error = '';
+            this._handleStop(comment);
         });
         this._sessionWidget.on('pause', () => {
             this.error = '';
-            this.pause();
+            this._handlePause();
         });
         this._sessionWidget.on('resume', () => {
             this.error = '';
-            this.resume();
+            this._handleResume();
         });
         this._sessionWidget.on('cancel', () => {
             this.error = '';
-            this.cancel();
+            this._handleCancel();
         });
         this._sessionWidget.on('continuous-debugging', (enabled) => {
             this.error = '';
             if (enabled) {
-                this.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.CONTINUOUS);
+                this._handleContinuousDebugging();
             }
             else {
-                this.stop();
+                this._handleStop();
             }
         });
         this._sessionWidget.on('save', () => {
             this.error = '';
-            this.save();
+            this._handleSave();
         });
     }
+    _handleStart() {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped) {
+            this.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL);
+        }
+    }
+    _handleStop(comment) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused) {
+            this.stop(comment);
+        }
+    }
+    _handlePause() {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started) {
+            this.pause();
+        }
+    }
+    _handleResume() {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused) {
+            this.resume();
+        }
+    }
+    _handleCancel() {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused) {
+            this.cancel();
+        }
+    }
+    _handleSave() {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started && this.continuousRecording) {
+            this.save();
+        }
+    }
+    _handleContinuousDebugging() {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped) {
+            this.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.CONTINUOUS);
+        }
+    }
     /**
      * Register session limit reaching listeners for controlling session end
      */
@@ -27661,6 +27688,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_14__.Obse
         }
         catch (error) {
             this.error = error.message;
+            this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped;
             if (this.continuousRecording) {
                 this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_11__.SessionType.MANUAL;
             }
@@ -28108,6 +28136,7 @@ class DragManager {
         this.isDragging = false;
         this.dragStarted = false;
         this.isOnLeftHalfOfScreen = false;
+        this.isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
         this.recorderButton = recorderButton;
         this.recorderPlacement = recorderPlacement;
         this.onDragEnd = onDragEnd;
@@ -28115,10 +28144,14 @@ class DragManager {
         this.onRecordingButtonClick = onRecordingButtonClick;
     }
     init() {
+        if (!this.isBrowser)
+            return;
         this.loadStoredPosition();
         this.setupDragListeners();
     }
     loadStoredPosition() {
+        if (!this.isBrowser || typeof window === 'undefined' || typeof localStorage === 'undefined')
+            return;
         const savedPosition = localStorage.getItem(_constants__WEBPACK_IMPORTED_MODULE_0__.POSITION_STATE_KEY);
         if (!savedPosition) {
             return;
@@ -28149,11 +28182,15 @@ class DragManager {
         });
     }
     savePosition(r, b) {
+        if (!this.isBrowser || typeof window === 'undefined' || typeof localStorage === 'undefined')
+            return;
         const right = (r / window.innerWidth) * 100;
         const bottom = (b / window.innerHeight) * 100;
         localStorage.setItem(_constants__WEBPACK_IMPORTED_MODULE_0__.POSITION_STATE_KEY, JSON.stringify({ right, bottom }));
     }
     setupDragListeners() {
+        if (!this.isBrowser || typeof document === 'undefined' || typeof window === 'undefined')
+            return;
         this.recorderButton.addEventListener('mousedown', (e) => {
             const onMouseUp = () => {
                 const isDraggable = !this.recorderButton.classList.contains('no-draggable');
@@ -28264,6 +28301,7 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_7__.Observa
         else {
             (_b = this.buttonDraggabilityObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
         }
+        this.uiManager.setPopoverLoadingState(newState === _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.LOADING);
         this.updateButton(icon, tooltip, excludeClasses, classes);
     }
     set initialPopoverVisible(v) {
@@ -28318,7 +28356,6 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_7__.Observa
             else {
                 this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.CONTINUOUS_DEBUGGING;
             }
-            this.uiManager.setPopoverLoadingState(false);
         }
         else {
             this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.IDLE;
@@ -28654,7 +28691,6 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_7__.Observa
             return;
         if (this._buttonState === _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.LOADING) {
             this.onCancel();
-            this.uiManager.setPopoverLoadingState(false);
         }
         this.initialPopoverVisible = false;
         this.buttonState = this._continuousRecording
@@ -28763,13 +28799,12 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_7__.Observa
     }
     startRecording() {
         this.buttonState = _buttonStateConfigs__WEBPACK_IMPORTED_MODULE_6__.ButtonState.LOADING;
-        this.uiManager.setPopoverLoadingState(true);
         this.onStart();
     }
     onStart() {
         if (!this.recorderButton)
             return;
-        this.emit('toggle', [true]);
+        this.emit('start', []);
     }
     onStop() {
         if (!this.isBrowser)
@@ -28781,11 +28816,11 @@ class SessionWidget extends lib0_observable__WEBPACK_IMPORTED_MODULE_7__.Observa
             ? this.commentTextarea
             : this.submitSessionDialog.querySelector('#mp-recording-comment');
         if (commentElement) {
-            this.emit('toggle', [false, commentElement.value]);
+            this.emit('stop', [commentElement.value]);
             commentElement.value = '';
             return;
         }
-        this.emit('toggle', [false, '']);
+        this.emit('stop', []);
     }
     onPause() {
         this.emit('pause', []);