full snapshots 5 minutes apart

src/__tests__/extensions/replay/sessionrecording.test.ts

@@ -1484,4 +1484,25 @@ describe('SessionRecording', () => {
             expect(sessionRecording['rrwebRecord']).not.toBeUndefined()
         })
     })
+
+    describe('scheduled full snapshots', () => {
+        it('starts out unscheduled', () => {
+            expect(sessionRecording['_fullSnapshotTimer']).toBe(undefined)
+        })
+
+        it('schedules a snapshot on start', () => {
+            sessionRecording.startRecordingIfEnabled()
+            expect(sessionRecording['_fullSnapshotTimer']).not.toBe(undefined)
+        })
+
+        it('reschedules a snapshot, when we take a full snapshot', () => {
+            sessionRecording.startRecordingIfEnabled()
+            const startTimer = sessionRecording['_fullSnapshotTimer']
+
+            _emit(createFullSnapshot())
+
+            expect(sessionRecording['_fullSnapshotTimer']).not.toBe(undefined)
+            expect(sessionRecording['_fullSnapshotTimer']).not.toBe(startTimer)
+        })
+    })
 })

src/extensions/replay/sessionrecording.ts

@@ -119,6 +119,8 @@ export class SessionRecording {
     private _canvasFps: number | null = null
     private _canvasQuality: number | null = null
 
+    private _fullSnapshotTimer?: number
+
     // Util to help developers working on this feature manually override
     _forceAllowLocalhostNetworkCapture = false
 
@@ -575,6 +577,11 @@ export class SessionRecording {
                 },
             })
 
+        // rrweb takes a snapshot on initialization,
+        // but we want to take one in five minutes
+        // if nothing else happens to reset the timer
+        this._scheduleFullSnapshot()
+
         const activePlugins = this._gatherRRWebPlugins()
         this.stopRrweb = this.rrwebRecord({
             emit: (event) => {
@@ -612,6 +619,16 @@ export class SessionRecording {
         })
     }
 
+    private _scheduleFullSnapshot(): void {
+        if (this._fullSnapshotTimer) {
+            clearInterval(this._fullSnapshotTimer)
+        }
+
+        this._fullSnapshotTimer = setInterval(() => {
+            this._tryTakeFullSnapshot()
+        }, 1000 * 60 * 5) // 5 minutes
+    }
+
     private _gatherRRWebPlugins() {
         const plugins: RecordPlugin<unknown>[] = []
 
@@ -651,6 +668,11 @@ export class SessionRecording {
             rawEvent.data.href = href
         }
 
+        if (rawEvent.type === EventType.FullSnapshot) {
+            // we're processing a full snapshot, so we should reset the timer
+            this._scheduleFullSnapshot()
+        }
+
         const throttledEvent = this.mutationRateLimiter
             ? this.mutationRateLimiter.throttleMutations(rawEvent)
             : rawEvent