@multiplayer-app/session-recorder-browser 2.0.18 → 2.0.24

package/README.md

@@ -98,8 +98,8 @@ SessionRecorder.init({
 
   showWidget: true, // show in‑app recording widget (default: true)
   recordCanvas: true, // record canvas elements (default: false)
-  inlineImages: true, // inline images as base64 so they survive asset removal (default: true)
-  inlineStylesheet: true, // inline stylesheets so they survive asset removal (default: true)
+  inlineImages: true, // opt-in: inline images as base64 (requires CORS on cross-origin asset hosts; default: false)
+  inlineStylesheet: true, // opt-in: inline stylesheets (cross-origin hosts may need CORS; default: false)
   // Add domains to not capture OTLP data in the session recording
   ignoreUrls: [
     /https:\/\/domain\.to\.ignore\/.*/, // can be regex or string
@@ -119,7 +119,7 @@ SessionRecorder.init({
   // crash buffer: keep a rolling window of rrweb + traces when no recording is active.
   // when user starts a session or saves (e.g. on error), the buffer is flushed into the session.
   buffering: {
-    enabled: false, // enable/disable buffering (default: false)
+    enabled: true, // enable/disable buffering (default: true)
     windowMinutes: 0.5, // rolling window size in minutes (default: 0.5)
     snapshotIntervalMs: 20000 // full snapshot interval while buffering in ms (default: 20000)
   },
@@ -222,6 +222,15 @@ SessionRecorder.init({
 })
 ```
 
+### Important: Inlining images and stylesheets (CORS)
+
+By default, **`inlineImages`** and **`inlineStylesheet`** are **`false`**. That avoids failed cross-origin requests and DevTools noise when assets are served from another host (for example S3 or a CDN) that does not send CORS headers such as **`Access-Control-Allow-Origin`** for your app.
+
+If you enable either option:
+
+- The browser must be allowed to **read** those resources from script (image pixels for base64 inlining, or stylesheet text for inlining). Configure CORS on the asset host for your frontend origin, or serve assets same-origin via a proxy.
+- With defaults left off, recordings still store normal **`src`** and stylesheet links; replay loads them like a normal page when URLs remain valid.
+
 ### Manual session recording
 
 Below is an example showing how to create a session recording in `MANUAL` mode. Manual session recordings stream and save all the data between calling `start` and `stop`.
@@ -388,6 +397,8 @@ For React Native applications (iOS and Android), use the dedicated React Native
 
 For more details on how the Multiplayer Session Recorder integrates with your backend architecture and system auto-documentation, check out our [official documentation](https://www.multiplayer.app/docs/features/system-auto-documentation/).
 
+**Inlining and CORS:** See [Inlining images and stylesheets (CORS)](#important-inlining-images-and-stylesheets-cors) above for defaults and when you must configure CORS on asset hosts.
+
 ## License
 
 This library is distributed under the [MIT License](./LICENSE).

package/dist/browser/index.js

@@ -25163,7 +25163,7 @@ const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
 const REMOTE_SESSION_RECORDING_START = 'remote-session-recording:start';
 const REMOTE_SESSION_RECORDING_STOP = 'remote-session-recording:stop';
-const PACKAGE_VERSION_EXPORT = "2.0.18" || 0;
+const PACKAGE_VERSION_EXPORT = "2.0.24" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -25249,8 +25249,11 @@ const BASE_CONFIG = {
     apiBaseUrl: _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_BASE_API_URL,
     exporterEndpoint: _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL,
     recordCanvas: false,
-    inlineImages: true,
-    inlineStylesheet: true,
+    // Off by default: inlining reads pixels via canvas and requires CORS on cross-origin hosts (e.g. S3).
+    // Set true when asset URLs send Access-Control-Allow-Origin for your app origin.
+    inlineImages: false,
+    // Off by default: inlining fetches stylesheet text; cross-origin <link> assets need CORS when enabled.
+    inlineStylesheet: false,
     recordNavigation: true,
     schemifyDocSpanPayload: true,
     ignoreUrls: [],
@@ -25263,7 +25266,7 @@ const BASE_CONFIG = {
     widgetTextOverrides: DEFAULT_WIDGET_TEXT_CONFIG,
     useWebsocket: true,
     buffering: {
-        enabled: false,
+        enabled: true,
         windowMinutes: 0.5,
         snapshotIntervalMs: 20000,
     },
@@ -26904,6 +26907,7 @@ __webpack_require__.r(__webpack_exports__);
 
 class RecorderBrowserSDK {
     constructor() {
+        this.generation = 0;
         this.intervals = {
             restart: null,
             bufferSnapshot: null,
@@ -26939,12 +26943,15 @@ class RecorderBrowserSDK {
             throw new Error('Configuration not initialized. Call init() before start().');
         }
         this.startedAt = new Date().toISOString();
+        const gen = ++this.generation;
         this.stopFn = (0,rrweb__WEBPACK_IMPORTED_MODULE_6__.record)({
             ...this._buildRecordOptions(),
             emit: async (event) => {
+                if (gen !== this.generation)
+                    return;
                 const ts = event.timestamp;
                 if (!sessionId) {
-                    await this._handleBufferOnlyEvent(event, ts);
+                    await this._handleBufferOnlyEvent(event, ts, gen);
                     return;
                 }
                 this._handleLiveSessionEvent(event, ts, sessionId, sessionType);
@@ -26960,6 +26967,7 @@ class RecorderBrowserSDK {
         var _a;
         try {
             (_a = this.stopFn) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.stopFn = undefined;
             this.start(sessionId, sessionType);
         }
         catch (_e) {
@@ -26973,6 +26981,7 @@ class RecorderBrowserSDK {
         var _a, _b, _c;
         (_a = this.stopFn) === null || _a === void 0 ? void 0 : _a.call(this);
         this.stopFn = undefined;
+        this.generation++;
         if (!((_b = this.config) === null || _b === void 0 ? void 0 : _b.useWebsocket)) {
             (_c = this.socketService) === null || _c === void 0 ? void 0 : _c.close();
         }
@@ -27012,13 +27021,15 @@ class RecorderBrowserSDK {
      * @param event - Event.
      * @param ts - Timestamp.
      */
-    async _handleBufferOnlyEvent(event, ts) {
+    async _handleBufferOnlyEvent(event, ts, gen) {
         if (!this.crashBuffer)
             return;
         try {
             this._applyConsoleMasking(event);
             const packedEvent = (0,_rrweb_packer__WEBPACK_IMPORTED_MODULE_0__.pack)(event);
             this.stoppedAt = new Date(ts).toISOString();
+            if (gen !== this.generation)
+                return;
             await this.crashBuffer.appendEvent({
                 ts,
                 isFullSnapshot: event.type === _rrweb_types__WEBPACK_IMPORTED_MODULE_1__.EventType.FullSnapshot,
@@ -27292,10 +27303,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 class CrashBufferService {
-    constructor(db, tabId, windowMs) {
+    constructor(db, tabId, windowMs, ready = Promise.resolve()) {
         this.db = db;
         this.tabId = tabId;
         this.windowMs = windowMs;
+        this.ready = ready;
         this.lastPruneAt = 0;
         this.pruneInFlight = null;
         this.isActive = true;
@@ -27318,6 +27330,7 @@ class CrashBufferService {
         if (!this.isActive)
             return;
         const isFullSnapshot = Boolean(payload.isFullSnapshot);
+        await this.ready;
         await this._safe(async () => {
             await this.db.appendEvent({
                 tabId: this.tabId,
@@ -27338,6 +27351,7 @@ class CrashBufferService {
         if (!this.isActive)
             return;
         let errorEvent = null;
+        await this.ready;
         await this._safe(async () => {
             const records = payload.map((p) => {
                 var _a, _b;
@@ -27386,6 +27400,7 @@ class CrashBufferService {
     }
     async snapshot(_windowMs, now = Date.now()) {
         var _a, _b;
+        await this.ready;
         const stoppedAt = now;
         const startedAt = Math.max(0, stoppedAt - this.windowMs);
         // Always include a full snapshot "anchor" if one exists at/before the window start.
@@ -28026,6 +28041,8 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observa
         this.sessionId = null;
         this.usePostMessage = false;
         this.isInitialized = false;
+        this.lastUserPayload = null;
+        this.lastSubscribeSession = null;
         this.options = {
             apiKey: '',
             socketUrl: '',
@@ -28088,6 +28105,15 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observa
             this.isConnecting = false;
             this.isConnected = true;
             this.usePostMessage = false;
+            // Re-establish identity and session on every (re)connect: socket.io's auto-reconnect
+            // fires 'ready' again after a drop, but the server has no memory of the previous
+            // setUser/subscribe calls — the client must replay them.
+            if (this.lastUserPayload && this.socket) {
+                this.socket.emit(_config__WEBPACK_IMPORTED_MODULE_2__.SOCKET_SET_USER_EVENT, this.lastUserPayload);
+            }
+            if (this.lastSubscribeSession) {
+                this._emitSubscribe(this.lastSubscribeSession);
+            }
             this.flushQueue();
         });
         this.socket.on('disconnect', (err) => {
@@ -28154,16 +28180,33 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observa
         this.emitSocketEvent(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_ADD_EVENT, event);
     }
     subscribeToSession(session) {
+        // Remember the session so reconnects replay subscribe + started.
+        this.lastSubscribeSession = session;
+        this._emitSubscribe(session);
+    }
+    _emitSubscribe(session) {
         this.sessionId = session.shortId || session._id;
-        const payload = {
+        const subscribePayload = {
             projectId: session.project,
             workspaceId: session.workspace,
             debugSessionId: this.sessionId,
             sessionType: session.creationType,
         };
-        this.emitSocketEvent(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_SUBSCRIBE_EVENT, payload);
-        // use long id instead of short id
-        this.emitSocketEvent(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_STARTED_EVENT, { debugSessionId: session._id });
+        const startedPayload = { debugSessionId: session._id };
+        // Send directly (not via the queue). The queue would cause a duplicate emit on
+        // the next 'ready' alongside the replay, since 'ready' also replays lastSubscribeSession.
+        if (this.usePostMessage) {
+            this.sendViaPostMessage(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_SUBSCRIBE_EVENT, subscribePayload);
+            this.sendViaPostMessage(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_STARTED_EVENT, startedPayload);
+        }
+        else if (this.socket && this.isConnected) {
+            this.socket.emit(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_SUBSCRIBE_EVENT, subscribePayload);
+            this.socket.emit(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_STARTED_EVENT, startedPayload);
+        }
+        else {
+            // Not connected: 'ready' will replay via lastSubscribeSession once the socket is up.
+            this._initConnection();
+        }
     }
     unsubscribeFromSession(stopSession) {
         if (this.sessionId) {
@@ -28172,9 +28215,23 @@ class SocketService extends lib0_observable__WEBPACK_IMPORTED_MODULE_4__.Observa
                 this.emitSocketEvent(_config__WEBPACK_IMPORTED_MODULE_2__.SESSION_STOPPED_EVENT, {});
             }
         }
+        this.lastSubscribeSession = null;
     }
     setUser(data) {
-        this.emitSocketEvent(_config__WEBPACK_IMPORTED_MODULE_2__.SOCKET_SET_USER_EVENT, data);
+        // Remember the last identity so 'ready' (initial connect + every reconnect) can replay it.
+        // Send directly here rather than queuing: the queue would cause a duplicate emit on the
+        // next 'ready' alongside the replay.
+        this.lastUserPayload = data;
+        if (this.usePostMessage) {
+            this.sendViaPostMessage(_config__WEBPACK_IMPORTED_MODULE_2__.SOCKET_SET_USER_EVENT, data);
+        }
+        else if (this.socket && this.isConnected) {
+            this.socket.emit(_config__WEBPACK_IMPORTED_MODULE_2__.SOCKET_SET_USER_EVENT, data);
+        }
+        else {
+            // Not connected yet: 'ready' will replay lastUserPayload once the socket is up.
+            this._initConnection();
+        }
     }
     close() {
         return new Promise((resolve) => {
@@ -28417,13 +28474,11 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
             this._start();
         }
         else {
-            // Buffer-only recording when there is no active debug session.
             this._startBufferOnlyRecording();
         }
         this._registerWidgetEvents();
         this._registerSocketServiceListeners();
         _services_messaging_service__WEBPACK_IMPORTED_MODULE_9__["default"].sendMessage('state-change', this.sessionState);
-        // Emit init observable event
         this.emit('init', [this]);
     }
     _setupCrashBuffer() {
@@ -28431,7 +28486,8 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
         if ((_a = this._configs.buffering) === null || _a === void 0 ? void 0 : _a.enabled) {
             const windowMinutes = this._configs.buffering.windowMinutes || 0.5;
             const windowMs = Math.max(10000, windowMinutes * 60 * 1000);
-            this._crashBuffer = new _services_crashBuffer_service__WEBPACK_IMPORTED_MODULE_13__.CrashBufferService(this._bufferDb, this._tabId, windowMs);
+            const ready = this._bufferDb.clearTab(this._tabId).catch(() => undefined);
+            this._crashBuffer = new _services_crashBuffer_service__WEBPACK_IMPORTED_MODULE_13__.CrashBufferService(this._bufferDb, this._tabId, windowMs, ready);
             this._recorder.setCrashBuffer(this._crashBuffer);
             this._tracer.setCrashBuffer(this._crashBuffer);
             this._crashBuffer.on('error-span-appended', (payload) => {
@@ -28483,10 +28539,14 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
     }
     _startBufferOnlyRecording() {
         var _a, _b;
-        if (this.sessionId ||
-            !this._crashBuffer ||
-            !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) ||
-            this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
+        // NOTE: `this.sessionId` is intentionally NOT checked. `_stop()` runs
+        // before `_clearSession()` (the stopSession API call sits between them),
+        // so the clear().then() chain fires while sessionId is still set.
+        // Bailing on sessionId here meant rrweb never restarted after manual
+        // stop, leaving the buffer with no FullSnapshot and silently breaking
+        // exception-triggered flushBuffer. `_recorder.restart(null, ...)` passes
+        // null explicitly, so it's safe regardless of `this.sessionId`.
+        if (!this._crashBuffer || !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) || this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
             return;
         }
         void this._recorder.restart(null, _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL);
@@ -28556,9 +28616,10 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
     async stop(comment) {
         try {
             this._checkOperation('stop');
+            const sid = this.sessionId;
             this._stop();
             if (this.continuousRecording) {
-                await this._apiService.stopContinuousDebugSession(this.sessionId);
+                await this._apiService.stopContinuousDebugSession(sid);
                 this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
             }
             else {
@@ -28566,10 +28627,9 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
                     sessionAttributes: { comment },
                     stoppedAt: this._recorder.stoppedAt,
                 };
-                const response = await this._apiService.stopSession(this.sessionId, request);
+                const response = await this._apiService.stopSession(sid, request);
                 _eventBus__WEBPACK_IMPORTED_MODULE_7__.recorderEventBus.emit(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_RESPONSE, response);
             }
-            this._clearSession();
         }
         catch (error) {
             this.error = error.message;
@@ -28605,15 +28665,15 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
     async cancel() {
         try {
             this._checkOperation('cancel');
+            const sid = this.sessionId;
             this._stop();
             if (this.continuousRecording) {
-                await this._apiService.stopContinuousDebugSession(this.sessionId);
+                await this._apiService.stopContinuousDebugSession(sid);
                 this.sessionType = _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_0__.SessionType.MANUAL;
             }
             else {
-                await this._apiService.cancelSession(this.sessionId);
+                await this._apiService.cancelSession(sid);
             }
-            this._clearSession();
         }
         catch (error) {
             this.error = error.message;
@@ -28665,12 +28725,7 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
         }
     }
     async _flushBuffer(sessionId) {
-        var _a, _b;
-        if (!sessionId ||
-            !this._crashBuffer ||
-            this._isFlushingBuffer ||
-            !((_b = (_a = this._configs) === null || _a === void 0 ? void 0 : _a.buffering) === null || _b === void 0 ? void 0 : _b.enabled) ||
-            this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped) {
+        if (!sessionId || !this._crashBuffer || this._isFlushingBuffer) {
             return null;
         }
         this._isFlushingBuffer = true;
@@ -28860,6 +28915,8 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
         });
         this._socketService.on(_config__WEBPACK_IMPORTED_MODULE_5__.SESSION_SAVE_BUFFER_EVENT, (payload) => {
             var _a;
+            if (this.sessionState !== _types__WEBPACK_IMPORTED_MODULE_4__.SessionState.stopped)
+                return;
             this._flushBuffer((_a = payload === null || payload === void 0 ? void 0 : payload.debugSession) === null || _a === void 0 ? void 0 : _a._id);
         });
     }
@@ -28930,7 +28987,18 @@ class SessionRecorder extends lib0_observable__WEBPACK_IMPORTED_MODULE_16__.Obse
         this._tracer.stop();
         this._recorder.stop();
         this._navigationRecorder.stop();
-        this._startBufferOnlyRecording();
+        // Clear session identity synchronously. The buffer-restart chain and the
+        // error-span-appended listener both gate on `this.sessionId === null`;
+        // deferring this to `_clearSession()` (after the network stopSession
+        // call) left them seeing a stale id and silently no-oping. Callers that
+        // need the id for the stop/cancel API must capture it before _stop().
+        this.session = null;
+        this.sessionId = null;
+        // rrweb assigns new node IDs on each record() call, so the next buffer
+        // segment must not carry events from the previous generation. Await the
+        // clear so its IDB tx can't race past the fresh FullSnapshot.
+        const cleared = this._crashBuffer ? this._crashBuffer.clear() : Promise.resolve();
+        void cleared.catch(() => undefined).then(() => this._startBufferOnlyRecording());
     }
     /**
      * Pause the session tracing and recording
@@ -57765,6 +57833,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_SESSION_CACHE_PREFIX),
 /* harmony export */   MULTIPLAYER_TRACE_SESSION_PREFIX: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.MULTIPLAYER_TRACE_SESSION_PREFIX),
 /* harmony export */   NavigationRecorder: () => (/* reexport safe */ _navigation__WEBPACK_IMPORTED_MODULE_6__.NavigationRecorder),
+/* harmony export */   SessionRecorder: () => (/* binding */ SessionRecorderInstance),
 /* harmony export */   SessionRecorderBrowserTraceExporter: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.SessionRecorderBrowserTraceExporter),
 /* harmony export */   SessionRecorderIdGenerator: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.SessionRecorderIdGenerator),
 /* harmony export */   SessionRecorderSdk: () => (/* reexport safe */ _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_7__.SessionRecorderSdk),
@@ -57812,6 +57881,7 @@ else {
     SessionRecorderInstance = new _session_recorder__WEBPACK_IMPORTED_MODULE_3__.SessionRecorder();
 }
 
+
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SessionRecorderInstance);
 
 })();

package/dist/config/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/config/defaults.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAyB,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAIlH,eAAO,MAAM,sBAAsB,EAAE,aASpC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,yBAuBxC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,sBAAsB,CAuCxD,CAAA"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/config/defaults.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAyB,yBAAyB,EAAE,MAAM,UAAU,CAAA;AAIlH,eAAO,MAAM,sBAAsB,EAAE,aASpC,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,yBAuBxC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,sBAAsB,CA0CxD,CAAA"}

package/dist/config/defaults.js

@@ -46,8 +46,11 @@ export const BASE_CONFIG = {
     apiBaseUrl: MULTIPLAYER_BASE_API_URL,
     exporterEndpoint: MULTIPLAYER_OTEL_DEFAULT_TRACES_EXPORTER_HTTP_URL,
     recordCanvas: false,
-    inlineImages: true,
-    inlineStylesheet: true,
+    // Off by default: inlining reads pixels via canvas and requires CORS on cross-origin hosts (e.g. S3).
+    // Set true when asset URLs send Access-Control-Allow-Origin for your app origin.
+    inlineImages: false,
+    // Off by default: inlining fetches stylesheet text; cross-origin <link> assets need CORS when enabled.
+    inlineStylesheet: false,
     recordNavigation: true,
     schemifyDocSpanPayload: true,
     ignoreUrls: [],
@@ -60,7 +63,7 @@ export const BASE_CONFIG = {
     widgetTextOverrides: DEFAULT_WIDGET_TEXT_CONFIG,
     useWebsocket: true,
     buffering: {
-        enabled: false,
+        enabled: true,
         windowMinutes: 0.5,
         snapshotIntervalMs: 20000,
     },

package/dist/config/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../src/config/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,iDAAiD,GAClD,MAAM,0CAA0C,CAAA;AACjD,OAAO,EAAyC,qBAAqB,EAA6B,MAAM,UAAU,CAAA;AAClH,OAAO,EAAE,0BAA0B,EAAE,uCAAuC,EAAE,MAAM,aAAa,CAAA;AACjG,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,kBAAkB,CAAA;AAEtE,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,aAAa,EAAE,IAAI;IACnB,uBAAuB,EAAE,IAAI;IAC7B,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC;IAC/B,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC;IACnC,kBAAkB,EAAE,eAAe;IACnC,eAAe,EAAE,gBAAgB;IACjC,gBAAgB,EAAE,EAAE;IACpB,gBAAgB,EAAE,EAAE;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAA8B;IACnE,0BAA0B,EAAE,uBAAuB;IACnD,6BAA6B,EAAE,uBAAuB;IACtD,gCAAgC,EAAE,kEAAkE;IACpG,mCAAmC,EAAE,kEAAkE;IACvG,wBAAwB,EAAE,sBAAsB;IAChD,wBAAwB,EAAE,iBAAiB;IAC3C,UAAU,EAAE,iBAAiB;IAC7B,gBAAgB,EAAE,0FAA0F;IAC5G,kBAAkB,EAAE,kBAAkB;IACtC,cAAc,EAAE,kBAAkB;IAClC,gBAAgB,EAAE,kBAAkB;IACpC,sBAAsB,EAAE,mCAAmC;IAC3D,4BAA4B,EAC1B,mOAAmO;IACrO,0BAA0B,EAAE,gBAAgB;IAC5C,iBAAiB,EAAE,gBAAgB;IACnC,oBAAoB,EAClB,iJAAiJ;IACnJ,wBAAwB,EAAE,+CAA+C;IACzE,8BAA8B,EAAE,kBAAkB;IAClD,sBAAsB,EAAE,MAAM;IAC9B,sBAAsB,EAAE,QAAQ;CACjC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAqC;IAC3D,MAAM,EAAE,EAAE;IAEV,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IAEf,UAAU,EAAE,IAAI;IAChB,uBAAuB,EAAE,IAAI;IAC7B,qBAAqB,EAAE,qBAAqB,CAAC,WAAW;IAExD,sBAAsB,EAAE,KAAK;IAC7B,UAAU,EAAE,wBAAwB;IACpC,gBAAgB,EAAE,iDAAiD;IAEnE,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,gBAAgB,EAAE,IAAI;IACtB,sBAAsB,EAAE,IAAI;IAE5B,UAAU,EAAE,EAAE;IACd,4BAA4B,EAAE,EAAE;IAEhC,gBAAgB,EAAE,0BAA0B;IAC5C,2BAA2B,EAAE,uCAAuC;IAEpE,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,IAAI;IACpB,OAAO,EAAE,sBAAsB;IAC/B,mBAAmB,EAAE,0BAA0B;IAE/C,YAAY,EAAE,IAAI;IAElB,SAAS,EAAE;QACT,OAAO,EAAE,KAAK;QACd,aAAa,EAAE,GAAG;QAClB,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAA"}
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../src/config/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,iDAAiD,GAClD,MAAM,0CAA0C,CAAA;AACjD,OAAO,EAAyC,qBAAqB,EAA6B,MAAM,UAAU,CAAA;AAClH,OAAO,EAAE,0BAA0B,EAAE,uCAAuC,EAAE,MAAM,aAAa,CAAA;AACjG,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,gBAAgB,EAAE,GAAG,kBAAkB,CAAA;AAEtE,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,aAAa,EAAE,IAAI;IACnB,uBAAuB,EAAE,IAAI;IAC7B,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC;IAC/B,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC;IACnC,kBAAkB,EAAE,eAAe;IACnC,eAAe,EAAE,gBAAgB;IACjC,gBAAgB,EAAE,EAAE;IACpB,gBAAgB,EAAE,EAAE;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAA8B;IACnE,0BAA0B,EAAE,uBAAuB;IACnD,6BAA6B,EAAE,uBAAuB;IACtD,gCAAgC,EAAE,kEAAkE;IACpG,mCAAmC,EAAE,kEAAkE;IACvG,wBAAwB,EAAE,sBAAsB;IAChD,wBAAwB,EAAE,iBAAiB;IAC3C,UAAU,EAAE,iBAAiB;IAC7B,gBAAgB,EAAE,0FAA0F;IAC5G,kBAAkB,EAAE,kBAAkB;IACtC,cAAc,EAAE,kBAAkB;IAClC,gBAAgB,EAAE,kBAAkB;IACpC,sBAAsB,EAAE,mCAAmC;IAC3D,4BAA4B,EAC1B,mOAAmO;IACrO,0BAA0B,EAAE,gBAAgB;IAC5C,iBAAiB,EAAE,gBAAgB;IACnC,oBAAoB,EAClB,iJAAiJ;IACnJ,wBAAwB,EAAE,+CAA+C;IACzE,8BAA8B,EAAE,kBAAkB;IAClD,sBAAsB,EAAE,MAAM;IAC9B,sBAAsB,EAAE,QAAQ;CACjC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAqC;IAC3D,MAAM,EAAE,EAAE;IAEV,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IAEf,UAAU,EAAE,IAAI;IAChB,uBAAuB,EAAE,IAAI;IAC7B,qBAAqB,EAAE,qBAAqB,CAAC,WAAW;IAExD,sBAAsB,EAAE,KAAK;IAC7B,UAAU,EAAE,wBAAwB;IACpC,gBAAgB,EAAE,iDAAiD;IAEnE,YAAY,EAAE,KAAK;IACnB,sGAAsG;IACtG,iFAAiF;IACjF,YAAY,EAAE,KAAK;IACnB,uGAAuG;IACvG,gBAAgB,EAAE,KAAK;IACvB,gBAAgB,EAAE,IAAI;IACtB,sBAAsB,EAAE,IAAI;IAE5B,UAAU,EAAE,EAAE;IACd,4BAA4B,EAAE,EAAE;IAEhC,gBAAgB,EAAE,0BAA0B;IAC5C,2BAA2B,EAAE,uCAAuC;IAEpE,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,IAAI;IACpB,OAAO,EAAE,sBAAsB;IAC/B,mBAAmB,EAAE,0BAA0B;IAE/C,YAAY,EAAE,IAAI;IAElB,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,aAAa,EAAE,GAAG;QAClB,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAA"}