@multiplayer-app/session-recorder-browser 1.3.13 → 1.3.15

package/dist/index.umd.js

@@ -24323,7 +24323,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 = "1.3.13" || 0;
+const PACKAGE_VERSION_EXPORT = "1.3.15" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -25233,7 +25233,6 @@ const getElementTextContent = (element) => {
 
 
 
-
 class TracerBrowserSDK {
     constructor() {
         this.sessionId = '';
@@ -25408,14 +25407,7 @@ class TracerBrowserSDK {
         try {
             const activeSpan = _opentelemetry_api__WEBPACK_IMPORTED_MODULE_10__.trace.getSpan(_opentelemetry_api__WEBPACK_IMPORTED_MODULE_11__.context.active());
             if (activeSpan) {
-                // Standard OTEL exception event + span status
-                _multiplayer_app_session_recorder_common__WEBPACK_IMPORTED_MODULE_1__.SessionRecorderSdk.captureException(error);
-                activeSpan.addEvent('exception', {
-                    'exception.type': error.name || 'Error',
-                    'exception.message': error.message,
-                    'exception.stacktrace': error.stack || '',
-                    ...(errorInfo || {}),
-                });
+                this._recordException(activeSpan, error, errorInfo);
                 return;
             }
             // eslint-disable-next-line
@@ -25425,19 +25417,24 @@ class TracerBrowserSDK {
         try {
             const tracer = _opentelemetry_api__WEBPACK_IMPORTED_MODULE_10__.trace.getTracer('exception');
             const span = tracer.startSpan(error.name || 'Error');
-            span.recordException(error);
-            span.setStatus({ code: _opentelemetry_api__WEBPACK_IMPORTED_MODULE_12__.SpanStatusCode.ERROR, message: error.message });
-            span.addEvent('exception', {
-                'exception.type': error.name || 'Error',
-                'exception.message': error.message,
-                'exception.stacktrace': error.stack || '',
-                ...(errorInfo || {}),
-            });
+            this._recordException(span, error, errorInfo);
             span.end();
             // eslint-disable-next-line
         }
         catch (_ignored) { }
     }
+    _recordException(span, error, errorInfo) {
+        span.recordException(error);
+        span.setStatus({ code: _opentelemetry_api__WEBPACK_IMPORTED_MODULE_12__.SpanStatusCode.ERROR, message: error.message });
+        span.setAttribute('exception.type', error.name || 'Error');
+        span.setAttribute('exception.message', error.message);
+        span.setAttribute('exception.stacktrace', error.stack || '');
+        if (errorInfo) {
+            Object.entries(errorInfo).forEach(([key, value]) => {
+                span.setAttribute(`error_info.${key}`, value);
+            });
+        }
+    }
     _getSpanSessionIdProcessor() {
         return {
             forceFlush: () => Promise.resolve(),
@@ -25525,7 +25522,7 @@ const setShouldRecordHttpData = (shouldRecordBody, shouldRecordHeaders) => {
 
 
 
-function _tryReadFetchBody({ body, url, }) {
+function _tryReadFetchBody({ body, url }) {
     if ((0,_utils_type_utils__WEBPACK_IMPORTED_MODULE_0__.isNullish)(body)) {
         return null;
     }
@@ -25548,32 +25545,82 @@ function _tryReadFetchBody({ body, url, }) {
     }
     return `[Fetch] Cannot read body of type ${toString.call(body)}`;
 }
+/**
+ * Detects if a response is a streaming response that should NOT have its body read.
+ * Reading the body of streaming responses (SSE, chunked streams, etc.) will either:
+ * - Block forever (SSE streams never end)
+ * - Corrupt the stream for the actual consumer
+ */
+function _isStreamingResponse(response) {
+    var _a, _b, _c;
+    const contentType = (_b = (_a = response.headers.get('content-type')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '';
+    // SSE - Server-Sent Events (infinite stream)
+    if (contentType.includes('text/event-stream')) {
+        return true;
+    }
+    // Binary streams that are typically long-running
+    if (contentType.includes('application/octet-stream')) {
+        return true;
+    }
+    // NDJSON streaming (newline-delimited JSON, common in streaming APIs)
+    if (contentType.includes('application/x-ndjson') || contentType.includes('application/ndjson')) {
+        return true;
+    }
+    // gRPC-web streaming
+    if (contentType.includes('application/grpc')) {
+        return true;
+    }
+    // Check for chunked transfer encoding (often indicates streaming)
+    const transferEncoding = (_c = response.headers.get('transfer-encoding')) === null || _c === void 0 ? void 0 : _c.toLowerCase();
+    if (transferEncoding === null || transferEncoding === void 0 ? void 0 : transferEncoding.includes('chunked')) {
+        // Chunked alone isn't definitive, but combined with no content-length = streaming
+        const contentLength = response.headers.get('content-length');
+        if (!contentLength) {
+            return true;
+        }
+    }
+    return false;
+}
+/**
+ * Safely reads response body for non-streaming responses.
+ * Returns null for streaming responses to avoid blocking/corruption.
+ */
 async function _tryReadResponseBody(response) {
     var _a, _b;
+    // CRITICAL: Never attempt to read streaming response bodies
+    if (_isStreamingResponse(response)) {
+        return null;
+    }
     try {
-        // Clone the response to avoid consuming the original stream
+        // Clone the response to avoid consuming the original
         const clonedResponse = response.clone();
-        // Try different methods to read the body
-        if ((_a = response.headers.get('content-type')) === null || _a === void 0 ? void 0 : _a.includes('application/json')) {
+        const contentType = (_b = (_a = response.headers.get('content-type')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '';
+        // Check content-length to avoid reading massive responses
+        const contentLength = response.headers.get('content-length');
+        if (contentLength) {
+            const length = parseInt(contentLength, 10);
+            if (!isNaN(length) && length > _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
+                return `[Fetch] Response too large (${length} bytes)`;
+            }
+        }
+        if (contentType.includes('application/json')) {
             const json = await clonedResponse.json();
             return JSON.stringify(json);
         }
-        else if ((_b = response.headers.get('content-type')) === null || _b === void 0 ? void 0 : _b.includes('text/')) {
+        if (contentType.includes('text/')) {
             return await clonedResponse.text();
         }
-        else {
-            // For other content types, try text first, fallback to arrayBuffer
+        // For unknown types, attempt text read with timeout protection
+        try {
+            return await clonedResponse.text();
+        }
+        catch (_c) {
             try {
-                return await clonedResponse.text();
+                const arrayBuffer = await clonedResponse.arrayBuffer();
+                return `[Fetch] Binary data (${arrayBuffer.byteLength} bytes)`;
             }
-            catch (_c) {
-                try {
-                    const arrayBuffer = await clonedResponse.arrayBuffer();
-                    return `[Fetch] Binary data (${arrayBuffer.byteLength} bytes)`;
-                }
-                catch (_d) {
-                    return '[Fetch] Unable to read response body';
-                }
+            catch (_d) {
+                return '[Fetch] Unable to read response body';
             }
         }
     }
@@ -25616,6 +25663,7 @@ if (typeof window !== 'undefined' && typeof window.fetch !== 'undefined') {
     }
     else {
         // @ts-ignore
+        ;
         window.fetch.__mp_session_recorder_patched__ = true;
         // Store original fetch
         const originalFetch = window.fetch;
@@ -25637,7 +25685,9 @@ if (typeof window !== 'undefined' && typeof window.fetch !== 'undefined') {
             if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.shouldRecordBody) {
                 const urlStr = inputIsRequest
                     ? input.url
-                    : (typeof input === 'string' || input instanceof URL ? String(input) : '');
+                    : typeof input === 'string' || input instanceof URL
+                        ? String(input)
+                        : '';
                 // Only attempt to read the body from init (safe); avoid constructing/cloning Requests
                 // If the caller passed a Request as input, we do not attempt to read its body here
                 // eslint-disable-next-line
@@ -25645,10 +25695,9 @@ if (typeof window !== 'undefined' && typeof window.fetch !== 'undefined') {
                 if (!(0,_utils_type_utils__WEBPACK_IMPORTED_MODULE_0__.isNullish)(candidateBody)) {
                     const requestBody = _tryReadFetchBody({
                         body: candidateBody,
-                        url: urlStr,
+                        url: urlStr
                     });
-                    if ((requestBody === null || requestBody === void 0 ? void 0 : requestBody.length) &&
-                        new Blob([requestBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
+                    if ((requestBody === null || requestBody === void 0 ? void 0 : requestBody.length) && new Blob([requestBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
                         networkRequest.requestBody = requestBody;
                     }
                 }
@@ -25662,8 +25711,7 @@ if (typeof window !== 'undefined' && typeof window.fetch !== 'undefined') {
                 }
                 if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.shouldRecordBody) {
                     const responseBody = await _tryReadResponseBody(response);
-                    if ((responseBody === null || responseBody === void 0 ? void 0 : responseBody.length) &&
-                        new Blob([responseBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
+                    if ((responseBody === null || responseBody === void 0 ? void 0 : responseBody.length) && new Blob([responseBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
                         networkRequest.responseBody = responseBody;
                     }
                 }