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

package/dist/session-recorder.js

@@ -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;
@@ -122,10 +125,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 +168,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 +191,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 +247,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 +270,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);
@@ -306,7 +323,8 @@ export class SessionRecorder extends Observable {
     start(type = SessionType.MANUAL, session) {
         this._checkOperation('start');
         // 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 +355,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 +452,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 +464,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 +482,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 +572,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 +597,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 +606,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 +652,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 +665,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,14 +685,20 @@ 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);
             }
         }
@@ -690,7 +721,10 @@ export class SessionRecorder extends Observable {
         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 +752,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 +793,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 +819,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 +898,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/dist/sessionWidget/UIManager.js

@@ -34,8 +34,9 @@ export class UIManager {
      * tooltip, and inner HTML content (Record icon)
      */
     setRecorderButtonProps() {
+        var _a;
         this.recorderButton.className = 'mp-session-debugger-button';
-        this.recorderButton.dataset.tooltip = 'Record an issue';
+        this.recorderButton.dataset.tooltip = (_a = this.widgetTextOverrides.buttonTooltipIdle) !== null && _a !== void 0 ? _a : 'Record an issue';
         insertTrustedHTML(this.recorderButton, `${RecordIcon}`);
     }
     /**
@@ -60,8 +61,7 @@ export class UIManager {
      * The popover includes a logo, heading, and start recording button.
      */
     setInitialPopoverProps() {
-        this.initialPopover.className =
-            'mp-session-debugger-popover mp-initial-popover hidden';
+        this.initialPopover.className = 'mp-session-debugger-popover mp-initial-popover hidden';
         insertTrustedHTML(this.initialPopover, initialPopoverTemplate(this.widgetTextOverrides, this.showContinuousRecording));
     }
     /**
@@ -81,12 +81,15 @@ export class UIManager {
      * @param isLoading - Whether the popover button should show a loading state.
      */
     setPopoverLoadingState(isLoading) {
+        var _a, _b;
         const button = this.initialPopover.querySelector('.mp-session-debugger-popover-button');
         if (!button) {
             return;
         }
         button.classList.toggle('disabled', isLoading);
-        button.textContent = isLoading ? 'Starting to record...' : 'Start recording';
+        button.textContent = isLoading
+            ? ((_a = this.widgetTextOverrides.buttonTooltipLoading) !== null && _a !== void 0 ? _a : 'Starting to record...')
+            : ((_b = this.widgetTextOverrides.startRecordingButtonText) !== null && _b !== void 0 ? _b : 'Start recording');
     }
     setTimerValue(time) {
         const timerElement = this.recordingOverlay.querySelector('.timer');

package/dist/sessionWidget/buttonStateConfigs.d.ts

@@ -1,3 +1,4 @@
+import { WidgetTextOverridesConfig } from '../types';
 /**
  * ButtonState defines the possible states of the recorder button.
  * It includes IDLE, RECORDING, CANCEL, SENT and LOADING states.
@@ -16,6 +17,17 @@ export declare enum ContinuousRecordingSaveButtonState {
     SAVED = "SAVED",
     ERROR = "ERROR"
 }
+type ButtonStateConfig = {
+    icon: string;
+    tooltip: string;
+    classes: string[];
+    excludeClasses: string[];
+};
+type ContinuousRecordingSaveButtonConfig = {
+    textContent: string;
+    disabled: boolean;
+    classes: string[];
+};
 /**
  * buttonStates object provides properties for each button state:
  * IDLE, RECORDING, CANCEL, and SENT.
@@ -80,4 +92,7 @@ export declare const continuousRecordingSaveButtonStates: {
         classes: never[];
     };
 };
+export declare function getButtonStates(overrides: WidgetTextOverridesConfig): Record<ButtonState, ButtonStateConfig>;
+export declare function getContinuousRecordingSaveButtonStates(overrides: WidgetTextOverridesConfig): Record<ContinuousRecordingSaveButtonState, ContinuousRecordingSaveButtonConfig>;
+export {};
 //# sourceMappingURL=buttonStateConfigs.d.ts.map

package/dist/sessionWidget/buttonStateConfigs.js

@@ -83,4 +83,44 @@ export const continuousRecordingSaveButtonStates = {
         classes: [],
     },
 };
+const buttonTooltipOverrideKeys = {
+    [ButtonState.IDLE]: 'buttonTooltipIdle',
+    [ButtonState.RECORDING]: 'buttonTooltipRecording',
+    [ButtonState.CANCEL]: 'buttonTooltipCancel',
+    [ButtonState.SENT]: 'buttonTooltipSent',
+    [ButtonState.LOADING]: 'buttonTooltipLoading',
+    [ButtonState.CONTINUOUS_DEBUGGING]: 'buttonTooltipContinuousDebugging',
+};
+const continuousSaveTextOverrideKeys = {
+    [ContinuousRecordingSaveButtonState.IDLE]: 'saveLastSnapshotButtonText',
+    [ContinuousRecordingSaveButtonState.SAVING]: 'saveContinuousRecordingSavingText',
+    [ContinuousRecordingSaveButtonState.SAVED]: 'saveContinuousRecordingSavedText',
+    [ContinuousRecordingSaveButtonState.ERROR]: 'saveContinuousRecordingErrorText',
+};
+export function getButtonStates(overrides) {
+    var _a;
+    const resolved = { ...buttonStates };
+    for (const state of Object.keys(buttonStates)) {
+        const overrideKey = buttonTooltipOverrideKeys[state];
+        resolved[state] = {
+            ...buttonStates[state],
+            tooltip: (_a = overrides[overrideKey]) !== null && _a !== void 0 ? _a : buttonStates[state].tooltip,
+        };
+    }
+    return resolved;
+}
+export function getContinuousRecordingSaveButtonStates(overrides) {
+    var _a;
+    const resolved = {
+        ...continuousRecordingSaveButtonStates,
+    };
+    for (const state of Object.keys(continuousRecordingSaveButtonStates)) {
+        const overrideKey = continuousSaveTextOverrideKeys[state];
+        resolved[state] = {
+            ...continuousRecordingSaveButtonStates[state],
+            textContent: (_a = overrides[overrideKey]) !== null && _a !== void 0 ? _a : continuousRecordingSaveButtonStates[state].textContent,
+        };
+    }
+    return resolved;
+}
 //# sourceMappingURL=buttonStateConfigs.js.map

package/dist/sessionWidget/index.js

@@ -1,12 +1,12 @@
 import { Observable } from '../observable';
 import { insertTrustedHTML, injectStylesIntoShadowRoot, formatTimeForSessionTimer } from '../utils';
 import { SessionState } from '../types';
-import { POPOVER_WIDTH, NON_DRAGGABLE_OFFSET, POPOVER_DISTANCE_FROM_BUTTON, } 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 { ButtonState, getButtonStates, getContinuousRecordingSaveButtonStates, } from './buttonStateConfigs';
 // Import styles as string for shadow DOM injection
 import widgetStyles from './styles/index.scss?raw';
 import './styles/button.scss';
@@ -16,7 +16,7 @@ export class SessionWidget extends Observable {
         this._buttonState = newState;
         if (!this.isBrowser)
             return;
-        const { icon, tooltip, classes, excludeClasses } = buttonStates[newState];
+        const { icon, tooltip, classes, excludeClasses } = getButtonStates(this._widgetTextOverrides)[newState];
         if (newState === ButtonState.CANCEL) {
             (_a = this.buttonDraggabilityObserver) === null || _a === void 0 ? void 0 : _a.observe(this.recorderButton, {
                 attributes: true,
@@ -54,7 +54,8 @@ export class SessionWidget extends Observable {
                 type: 'error',
                 message: this._error,
                 button: {
-                    text: 'Close', onClick: () => this.hideToast(),
+                    text: 'Close',
+                    onClick: () => this.hideToast(),
                 },
             });
         }
@@ -201,7 +202,7 @@ export class SessionWidget extends Observable {
             return;
         const saveButton = this.initialPopover.querySelector('#mp-save-continuous-debug-session');
         if (saveButton) {
-            const { textContent, disabled } = continuousRecordingSaveButtonStates[state];
+            const { textContent, disabled } = getContinuousRecordingSaveButtonStates(this._widgetTextOverrides)[state];
             saveButton.disabled = disabled;
             saveButton.textContent = textContent;
         }
@@ -229,14 +230,11 @@ export class SessionWidget extends Observable {
             return;
         this.buttonDraggabilityObserver = new MutationObserver((mutationsList) => {
             for (const mutation of mutationsList) {
-                if (mutation.type === 'attributes' &&
-                    mutation.attributeName === 'class') {
+                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
                     const oldClassName = mutation.oldValue;
                     const newClassName = mutation.target['className'];
-                    if (((oldClassName === null || oldClassName === void 0 ? void 0 : oldClassName.includes('no-draggable')) &&
-                        !newClassName.includes('no-draggable')) ||
-                        ((newClassName === null || newClassName === void 0 ? void 0 : newClassName.includes('no-draggable')) &&
-                            !(oldClassName === null || oldClassName === void 0 ? void 0 : oldClassName.includes('no-draggable')))) {
+                    if (((oldClassName === null || oldClassName === void 0 ? void 0 : oldClassName.includes('no-draggable')) && !newClassName.includes('no-draggable')) ||
+                        ((newClassName === null || newClassName === void 0 ? void 0 : newClassName.includes('no-draggable')) && !(oldClassName === null || oldClassName === void 0 ? void 0 : oldClassName.includes('no-draggable')))) {
                         // draggable mode was changed
                         this.initialPopoverVisible = false;
                         this.finalPopoverVisible = false;
@@ -330,7 +328,12 @@ export class SessionWidget extends Observable {
         popoverBottom = VIEWPORT_HEIGHT - top + POPOVER_DISTANCE_FROM_BUTTON + (isDraggable ? 0 : NON_DRAGGABLE_OFFSET);
         popoverRight = VIEWPORT_WIDTH - right;
         if (popoverBottom + POPOVER_HEIGHT > VIEWPORT_HEIGHT) {
-            popoverBottom = VIEWPORT_HEIGHT - bottom - POPOVER_HEIGHT - POPOVER_DISTANCE_FROM_BUTTON - (isDraggable ? 0 : NON_DRAGGABLE_OFFSET);
+            popoverBottom =
+                VIEWPORT_HEIGHT -
+                    bottom -
+                    POPOVER_HEIGHT -
+                    POPOVER_DISTANCE_FROM_BUTTON -
+                    (isDraggable ? 0 : NON_DRAGGABLE_OFFSET);
         }
         if (popoverRight + POPOVER_WIDTH > VIEWPORT_WIDTH) {
             popoverRight = VIEWPORT_WIDTH - left - POPOVER_WIDTH;
@@ -433,9 +436,7 @@ export class SessionWidget extends Observable {
             this.onCancel();
         }
         this.initialPopoverVisible = false;
-        this.buttonState = this._continuousRecording
-            ? ButtonState.CONTINUOUS_DEBUGGING
-            : ButtonState.IDLE;
+        this.buttonState = this._continuousRecording ? ButtonState.CONTINUOUS_DEBUGGING : ButtonState.IDLE;
         if (typeof document !== 'undefined') {
             document.removeEventListener('click', this.handleClickOutside);
         }
@@ -502,9 +503,7 @@ export class SessionWidget extends Observable {
             }
         }
         else {
-            this.buttonState = this._initialPopoverVisible
-                ? ButtonState.IDLE
-                : ButtonState.CANCEL;
+            this.buttonState = this._initialPopoverVisible ? ButtonState.IDLE : ButtonState.CANCEL;
             this.initialPopoverVisible = !this._initialPopoverVisible;
         }
         if (typeof document !== 'undefined') {

package/dist/types/session-recorder.d.ts

@@ -305,6 +305,24 @@ export interface WidgetTextOverridesConfig {
     submitDialogSubmitText?: string;
     /** Text for the cancel button in dialog */
     submitDialogCancelText?: string;
+    /** Tooltip when the recorder button is idle */
+    buttonTooltipIdle?: string;
+    /** Tooltip while a session is recording */
+    buttonTooltipRecording?: string;
+    /** Tooltip when cancel is available */
+    buttonTooltipCancel?: string;
+    /** Tooltip after the recording was sent */
+    buttonTooltipSent?: string;
+    /** Tooltip while the recorder is starting */
+    buttonTooltipLoading?: string;
+    /** Tooltip during continuous debugging */
+    buttonTooltipContinuousDebugging?: string;
+    /** Label while a continuous recording is being saved */
+    saveContinuousRecordingSavingText?: string;
+    /** Label after a continuous recording was saved */
+    saveContinuousRecordingSavedText?: string;
+    /** Label when saving a continuous recording failed */
+    saveContinuousRecordingErrorText?: string;
 }
 /**
  * Configuration interface for the ApiService class

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplayer-app/session-recorder-browser",
-  "version": "2.0.85",
+  "version": "2.0.88",
   "description": "Multiplayer Fullstack Session Recorder for Browser",
   "author": {
     "name": "Multiplayer Software, Inc.",
@@ -28,7 +28,9 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.umd.js"
-    }
+    },
+    "./browser": "./dist/browser/index.js",
+    "./exporters": "./dist/exporters/index.js"
   },
   "engines": {
     "node": ">=18",
@@ -49,7 +51,7 @@
     "preversion": "npm run lint",
     "postversion:skip": "git push && git push --tags",
     "build": "rm -rf dist tsconfig.tsbuildinfo && tsc && webpack --config-name esm --config-name umd && node scripts/sync-exports.js",
-    "build:browser": "webpack --config-name browser && node scripts/sync-exports.js",
+    "build:browser": "webpack --config-name browser && node scripts/patch-canvas-worker.mjs && node scripts/sync-exports.js",
     "build:exporters": "webpack --config-name exporters && node scripts/sync-exports.js",
     "build:extras": "webpack --config-name browser --config-name exporters && node scripts/sync-exports.js",
     "build:all": "rm -rf dist tsconfig.tsbuildinfo && tsc && webpack && node scripts/sync-exports.js",
@@ -73,7 +75,7 @@
     "webpack-cli": "5.1.4"
   },
   "dependencies": {
-    "@multiplayer-app/session-recorder-common": "2.0.85",
+    "@multiplayer-app/session-recorder-common": "2.0.88",
     "@opentelemetry/core": "2.0.1",
     "@opentelemetry/exporter-trace-otlp-http": "0.203.0",
     "@opentelemetry/instrumentation": "0.203.0",