@echoteam/signoz-react 1.2.5 → 1.2.7

package/README.md

@@ -194,6 +194,7 @@ Library ini secara otomatis melog semua HTTP request dan response yang dilakukan
    - `http.url`: URL endpoint
    - `http.method`: HTTP method
    - `http.status_code`: Status code response
+   - `http.response_content_length`: Ukuran response dalam bytes
    - `duration_ms`: Durasi request dalam milliseconds
    - `page.url`: URL halaman frontend yang melakukan request
    - `page.pathname`: Pathname halaman frontend

package/dist/index.esm.js

@@ -15344,12 +15344,21 @@ function addFetchLogging(config) {
             span.setAttribute('duration_ms', Math.round(duration));
             // Log response data
             span.setAttribute('http.status_code', response.status);
+            // Log response content length from headers
+            const contentLength = response.headers.get('content-length');
+            if (contentLength) {
+                span.setAttribute('http.response_content_length', parseInt(contentLength));
+            }
             if (config.logResponseBody && response.ok) {
                 const clonedResponse = response.clone();
                 try {
                     const responseData = await clonedResponse.text();
                     const truncatedData = truncateBody(responseData, config.maxBodyLogSize);
                     span.setAttribute('response.data', truncatedData);
+                    // If content-length header is not available, calculate from response data
+                    if (!contentLength) {
+                        span.setAttribute('http.response_content_length', responseData.length);
+                    }
                     // Try to parse JSON and extract message if exists
                     try {
                         const jsonData = JSON.parse(responseData);
@@ -15437,11 +15446,20 @@ function addXHRLogging(config) {
                 const duration = performance.now() - startTime;
                 span.setAttribute('duration_ms', Math.round(duration));
                 span.setAttribute('http.status_code', xhr.status);
+                // Log response content length from headers
+                const contentLength = xhr.getResponseHeader('content-length');
+                if (contentLength) {
+                    span.setAttribute('http.response_content_length', parseInt(contentLength));
+                }
                 // Log response body
                 if (config.logResponseBody && xhr.status >= 200 && xhr.status < 300) {
                     const responseData = xhr.responseText;
                     const truncatedData = truncateBody(responseData, config.maxBodyLogSize);
                     span.setAttribute('response.data', truncatedData);
+                    // If content-length header is not available, calculate from response data
+                    if (!contentLength) {
+                        span.setAttribute('http.response_content_length', responseData.length);
+                    }
                     // Try to parse JSON and extract message if exists
                     try {
                         const jsonData = JSON.parse(responseData);
@@ -15642,6 +15660,20 @@ function addWebSocketLogging(config) {
         const originalSend = ws.send;
         ws.send = function (data) {
             if (config.logWebSocketMessages) {
+                // Skip logging if data is just a number
+                let shouldLog = true;
+                if (typeof data === 'string') {
+                    // Check if string is just a number
+                    if (/^\d+$/.test(data.trim())) {
+                        shouldLog = false;
+                    }
+                }
+                else if (typeof data === 'number') {
+                    shouldLog = false;
+                }
+                if (!shouldLog) {
+                    return originalSend.call(ws, data);
+                }
                 const messageSpan = tracer.startSpan('WebSocket Send');
                 const sendStartTime = performance.now();
                 messageSpan.setAttribute('websocket.url', wsUrl);
@@ -15698,6 +15730,23 @@ function addWebSocketLogging(config) {
         const originalOnMessage = ws.onmessage;
         ws.addEventListener('message', function (event) {
             if (config.logWebSocketMessages) {
+                // Skip logging if data is just a number
+                let shouldLog = true;
+                if (typeof event.data === 'string') {
+                    // Check if string is just a number
+                    if (/^\d+$/.test(event.data.trim())) {
+                        shouldLog = false;
+                    }
+                }
+                else if (typeof event.data === 'number') {
+                    shouldLog = false;
+                }
+                if (!shouldLog) {
+                    if (originalOnMessage) {
+                        originalOnMessage.call(ws, event);
+                    }
+                    return;
+                }
                 const messageSpan = tracer.startSpan('WebSocket Receive');
                 messageSpan.setAttribute('websocket.url', wsUrl);
                 messageSpan.setAttribute('websocket.direction', 'receive');