npm - @multiplayer-app/session-recorder-browser - Versions diffs - 2.0.87 → 2.0.89 - Mend

@multiplayer-app/session-recorder-browser 2.0.87 → 2.0.89

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.

Files changed (8) hide show

package/dist/config/constants.d.ts +2 -1
package/dist/config/constants.js +3 -1
package/dist/index.js +119 -42
package/dist/index.umd.js +119 -42
package/dist/listeners.js +23 -5
package/dist/session-recorder.d.ts +1 -0
package/dist/session-recorder.js +92 -38
package/package.json +2 -2

package/dist/config/constants.d.ts CHANGED Viewed

@@ -11,9 +11,10 @@ export declare const SESSION_UNSUBSCRIBE_EVENT = "debug-session:unsubscribe";
 export declare const SESSION_AUTO_CREATED = "debug-session:auto-created";
 export declare const SESSION_ADD_EVENT = "debug-session:rrweb:add-event";
 export declare const SESSION_SAVE_BUFFER_EVENT = "debug-session:save-buffer";
+export declare const SESSION_READY_EVENT = "debug-session:ready";
+export declare const SESSION_READY_EVENT_LEGACY = "debug-session-ready";
 export declare const SOCKET_SET_USER_EVENT = "socket:set-user";
 export declare const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
-export declare const SESSION_READY_EVENT = "debug-session-ready";
 export declare const CONTINUOUS_DEBUGGING_TIMEOUT = 60000;
 export declare const DEBUG_SESSION_MAX_DURATION_SECONDS: number;
 export declare const REMOTE_SESSION_RECORDING_START = "remote-session-recording:start";

package/dist/config/constants.js CHANGED Viewed

@@ -12,9 +12,11 @@ export const SESSION_AUTO_CREATED = 'debug-session:auto-created';
 export const SESSION_ADD_EVENT = 'debug-session:rrweb:add-event';
 // Backend-triggered flush of client-side crash buffer
 export const SESSION_SAVE_BUFFER_EVENT = 'debug-session:save-buffer';
+export const SESSION_READY_EVENT = 'debug-session:ready';
+// Deprecated event name for backwards compatibility
+export const SESSION_READY_EVENT_LEGACY = 'debug-session-ready';
 export const SOCKET_SET_USER_EVENT = 'socket:set-user';
 export const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
-export const SESSION_READY_EVENT = 'debug-session-ready';
 export const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 export const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
 export const REMOTE_SESSION_RECORDING_START = 'remote-session-recording:start';

package/dist/index.js CHANGED Viewed

@@ -7030,6 +7030,7 @@ module.exports = {
 /* harmony export */   SESSION_ID_PROP_NAME: () => (/* binding */ SESSION_ID_PROP_NAME),
 /* harmony export */   SESSION_PROP_NAME: () => (/* binding */ SESSION_PROP_NAME),
 /* harmony export */   SESSION_READY_EVENT: () => (/* binding */ SESSION_READY_EVENT),
+/* harmony export */   SESSION_READY_EVENT_LEGACY: () => (/* binding */ SESSION_READY_EVENT_LEGACY),
 /* harmony export */   SESSION_SAVE_BUFFER_EVENT: () => (/* binding */ SESSION_SAVE_BUFFER_EVENT),
 /* harmony export */   SESSION_STARTED_EVENT: () => (/* binding */ SESSION_STARTED_EVENT),
 /* harmony export */   SESSION_STATE_PROP_NAME: () => (/* binding */ SESSION_STATE_PROP_NAME),
@@ -7054,14 +7055,16 @@ const SESSION_AUTO_CREATED = 'debug-session:auto-created';
 const SESSION_ADD_EVENT = 'debug-session:rrweb:add-event';
 // Backend-triggered flush of client-side crash buffer
 const SESSION_SAVE_BUFFER_EVENT = 'debug-session:save-buffer';
+const SESSION_READY_EVENT = 'debug-session:ready';
+// Deprecated event name for backwards compatibility
+const SESSION_READY_EVENT_LEGACY = 'debug-session-ready';
 const SOCKET_SET_USER_EVENT = 'socket:set-user';
 const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
-const SESSION_READY_EVENT = 'debug-session-ready';
 const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
 const REMOTE_SESSION_RECORDING_START = 'remote-session-recording:start';
 const REMOTE_SESSION_RECORDING_STOP = 'remote-session-recording:stop';
-const PACKAGE_VERSION_EXPORT = "2.0.87" || 0;
+const PACKAGE_VERSION_EXPORT = "2.0.89" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -7199,6 +7202,7 @@ const BASE_CONFIG = {
 /* harmony export */   SESSION_ID_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_ID_PROP_NAME),
 /* harmony export */   SESSION_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_PROP_NAME),
 /* harmony export */   SESSION_READY_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_READY_EVENT),
+/* harmony export */   SESSION_READY_EVENT_LEGACY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_READY_EVENT_LEGACY),
 /* harmony export */   SESSION_SAVE_BUFFER_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_SAVE_BUFFER_EVENT),
 /* harmony export */   SESSION_STARTED_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_STARTED_EVENT),
 /* harmony export */   SESSION_STATE_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_STATE_PROP_NAME),
@@ -7459,24 +7463,43 @@ const isBrowserExtension = isBrowser && SESSION_RECORDER_INJECTED in globalObj;
 /* harmony export */   setupListeners: () => (/* binding */ setupListeners)
 /* harmony export */ });
 /* harmony import */ var _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./services/messaging.service */ "./src/services/messaging.service.ts");
-/* harmony import */ var _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @multiplayer-app/session-recorder-common */ "../session-recorder-common/dist/esm/index-browser.js");
+/* harmony import */ var _config_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./config/constants */ "./src/config/constants.ts");
+/* harmony import */ var _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @multiplayer-app/session-recorder-common */ "../session-recorder-common/dist/esm/index-browser.js");
 function setupListeners(sessionRecorder) {
-    // Send ready message with session info
-    _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].sendMessage('ready', {
-        session: sessionRecorder.session,
-        sessionState: sessionRecorder.sessionState,
+    const announceState = () => {
+        // Send continuous flag first so it is applied before the consumer reacts to
+        // the 'ready' message (postMessage preserves delivery order).
+        _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].sendMessage('continuous-debugging', sessionRecorder.continuousRecording);
+        _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].sendMessage('ready', {
+            session: sessionRecorder.session,
+            sessionState: sessionRecorder.sessionState,
+            // Lets the extension popup detect libs too old to support on-demand state
+            // sync (the `get-state` request below).
+            version: _config_constants__WEBPACK_IMPORTED_MODULE_1__.PACKAGE_VERSION_EXPORT,
+        });
+    };
+    // Announce current state on load...
+    announceState();
+    // ...and whenever the extension asks (e.g. the popup was opened after the
+    // recorder had already initialized, so it missed the initial announcement).
+    _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('get-state', () => {
+        announceState();
     });
     _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('init', (payload) => {
         sessionRecorder.init(payload);
     });
     _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('start', (payload) => {
-        sessionRecorder.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL, payload);
+        sessionRecorder.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_2__.SessionType.MANUAL, payload);
     });
     _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('end', (payload) => {
         sessionRecorder.stop(payload);
     });
