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

package/dist/index.js

@@ -7064,7 +7064,7 @@ 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.88" || 0;
+const PACKAGE_VERSION_EXPORT = "2.0.89" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -7463,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();
     });
@@ -7492,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();
@@ -10346,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;
@@ -10552,7 +10575,10 @@ 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) {
@@ -10934,6 +10960,7 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             }
         }
         catch (error) {
+            this._startInProgress = false;
             this.error = error.message;
             this.sessionState = _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped;
             if (this.continuousRecording) {
@@ -10946,6 +10973,7 @@ 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;

package/dist/index.umd.js

@@ -21497,7 +21497,7 @@ 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.88" || 0;
+const PACKAGE_VERSION_EXPORT = "2.0.89" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -21904,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();
     });
@@ -21933,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();
@@ -24807,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;
@@ -25013,7 +25036,10 @@ 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) {
@@ -25395,6 +25421,7 @@ class SessionRecorder extends _observable__WEBPACK_IMPORTED_MODULE_0__.Observabl
             }
         }
         catch (error) {
+            this._startInProgress = false;
             this.error = error.message;
             this.sessionState = _types__WEBPACK_IMPORTED_MODULE_5__.SessionState.stopped;
             if (this.continuousRecording) {
@@ -25407,6 +25434,7 @@ 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;

package/dist/listeners.js

@@ -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

@@ -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

@@ -115,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;
@@ -321,7 +325,10 @@ 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) {
@@ -703,6 +710,7 @@ export class SessionRecorder extends Observable {
             }
         }
         catch (error) {
+            this._startInProgress = false;
             this.error = error.message;
             this.sessionState = SessionState.stopped;
             if (this.continuousRecording) {
@@ -715,6 +723,7 @@ 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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplayer-app/session-recorder-browser",
-  "version": "2.0.88",
+  "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.88",
+    "@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",