@statsig/session-replay 0.0.1-beta.29 → 0.0.1-beta.31

package/README.md

@@ -1,11 +1,7 @@
-# session-replay
+# Statsig Session Replay
 
-This library was generated with [Nx](https://nx.dev).
+Session Replay allows you to record users using your website or product, and play back those recorded sessions. This allows you to better understand how users use your service or website, diagnose problems, and uncover insights that help improve conversion and the overall user experience.
 
-## Building
+## Getting Started
 
-Run `nx build session-replay` to build the library.
-
-## Running unit tests
-
-Run `nx test session-replay` to execute the unit tests via [Jest](https://jestjs.io).
+Read through the [Documentation](https://docs.statsig.com/session-replay/overview) or check out the [Samples](https://github.com/statsig-io/js-client-monorepo/tree/main/samples).

package/package.json

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

package/src/SessionReplay.d.ts

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

package/src/SessionReplay.js

@@ -10,7 +10,6 @@ function runStatsigSessionReplay(client) {
 exports.runStatsigSessionReplay = runStatsigSessionReplay;
 class SessionReplay {
     constructor(_client) {
-        var _a;
         this._client = _client;
         this._sessionData = null;
         this._events = [];
@@ -18,10 +17,8 @@ class SessionReplay {
         const { sdkKey } = _client.getContext();
         this._errorBoundary = new client_core_1.ErrorBoundary(sdkKey);
         (0, client_core_1.monitorClass)(this._errorBoundary, this);
-        __STATSIG__ = __STATSIG__ !== null && __STATSIG__ !== void 0 ? __STATSIG__ : {};
-        const instances = (_a = __STATSIG__.srInstances) !== null && _a !== void 0 ? _a : {};
-        instances[sdkKey] = this;
-        __STATSIG__.srInstances = instances;
+        const statsigGlobal = (0, client_core_1._getStatsigGlobal)();
+        statsigGlobal.srInstances = Object.assign(Object.assign({}, statsigGlobal.srInstances), { [sdkKey]: this });
         this._replayer = new SessionReplayClient_1.SessionReplayClient();
         this._client.__on('pre_shutdown', () => this._shutdown());
         this._client.__on('values_updated', () => this._attemptToStartRecording());
@@ -38,7 +35,7 @@ class SessionReplay {
                 client_core_1.Log.error(err);
             });
         });
-        client_core_1.VisibilityChangeObserver.add(this);
+        (0, client_core_1._subscribeToVisiblityChanged)(this._onVisibilityChanged.bind(this));
         this._client
             .getAsyncContext()
             .then((context) => {
@@ -49,7 +46,7 @@ class SessionReplay {
             client_core_1.Log.error(err);
         });
     }
-    onVisibilityChanged(visibility) {
+    _onVisibilityChanged(visibility) {
         if (visibility === 'background') {
             this._flushWithSessionID(this._sessionID);
             this._client.flush().catch((e) => {
@@ -62,7 +59,12 @@ class SessionReplay {
         this._events.push(event);
         const payload = JSON.stringify(this._events);
         if (payload.length > MAX_REPLAY_PAYLOAD_BYTES) {
-            this._flushAndRefreshSessionID();
+            if ((0, client_core_1._isCurrentlyVisible)()) {
+                this._flushAndRefreshSessionID();
+            }
+            else {
+                this._flushWithSessionID(this._sessionID);
+            }
         }
     }
     _attemptToStartRecording() {
@@ -92,7 +94,6 @@ class SessionReplay {
         this._logRecordingEvent(sessionID);
     }
     _logRecordingEvent(sessionID) {
-        const { sdkVersion } = client_core_1.StatsigMetadataProvider.get();
         const data = this._sessionData;
         if (data === null || this._events.length === 0) {
             return;
@@ -106,7 +107,7 @@ class SessionReplay {
                 session_end_ts: String(data.endTime),
                 clicks_captured_cumulative: String(data.clickCount),
                 rrweb_events: payload,
-                session_replay_sdk_version: sdkVersion,
+                session_replay_sdk_version: client_core_1.SDK_VERSION,
             },
         });
         this._events = [];