+    _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('stop', (payload) => {
+        sessionRecorder.stop(payload);
+    });
     _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('pause', () => {
         sessionRecorder.pause();
     });
@@ -7488,7 +7511,7 @@ function setupListeners(sessionRecorder) {
     });
     _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('toggle-continuous-debugging', (payload) => {
         if (payload.enabled) {
-            sessionRecorder.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS, payload.session);
+            sessionRecorder.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_2__.SessionType.CONTINUOUS, payload.session);
         }
         else {
             sessionRecorder.stop();
@@ -10278,7 +10301,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__["default"].sendMessage('state-change', this._sessionState);
         (0,_utils__WEBPACK_IMPORTED_MODULE_4__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME, state);
         // Emit observable event to support React wrapper
-        this.emit('state-change', [this._sessionState || _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped, this.sessionType]);
+        this.emit('state-change', [
+            this._sessionState || _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped,
+            this.sessionType,
+        ]);
     }
     get session() {
         return this._session;
@@ -10339,6 +10365,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // Session ID and state are stored in sessionStorage (with fallback) to avoid multi-tab conflicts
         this._sessionId = null;
         this._sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
+        // Guards against overlapping start() calls. `_checkOperation('start')` only
+        // rejects once sessionState is `started`, but `_createSessionAndStart` is
+        // async, so two rapid starts could both pass and create duplicate sessions.
+        this._startInProgress = false;
         this._sessionState = null;
         this._session = null;
         this._sessionAttributes = null;
@@ -10349,10 +10379,18 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         this._error = '';
         // Safety: avoid accessing storage in SSR/non-browser environments
         const isBrowser = typeof window !== 'undefined';
-        const sessionLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_PROP_NAME, true) : null;
-        const sessionIdLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_ID_PROP_NAME) : null;
-        const sessionStateLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME) : null;
-        const sessionTypeLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_TYPE_PROP_NAME) : null;
+        const sessionLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_PROP_NAME, true)
+            : null;
+        const sessionIdLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_ID_PROP_NAME)
+            : null;
+        const sessionStateLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME)
+            : null;
+        const sessionTypeLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_TYPE_PROP_NAME)
+            : null;
         if ((0,_utils__WEBPACK_IMPORTED_MODULE_4__.isSessionActive)(sessionLocal, sessionTypeLocal)) {
             this.session = sessionLocal;
             this.sessionId = sessionIdLocal;
@@ -10384,7 +10422,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // GC: remove orphaned crash buffers from old tabs.
         // Keep TTL large to avoid any accidental data loss.
         void this._bufferDb.sweepStaleTabs(10 * 60 * 60 * 1000);
-        (0,_patch__WEBPACK_IMPORTED_MODULE_7__.setMaxCapturingHttpPayloadSize)(this._configs.maxCapturingHttpPayloadSize || _config__WEBPACK_IMPORTED_MODULE_6__.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE);
+        (0,_patch__WEBPACK_IMPORTED_MODULE_7__.setMaxCapturingHttpPayloadSize)(this._configs.maxCapturingHttpPayloadSize ||
+            _config__WEBPACK_IMPORTED_MODULE_6__.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE);
         (0,_patch__WEBPACK_IMPORTED_MODULE_7__.setShouldRecordHttpData)(this._configs.captureBody, this._configs.captureHeaders);
         this._setupCrashBuffer();
         this._tracer.init(this._configs);
@@ -10406,7 +10445,9 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         if (this._configs.apiKey) {
             this._recorder.init(this._configs, this._socketService);
         }
-        if (this.sessionId && (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused)) {
+        if (this.sessionId &&
+            (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started ||
+                this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused)) {
             this._start();
         }
         else {
@@ -10460,7 +10501,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             return;
         let hasFocus = true;
         try {
-            hasFocus = typeof document.hasFocus === 'function' ? document.hasFocus() : true;
+            hasFocus =
+                typeof document.hasFocus === 'function' ? document.hasFocus() : true;
         }
         catch (_e) {
             hasFocus = true;
@@ -10482,7 +10524,9 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // stop, leaving the buffer with no FullSnapshot and silently breaking
         // exception-triggered flushBuffer. `_recorder.restart(null, ...)` passes
         // null explicitly, so it's safe regardless of `this.sessionId`.
-        if (!this._crashBuffer || !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) || this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped) {
+        if (!this._crashBuffer ||
+            !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) ||
+            this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped) {
             return;
         }
         void this._recorder.restart(null, _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL);
@@ -10531,9 +10575,13 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * @param session - the session to start
      */
     start(type = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL, session) {
+        if (this._startInProgress)
+            return;
         this._checkOperation('start');
+        this._startInProgress = true;
         // If continuous recording is disabled, force plain mode
-        if (type === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS && !this._configs.showContinuousRecording) {
+        if (type === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS &&
+            !this._configs.showContinuousRecording) {
             type = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
         }
         this.sessionType = type;
@@ -10564,7 +10612,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
                     stoppedAt: this._recorder.stoppedAt,
                 };
                 const response = await this._apiService.stopSession(sid, request);
-                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, response._id);
+                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT_LEGACY, response._id);
+                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, response);
             }
         }
         catch (error) {
@@ -10660,8 +10709,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             this.error = (e === null || e === void 0 ? void 0 : e.message) || 'Failed to capture exception';
         }
     }
-    async _flushBuffer(sessionId, force = false) {
-        if (!sessionId || !this._crashBuffer || this._isFlushingBuffer) {
+    async _flushBuffer(session, force = false) {
+        if (!session || !this._crashBuffer || this._isFlushingBuffer) {
             return null;
         }
         this._isFlushingBuffer = true;
@@ -10672,8 +10721,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             }
             await Promise.all([
                 this._tracer.exportTraces(spans.map((s) => s.span)),
-                this._apiService.exportEvents(sessionId, { events: events.map((e) => e.event) }),
-                this._apiService.updateSessionAttributes(sessionId, {
+                this._apiService.exportEvents(session._id, {
+                    events: events.map((e) => e.event),
+                }),
+                this._apiService.updateSessionAttributes(session._id, {
                     startedAt: this._toCrashBufferSessionIso(startedAt),
                     stoppedAt: this._toCrashBufferSessionIso(stoppedAt),
                     sessionAttributes: this.sessionAttributes,
@@ -10688,7 +10739,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         finally {
             await this._crashBuffer.clear();
             this._isFlushingBuffer = false;
-            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, sessionId);
+            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT_LEGACY, session._id);
+            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, session);
         }
     }
     _toCrashBufferSessionIso(ts) {
@@ -10777,7 +10829,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * Handle the safe stop event
      */
     _handleStop(comment) {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started ||
+            this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
             this.stop(comment);
         }
     }
@@ -10801,7 +10854,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * Handle the safe cancel event
      */
     _handleCancel() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started ||
+            this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
             this.cancel();
         }
     }
@@ -10809,7 +10863,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * Handle the safe save event
      */
     _handleSave() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started && this.continuousRecording) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started &&
+            this.continuousRecording) {
             this.save();
         }
     }
