@multiplayer-app/session-recorder-browser 1.2.21 → 1.2.23

package/dist/services/messaging.service.js

@@ -0,0 +1,94 @@
+class MessagingService {
+    constructor() {
+        this.promiseIdCounter = 0;
+        this.promiseMap = new Map();
+        this.messagingServices = new Map();
+        this.isBrowser = typeof window !== 'undefined';
+        this.setupMessageListener();
+    }
+    generatePromiseId() {
+        return `promise_${++this.promiseIdCounter}`;
+    }
+    sendMessage(action, payload) {
+        if (!this.isBrowser)
+            return;
+        const message = {
+            type: 'MULTIPLAYER_SESSION_DEBUGGER_LIB',
+            action,
+            payload,
+        };
+        window.postMessage(message, '*');
+    }
+    sendMessagePromise(action, payload) {
+        if (!this.isBrowser) {
+            return Promise.reject(new Error('Not in browser environment'));
+        }
+        const promiseId = this.generatePromiseId();
+        const promise = new Promise((resolve, reject) => {
+            this.promiseMap.set(promiseId, { resolve, reject });
+        });
+        const message = {
+            type: 'MULTIPLAYER_SESSION_DEBUGGER_LIB',
+            action,
+            payload,
+            promiseId,
+        };
+        window.postMessage(message, '*');
+        return promise;
+    }
+    on(action, handler) {
+        const handlers = this.messagingServices.get(action) || [];
+        handlers.push(handler);
+        this.messagingServices.set(action, handlers);
+    }
+    off(action, handler) {
+        if (!handler) {
+            // Remove all handlers for this action
+            this.messagingServices.delete(action);
+            return;
+        }
+        const handlers = this.messagingServices.get(action);
+        if (handlers) {
+            const index = handlers.indexOf(handler);
+            if (index !== -1) {
+                handlers.splice(index, 1);
+                if (handlers.length === 0) {
+                    this.messagingServices.delete(action);
+                }
+                else {
+                    this.messagingServices.set(action, handlers);
+                }
+            }
+        }
+    }
+    setupMessageListener() {
+        if (!this.isBrowser)
+            return;
+        window.addEventListener('message', (event) => {
+            const { type, action, payload, promiseId } = event.data;
+            if (type !== 'MULTIPLAYER_SESSION_DEBUGGER_EXTENSION' || !action)
+                return;
+            // Handle promise response
+            if (promiseId && this.promiseMap.has(promiseId)) {
+                const { resolve, reject } = this.promiseMap.get(promiseId);
+                const { error, response } = payload;
+                if (error) {
+                    reject(error);
+                }
+                else {
+                    resolve(response);
+                }
+                this.promiseMap.delete(promiseId);
+                return;
+            }
+            // Handle regular message handlers
+            const handlers = this.messagingServices.get(action);
+            if (handlers) {
+                handlers.forEach(handler => handler(payload));
+            }
+        });
+    }
+}
+const messagingService = new MessagingService();
+export default messagingService;
+//# sourceMappingURL=messaging.service.js.map

package/dist/services/messaging.service.js.map

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

package/dist/sessionRecorder.d.ts

