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

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.34" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -27570,41 +27570,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 +27695,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 +28143,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 +28151,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 +28189,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 +28308,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 +28363,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 +28698,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 +28806,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 +28823,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', []);