@@ -10854,12 +10909,12 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             }
         });
         this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_SAVE_BUFFER_EVENT, (payload) => {
-            var _a, _b, _c;
+            var _a, _b;
             if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped)
                 return;
-            this._flushBuffer((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a._id, true);
-            if ((_b = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _b === void 0 ? void 0 : _b.url) {
-                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, (_c = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _c === void 0 ? void 0 : _c.url);
+            this._flushBuffer(payload === null || payload === void 0 ? void 0 : payload.debugSession, true);
+            if ((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a.url) {
+                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, (_b = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _b === void 0 ? void 0 : _b.url);
             }
         });
     }
@@ -10867,7 +10922,7 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         try {
             const session = await this._apiService.createErrorSession({ span });
             if (session === null || session === void 0 ? void 0 : session._id) {
-                this._flushBuffer(session._id);
+                this._flushBuffer(session);
             }
             if (session === null || session === void 0 ? void 0 : session.url) {
                 _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, session.url);
@@ -10887,18 +10942,25 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
                 sessionAttributes: this.sessionAttributes,
                 resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getNavigatorInfo)(),
                 name: this._getSessionName(),
-                ...(this._userAttributes ? { userAttributes: this._userAttributes } : {}),
+                ...(this._userAttributes
+                    ? { userAttributes: this._userAttributes }
+                    : {}),
             };
-            const request = !this.continuousRecording ? payload : { debugSessionData: payload };
+            const request = !this.continuousRecording
+                ? payload
+                : { debugSessionData: payload };
             const session = this.continuousRecording
                 ? await this._apiService.startContinuousDebugSession(request, signal)
                 : await this._apiService.startSession(request, signal);
             if (session) {
-                session.sessionType = this.continuousRecording ? _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS : _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
+                session.sessionType = this.continuousRecording
+                    ? _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS
+                    : _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
                 this._setupSessionAndStart(session, false);
             }
         }
         catch (error) {
+            this._startInProgress = false;
             this.error = error.message;
             this.sessionState = _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped;
             if (this.continuousRecording) {
@@ -10911,13 +10973,17 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      */
     _start() {
         var _a, _b;
+        this._startInProgress = false;
         this.sessionState = _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started;
         // eslint-disable-next-line no-self-assign
         this.sessionType = this.sessionType;
         this._tracer.start(this.sessionId, this.sessionType);
         // Ensure we switch from buffer-only recording to session recording cleanly.
         void this._recorder.restart(this.sessionId, this.sessionType);
-        this._navigationRecorder.start({ sessionId: this.sessionId, sessionType: this.sessionType });
+        this._navigationRecorder.start({
+            sessionId: this.sessionId,
+            sessionType: this.sessionType,
+        });
         if (this.session) {
             this._socketService.subscribeToSession(this.session);
             this._sessionWidget.seconds = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTimeDifferenceInSeconds)((_a = this.session) === null || _a === void 0 ? void 0 : _a.startedAt);
@@ -10945,8 +11011,12 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // rrweb assigns new node IDs on each record() call, so the next buffer
         // segment must not carry events from the previous generation. Await the
         // clear so its IDB tx can't race past the fresh FullSnapshot.
-        const cleared = this._crashBuffer ? this._crashBuffer.clear() : Promise.resolve();
-        void cleared.catch(() => undefined).then(() => this._startBufferOnlyRecording());
+        const cleared = this._crashBuffer
+            ? this._crashBuffer.clear()
+            : Promise.resolve();
+        void cleared
+            .catch(() => undefined)
+            .then(() => this._startBufferOnlyRecording());
     }
     /**
      * Pause the session tracing and recording
@@ -10982,7 +11052,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * @param sessionId - the session ID to set or clear
      */
     _setSession(session) {
-        this.session = { ...session, startedAt: session.startedAt || new Date().toISOString() };
+        this.session = {
+            ...session,
+            startedAt: session.startedAt || new Date().toISOString(),
+        };
         this.sessionId = (session === null || session === void 0 ? void 0 : session.shortId) || (session === null || session === void 0 ? void 0 : session._id);
     }
     _clearSession() {
@@ -11005,7 +11078,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
                 }
                 break;
             case 'stop':
-                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused && this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started) {
+                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused &&
+                    this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started) {
                     throw new Error('Cannot stop. Session is not currently started.');
                 }
                 break;
@@ -11083,7 +11157,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      */
     _getSessionName(date = new Date()) {
         var _a, _b, _c;
-        const userName = ((_a = this.sessionAttributes) === null || _a === void 0 ? void 0 : _a.userName) || ((_b = this._userAttributes) === null || _b === void 0 ? void 0 : _b.userName) || ((_c = this._userAttributes) === null || _c === void 0 ? void 0 : _c.name) || '';
+        const userName = ((_a = this.sessionAttributes) === null || _a === void 0 ? void 0 : _a.userName) ||
+            ((_b = this._userAttributes) === null || _b === void 0 ? void 0 : _b.userName) ||
+            ((_c = this._userAttributes) === null || _c === void 0 ? void 0 : _c.name) ||
+            '';
         return userName
             ? `${userName}'s session on ${(0,_utils__WEBPACK_IMPORTED_MODULE_4__.getFormattedDate)(date, { month: 'short', day: 'numeric' })}`
             : `Session on ${(0,_utils__WEBPACK_IMPORTED_MODULE_4__.getFormattedDate)(date)}`;

package/dist/index.umd.js CHANGED Viewed

@@ -21463,6 +21463,7 @@ module.exports = {
 /* harmony export */   SESSION_ID_PROP_NAME: () => (/* binding */ SESSION_ID_PROP_NAME),
 /* harmony export */   SESSION_PROP_NAME: () => (/* binding */ SESSION_PROP_NAME),
 /* harmony export */   SESSION_READY_EVENT: () => (/* binding */ SESSION_READY_EVENT),
+/* harmony export */   SESSION_READY_EVENT_LEGACY: () => (/* binding */ SESSION_READY_EVENT_LEGACY),
 /* harmony export */   SESSION_SAVE_BUFFER_EVENT: () => (/* binding */ SESSION_SAVE_BUFFER_EVENT),
 /* harmony export */   SESSION_STARTED_EVENT: () => (/* binding */ SESSION_STARTED_EVENT),
 /* harmony export */   SESSION_STATE_PROP_NAME: () => (/* binding */ SESSION_STATE_PROP_NAME),
@@ -21487,14 +21488,16 @@ const SESSION_AUTO_CREATED = 'debug-session:auto-created';
 const SESSION_ADD_EVENT = 'debug-session:rrweb:add-event';
 // Backend-triggered flush of client-side crash buffer
 const SESSION_SAVE_BUFFER_EVENT = 'debug-session:save-buffer';
+const SESSION_READY_EVENT = 'debug-session:ready';
+// Deprecated event name for backwards compatibility
+const SESSION_READY_EVENT_LEGACY = 'debug-session-ready';
 const SOCKET_SET_USER_EVENT = 'socket:set-user';
 const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
-const SESSION_READY_EVENT = 'debug-session-ready';
 const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
 const REMOTE_SESSION_RECORDING_START = 'remote-session-recording:start';
 const REMOTE_SESSION_RECORDING_STOP = 'remote-session-recording:stop';
-const PACKAGE_VERSION_EXPORT = "2.0.87" || 0;
+const PACKAGE_VERSION_EXPORT = "2.0.89" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -21634,6 +21637,7 @@ const BASE_CONFIG = {
 /* harmony export */   SESSION_ID_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_ID_PROP_NAME),
 /* harmony export */   SESSION_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_PROP_NAME),
 /* harmony export */   SESSION_READY_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_READY_EVENT),
+/* harmony export */   SESSION_READY_EVENT_LEGACY: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_READY_EVENT_LEGACY),
 /* harmony export */   SESSION_SAVE_BUFFER_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_SAVE_BUFFER_EVENT),
 /* harmony export */   SESSION_STARTED_EVENT: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_STARTED_EVENT),
 /* harmony export */   SESSION_STATE_PROP_NAME: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_0__.SESSION_STATE_PROP_NAME),
