@multiplayer-app/session-recorder-browser 0.0.11 → 0.0.13

package/dist/browser/index.js

@@ -26457,7 +26457,7 @@ const MULTIPLAYER_BASE_API_URL = 'https://api.multiplayer.app';
 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 = "0.0.11" || 0;
+const PACKAGE_VERSION_EXPORT = "0.0.13" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -27383,7 +27383,13 @@ class RrwebEventExporter {
             reconnectionAttempts: 2,
             transports: ['websocket'],
         });
-        this.socket.on('connect', () => {
+        // this.socket.on('connect', () => {
+        //   this.isConnecting = false
+        //   this.isConnected = true
+        //   this.usePostMessage = false
+        //   this.flushQueue()
+        // })
+        this.socket.on('ready', () => {
             this.isConnecting = false;
             this.isConnected = true;
             this.usePostMessage = false;
@@ -27613,9 +27619,11 @@ class RecorderBrowserSDK {
                 }
             },
         });
+        // It will sent full snapshot again but it will fix missing first snapshot issue
+        rrweb__WEBPACK_IMPORTED_MODULE_6__.record.takeFullSnapshot();
         if (restartTimeout > 0) {
             this.restartTimeout = setTimeout(() => {
-                this.restart(sessionId, sessionType);
+                rrweb__WEBPACK_IMPORTED_MODULE_6__.record.takeFullSnapshot();
             }, restartTimeout);
         }
     }
@@ -28061,9 +28069,6 @@ class SessionRecorder {
             this._recorder.init(this._configs);
         }
         if (this.sessionId && (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.paused)) {
-            if (this.session) {
-                this._recorder.subscribeToSession(this.session);
-            }
             this._start();
         }
         this._registerWidgetEvents();
@@ -28345,11 +28350,12 @@ class SessionRecorder {
      */
     _start() {
         var _a;
+        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started;
         this._tracer.start(this.sessionId, this.sessionType);
         this._recorder.start(this.sessionId, this.sessionType);
-        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.started;
         if (this.session) {
             _eventBus__WEBPACK_IMPORTED_MODULE_6__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_4__.SESSION_STARTED_EVENT, this.session);
+            this._recorder.subscribeToSession(this.session);
             this._sessionWidget.seconds = (0,_utils__WEBPACK_IMPORTED_MODULE_2__.getTimeDifferenceInSeconds)((_a = this.session) === null || _a === void 0 ? void 0 : _a.startedAt);
         }
     }
@@ -28357,9 +28363,9 @@ class SessionRecorder {
      * Stop tracing and recording for the session
      */
     _stop() {
+        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped;
         this._tracer.stop();
         this._recorder.stop();
-        this.sessionState = _types__WEBPACK_IMPORTED_MODULE_3__.SessionState.stopped;
     }
     /**
      * Pause the session tracing and recording
@@ -28384,7 +28390,6 @@ class SessionRecorder {
             this._tracer.addBatchSpanExporter(session.tempApiKey);
             this._apiService.updateConfigs({ apiKey: this._configs.apiKey });
         }
-        this._recorder.subscribeToSession(session);
         this._setSession(session);
         this._start();
     }