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

package/package.json

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

package/src/SessionReplay.d.ts

@@ -1,4 +1,4 @@
-import { PrecomputedEvaluationsInterface } from '@statsig/client-core';
+import { PrecomputedEvaluationsInterface, Visibility } from '@statsig/client-core';
 export declare function runStatsigSessionReplay(client: PrecomputedEvaluationsInterface): void;
 export declare class SessionReplay {
     private _client;
@@ -7,10 +7,11 @@ export declare class SessionReplay {
     private _events;
     private _sessionID;
     constructor(_client: PrecomputedEvaluationsInterface);
+    onVisibilityChanged(visibility: Visibility): void;
     private _onRecordingEvent;
     private _attemptToStartRecording;
     private _shutdown;
     private _flushWithSessionID;
     private _logRecordingEvent;
-    private _flush;
+    private _flushAndRefreshSessionID;
 }

package/src/SessionReplay.js

@@ -21,9 +21,9 @@ class SessionReplay {
         instances[sdkKey] = this;
         __STATSIG__.srInstances = instances;
         this._replayer = new SessionReplayClient_1.SessionReplayClient();
-        this._client.on('pre_shutdown', () => this._shutdown());
-        this._client.on('values_updated', () => this._attemptToStartRecording());
-        this._client.on('session_expired', () => {
+        this._client.__on('pre_shutdown', () => this._shutdown());
+        this._client.__on('values_updated', () => this._attemptToStartRecording());
+        this._client.__on('session_expired', () => {
             this._replayer.stop();
             client_core_1.StatsigMetadataProvider.add({ isRecordingSession: 'false' });
             this._flushWithSessionID(this._sessionID);
@@ -36,6 +36,7 @@ class SessionReplay {
                 client_core_1.Log.error(err);
             });
         });
+        client_core_1.VisibilityChangeObserver.add(this);
         this._client
             .getAsyncContext()
             .then((context) => {
@@ -46,26 +47,28 @@ class SessionReplay {
             client_core_1.Log.error(err);
         });
     }
+    onVisibilityChanged(visibility) {
+        if (visibility === 'background') {
+            this._flushWithSessionID(this._sessionID);
+            this._client.flush().catch((e) => {
+                client_core_1.Log.error(e);
+            });
+        }
+    }
     _onRecordingEvent(event, data) {
         this._sessionData = data;
         this._events.push(event);
         const payload = JSON.stringify(this._events);
         if (payload.length > MAX_REPLAY_PAYLOAD_BYTES) {
-            this._flush(payload, data);
+            this._flushAndRefreshSessionID();
         }
     }
     _attemptToStartRecording() {
-        var _a;
         const values = this._client.getContext().values;
         if ((values === null || values === void 0 ? void 0 : values.can_record_session) !== true) {
             this._shutdown();
             return;
         }
-        const sampling = (_a = values.session_recording_rate) !== null && _a !== void 0 ? _a : 0;
-        if (Math.random() >= sampling) {
-            this._shutdown();
-            return;
-        }
         if (this._replayer.isRecording()) {
             return;
         }
@@ -78,19 +81,21 @@ class SessionReplay {
         if (this._events.length === 0 || this._sessionData == null) {
             return;
         }
-        const payload = JSON.stringify(this._events);
-        this._flush(payload, this._sessionData);
+        this._flushAndRefreshSessionID();
     }
     _flushWithSessionID(sessionID) {
         if (this._events.length === 0 || this._sessionData == null) {
             return;
         }
-        const data = this._sessionData;
-        const payload = JSON.stringify(this._events);
-        this._logRecordingEvent(payload, data, sessionID);
+        this._logRecordingEvent(sessionID);
     }
-    _logRecordingEvent(payload, data, sessionID) {
+    _logRecordingEvent(sessionID) {
         const { sdkVersion } = client_core_1.StatsigMetadataProvider.get();
+        const data = this._sessionData;
+        if (data === null || this._events.length === 0) {
+            return;
+        }
+        const payload = JSON.stringify(this._events);
         this._client.logEvent({
             eventName: 'statsig::session_recording',
             value: sessionID,
@@ -104,11 +109,11 @@ class SessionReplay {
         });
         this._events = [];
     }
-    _flush(payload, data) {
+    _flushAndRefreshSessionID() {
         this._client
             .getAsyncContext()
             .then((context) => {
-            this._logRecordingEvent(payload, data, context.sessionID);
+            this._logRecordingEvent(context.sessionID);
         })
             .catch((err) => {
             client_core_1.Log.error(err);