@@ -21900,24 +21904,43 @@ const isBrowserExtension = isBrowser && SESSION_RECORDER_INJECTED in globalObj;
 /* harmony export */   setupListeners: () => (/* binding */ setupListeners)
 /* harmony export */ });
 /* harmony import */ var _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./services/messaging.service */ "./src/services/messaging.service.ts");
-/* harmony import */ var _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @multiplayer-app/session-recorder-common */ "../session-recorder-common/dist/esm/index-browser.js");
+/* harmony import */ var _config_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./config/constants */ "./src/config/constants.ts");
+/* harmony import */ var _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @multiplayer-app/session-recorder-common */ "../session-recorder-common/dist/esm/index-browser.js");
 function setupListeners(sessionRecorder) {
-    // Send ready message with session info
-    _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].sendMessage('ready', {
-        session: sessionRecorder.session,
-        sessionState: sessionRecorder.sessionState,
+    const announceState = () => {
+        // Send continuous flag first so it is applied before the consumer reacts to
+        // the 'ready' message (postMessage preserves delivery order).
+        _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].sendMessage('continuous-debugging', sessionRecorder.continuousRecording);
+        _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].sendMessage('ready', {
+            session: sessionRecorder.session,
+            sessionState: sessionRecorder.sessionState,
+            // Lets the extension popup detect libs too old to support on-demand state
+            // sync (the `get-state` request below).
+            version: _config_constants__WEBPACK_IMPORTED_MODULE_1__.PACKAGE_VERSION_EXPORT,
+        });
+    };
+    // Announce current state on load...
+    announceState();
+    // ...and whenever the extension asks (e.g. the popup was opened after the
+    // recorder had already initialized, so it missed the initial announcement).
+    _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('get-state', () => {
+        announceState();
     });
     _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('init', (payload) => {
         sessionRecorder.init(payload);
     });
     _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('start', (payload) => {
-        sessionRecorder.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL, payload);
+        sessionRecorder.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_2__.SessionType.MANUAL, payload);
     });
     _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('end', (payload) => {
         sessionRecorder.stop(payload);
     });
+    _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('stop', (payload) => {
+        sessionRecorder.stop(payload);
+    });
     _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('pause', () => {
         sessionRecorder.pause();
     });
@@ -21929,7 +21952,7 @@ function setupListeners(sessionRecorder) {
     });
     _services_messaging_service__WEBPACK_IMPORTED_MODULE_0__["default"].on('toggle-continuous-debugging', (payload) => {
         if (payload.enabled) {
-            sessionRecorder.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS, payload.session);
+            sessionRecorder.start(_multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_2__.SessionType.CONTINUOUS, payload.session);
         }
         else {
             sessionRecorder.stop();
@@ -24739,7 +24762,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         _services_messaging_service__WEBPACK_IMPORTED_MODULE_10__["default"].sendMessage('state-change', this._sessionState);
         (0,_utils__WEBPACK_IMPORTED_MODULE_4__.setStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME, state);
         // Emit observable event to support React wrapper
-        this.emit('state-change', [this._sessionState || _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped, this.sessionType]);
+        this.emit('state-change', [
+            this._sessionState || _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped,
+            this.sessionType,
+        ]);
     }
     get session() {
         return this._session;
@@ -24800,6 +24826,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // Session ID and state are stored in sessionStorage (with fallback) to avoid multi-tab conflicts
         this._sessionId = null;
         this._sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
+        // Guards against overlapping start() calls. `_checkOperation('start')` only
+        // rejects once sessionState is `started`, but `_createSessionAndStart` is
+        // async, so two rapid starts could both pass and create duplicate sessions.
+        this._startInProgress = false;
         this._sessionState = null;
         this._session = null;
         this._sessionAttributes = null;
@@ -24810,10 +24840,18 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         this._error = '';
         // Safety: avoid accessing storage in SSR/non-browser environments
         const isBrowser = typeof window !== 'undefined';
-        const sessionLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_PROP_NAME, true) : null;
-        const sessionIdLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_ID_PROP_NAME) : null;
-        const sessionStateLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME) : null;
-        const sessionTypeLocal = isBrowser ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_TYPE_PROP_NAME) : null;
+        const sessionLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_PROP_NAME, true)
+            : null;
+        const sessionIdLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_ID_PROP_NAME)
+            : null;
+        const sessionStateLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_STATE_PROP_NAME)
+            : null;
+        const sessionTypeLocal = isBrowser
+            ? (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getStoredItem)(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_TYPE_PROP_NAME)
+            : null;
         if ((0,_utils__WEBPACK_IMPORTED_MODULE_4__.isSessionActive)(sessionLocal, sessionTypeLocal)) {
             this.session = sessionLocal;
             this.sessionId = sessionIdLocal;
@@ -24845,7 +24883,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // GC: remove orphaned crash buffers from old tabs.
         // Keep TTL large to avoid any accidental data loss.
         void this._bufferDb.sweepStaleTabs(10 * 60 * 60 * 1000);
-        (0,_patch__WEBPACK_IMPORTED_MODULE_7__.setMaxCapturingHttpPayloadSize)(this._configs.maxCapturingHttpPayloadSize || _config__WEBPACK_IMPORTED_MODULE_6__.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE);
+        (0,_patch__WEBPACK_IMPORTED_MODULE_7__.setMaxCapturingHttpPayloadSize)(this._configs.maxCapturingHttpPayloadSize ||
+            _config__WEBPACK_IMPORTED_MODULE_6__.DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE);
         (0,_patch__WEBPACK_IMPORTED_MODULE_7__.setShouldRecordHttpData)(this._configs.captureBody, this._configs.captureHeaders);
         this._setupCrashBuffer();
         this._tracer.init(this._configs);
@@ -24867,7 +24906,9 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         if (this._configs.apiKey) {
             this._recorder.init(this._configs, this._socketService);
         }
-        if (this.sessionId && (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused)) {
+        if (this.sessionId &&
+            (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started ||
+                this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused)) {
             this._start();
         }
         else {
@@ -24921,7 +24962,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             return;
         let hasFocus = true;
         try {
-            hasFocus = typeof document.hasFocus === 'function' ? document.hasFocus() : true;
+            hasFocus =
+                typeof document.hasFocus === 'function' ? document.hasFocus() : true;
         }
         catch (_e) {
             hasFocus = true;
@@ -24943,7 +24985,9 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // stop, leaving the buffer with no FullSnapshot and silently breaking
         // exception-triggered flushBuffer. `_recorder.restart(null, ...)` passes
         // null explicitly, so it's safe regardless of `this.sessionId`.
-        if (!this._crashBuffer || !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) || this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped) {
+        if (!this._crashBuffer ||
+            !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) ||
+            this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped) {
             return;
         }
         void this._recorder.restart(null, _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL);
@@ -24992,9 +25036,13 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * @param session - the session to start
      */
     start(type = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL, session) {
+        if (this._startInProgress)
+            return;
         this._checkOperation('start');
+        this._startInProgress = true;
         // If continuous recording is disabled, force plain mode
-        if (type === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS && !this._configs.showContinuousRecording) {
+        if (type === _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS &&
+            !this._configs.showContinuousRecording) {
             type = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
         }
         this.sessionType = type;
@@ -25025,7 +25073,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
                     stoppedAt: this._recorder.stoppedAt,
                 };
                 const response = await this._apiService.stopSession(sid, request);
-                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, response._id);
+                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT_LEGACY, response._id);
+                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, response);
             }
         }
         catch (error) {
@@ -25121,8 +25170,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             this.error = (e === null || e === void 0 ? void 0 : e.message) || 'Failed to capture exception';
         }
     }