@@ -0,0 +1,148 @@
+import { SessionState, ISession, SessionRecorderOptions, SessionRecorderEvents } from './types';
+import './index.scss';
+import { SessionType } from '@multiplayer-app/session-recorder-common';
+import { ISessionRecorder } from './types';
+import { Observable } from 'lib0/observable';
+import { NavigationRecorderPublicApi } from './navigation';
+export declare class SessionRecorder extends Observable<SessionRecorderEvents> implements ISessionRecorder {
+    private _configs;
+    private _apiService;
+    private _tracer;
+    private _recorder;
+    private _sessionWidget;
+    private _navigationRecorder;
+    private _startRequestController;
+    get navigation(): NavigationRecorderPublicApi;
+    private _isInitialized;
+    get isInitialized(): boolean;
+    private _sessionId;
+    get sessionId(): string | null;
+    set sessionId(sessionId: string | null);
+    private _sessionType;
+    get sessionType(): SessionType;
+    set sessionType(sessionType: SessionType);
+    get continuousRecording(): boolean;
+    private _sessionState;
+    get sessionState(): SessionState | null;
+    set sessionState(state: SessionState | null);
+    private _session;
+    get session(): ISession | null;
+    set session(session: ISession | null);
+    private _sessionAttributes;
+    get sessionAttributes(): Record<string, any>;
+    set sessionAttributes(attributes: Record<string, any> | null);
+    /**
+     * Error message getter and setter
+     */
+    private _error;
+    get error(): string;
+    set error(v: string);
+    /**
+     * Returns the HTML button element for the session widget's recorder button.
+     *
+     * This element is used to control the start/stop recording functionality in the session widget UI.
+     *
+     * @returns {HTMLButtonElement} The recorder button element from the session widget.
+     */
+    get sessionWidgetButtonElement(): HTMLButtonElement;
+    /**
+     * Initialize debugger with default or custom configurations
+     */
+    constructor();
+    /**
+     * Initialize the session debugger
+     * @param configs - custom configurations for session debugger
+     */
+    init(configs: SessionRecorderOptions): void;
+    /**
+     * Save the continuous recording session
+     */
+    save(): Promise<any>;
+    /**
+     * Start a new session
+     * @param type - the type of session to start
+     * @param session - the session to start
+     */
+    start(type?: SessionType, session?: ISession): void;
+    /**
+     * Stop the current session with an optional comment
+     * @param comment - user-provided comment to include in session session attributes
+     */
+    stop(comment?: string): Promise<void>;
+    /**
+     * Pause the current session
+     */
+    pause(): Promise<void>;
+    /**
+     * Resume the current session
+     */
+    resume(): Promise<void>;
+    /**
+     * Cancel the current session
+     */
+    cancel(): Promise<void>;
+    /**
+     * Set the session attributes
+     * @param attributes - the attributes to set
+    */
+    setSessionAttributes(attributes: Record<string, any>): void;
+    /**
+     * Updates the button click handler in the library.
+     * @param handler - A function that will be invoked when the button is clicked.
+     *                  The function receives the click event as its parameter and
+     *                  should return `false` to prevent the default button action,
+     *                  or `true` (or nothing) to allow it.
+    */
+    set recordingButtonClickHandler(handler: () => boolean | void);
+    /**
+     * @description Check if session should be started/stopped automatically
+     * @param {ISession} [sessionPayload]
+     * @returns {Promise<void>}
+     */
+    checkRemoteContinuousSession(sessionPayload?: Omit<ISession, '_id' | 'shortId'>): Promise<void>;
+    /**
+     * Register session widget event listeners for controlling session actions
+     */
+    private _registerWidgetEvents;
+    /**
+     * Register session limit reaching listeners for controlling session end
+     */
+    private _registerSessionLimitReach;
+    /**
+     * Register session auto creation listeners during continuous recording
+     */
+    private _registerSessionAutoCreation;
+    /**
+     * Create a new session and start it
+     */
+    private _createSessionAndStart;
+    /**
+     * Start tracing and recording for the session
+     */
+    private _start;
+    /**
+     * Stop tracing and recording for the session
+     */
+    private _stop;
+    /**
+     * Pause the session tracing and recording
+     */
+    private _pause;
+    /**
+     * Resume the session tracing and recording
+     */
+    private _resume;
+    private _setupSessionAndStart;
+    /**
+     * Set the session ID in localStorage
+     * @param sessionId - the session ID to set or clear
+     */
+    private _setSession;
+    private _clearSession;
+    /**
+     * Check the operation validity based on the session state and action
+     * @param action - action being checked ('init', 'start', 'stop', 'cancel', 'pause', 'resume')
+     */
+    private _checkOperation;
+}
+//# sourceMappingURL=sessionRecorder.d.ts.map