@echoteam/signoz-react 1.2.6 → 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);