@multiplayer-app/session-recorder-browser 1.2.34 → 1.2.36

package/dist/browser/index.js

@@ -25094,7 +25094,7 @@ const DEFAULT_MAX_HTTP_CAPTURING_PAYLOAD_SIZE = 100000;
 const SESSION_RESPONSE = 'multiplayer-debug-session-response';
 const CONTINUOUS_DEBUGGING_TIMEOUT = 60000; // 1 minutes
 const DEBUG_SESSION_MAX_DURATION_SECONDS = 10 * 60 + 30; // TODO: move to shared config otel core
-const PACKAGE_VERSION_EXPORT = "1.2.34" || 0;
+const PACKAGE_VERSION_EXPORT = "1.2.36" || 0;
 // Regex patterns for OpenTelemetry ignore URLs
 const OTEL_IGNORE_URLS = [
     // Traces endpoint
@@ -25748,6 +25748,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   extractResponseBody: () => (/* binding */ extractResponseBody),
+/* harmony export */   getElementTextContent: () => (/* binding */ getElementTextContent),
 /* harmony export */   getExporterEndpoint: () => (/* binding */ getExporterEndpoint),
 /* harmony export */   headersToObject: () => (/* binding */ headersToObject),
 /* harmony export */   processBody: () => (/* binding */ processBody),
@@ -25956,6 +25957,16 @@ const getExporterEndpoint = (exporterEndpoint) => {
     const trimmedExporterEndpoint = new URL(exporterEndpoint).origin;
     return `${trimmedExporterEndpoint}/v1/traces`;
 };
+const getElementTextContent = (element) => {
+    const getInnerText = (element) => {
+        const slicedText = element.innerText.slice(0, 50);
+        if (slicedText.length < element.innerText.length) {
+            return `${slicedText}...`;
+        }
+        return slicedText;
+    };
+    return String(element.textContent || element.ariaLabel || getInnerText(element) || '').trim();
+};
 
 
 /***/ }),
@@ -25998,7 +26009,6 @@ __webpack_require__.r(__webpack_exports__);
 
 class TracerBrowserSDK {
     constructor() {
-        this.allowedElements = new Set(['A', 'BUTTON']);
         this.sessionId = '';
         this.globalErrorListenersRegistered = false;
     }
@@ -26128,11 +26138,10 @@ class TracerBrowserSDK {
                             if (span['parentSpanContext']) {
                                 return true;
                             }
-                            let textContent = '';
-                            if (this.allowedElements.has(element.tagName)) {
-                                textContent = String(element.textContent || element.ariaLabel || '').trim();
-                            }
-                            span.setAttribute('target.innerText', textContent);
+                            span.setAttribute('target.innerText', (0,_helpers__WEBPACK_IMPORTED_MODULE_3__.getElementTextContent)(element));
+                            Array.from(element.attributes).forEach(attribute => {
+                                span.setAttribute(`target.attribute.${attribute.name}`, attribute.value);
+                            });
                             return false;
                         },
                     },
