Add rrweb event logging to console for debugging (#1173)

Author: matux

src/browser/replay/defaults.js

@@ -5,6 +5,9 @@
 module.exports = {
   enabled: false, // Whether recording is enabled
   autoStart: true, // Start recording automatically when Rollbar initializes
+  debug: {
+    logEmits: false, // Whether to log emitted events
+  },
 
   // Recording options
   inlineStylesheet: true, // Whether to inline stylesheets to improve replay accuracy

src/browser/replay/recorder.js

@@ -140,14 +140,18 @@ export default class Recorder {
 
     this.#stopFn = this.#recordFn({
       emit: (event, isCheckout) => {
+        if (this.options.debug?.logEmits) {
+          this._logEvent(event, isCheckout);
+        }
+
         if (isCheckout) {
           this.#events.previous = this.#events.current;
           this.#events.current = [];
         }
 
         this.#events.current.push(event);
       },
-      checkoutEveryNms: 300000, // 5 minutes
+      checkoutEveryNms: 5 * 60 * 1000, // 5 minutes
       ...this.options,
     });
 
@@ -178,4 +182,24 @@ export default class Recorder {
       current: [],
     };
   }
+
+  _logEvent(event, isCheckout) {
+    console.log(
+      `Recorder: ${isCheckout ? 'checkout' : ''} event\n`,
+      ((e) => {
+        const seen = new WeakSet();
+        return JSON.stringify(
+          e,
+          (_, v) => {
+            if (typeof v === 'object' && v !== null) {
+              if (seen.has(v)) return '[Circular]';
+              seen.add(v);
+            }
+            return v;
+          },
+          2,
+        );
+      })(event),
+    );
+  }
 }