@statsig/session-replay 0.0.1-beta.26 → 0.0.1-beta.27

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@statsig/session-replay",
-  "version": "0.0.1-beta.26",
+  "version": "0.0.1-beta.27",
   "dependencies": {
     "rrweb": "2.0.0-alpha.12",
-    "@statsig/client-core": "0.0.1-beta.26"
+    "@statsig/client-core": "0.0.1-beta.27"
   },
   "devDependencies": {
     "@rrweb/types": "2.0.0-alpha.12"

package/src/SessionReplay.d.ts

@@ -11,5 +11,6 @@ export declare class SessionReplay {
     private _attemptToStartRecording;
     private _shutdown;
     private _flushWithSessionID;
+    private _logRecordingEvent;
     private _flush;
 }

package/src/SessionReplay.js

@@ -56,7 +56,6 @@ class SessionReplay {
     }
     _attemptToStartRecording() {
         var _a;
-        this._shutdown(); // Flush and end the previous session if any
         const values = this._client.getContext().values;
         if ((values === null || values === void 0 ? void 0 : values.can_record_session) !== true) {
             this._shutdown();
@@ -67,6 +66,9 @@ class SessionReplay {
             this._shutdown();
             return;
         }
+        if (this._replayer.isRecording()) {
+            return;
+        }
         client_core_1.StatsigMetadataProvider.add({ isRecordingSession: 'true' });
         this._replayer.record((e, d) => this._onRecordingEvent(e, d));
     }
@@ -85,6 +87,9 @@ class SessionReplay {
         }
         const data = this._sessionData;
         const payload = JSON.stringify(this._events);
+        this._logRecordingEvent(payload, data, sessionID);
+    }
+    _logRecordingEvent(payload, data, sessionID) {
         const { sdkVersion } = client_core_1.StatsigMetadataProvider.get();
         this._client.logEvent({
             eventName: 'statsig::session_recording',
@@ -97,28 +102,17 @@ class SessionReplay {
                 session_replay_sdk_version: sdkVersion,
             },
         });
+        this._events = [];
     }
     _flush(payload, data) {
-        const { sdkVersion } = client_core_1.StatsigMetadataProvider.get();
         this._client
             .getAsyncContext()
             .then((context) => {
-            this._client.logEvent({
-                eventName: 'statsig::session_recording',
-                value: context.sessionID,
-                metadata: {
-                    session_start_ts: String(data.startTime),
-                    session_end_ts: String(data.endTime),
-                    clicks_captured_cumulative: String(data.clickCount),
-                    rrweb_events: payload,
-                    session_replay_sdk_version: sdkVersion,
-                },
-            });
+            this._logRecordingEvent(payload, data, context.sessionID);
         })
             .catch((err) => {
             client_core_1.Log.error(err);
         });
-        this._events = [];
     }
 }
 exports.SessionReplay = SessionReplay;

package/src/SessionReplayClient.d.ts

@@ -1,4 +1,4 @@
-import { eventWithTime } from '@rrweb/types';
+import type { eventWithTime } from '@rrweb/types';
 import { Flatten } from '@statsig/client-core';
 export type ReplayEvent = Flatten<eventWithTime>;
 export type ReplaySessionData = {
@@ -14,4 +14,5 @@ export declare class SessionReplayClient {
     private _clickCount;
     record(callback: (latest: ReplayEvent, data: ReplaySessionData) => void, stopCallback?: () => void): void;
     stop(): void;
+    isRecording(): boolean;
 }

package/src/SessionReplayClient.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SessionReplayClient = void 0;
-const rrweb_1 = require("rrweb");
+const types_1 = require("@rrweb/types");
+const rrweb = require("rrweb");
 const TIMEOUT_MS = 1000 * 60 * 60 * 4; // 4 hours
 class SessionReplayClient {
     constructor() {
@@ -43,7 +44,7 @@ class SessionReplayClient {
                 }
             }
         };
-        this._stopFn = (0, rrweb_1.record)({ emit });
+        this._stopFn = _minifiedAwareRecord(emit);
     }
     stop() {
         if (this._stopFn) {
@@ -51,10 +52,21 @@ class SessionReplayClient {
             this._stopFn = undefined;
         }
     }
+    isRecording() {
+        return this._stopFn != null;
+    }
 }
 exports.SessionReplayClient = SessionReplayClient;
+/**
+ * We do a simple concat of rrweb during minification.
+ * This function ensures we handle both "npm" and "<script ..>" install options.
+ */
+function _minifiedAwareRecord(emit) {
+    const record = typeof rrweb === 'function' ? rrweb : rrweb.record;
+    return record({ emit });
+}
 function _isClickEvent(event) {
-    return (event.type === rrweb_1.EventType.IncrementalSnapshot &&
-        event.data.source === rrweb_1.IncrementalSource.MouseInteraction &&
-        event.data.type === rrweb_1.MouseInteractions.Click);
+    return (event.type === types_1.EventType.IncrementalSnapshot &&
+        event.data.source === types_1.IncrementalSource.MouseInteraction &&
+        event.data.type === types_1.MouseInteractions.Click);
 }