@@ -26370,91 +26379,84 @@ function _headersInitToObject(headersInit) {
     return result;
 }
 if (typeof window !== 'undefined' && typeof window.fetch !== 'undefined') {
-    // Store original fetch
-    const originalFetch = window.fetch;
-    // Override fetch
-    window.fetch = async function (input, 
-    // eslint-disable-next-line
-    init) {
-        const networkRequest = {};
-        // Capture request data
-        const inputIsRequest = typeof Request !== 'undefined' && input instanceof Request;
-        const safeToConstructRequest = !inputIsRequest || !input.bodyUsed;
-        // Only construct a new Request when it's safe (i.e., body not already used)
-        let requestForMetadata = null;
-        if (safeToConstructRequest) {
-            try {
-                requestForMetadata = new Request(input, init);
-            }
-            catch (_a) {
-                // If construction fails for any reason, fall back to using available data
-                requestForMetadata = null;
-            }
-        }
-        if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.recordRequestHeaders) {
-            if (requestForMetadata) {
-                networkRequest.requestHeaders = _headersToObject(requestForMetadata.headers);
-            }
-            else if (inputIsRequest) {
-                networkRequest.requestHeaders = _headersToObject(input.headers);
-            }
-            else {
-                networkRequest.requestHeaders = _headersInitToObject(init === null || init === void 0 ? void 0 : init.headers);
-            }
-        }
-        if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.shouldRecordBody) {
-            // Prefer reading from the safely constructed Request; else fallback to init.body
-            const urlStr = inputIsRequest
-                ? input.url
-                : (typeof input === 'string' || input instanceof URL ? String(input) : '');
-            const candidateBody = requestForMetadata
-                ? requestForMetadata.body
-                : (inputIsRequest ? init === null || init === void 0 ? void 0 : init.body : init === null || init === void 0 ? void 0 : init.body);
-            if (!(0,_utils_type_utils__WEBPACK_IMPORTED_MODULE_0__.isNullish)(candidateBody)) {
-                const requestBody = _tryReadFetchBody({
-                    body: candidateBody,
-                    url: urlStr,
-                });
-                if ((requestBody === null || requestBody === void 0 ? void 0 : requestBody.length) &&
-                    new Blob([requestBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
-                    networkRequest.requestBody = requestBody;
+    // Idempotency guard: avoid double-patching
+    // @ts-ignore
+    if (window.fetch.__mp_session_recorder_patched__) {
+        // Already patched; do nothing
+    }
+    else {
+        // @ts-ignore
+        window.fetch.__mp_session_recorder_patched__ = true;
+        // Store original fetch
+        const originalFetch = window.fetch;
+        // Override fetch
+        window.fetch = async function (input, 
+        // eslint-disable-next-line
+        init) {
+            const networkRequest = {};
+            // Capture request data
+            const inputIsRequest = typeof Request !== 'undefined' && input instanceof Request;
+            if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.recordRequestHeaders) {
+                if (inputIsRequest) {
+                    networkRequest.requestHeaders = _headersToObject(input.headers);
+                }
+                else {
+                    networkRequest.requestHeaders = _headersInitToObject(init === null || init === void 0 ? void 0 : init.headers);
                 }
-            }
-        }
-        try {
-            // Make the actual fetch request
-            const response = await originalFetch(input, init);
-            // Capture response data
-            if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.recordResponseHeaders) {
-                networkRequest.responseHeaders = _headersToObject(response.headers);
             }
             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) {
-                    networkRequest.responseBody = responseBody;
+                const urlStr = inputIsRequest
+                    ? input.url
+                    : (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
+                const candidateBody = init === null || init === void 0 ? void 0 : init.body;
+                if (!(0,_utils_type_utils__WEBPACK_IMPORTED_MODULE_0__.isNullish)(candidateBody)) {
+                    const requestBody = _tryReadFetchBody({
+                        body: candidateBody,
+                        url: urlStr,
+                    });
+                    if ((requestBody === null || requestBody === void 0 ? void 0 : requestBody.length) &&
+                        new Blob([requestBody]).size <= _configs__WEBPACK_IMPORTED_MODULE_2__.configs.maxCapturingHttpPayloadSize) {
+                        networkRequest.requestBody = requestBody;
+                    }
                 }
             }
-            // Attach network request data to the response for later access
-            // @ts-ignore
-            response.networkRequest = networkRequest;
-            return response;
-        }
-        catch (error) {
-            // Even if the fetch fails, we can still capture the request data
-            // Attach captured request data to the thrown error for downstream handling
-            // @ts-ignore
-            if (error && typeof error === 'object') {
+            try {
+                // Make the actual fetch request
+                const response = await originalFetch(input, init);
+                // Capture response data
+                if (_configs__WEBPACK_IMPORTED_MODULE_2__.configs.recordResponseHeaders) {
+                    networkRequest.responseHeaders = _headersToObject(response.headers);
+                }
+                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) {
+                        networkRequest.responseBody = responseBody;
+                    }
+                }
+                // Attach network request data to the response for later access
                 // @ts-ignore
-                error.networkRequest = networkRequest;
+                response.networkRequest = networkRequest;
+                return response;
             }
-            throw error;
-        }
-    };
-    // Preserve the original fetch function's properties
-    Object.setPrototypeOf(window.fetch, originalFetch);
-    Object.defineProperty(window.fetch, 'name', { value: 'fetch' });
-    Object.defineProperty(window.fetch, 'length', { value: originalFetch.length });
+            catch (error) {
+                // Even if the fetch fails, we can still capture the request data
+                // Attach captured request data to the thrown error for downstream handling
+                // @ts-ignore
+                if (error && typeof error === 'object') {
+                    // @ts-ignore
+                    error.networkRequest = networkRequest;
+                }
+                throw error;
+            }
+        };
+        // Preserve the original fetch function's properties
+        Object.setPrototypeOf(window.fetch, originalFetch);
+        Object.defineProperty(window.fetch, 'name', { value: 'fetch' });
+        Object.defineProperty(window.fetch, 'length', { value: originalFetch.length });
+    }
 }