-    async _flushBuffer(sessionId, force = false) {
-        if (!sessionId || !this._crashBuffer || this._isFlushingBuffer) {
+    async _flushBuffer(session, force = false) {
+        if (!session || !this._crashBuffer || this._isFlushingBuffer) {
             return null;
         }
         this._isFlushingBuffer = true;
@@ -25133,8 +25182,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             }
             await Promise.all([
                 this._tracer.exportTraces(spans.map((s) => s.span)),
-                this._apiService.exportEvents(sessionId, { events: events.map((e) => e.event) }),
-                this._apiService.updateSessionAttributes(sessionId, {
+                this._apiService.exportEvents(session._id, {
+                    events: events.map((e) => e.event),
+                }),
+                this._apiService.updateSessionAttributes(session._id, {
                     startedAt: this._toCrashBufferSessionIso(startedAt),
                     stoppedAt: this._toCrashBufferSessionIso(stoppedAt),
                     sessionAttributes: this.sessionAttributes,
@@ -25149,7 +25200,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         finally {
             await this._crashBuffer.clear();
             this._isFlushingBuffer = false;
-            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, sessionId);
+            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT_LEGACY, session._id);
+            _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_READY_EVENT, session);
         }
     }
     _toCrashBufferSessionIso(ts) {
@@ -25238,7 +25290,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * Handle the safe stop event
      */
     _handleStop(comment) {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started ||
+            this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
             this.stop(comment);
         }
     }
@@ -25262,7 +25315,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * Handle the safe cancel event
      */
     _handleCancel() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started || this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started ||
+            this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused) {
             this.cancel();
         }
     }
@@ -25270,7 +25324,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * Handle the safe save event
      */
     _handleSave() {
-        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started && this.continuousRecording) {
+        if (this.sessionState === _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started &&
+            this.continuousRecording) {
             this.save();
         }
     }
@@ -25315,12 +25370,12 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             }
         });
         this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_SAVE_BUFFER_EVENT, (payload) => {
-            var _a, _b, _c;
+            var _a, _b;
             if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped)
                 return;
