@multiplayer-app/session-recorder-browser 1.3.0 → 1.3.2

package/dist/{sessionRecorder.js → session-recorder.js}

@@ -2,14 +2,13 @@ import { TracerBrowserSDK } from './otel';
 import { RecorderBrowserSDK } from './rrweb';
 import { getStoredItem, setStoredItem, getNavigatorInfo, getFormattedDate, getTimeDifferenceInSeconds, isSessionActive } from './utils';
 import { SessionState, } from './types';
-import { createSocketService, socketService, } from './services/socket.service';
+import { SocketService } from './services/socket.service';
 import { BASE_CONFIG, SESSION_RESPONSE, 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, SESSION_STARTED_EVENT, REMOTE_SESSION_RECORDING_START, REMOTE_SESSION_RECORDING_STOP } 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 './index.scss';
 import { SessionType } from '@multiplayer-app/session-recorder-common';
 import { ContinuousRecordingSaveButtonState } from './sessionWidget/buttonStateConfigs';
 import { Observable } from 'lib0/observable';
@@ -90,6 +89,7 @@ export class SessionRecorder extends Observable {
         var _a;
         super();
         this._apiService = new ApiService();
+        this._socketService = new SocketService();
         this._tracer = new TracerBrowserSDK();
         this._recorder = new RecorderBrowserSDK();
         this._sessionWidget = new SessionWidget();
@@ -146,20 +146,20 @@ export class SessionRecorder extends Observable {
         this._tracer.init(this._configs);
         this._apiService.init(this._configs);
         this._sessionWidget.init(this._configs);
-        this._navigationRecorder.init({
-            enabled: this._configs.recordNavigation,
-            application: this._configs.application,
-            environment: this._configs.environment,
-            version: this._configs.version,
-        });
-        createSocketService({
+        this._socketService.init({
             apiKey: this._configs.apiKey,
             socketUrl: this._configs.apiBaseUrl || '',
-            usePostMessageFallback: Boolean(this._configs.usePostMessageFallback),
             keepAlive: Boolean(this._configs.useWebsocket),
+            usePostMessageFallback: Boolean(this._configs.usePostMessageFallback),
+        });
+        this._navigationRecorder.init({
+            version: this._configs.version,
+            application: this._configs.application,
+            environment: this._configs.environment,
+            enabled: this._configs.recordNavigation,
         });
         if (this._configs.apiKey) {
-            this._recorder.init(this._configs);
+            this._recorder.init(this._configs, this._socketService);
         }
         if (this.sessionId
             && (this.sessionState === SessionState.started
@@ -167,10 +167,7 @@ export class SessionRecorder extends Observable {
             this._start();
         }
         this._registerWidgetEvents();
-        this._registerSessionLimitReach();
-        this._registerSessionAutoCreation();
-        this._registerRemoteSessionRecordingStart();
-        this._registerRemoteSessionRecordingStop();
+        this._registerSocketServiceListeners();
         messagingService.sendMessage('state-change', this.sessionState);
         // Emit init observable event
         this.emit('init', [this]);
@@ -189,9 +186,7 @@ export class SessionRecorder extends Observable {
                 sessionAttributes: this.sessionAttributes,
                 resourceAttributes: getNavigatorInfo(),
                 stoppedAt: this._recorder.stoppedAt,
-                name: this.sessionAttributes.userName
-                    ? `${this.sessionAttributes.userName}'s session on ${getFormattedDate(Date.now(), { month: 'short', day: 'numeric' })}`
-                    : `Session on ${getFormattedDate(Date.now())}`,
+                name: this._getSessionName()
             });
             this._sessionWidget.updateSaveContinuousDebugSessionState(ContinuousRecordingSaveButtonState.SAVED);
             const sessionUrl = res === null || res === void 0 ? void 0 : res.url;
@@ -311,6 +306,14 @@ export class SessionRecorder extends Observable {
     setSessionAttributes(attributes) {
         this._sessionAttributes = attributes;
     }
+    /**
+     * Set the user attributes
+     * @param userAttributes - the user attributes to set
+     */
+    setUserAttributes(userAttributes) {
+        this._userAttributes = userAttributes;
+        this._socketService.setUser(this._userAttributes);
+    }
     /**
      * Updates the button click handler in the library.
      * @param handler - A function that will be invoked when the button is clicked.
@@ -405,56 +408,72 @@ export class SessionRecorder extends Observable {
             this._handleSave();
         });
     }
+    /**
+     * Handle the safe start event
+     */
     _handleStart() {
         if (this.sessionState === SessionState.stopped) {
             this.start(SessionType.MANUAL);
         }
     }
+    /**
+     * Handle the safe stop event
+     */
     _handleStop(comment) {
         if (this.sessionState === SessionState.started || this.sessionState === SessionState.paused) {
             this.stop(comment);
         }
     }
+    /**
+     * Handle the safe pause event
+     */
     _handlePause() {
         if (this.sessionState === SessionState.started) {
             this.pause();
         }
     }
+    /**
+     * Handle the safe resume event
+     */
     _handleResume() {
         if (this.sessionState === SessionState.paused) {
             this.resume();
         }
     }
+    /**
+     * Handle the safe cancel event
+     */
     _handleCancel() {
         if (this.sessionState === SessionState.started || this.sessionState === SessionState.paused) {
             this.cancel();
         }
     }
+    /**
+     * Handle the safe save event
+     */
     _handleSave() {
         if (this.sessionState === SessionState.started && this.continuousRecording) {
             this.save();
         }
     }
+    /**
+     * Handle the safe continuous debugging event
+     */
     _handleContinuousDebugging() {
         if (this.sessionState === SessionState.stopped) {
             this.start(SessionType.CONTINUOUS);
         }
     }
     /**
-     * Register session limit reaching listeners for controlling session end
+     * Register socket service event listeners
      */
-    _registerSessionLimitReach() {
-        recorderEventBus.on(SESSION_STOPPED_EVENT, () => {
+    _registerSocketServiceListeners() {
+        this._socketService.on(SESSION_STOPPED_EVENT, () => {
             this._stop();
             this._clearSession();
             this._sessionWidget.handleUIReseting();
         });
-    }
-    /**
-     * Register session auto creation listeners during continuous recording
-     */
-    _registerSessionAutoCreation() {
-        recorderEventBus.on(SESSION_AUTO_CREATED, (payload) => {
+        this._socketService.on(SESSION_AUTO_CREATED, (payload) => {
             var _a;
             if (!(payload === null || payload === void 0 ? void 0 : payload.data))
                 return;
@@ -467,17 +486,17 @@ export class SessionRecorder extends Observable {
                 },
             }, 5000);
         });
-    }
-    _registerRemoteSessionRecordingStart() {
-        recorderEventBus.on(REMOTE_SESSION_RECORDING_START, (payload) => {
+        this._socketService.on(REMOTE_SESSION_RECORDING_START, (payload) => {
             console.log('REMOTE_SESSION_RECORDING_START', payload);
-            this.start();
+            if (this.sessionState === SessionState.stopped) {
+                this.start();
+            }
         });
-    }
-    _registerRemoteSessionRecordingStop() {
-        recorderEventBus.on(REMOTE_SESSION_RECORDING_STOP, (payload) => {
+        this._socketService.on(REMOTE_SESSION_RECORDING_STOP, (payload) => {
             console.log('REMOTE_SESSION_RECORDING_STOP', payload);
-            this.stop();
+            if (this.sessionState !== SessionState.stopped) {
+                this.stop();
+            }
         });
     }
     /**
@@ -491,9 +510,7 @@ export class SessionRecorder extends Observable {
                 sessionAttributes: this.sessionAttributes,
                 resourceAttributes: getNavigatorInfo(),
                 userAttributes: this._userAttributes,
-                name: this.sessionAttributes.userName
-                    ? `${this.sessionAttributes.userName}'s session on ${getFormattedDate(Date.now(), { month: 'short', day: 'numeric' })}`
-                    : `Session on ${getFormattedDate(Date.now())}`,
+                name: this._getSessionName()
             };
             const request = !this.continuousRecording ?
                 payload : { debugSessionData: payload };
@@ -527,7 +544,7 @@ export class SessionRecorder extends Observable {
         this._navigationRecorder.start({ sessionId: this.sessionId, sessionType: this.sessionType, });
         if (this.session) {
             recorderEventBus.emit(SESSION_STARTED_EVENT, this.session);
-            this._recorder.subscribeToSession(this.session);
+            this._socketService.subscribeToSession(this.session);
             this._sessionWidget.seconds = getTimeDifferenceInSeconds((_a = this.session) === null || _a === void 0 ? void 0 : _a.startedAt);
         }
     }
@@ -536,6 +553,7 @@ export class SessionRecorder extends Observable {
      */
     _stop() {
         this.sessionState = SessionState.stopped;
+        this._socketService.unsubscribeFromSession(true);
         this._tracer.stop();
         this._recorder.stop();
         this._navigationRecorder.stop();
@@ -561,7 +579,8 @@ export class SessionRecorder extends Observable {
     _setupSessionAndStart(session, configureExporters = true) {
         if (configureExporters && session.tempApiKey) {
             this._configs.apiKey = session.tempApiKey;
-            this._recorder.init(this._configs);
+            this._socketService.updateConfigs({ apiKey: this._configs.apiKey });
+            this._recorder.init(this._configs, this._socketService);
             this._tracer.setApiKey(session.tempApiKey);
             this._apiService.updateConfigs({ apiKey: this._configs.apiKey });
         }
@@ -652,9 +671,16 @@ export class SessionRecorder extends Observable {
             return { errorInfo: String(errorInfo) };
         }
     }
-    setUser(userAttributes) {
-        this._userAttributes = userAttributes;
-        socketService === null || socketService === void 0 ? void 0 : socketService.setUser(this._userAttributes);
+    /**
+     * Get the session name
+     * @returns the session name
+     */
+    _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) || '';
+        return userName
+            ? `${userName}'s session on ${getFormattedDate(date, { month: 'short', day: 'numeric' })}`
+            : `Session on ${getFormattedDate(date)}`;
     }
 }
-//# sourceMappingURL=sessionRecorder.js.map
+//# sourceMappingURL=session-recorder.js.map

package/dist/session-recorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-recorder.js","sourceRoot":"","sources":["../src/session-recorder.ts"],"names":[],"mappings":"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"}

package/dist/sessionWidget/index.d.ts

@@ -1,7 +1,7 @@
 import { Observable } from 'lib0/observable';
 import { SessionWidgetConfig, SessionState, ToastConfig } from '../types';
 import { ButtonState, ContinuousRecordingSaveButtonState } from './buttonStateConfigs';
-type SessionWidgetEvents = 'start' | 'stop' | 'pause' | 'resume' | 'cancel' | 'continuous-debugging' | 'save';
+type SessionWidgetEvents = 'start' | 'stop' | 'pause' | 'resume' | 'cancel' | 'save' | 'continuous-debugging';
 export declare class SessionWidget extends Observable<SessionWidgetEvents> {
     readonly recorderButton: HTMLButtonElement;
     private readonly initialPopover;
@@ -12,8 +12,9 @@ export declare class SessionWidget extends Observable<SessionWidgetEvents> {
     private _isStarted;
     private _isPaused;
     private _isInitialized;
-    private _recorderPlacement;
     private _error;
+    private _recorderPlacement;
+    private _showWidget;
     private _initialPopoverVisible;
     private _finalPopoverVisible;
     private _buttonState;
@@ -25,10 +26,12 @@ export declare class SessionWidget extends Observable<SessionWidgetEvents> {
     private buttonDraggabilityObserver;
     private dragManager;
     buttonClickExternalHandler: (() => boolean | void) | null;
-    showRecorderButton: boolean;
-    timerInterval: any;
     seconds: number;
+    timerInterval: any;
     private readonly isBrowser;
+    private readonly isBrowserExtension;
+    private shadowRoot;
+    private hostElement;
     set buttonState(newState: ButtonState);
     private set initialPopoverVisible(value);
     private set finalPopoverVisible(value);

package/dist/sessionWidget/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sessionWidget/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sessionWidget/index.ts"],"names":[],"mappings":"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"}

package/dist/sessionWidget/index.js

@@ -1,12 +1,14 @@
 import { Observable } from 'lib0/observable';
-import { insertTrustedHTML } from '../utils';
-import { formatTimeForSessionTimer } from '../utils';
+import { insertTrustedHTML, injectStylesIntoShadowRoot, formatTimeForSessionTimer } from '../utils';
 import { SessionState } from '../types';
-import { DragManager } from './dragManager';
-import { POPOVER_WIDTH, POPOVER_DISTANCE_FROM_BUTTON, NON_DRAGGABLE_OFFSET, } from './constants';
+import { POPOVER_WIDTH, NON_DRAGGABLE_OFFSET, POPOVER_DISTANCE_FROM_BUTTON, } from './constants';
 import { DEFAULT_WIDGET_TEXT_CONFIG } from '../config';
+import { isBrowser, isBrowserExtension } from '../global';
 import { UIManager } from './UIManager';
+import { DragManager } from './dragManager';
 import { ButtonState, buttonStates, continuousRecordingSaveButtonStates, } from './buttonStateConfigs';
+// Import styles as string for shadow DOM injection
+import widgetStyles from '../index.scss?raw';
 export class SessionWidget extends Observable {
     set buttonState(newState) {
         var _a, _b;
@@ -60,7 +62,7 @@ export class SessionWidget extends Observable {
         this._isStarted = v;
         if (!this.isBrowser)
             return;
-        if (!this.showRecorderButton && v && !this._continuousRecording) {
+        if (this.isBrowserExtension && v && !this._continuousRecording) {
             this.overlay.classList.remove('hidden');
             this.makeOverlayDraggable();
             if (!this.seconds) {
@@ -88,7 +90,7 @@ export class SessionWidget extends Observable {
         this._isPaused = v;
         if (!this.isBrowser)
             return;
-        if (this._isInitialized && !this.showRecorderButton && v && !this._continuousRecording) {
+        if (this._isInitialized && this.isBrowserExtension && v && !this._continuousRecording) {
             this.overlay.classList.add('hidden');
             this.submitSessionDialog.classList.remove('hidden');
             this.stopTimer();
@@ -99,8 +101,9 @@ export class SessionWidget extends Observable {
         this._isStarted = false;
         this._isPaused = false;
         this._isInitialized = false;
-        this._recorderPlacement = '';
         this._error = '';
+        this._recorderPlacement = '';
+        this._showWidget = false;
         this._initialPopoverVisible = false;
         this._finalPopoverVisible = false;
         this._buttonState = ButtonState.IDLE;
@@ -110,16 +113,17 @@ export class SessionWidget extends Observable {
         this.commentTextarea = null;
         this.dragManager = null;
         this.buttonClickExternalHandler = null;
-        this.showRecorderButton = false;
         this.seconds = 0;
+        this.shadowRoot = null;
+        this.hostElement = null;
         this.handleClickOutside = (event) => {
             var _a;
             const target = event.target;
             const isPopoverVisible = this._initialPopoverVisible || this._finalPopoverVisible;
             const popover = this._initialPopoverVisible ? this.initialPopover : this.finalPopover;
-            if (isPopoverVisible &&
-                target &&
-                !(popover === null || popover === void 0 ? void 0 : popover.contains(target)) &&
+            if (!isPopoverVisible || !target)
+                return;
+            if (!(popover === null || popover === void 0 ? void 0 : popover.contains(target)) &&
                 !((_a = this.recorderButton) === null || _a === void 0 ? void 0 : _a.contains(target)) &&
                 target !== this.recorderButton &&
                 target !== popover) {
@@ -131,23 +135,24 @@ export class SessionWidget extends Observable {
                 }
             }
         };
-        this.isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined';
+        this.isBrowser = isBrowser;
+        this.isBrowserExtension = isBrowserExtension;
         if (!this.isBrowser) {
             // Create dummy elements for SSR to prevent crashes
-            this.recorderButton = {};
-            this.initialPopover = {};
-            this.finalPopover = {};
-            this.overlay = {};
+            this.uiManager = {};
             this.toast = {};
+            this.overlay = {};
+            this.finalPopover = {};
+            this.initialPopover = {};
             this.submitSessionDialog = {};
-            this.uiManager = {};
+            this.recorderButton = {};
             return;
         }
-        this.recorderButton = document.createElement('button');
-        this.initialPopover = document.createElement('div');
-        this.finalPopover = document.createElement('div');
-        this.overlay = document.createElement('div');
         this.toast = document.createElement('div');
+        this.overlay = document.createElement('div');
+        this.finalPopover = document.createElement('div');
+        this.initialPopover = document.createElement('div');
+        this.recorderButton = document.createElement('button');
         this.submitSessionDialog = document.createElement('div');
         this.uiManager = new UIManager(this.recorderButton, this.initialPopover, this.finalPopover, this.overlay, this.submitSessionDialog, this.toast, DEFAULT_WIDGET_TEXT_CONFIG, true);
         this.uiManager.setRecorderButtonProps();
@@ -244,7 +249,7 @@ export class SessionWidget extends Observable {
         if (!this.isBrowser)
             return;
         this._isInitialized = true;
-        this.showRecorderButton = options.showWidget;
+        this._showWidget = options.showWidget;
         this._showContinuousRecording = options.showContinuousRecording;
         this._widgetTextOverrides = {
             ...this._widgetTextOverrides,
@@ -284,10 +289,20 @@ export class SessionWidget extends Observable {
     appendElements(elements) {
         if (!this.isBrowser || typeof document === 'undefined')
             return;
+        // Create host element
         const rootWrapper = document.createElement('mp-root');
         rootWrapper.classList.add('mp-root-wrapper');
         rootWrapper.setAttribute('data-rr-ignore', 'true');
-        elements.forEach((element) => rootWrapper.appendChild(element));
+        this.hostElement = rootWrapper;
+        // Create shadow root
+        this.shadowRoot = rootWrapper.attachShadow({ mode: 'open' });
+        // Inject styles directly from imported SCSS file
+        if (widgetStyles) {
+            injectStylesIntoShadowRoot(this.shadowRoot, widgetStyles);
+        }
+        // Append all elements to shadow root
+        elements.forEach((element) => this.shadowRoot.appendChild(element));
+        // Append host element to document body
         document.body.appendChild(rootWrapper);
     }
     addRecorderDragFunctionality() {
@@ -342,7 +357,22 @@ export class SessionWidget extends Observable {
         if (!this.isBrowser)
             return;
         const events = [];
-        if (this.showRecorderButton) {
+        if (this.isBrowserExtension) {
+            events.push({
+                target: this.overlay,
+                selector: '.mp-stop-btn',
+                handler: this.onPause.bind(this), // change to submit dialog
+            }, {
+                target: this.submitSessionDialog,
+                selector: '#mp-submit-recording',
+                handler: this.onStop.bind(this),
+            }, {
+                target: this.submitSessionDialog,
+                selector: '#mp-cancel-submission',
+                handler: this.onCancel.bind(this),
+            });
+        }
+        if (this._showWidget) {
             events.push({
                 target: this.initialPopover,
                 selector: '.mp-start-recording',
@@ -378,21 +408,6 @@ export class SessionWidget extends Observable {
                 handler: this.handleCloseFinalPopover.bind(this),
             });
         }
-        else {
-            events.push({
-                target: this.overlay,
-                selector: '.mp-stop-btn',
-                handler: this.onPause.bind(this), // change to submit dialog
-            }, {
-                target: this.submitSessionDialog,
-                selector: '#mp-submit-recording',
-                handler: this.onStop.bind(this),
-            }, {
-                target: this.submitSessionDialog,
-                selector: '#mp-cancel-submission',
-                handler: this.onCancel.bind(this),
-            });
-        }
         events.forEach(({ target, selector, handler, event = 'click' }) => {
             this.addListener(target, selector, handler, event);
         });
@@ -532,18 +547,23 @@ export class SessionWidget extends Observable {
     onStop() {
         if (!this.isBrowser)
             return;
-        if (this.showRecorderButton && !this.recorderButton)
+        if (this._showWidget && !this.recorderButton)
             return;
-        this.submitSessionDialog.classList.add('hidden');
-        const commentElement = this.showRecorderButton
-            ? this.commentTextarea
-            : this.submitSessionDialog.querySelector('#mp-recording-comment');
+        let commentElement = null;
+        if (this.isBrowserExtension) {
+            this.submitSessionDialog.classList.add('hidden');
+            commentElement = this.submitSessionDialog.querySelector('#mp-recording-comment');
+        }
+        else {
+            commentElement = this.commentTextarea;
+        }
         if (commentElement) {
             this.emit('stop', [commentElement.value]);
             commentElement.value = '';
-            return;
         }
-        this.emit('stop', []);
+        else {
+            this.emit('stop', []);
+        }
     }
     onPause() {
         this.emit('pause', []);
@@ -579,12 +599,14 @@ export class SessionWidget extends Observable {
         this.recorderButton.style.opacity = '0.5';
     }
     destroy() {
-        if (!this.isBrowser || !this.recorderButton || typeof document === 'undefined')
+        if (!this.isBrowser || typeof document === 'undefined')
             return;
-        const rootWrapper = document.querySelector('.mp-root-wrapper');
-        if (rootWrapper && rootWrapper.contains(this.recorderButton)) {
-            document.body.removeChild(rootWrapper);
+        const rootWrapper = this.hostElement || document.querySelector('.mp-root-wrapper');
+        if (rootWrapper && rootWrapper.parentNode) {
+            rootWrapper.parentNode.removeChild(rootWrapper);
         }
+        this.shadowRoot = null;
+        this.hostElement = null;
         document.removeEventListener('click', this.handleClickOutside);
     }
     startTimer() {