@echoteam/signoz-react 1.2.11 → 1.2.14

package/dist/index.js

@@ -15568,10 +15568,77 @@ function addXHRLogging(config) {
     };
 }
 // Fungsi untuk menambahkan error tracking
-function addErrorTracking(enableConsoleLog = false) {
+function addErrorTracking(config) {
+    // Helper function to check if URL should be ignored
+    const shouldIgnoreUrl = (url) => {
+        if (!url)
+            return false;
+        return config.ignoreNetworkErrorUrls.some(pattern => {
+            if (pattern instanceof RegExp) {
+                return pattern.test(url);
+            }
+            return url.includes(pattern);
+        });
+    };
     // Track unhandled errors
     window.addEventListener('error', (event) => {
-        var _a;
+        var _a, _b;
+        // Skip SignOz internal timeout errors and network errors
+        const errorMessage = event.message || '';
+        const errorStack = ((_a = event.error) === null || _a === void 0 ? void 0 : _a.stack) || '';
+        const errorFilename = event.filename || '';
+        const isSignOzTimeout = ((errorMessage.includes('Timeout') || errorMessage.includes('timeout') || errorMessage.includes('ETIMEDOUT')) &&
+            (errorMessage.includes('BatchSpanProcessor') ||
+                errorMessage.includes('OTLP') ||
+                errorMessage.includes('exporter') ||
+                errorStack.includes('BatchSpanProcessor') ||
+                errorStack.includes('OTLPTraceExporter') ||
+                errorStack.includes('zone.js') ||
+                errorStack.includes('SignOz') ||
+                errorFilename.includes('zone.js')));
+        // Also skip generic timeout errors that might be from SignOz
+        const isGenericTimeout = (errorMessage === 'Timeout' ||
+            errorMessage === 'timeout' ||
+            (errorMessage.includes('Timeout') && errorStack.includes('zone.js')));
+        if (isSignOzTimeout || isGenericTimeout) {
+            if (config.enableConsoleLog) {
+                console.warn('[SignOz] Span export timeout detected (safe to ignore - not tracking this error)');
+            }
+            event.preventDefault(); // Prevent the error from propagating
+            event.stopPropagation(); // Stop event bubbling
+            event.stopImmediatePropagation(); // Stop other listeners
+            return;
+        }
+        // Skip network errors if trackNetworkErrors is disabled
+        if (!config.trackNetworkErrors) {
+            const isNetworkError = (errorMessage.includes('XHR request failed') ||
+                errorMessage.includes('Failed to fetch') ||
+                errorMessage.includes('Network request failed') ||
+                errorMessage.includes('NetworkError') ||
+                errorMessage.includes('net::ERR_') ||
+                errorStack.includes('XMLHttpRequest') ||
+                errorStack.includes('fetch'));
+            if (isNetworkError) {
+                if (config.enableConsoleLog) {
+                    console.warn('[SignOz] Network error detected (not tracking - trackNetworkErrors is disabled)');
+                }
+                event.preventDefault();
+                event.stopPropagation();
+                event.stopImmediatePropagation();
+                return;
+            }
+        }
+        // Check if URL should be ignored
+        const errorUrl = event.filename || '';
+        if (shouldIgnoreUrl(errorUrl)) {
+            if (config.enableConsoleLog) {
+                console.warn('[SignOz] Error from ignored URL (not tracking):', errorUrl);
+            }
+            event.preventDefault();
+            event.stopPropagation();
+            event.stopImmediatePropagation();
+            return;
+        }
         const tracer = trace.getTracer('error-tracker');
         const span = tracer.startSpan('Unhandled Error');
         span.setAttribute('error.type', 'unhandled');
@@ -15590,13 +15657,13 @@ function addErrorTracking(enableConsoleLog = false) {
             span.setAttribute('error.name', event.error.name || 'Error');
         }
         span.setStatus({ code: SpanStatusCode.ERROR, message: event.message });
-        if (enableConsoleLog) {
+        if (config.enableConsoleLog) {
             console.error('[SignOz] Unhandled Error:', {
                 message: event.message,
                 filename: event.filename,
                 lineno: event.lineno,
                 colno: event.colno,
-                stack: (_a = event.error) === null || _a === void 0 ? void 0 : _a.stack,
+                stack: (_b = event.error) === null || _b === void 0 ? void 0 : _b.stack,
                 page: window.location.pathname
             });
         }
@@ -15608,17 +15675,45 @@ function addErrorTracking(enableConsoleLog = false) {
         const reason = String(event.reason);
         const stack = event.reason instanceof Error ? (event.reason.stack || '') : '';
         // Check if this is a SignOz internal timeout error
-        const isSignOzTimeout = (reason.includes('Timeout') &&
+        const isSignOzTimeout = ((reason.includes('Timeout') || reason.includes('timeout') || reason.includes('ETIMEDOUT')) &&
             (reason.includes('BatchSpanProcessor') ||
+                reason.includes('OTLP') ||
+                reason.includes('exporter') ||
                 stack.includes('BatchSpanProcessor') ||
+                stack.includes('OTLPTraceExporter') ||
                 stack.includes('zone.js')));
-        if (isSignOzTimeout) {
-            if (enableConsoleLog) {
+        // Also skip generic timeout errors that might be from SignOz
+        const isGenericTimeout = (reason === 'Timeout' ||
+            reason === 'timeout' ||
+            (reason.includes('Timeout') && stack.includes('zone.js')));
+        if (isSignOzTimeout || isGenericTimeout) {
+            if (config.enableConsoleLog) {
                 console.warn('[SignOz] Span export timeout (this is usually safe to ignore - check if SignOz endpoint is reachable)');
             }
             event.preventDefault(); // Prevent the error from being logged
+            event.stopPropagation(); // Stop event bubbling
+            event.stopImmediatePropagation(); // Stop other listeners
             return;
         }
+        // Skip network errors if trackNetworkErrors is disabled
+        if (!config.trackNetworkErrors) {
+            const isNetworkError = (reason.includes('XHR request failed') ||
+                reason.includes('Failed to fetch') ||
+                reason.includes('Network request failed') ||
+                reason.includes('NetworkError') ||
+                reason.includes('net::ERR_') ||
+                stack.includes('XMLHttpRequest') ||
+                stack.includes('fetch'));
+            if (isNetworkError) {
+                if (config.enableConsoleLog) {
+                    console.warn('[SignOz] Network error in promise (not tracking - trackNetworkErrors is disabled)');
+                }
+                event.preventDefault();
+                event.stopPropagation();
+                event.stopImmediatePropagation();
+                return;
+            }
+        }
         const tracer = trace.getTracer('error-tracker');
         const span = tracer.startSpan('Unhandled Promise Rejection');
         span.setAttribute('error.type', 'unhandled_rejection');
@@ -15635,7 +15730,7 @@ function addErrorTracking(enableConsoleLog = false) {
             span.setAttribute('error.name', event.reason.name || 'Error');
         }
         span.setStatus({ code: SpanStatusCode.ERROR, message: String(event.reason) });
-        if (enableConsoleLog) {
+        if (config.enableConsoleLog) {
             console.error('[SignOz] Unhandled Promise Rejection:', event.reason, 'on page', window.location.pathname);
         }
         span.end();
@@ -15649,14 +15744,39 @@ function addErrorTracking(enableConsoleLog = false) {
                 // Skip SignOz internal timeout errors
                 const errorMessage = error.message || String(error);
                 const errorStack = error.stack || '';
-                const isSignOzTimeout = (errorMessage.includes('Timeout') &&
-                    (errorStack.includes('BatchSpanProcessor') || errorStack.includes('zone.js')));
-                if (isSignOzTimeout) {
-                    if (enableConsoleLog) {
+                const isSignOzTimeout = ((errorMessage.includes('Timeout') || errorMessage.includes('timeout') || errorMessage.includes('ETIMEDOUT')) &&
+                    (errorMessage.includes('BatchSpanProcessor') ||
+                        errorMessage.includes('OTLP') ||
+                        errorMessage.includes('exporter') ||
+                        errorStack.includes('BatchSpanProcessor') ||
+                        errorStack.includes('OTLPTraceExporter') ||
+                        errorStack.includes('zone.js')));
+                // Also skip generic timeout errors
+                const isGenericTimeout = (errorMessage === 'Timeout' ||
+                    errorMessage === 'timeout' ||
+                    (errorMessage.includes('Timeout') && errorStack.includes('zone.js')));
+                if (isSignOzTimeout || isGenericTimeout) {
+                    if (config.enableConsoleLog) {
                         console.warn('[SignOz] Zone.js caught span export timeout (safe to ignore)');
                     }
                     return; // Don't track this error
                 }
+                // Skip network errors if trackNetworkErrors is disabled
+                if (!config.trackNetworkErrors) {
+                    const isNetworkError = (errorMessage.includes('XHR request failed') ||
+                        errorMessage.includes('Failed to fetch') ||
+                        errorMessage.includes('Network request failed') ||
+                        errorMessage.includes('NetworkError') ||
+                        errorMessage.includes('net::ERR_') ||
+                        errorStack.includes('XMLHttpRequest') ||
+                        errorStack.includes('fetch'));
+                    if (isNetworkError) {
+                        if (config.enableConsoleLog) {
+                            console.warn('[SignOz] Zone.js caught network error (not tracking - trackNetworkErrors is disabled)');
+                        }
+                        return;
+                    }
+                }
                 const tracer = trace.getTracer('error-tracker');
                 const span = tracer.startSpan('Zone.js Error');
                 span.setAttribute('error.type', 'zone_error');
@@ -15672,7 +15792,7 @@ function addErrorTracking(enableConsoleLog = false) {
                 }
                 span.recordException(error);
                 span.setStatus({ code: SpanStatusCode.ERROR, message: error.message || String(error) });
-                if (enableConsoleLog) {
+                if (config.enableConsoleLog) {
                     console.error('[SignOz] Zone.js Error:', error, 'on page', window.location.pathname);
                 }
                 span.end();
@@ -15686,6 +15806,25 @@ function addErrorTracking(enableConsoleLog = false) {
     console.error = function (...args) {
         // Check if this is a React error
         const errorMessage = args.map(arg => String(arg)).join(' ');
+        // Skip SignOz internal errors
+        const isSignOzError = (errorMessage.includes('Timeout') &&
+            (errorMessage.includes('BatchSpanProcessor') ||
+                errorMessage.includes('zone.js') ||
+                errorMessage.includes('SignOz')));
+        if (isSignOzError) {
+            // Just call original console.error without tracking
+            return originalConsoleError.apply(console, args);
+        }
+        // Skip network errors if trackNetworkErrors is disabled
+        const isNetworkError = (errorMessage.includes('XHR request failed') ||
+            errorMessage.includes('Failed to fetch') ||
+            errorMessage.includes('Network request failed') ||
+            errorMessage.includes('NetworkError') ||
+            errorMessage.includes('net::ERR_'));
+        if (isNetworkError && !config.trackNetworkErrors) {
+            // Just call original console.error without tracking
+            return originalConsoleError.apply(console, args);
+        }
         if (errorMessage.includes('React') || errorMessage.includes('TypeError') || errorMessage.includes('Uncaught')) {
             const tracer = trace.getTracer('error-tracker');
             const span = tracer.startSpan('Console Error');
@@ -16015,6 +16154,34 @@ function addWebSocketLogging(config) {
  */
 function initializeSignOzTracing(config) {
     try {
+        // Install global error suppression for SignOz timeout errors FIRST
+        // This must be done before any other initialization
+        const originalWindowError = window.onerror;
+        window.onerror = function (message, source, lineno, colno, error) {
+            const errorMessage = String(message);
+            const errorStack = (error === null || error === void 0 ? void 0 : error.stack) || '';
+            // Suppress SignOz timeout errors globally
+            const isSignOzTimeout = ((errorMessage.includes('Timeout') || errorMessage.includes('timeout') || errorMessage.includes('ETIMEDOUT')) &&
+                (errorMessage.includes('BatchSpanProcessor') ||
+                    errorMessage.includes('OTLP') ||
+                    errorMessage.includes('exporter') ||
+                    errorStack.includes('BatchSpanProcessor') ||
+                    errorStack.includes('OTLPTraceExporter') ||
+                    errorStack.includes('zone.js') ||
+                    (source === null || source === void 0 ? void 0 : source.includes('zone.js'))));
+            const isGenericTimeout = (errorMessage === 'Timeout' ||
+                errorMessage === 'timeout' ||
+                (errorMessage.includes('Timeout') && errorStack.includes('zone.js')));
+            if (isSignOzTimeout || isGenericTimeout) {
+                // Suppress completely - don't log, don't propagate
+                return true; // Returning true prevents default error handling
+            }
+            // Call original handler for other errors
+            if (originalWindowError) {
+                return originalWindowError.call(window, message, source, lineno, colno, error);
+            }
+            return false;
+        };
         // Gabungkan konfigurasi dari parameter, process.env, dan window
         const effectiveConfig = {
             serviceName: (config === null || config === void 0 ? void 0 : config.serviceName) || getConfigValue('REACT_APP_SIGNOZ_SERVICE_NAME'),
@@ -16029,9 +16196,9 @@ function initializeSignOzTracing(config) {
             })(),
             batchSpanProcessorConfig: (config === null || config === void 0 ? void 0 : config.batchSpanProcessorConfig) || {
                 maxQueueSize: 100,
-                scheduledDelayMillis: 5000,
-                exportTimeoutMillis: 60000, // Increased to 60 seconds
-                maxExportBatchSize: 50 // Smaller batches to avoid timeouts
+                scheduledDelayMillis: 3000, // Kirim lebih cepat (3 detik)
+                exportTimeoutMillis: 10000, // Timeout lebih pendek (10 detik)
+                maxExportBatchSize: 30 // Batch lebih kecil untuk menghindari timeout
             },
             allowedOrigins: (config === null || config === void 0 ? void 0 : config.allowedOrigins) || parseAllowedOrigins(getConfigValue('REACT_APP_SIGNOZ_ALLOWED_ORIGINS')),
             enableRequestLogging: (config === null || config === void 0 ? void 0 : config.enableRequestLogging) !== undefined ? config.enableRequestLogging : (getConfigValue('REACT_APP_SIGNOZ_ENABLE_REQUEST_LOGGING') === 'true' || true),
@@ -16043,7 +16210,9 @@ function initializeSignOzTracing(config) {
             enableNavigationTracking: (config === null || config === void 0 ? void 0 : config.enableNavigationTracking) !== undefined ? config.enableNavigationTracking : (getConfigValue('REACT_APP_SIGNOZ_ENABLE_NAVIGATION_TRACKING') === 'true'),
             enableConsoleLog: (config === null || config === void 0 ? void 0 : config.enableConsoleLog) !== undefined ? config.enableConsoleLog : (getConfigValue('REACT_APP_SIGNOZ_ENABLE_CONSOLE_LOG') === 'true'),
             enableWebSocketLogging: (config === null || config === void 0 ? void 0 : config.enableWebSocketLogging) !== undefined ? config.enableWebSocketLogging : (getConfigValue('REACT_APP_SIGNOZ_ENABLE_WEBSOCKET_LOGGING') === 'true'),
-            logWebSocketMessages: (config === null || config === void 0 ? void 0 : config.logWebSocketMessages) !== undefined ? config.logWebSocketMessages : (getConfigValue('REACT_APP_SIGNOZ_LOG_WEBSOCKET_MESSAGES') === 'true')
+            logWebSocketMessages: (config === null || config === void 0 ? void 0 : config.logWebSocketMessages) !== undefined ? config.logWebSocketMessages : (getConfigValue('REACT_APP_SIGNOZ_LOG_WEBSOCKET_MESSAGES') === 'true'),
+            trackNetworkErrors: (config === null || config === void 0 ? void 0 : config.trackNetworkErrors) !== undefined ? config.trackNetworkErrors : (getConfigValue('REACT_APP_SIGNOZ_TRACK_NETWORK_ERRORS') === 'true'),
+            ignoreNetworkErrorUrls: (config === null || config === void 0 ? void 0 : config.ignoreNetworkErrorUrls) || []
         };
         // Validasi konfigurasi
         const { isValid, missingFields } = validateConfig(effectiveConfig);
@@ -16059,17 +16228,53 @@ function initializeSignOzTracing(config) {
             'deployment.environment': effectiveConfig.environment,
             'service.namespace': effectiveConfig.serviceNamespace,
         });
-        // Set up the OTLP trace exporter
+        // Set up the OTLP trace exporter with error handling
         const exporter = new OTLPTraceExporter({
             url: effectiveConfig.url,
             headers: effectiveConfig.headers,
-            timeoutMillis: 60000 // Set exporter timeout to 60 seconds
+            timeoutMillis: 10000 // Timeout lebih pendek (10 detik)
         });
+        // Wrap exporter to suppress timeout errors completely
+        const originalExport = exporter.export.bind(exporter);
+        exporter.export = function (spans, resultCallback) {
+            // Wrap in try-catch to prevent any errors from propagating
+            try {
+                originalExport(spans, (result) => {
+                    // Suppress ALL errors to prevent console noise and Zone.js catching them
+                    if (result.error) {
+                        const errorMessage = String(result.error);
+                        if (errorMessage.includes('Timeout') || errorMessage.includes('timeout') || errorMessage.includes('ETIMEDOUT')) {
+                            if (effectiveConfig.enableConsoleLog) {
+                                console.warn('[SignOz] Span export timeout - check if SignOz endpoint is reachable:', effectiveConfig.url);
+                            }
+                            // Call callback with success to prevent error propagation
+                            resultCallback({ code: 0 });
+                            return;
+                        }
+                        // For other errors, also suppress but log if console logging is enabled
+                        if (effectiveConfig.enableConsoleLog) {
+                            console.warn('[SignOz] Span export error (suppressed):', errorMessage);
+                        }
+                        resultCallback({ code: 0 });
+                        return;
+                    }
+                    resultCallback(result);
+                });
+            }
+            catch (error) {
+                // Catch any synchronous errors and suppress them
+                if (effectiveConfig.enableConsoleLog) {
+                    console.warn('[SignOz] Span export exception (suppressed):', error);
+                }
+                resultCallback({ code: 0 });
+            }
+        };
         // Set up the span processor with configuration
         const processor = new BatchSpanProcessor(exporter, {
             maxQueueSize: effectiveConfig.batchSpanProcessorConfig.maxQueueSize,
             scheduledDelayMillis: effectiveConfig.batchSpanProcessorConfig.scheduledDelayMillis,
-            exportTimeoutMillis: effectiveConfig.batchSpanProcessorConfig.exportTimeoutMillis
+            exportTimeoutMillis: effectiveConfig.batchSpanProcessorConfig.exportTimeoutMillis,
+            maxExportBatchSize: effectiveConfig.batchSpanProcessorConfig.maxExportBatchSize
         });
         // Create and configure the WebTracerProvider
         const provider = new WebTracerProvider({
@@ -16126,7 +16331,11 @@ function initializeSignOzTracing(config) {
         }
         // Tambahkan error tracking
         if (effectiveConfig.enableErrorTracking) {
-            addErrorTracking(effectiveConfig.enableConsoleLog);
+            addErrorTracking({
+                enableConsoleLog: effectiveConfig.enableConsoleLog,
+                trackNetworkErrors: effectiveConfig.trackNetworkErrors,
+                ignoreNetworkErrorUrls: effectiveConfig.ignoreNetworkErrorUrls
+            });
         }
         // Tambahkan navigation tracking
         if (effectiveConfig.enableNavigationTracking) {
@@ -16154,7 +16363,8 @@ function initializeSignOzTracing(config) {
             enableErrorTracking: effectiveConfig.enableErrorTracking,
             enableNavigationTracking: effectiveConfig.enableNavigationTracking,
             enableWebSocketLogging: effectiveConfig.enableWebSocketLogging,
-            logWebSocketMessages: effectiveConfig.logWebSocketMessages
+            logWebSocketMessages: effectiveConfig.logWebSocketMessages,
+            trackNetworkErrors: effectiveConfig.trackNetworkErrors
         });
         console.log('SignOz: Tracing berhasil diinisialisasi');
     }