-            this._flushBuffer((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a._id, true);
-            if ((_b = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _b === void 0 ? void 0 : _b.url) {
-                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, (_c = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _c === void 0 ? void 0 : _c.url);
+            this._flushBuffer(payload === null || payload === void 0 ? void 0 : payload.debugSession, true);
+            if ((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a.url) {
+                _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, (_b = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _b === void 0 ? void 0 : _b.url);
             }
         });
     }
@@ -25328,7 +25383,7 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         try {
             const session = await this._apiService.createErrorSession({ span });
             if (session === null || session === void 0 ? void 0 : session._id) {
-                this._flushBuffer(session._id);
+                this._flushBuffer(session);
             }
             if (session === null || session === void 0 ? void 0 : session.url) {
                 _eventBus__WEBPACK_IMPORTED_MODULE_8__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_6__.SESSION_AUTO_CREATED, session.url);
@@ -25348,18 +25403,25 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
                 sessionAttributes: this.sessionAttributes,
                 resourceAttributes: (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getNavigatorInfo)(),
                 name: this._getSessionName(),
-                ...(this._userAttributes ? { userAttributes: this._userAttributes } : {}),
+                ...(this._userAttributes
+                    ? { userAttributes: this._userAttributes }
+                    : {}),
             };
-            const request = !this.continuousRecording ? payload : { debugSessionData: payload };
+            const request = !this.continuousRecording
+                ? payload
+                : { debugSessionData: payload };
             const session = this.continuousRecording
                 ? await this._apiService.startContinuousDebugSession(request, signal)
                 : await this._apiService.startSession(request, signal);
             if (session) {
-                session.sessionType = this.continuousRecording ? _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS : _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
+                session.sessionType = this.continuousRecording
+                    ? _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.CONTINUOUS
+                    : _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionType.MANUAL;
                 this._setupSessionAndStart(session, false);
             }
         }
         catch (error) {
+            this._startInProgress = false;
             this.error = error.message;
             this.sessionState = _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped;
             if (this.continuousRecording) {
@@ -25372,13 +25434,17 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      */
     _start() {
         var _a, _b;
+        this._startInProgress = false;
         this.sessionState = _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started;
         // eslint-disable-next-line no-self-assign
         this.sessionType = this.sessionType;
         this._tracer.start(this.sessionId, this.sessionType);
         // Ensure we switch from buffer-only recording to session recording cleanly.
         void this._recorder.restart(this.sessionId, this.sessionType);
-        this._navigationRecorder.start({ sessionId: this.sessionId, sessionType: this.sessionType });
+        this._navigationRecorder.start({
+            sessionId: this.sessionId,
+            sessionType: this.sessionType,
+        });
         if (this.session) {
             this._socketService.subscribeToSession(this.session);
             this._sessionWidget.seconds = (0,_utils__WEBPACK_IMPORTED_MODULE_4__.getTimeDifferenceInSeconds)((_a = this.session) === null || _a === void 0 ? void 0 : _a.startedAt);
@@ -25406,8 +25472,12 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
         // rrweb assigns new node IDs on each record() call, so the next buffer
         // segment must not carry events from the previous generation. Await the
         // clear so its IDB tx can't race past the fresh FullSnapshot.
-        const cleared = this._crashBuffer ? this._crashBuffer.clear() : Promise.resolve();
-        void cleared.catch(() => undefined).then(() => this._startBufferOnlyRecording());
+        const cleared = this._crashBuffer
+            ? this._crashBuffer.clear()
+            : Promise.resolve();
+        void cleared
+            .catch(() => undefined)
+            .then(() => this._startBufferOnlyRecording());
     }
     /**
      * Pause the session tracing and recording
@@ -25443,7 +25513,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      * @param sessionId - the session ID to set or clear
      */
     _setSession(session) {
-        this.session = { ...session, startedAt: session.startedAt || new Date().toISOString() };
+        this.session = {
+            ...session,
+            startedAt: session.startedAt || new Date().toISOString(),
+        };
         this.sessionId = (session === null || session === void 0 ? void 0 : session.shortId) || (session === null || session === void 0 ? void 0 : session._id);
     }
     _clearSession() {
@@ -25466,7 +25539,8 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
                 }
                 break;
             case 'stop':
-                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused && this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started) {
+                if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.paused &&
+                    this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.started) {
                     throw new Error('Cannot stop. Session is not currently started.');
                 }
                 break;
@@ -25544,7 +25618,10 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
      */
     _getSessionName(date = new Date()) {
         var _a, _b, _c;
-        const userName = ((_a = this.sessionAttributes) === null || _a === void 0 ? void 0 : _a.userName) || ((_b = this._userAttributes) === null || _b === void 0 ? void 0 : _b.userName) || ((_c = this._userAttributes) === null || _c === void 0 ? void 0 : _c.name) || '';
+        const userName = ((_a = this.sessionAttributes) === null || _a === void 0 ? void 0 : _a.userName) ||
+            ((_b = this._userAttributes) === null || _b === void 0 ? void 0 : _b.userName) ||
+            ((_c = this._userAttributes) === null || _c === void 0 ? void 0 : _c.name) ||
+            '';
         return userName
             ? `${userName}'s session on ${(0,_utils__WEBPACK_IMPORTED_MODULE_4__.getFormattedDate)(date, { month: 'short', day: 'numeric' })}`
             : `Session on ${(0,_utils__WEBPACK_IMPORTED_MODULE_4__.getFormattedDate)(date)}`;

package/dist/listeners.js CHANGED Viewed

@@ -1,10 +1,25 @@
 import messagingService from './services/messaging.service';
-import { SessionType } from '@multiplayer-app/session-recorder-common';
+import { PACKAGE_VERSION_EXPORT } from './config/constants';
+import { SessionType, } from '@multiplayer-app/session-recorder-common';
 export function setupListeners(sessionRecorder) {
-    // Send ready message with session info
-    messagingService.sendMessage('ready', {
-        session: sessionRecorder.session,
-        sessionState: sessionRecorder.sessionState,
+    const announceState = () => {
+        // Send continuous flag first so it is applied before the consumer reacts to
+        // the 'ready' message (postMessage preserves delivery order).
+        messagingService.sendMessage('continuous-debugging', sessionRecorder.continuousRecording);
+        messagingService.sendMessage('ready', {
+            session: sessionRecorder.session,
+            sessionState: sessionRecorder.sessionState,
+            // Lets the extension popup detect libs too old to support on-demand state
+            // sync (the `get-state` request below).
+            version: PACKAGE_VERSION_EXPORT,
+        });
+    };
+    // Announce current state on load...
+    announceState();
+    // ...and whenever the extension asks (e.g. the popup was opened after the
+    // recorder had already initialized, so it missed the initial announcement).
+    messagingService.on('get-state', () => {
+        announceState();
     });
     messagingService.on('init', (payload) => {
         sessionRecorder.init(payload);
@@ -15,6 +30,9 @@ export function setupListeners(sessionRecorder) {
     messagingService.on('end', (payload) => {
         sessionRecorder.stop(payload);
     });
+    messagingService.on('stop', (payload) => {
+        sessionRecorder.stop(payload);
+    });
     messagingService.on('pause', () => {
         sessionRecorder.pause();
     });

package/dist/session-recorder.d.ts CHANGED Viewed

@@ -27,6 +27,7 @@ export declare class SessionRecorder extends Observable<SessionRecorderEvents> i
     get sessionType(): SessionType;
     set sessionType(sessionType: SessionType);
     get continuousRecording(): boolean;
+    private _startInProgress;
     private _sessionState;
     get sessionState(): SessionState | null;
     set sessionState(state: SessionState | null);

package/dist/session-recorder.js CHANGED Viewed

@@ -1,15 +1,15 @@
 import { Observable } from './observable';
-import { SessionType } from '@multiplayer-app/session-recorder-common';
+import { SessionType, } from '@multiplayer-app/session-recorder-common';
 import { TracerBrowserSDK } from './otel';
 import { RecorderBrowserSDK } from './rrweb';
 import { getStoredItem, setStoredItem, getNavigatorInfo, getFormattedDate, getTimeDifferenceInSeconds, isSessionActive, getOrCreateTabId, } from './utils';
-import { SessionState } from './types';
-import { BASE_CONFIG, SESSION_PROP_NAME, SESSION_ID_PROP_NAME, SESSION_TYPE_PROP_NAME, SESSION_STATE_PROP_NAME, DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE, getSessionRecorderConfig, SESSION_AUTO_CREATED, SESSION_STOPPED_EVENT, REMOTE_SESSION_RECORDING_START, REMOTE_SESSION_RECORDING_STOP, SESSION_SAVE_BUFFER_EVENT, SESSION_READY_EVENT, } from './config';
-import { setShouldRecordHttpData, setMaxCapturingHttpPayloadSize } from './patch';
+import { SessionState, } from './types';
+import { BASE_CONFIG, SESSION_PROP_NAME, SESSION_ID_PROP_NAME, SESSION_TYPE_PROP_NAME, SESSION_STATE_PROP_NAME, DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE, getSessionRecorderConfig, SESSION_AUTO_CREATED, SESSION_STOPPED_EVENT, REMOTE_SESSION_RECORDING_START, REMOTE_SESSION_RECORDING_STOP, SESSION_SAVE_BUFFER_EVENT, SESSION_READY_EVENT_LEGACY, SESSION_READY_EVENT, } from './config';
+import { setShouldRecordHttpData, setMaxCapturingHttpPayloadSize, } from './patch';
 import { recorderEventBus } from './eventBus';
 import { SessionWidget } from './sessionWidget';
 import messagingService from './services/messaging.service';
-import { ApiService } from './services/api.service';
+import { ApiService, } from './services/api.service';
 import { SocketService } from './services/socket.service';
 import { IndexedDBService } from './services/indexedDb.service';
 import { CrashBufferService } from './services/crashBuffer.service';
@@ -51,7 +51,10 @@ export class SessionRecorder extends Observable {
         messagingService.sendMessage('state-change', this._sessionState);
         setStoredItem(SESSION_STATE_PROP_NAME, state);
         // Emit observable event to support React wrapper
-        this.emit('state-change', [this._sessionState || SessionState.stopped, this.sessionType]);
+        this.emit('state-change', [
+            this._sessionState || SessionState.stopped,
+            this.sessionType,
+        ]);
     }
     get session() {
         return this._session;
@@ -112,6 +115,10 @@ export class SessionRecorder extends Observable {
         // Session ID and state are stored in sessionStorage (with fallback) to avoid multi-tab conflicts
         this._sessionId = null;
         this._sessionType = SessionType.MANUAL;
+        // Guards against overlapping start() calls. `_checkOperation('start')` only
+        // rejects once sessionState is `started`, but `_createSessionAndStart` is
+        // async, so two rapid starts could both pass and create duplicate sessions.
+        this._startInProgress = false;
         this._sessionState = null;
         this._session = null;
         this._sessionAttributes = null;
@@ -122,10 +129,18 @@ export class SessionRecorder extends Observable {
         this._error = '';
         // Safety: avoid accessing storage in SSR/non-browser environments
         const isBrowser = typeof window !== 'undefined';
-        const sessionLocal = isBrowser ? getStoredItem(SESSION_PROP_NAME, true) : null;
-        const sessionIdLocal = isBrowser ? getStoredItem(SESSION_ID_PROP_NAME) : null;
-        const sessionStateLocal = isBrowser ? getStoredItem(SESSION_STATE_PROP_NAME) : null;
-        const sessionTypeLocal = isBrowser ? getStoredItem(SESSION_TYPE_PROP_NAME) : null;
+        const sessionLocal = isBrowser
+            ? getStoredItem(SESSION_PROP_NAME, true)
+            : null;
+        const sessionIdLocal = isBrowser
+            ? getStoredItem(SESSION_ID_PROP_NAME)
+            : null;
+        const sessionStateLocal = isBrowser
+            ? getStoredItem(SESSION_STATE_PROP_NAME)
+            : null;
+        const sessionTypeLocal = isBrowser
+            ? getStoredItem(SESSION_TYPE_PROP_NAME)
+            : null;
         if (isSessionActive(sessionLocal, sessionTypeLocal)) {
             this.session = sessionLocal;
             this.sessionId = sessionIdLocal;
@@ -157,7 +172,8 @@ export class SessionRecorder extends Observable {
         // GC: remove orphaned crash buffers from old tabs.
         // Keep TTL large to avoid any accidental data loss.
         void this._bufferDb.sweepStaleTabs(10 * 60 * 60 * 1000);
-        setMaxCapturingHttpPayloadSize(this._configs.maxCapturingHttpPayloadSize || DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE);
+        setMaxCapturingHttpPayloadSize(this._configs.maxCapturingHttpPayloadSize ||
+            DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE);
         setShouldRecordHttpData(this._configs.captureBody, this._configs.captureHeaders);
         this._setupCrashBuffer();
         this._tracer.init(this._configs);
@@ -179,7 +195,9 @@ export class SessionRecorder extends Observable {
         if (this._configs.apiKey) {
             this._recorder.init(this._configs, this._socketService);
         }
-        if (this.sessionId && (this.sessionState === SessionState.started || this.sessionState === SessionState.paused)) {
+        if (this.sessionId &&
+            (this.sessionState === SessionState.started ||
+                this.sessionState === SessionState.paused)) {
             this._start();
         }
         else {
@@ -233,7 +251,8 @@ export class SessionRecorder extends Observable {
             return;
         let hasFocus = true;
         try {
-            hasFocus = typeof document.hasFocus === 'function' ? document.hasFocus() : true;
+            hasFocus =
+                typeof document.hasFocus === 'function' ? document.hasFocus() : true;
         }
         catch (_e) {
             hasFocus = true;
@@ -255,7 +274,9 @@ export class SessionRecorder extends Observable {
         // stop, leaving the buffer with no FullSnapshot and silently breaking
         // exception-triggered flushBuffer. `_recorder.restart(null, ...)` passes
         // null explicitly, so it's safe regardless of `this.sessionId`.
-        if (!this._crashBuffer || !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) || this.sessionState !== SessionState.stopped) {
+        if (!this._crashBuffer ||
+            !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) ||
+            this.sessionState !== SessionState.stopped) {
             return;
         }
         void this._recorder.restart(null, SessionType.MANUAL);
@@ -304,9 +325,13 @@ export class SessionRecorder extends Observable {
      * @param session - the session to start
      */
     start(type = SessionType.MANUAL, session) {
+        if (this._startInProgress)
+            return;
         this._checkOperation('start');
+        this._startInProgress = true;
         // If continuous recording is disabled, force plain mode
-        if (type === SessionType.CONTINUOUS && !this._configs.showContinuousRecording) {
+        if (type === SessionType.CONTINUOUS &&
+            !this._configs.showContinuousRecording) {
             type = SessionType.MANUAL;
         }
         this.sessionType = type;
@@ -337,7 +362,8 @@ export class SessionRecorder extends Observable {
                     stoppedAt: this._recorder.stoppedAt,
                 };
                 const response = await this._apiService.stopSession(sid, request);
-                recorderEventBus.emit(SESSION_READY_EVENT, response._id);
+                recorderEventBus.emit(SESSION_READY_EVENT_LEGACY, response._id);
+                recorderEventBus.emit(SESSION_READY_EVENT, response);
             }
         }
         catch (error) {
@@ -433,8 +459,8 @@ export class SessionRecorder extends Observable {
             this.error = (e === null || e === void 0 ? void 0 : e.message) || 'Failed to capture exception';
         }
     }
-    async _flushBuffer(sessionId, force = false) {
-        if (!sessionId || !this._crashBuffer || this._isFlushingBuffer) {
+    async _flushBuffer(session, force = false) {
+        if (!session || !this._crashBuffer || this._isFlushingBuffer) {
             return null;
         }
         this._isFlushingBuffer = true;
@@ -445,8 +471,10 @@ export class SessionRecorder extends Observable {
             }
             await Promise.all([
                 this._tracer.exportTraces(spans.map((s) => s.span)),
-                this._apiService.exportEvents(sessionId, { events: events.map((e) => e.event) }),
-                this._apiService.updateSessionAttributes(sessionId, {
+                this._apiService.exportEvents(session._id, {
+                    events: events.map((e) => e.event),
+                }),
+                this._apiService.updateSessionAttributes(session._id, {
                     startedAt: this._toCrashBufferSessionIso(startedAt),
                     stoppedAt: this._toCrashBufferSessionIso(stoppedAt),
                     sessionAttributes: this.sessionAttributes,
@@ -461,7 +489,8 @@ export class SessionRecorder extends Observable {
         finally {
             await this._crashBuffer.clear();
             this._isFlushingBuffer = false;
-            recorderEventBus.emit(SESSION_READY_EVENT, sessionId);
+            recorderEventBus.emit(SESSION_READY_EVENT_LEGACY, session._id);
+            recorderEventBus.emit(SESSION_READY_EVENT, session);
         }
     }
     _toCrashBufferSessionIso(ts) {
@@ -550,7 +579,8 @@ export class SessionRecorder extends Observable {
      * Handle the safe stop event
      */
     _handleStop(comment) {
-        if (this.sessionState === SessionState.started || this.sessionState === SessionState.paused) {
+        if (this.sessionState === SessionState.started ||
+            this.sessionState === SessionState.paused) {
             this.stop(comment);
         }
     }
@@ -574,7 +604,8 @@ export class SessionRecorder extends Observable {
      * Handle the safe cancel event
      */
     _handleCancel() {
-        if (this.sessionState === SessionState.started || this.sessionState === SessionState.paused) {
+        if (this.sessionState === SessionState.started ||
+            this.sessionState === SessionState.paused) {
             this.cancel();
         }
     }
@@ -582,7 +613,8 @@ export class SessionRecorder extends Observable {
      * Handle the safe save event
      */
     _handleSave() {
-        if (this.sessionState === SessionState.started && this.continuousRecording) {
+        if (this.sessionState === SessionState.started &&
+            this.continuousRecording) {
             this.save();
         }
     }
@@ -627,12 +659,12 @@ export class SessionRecorder extends Observable {
             }
         });
         this._socketService.on(SESSION_SAVE_BUFFER_EVENT, (payload) => {
-            var _a, _b, _c;
+            var _a, _b;
             if (this.sessionState !== SessionState.stopped)
                 return;
-            this._flushBuffer((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a._id, true);
-            if ((_b = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _b === void 0 ? void 0 : _b.url) {
-                recorderEventBus.emit(SESSION_AUTO_CREATED, (_c = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _c === void 0 ? void 0 : _c.url);
+            this._flushBuffer(payload === null || payload === void 0 ? void 0 : payload.debugSession, true);
+            if ((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a.url) {
+                recorderEventBus.emit(SESSION_AUTO_CREATED, (_b = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _b === void 0 ? void 0 : _b.url);
             }
         });
     }
@@ -640,7 +672,7 @@ export class SessionRecorder extends Observable {
         try {
             const session = await this._apiService.createErrorSession({ span });
             if (session === null || session === void 0 ? void 0 : session._id) {
-                this._flushBuffer(session._id);
+                this._flushBuffer(session);
             }
             if (session === null || session === void 0 ? void 0 : session.url) {
                 recorderEventBus.emit(SESSION_AUTO_CREATED, session.url);
@@ -660,18 +692,25 @@ export class SessionRecorder extends Observable {
                 sessionAttributes: this.sessionAttributes,
                 resourceAttributes: getNavigatorInfo(),
                 name: this._getSessionName(),
-                ...(this._userAttributes ? { userAttributes: this._userAttributes } : {}),
+                ...(this._userAttributes
+                    ? { userAttributes: this._userAttributes }
+                    : {}),
             };
-            const request = !this.continuousRecording ? payload : { debugSessionData: payload };
+            const request = !this.continuousRecording
+                ? payload
+                : { debugSessionData: payload };
             const session = this.continuousRecording
                 ? await this._apiService.startContinuousDebugSession(request, signal)
                 : await this._apiService.startSession(request, signal);
             if (session) {
-                session.sessionType = this.continuousRecording ? SessionType.CONTINUOUS : SessionType.MANUAL;
+                session.sessionType = this.continuousRecording
+                    ? SessionType.CONTINUOUS
+                    : SessionType.MANUAL;
                 this._setupSessionAndStart(session, false);
             }
         }
         catch (error) {
+            this._startInProgress = false;
             this.error = error.message;
             this.sessionState = SessionState.stopped;
             if (this.continuousRecording) {
@@ -684,13 +723,17 @@ export class SessionRecorder extends Observable {
      */
     _start() {
         var _a, _b;
+        this._startInProgress = false;
         this.sessionState = SessionState.started;
         // eslint-disable-next-line no-self-assign
         this.sessionType = this.sessionType;
         this._tracer.start(this.sessionId, this.sessionType);
         // Ensure we switch from buffer-only recording to session recording cleanly.
         void this._recorder.restart(this.sessionId, this.sessionType);
-        this._navigationRecorder.start({ sessionId: this.sessionId, sessionType: this.sessionType });
+        this._navigationRecorder.start({
+            sessionId: this.sessionId,
+            sessionType: this.sessionType,
+        });
         if (this.session) {
             this._socketService.subscribeToSession(this.session);
             this._sessionWidget.seconds = getTimeDifferenceInSeconds((_a = this.session) === null || _a === void 0 ? void 0 : _a.startedAt);
@@ -718,8 +761,12 @@ export class SessionRecorder extends Observable {
         // rrweb assigns new node IDs on each record() call, so the next buffer
         // segment must not carry events from the previous generation. Await the
         // clear so its IDB tx can't race past the fresh FullSnapshot.
-        const cleared = this._crashBuffer ? this._crashBuffer.clear() : Promise.resolve();
-        void cleared.catch(() => undefined).then(() => this._startBufferOnlyRecording());
+        const cleared = this._crashBuffer
+            ? this._crashBuffer.clear()
+            : Promise.resolve();
+        void cleared
+            .catch(() => undefined)
+            .then(() => this._startBufferOnlyRecording());
     }
     /**
      * Pause the session tracing and recording
@@ -755,7 +802,10 @@ export class SessionRecorder extends Observable {
      * @param sessionId - the session ID to set or clear
      */
     _setSession(session) {
-        this.session = { ...session, startedAt: session.startedAt || new Date().toISOString() };
+        this.session = {
+            ...session,
+            startedAt: session.startedAt || new Date().toISOString(),
+        };
         this.sessionId = (session === null || session === void 0 ? void 0 : session.shortId) || (session === null || session === void 0 ? void 0 : session._id);
     }
     _clearSession() {
@@ -778,7 +828,8 @@ export class SessionRecorder extends Observable {
                 }
                 break;
             case 'stop':
-                if (this.sessionState !== SessionState.paused && this.sessionState !== SessionState.started) {
+                if (this.sessionState !== SessionState.paused &&
+                    this.sessionState !== SessionState.started) {
                     throw new Error('Cannot stop. Session is not currently started.');
                 }
                 break;
@@ -856,7 +907,10 @@ export class SessionRecorder extends Observable {
      */
     _getSessionName(date = new Date()) {
         var _a, _b, _c;
-        const userName = ((_a = this.sessionAttributes) === null || _a === void 0 ? void 0 : _a.userName) || ((_b = this._userAttributes) === null || _b === void 0 ? void 0 : _b.userName) || ((_c = this._userAttributes) === null || _c === void 0 ? void 0 : _c.name) || '';
+        const userName = ((_a = this.sessionAttributes) === null || _a === void 0 ? void 0 : _a.userName) ||
+            ((_b = this._userAttributes) === null || _b === void 0 ? void 0 : _b.userName) ||
+            ((_c = this._userAttributes) === null || _c === void 0 ? void 0 : _c.name) ||
+            '';
         return userName
             ? `${userName}'s session on ${getFormattedDate(date, { month: 'short', day: 'numeric' })}`
             : `Session on ${getFormattedDate(date)}`;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@multiplayer-app/session-recorder-browser",
-  "version": "2.0.87",
+  "version": "2.0.89",
   "description": "Multiplayer Fullstack Session Recorder for Browser",
   "author": {
     "name": "Multiplayer Software, Inc.",
@@ -75,7 +75,7 @@
     "webpack-cli": "5.1.4"
   },
   "dependencies": {
-    "@multiplayer-app/session-recorder-common": "2.0.87",
+    "@multiplayer-app/session-recorder-common": "2.0.89",
     "@opentelemetry/core": "2.0.1",
     "@opentelemetry/exporter-trace-otlp-http": "0.203.0",
     "@opentelemetry/instrumentation": "0.203.0",