@coralogix/browser 3.5.0 → 3.5.1

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 3.5.1 (2026-04-06)
+
+### 🩹 Fixes
+
+- Improve stacktrace truncation
+
 ## 3.5.0 (2026-03-26)
 
 ### 🚀 Features

package/README.md

@@ -25,33 +25,34 @@
 11. [Multi Page Application](#multi-page-application)
 12. [Ignore Errors](#ignore-errors)
 13. [Ignore URLs](#ignore-urls)
-14. [Mask Elements](#mask-elements)
-15. [Label Providers](#label-providers)
-16. [URL Blueprinters](#url-blueprinters)
-17. [Traces](#traces)
+14. [Stack Trace Limit](#stack-trace-limit)
+15. [Mask Elements](#mask-elements)
+16. [Label Providers](#label-providers)
+17. [URL Blueprinters](#url-blueprinters)
+18. [Traces](#traces)
 
     - [Propagate Trace Header for CORS URLs](#propagatetraceheadercorsurls)
     - [Allowed Tracing URLs](#allowedtracingurls)
     - [Extra Propagators (B3 / AWS X-Ray)](#b3--aws-x-ray-propagation)
 
-18. [Before Send](#before-send)
-19. [Proxy URL](#proxy-url)
-20. [Collect IP Data](#collect-ip-data)
-21. [Custom Measurement](#custom-measurement)
-22. [Add Timing](#add-timing)
-23. [Custom Time Measurement](#custom-time-measurement)
-24. [Microfrontend Support](#microfrontend-support)
+19. [Before Send](#before-send)
+20. [Proxy URL](#proxy-url)
+21. [Collect IP Data](#collect-ip-data)
+22. [Custom Measurement](#custom-measurement)
+23. [Add Timing](#add-timing)
+24. [Custom Time Measurement](#custom-time-measurement)
+25. [Microfrontend Support](#microfrontend-support)
 
     - [Pre Requisites](#pre-requisites)
 
-25. [Custom Spans](#custom-spans)
+26. [Custom Spans](#custom-spans)
 
     - [Ignored Instruments](#ignored-instruments)
 
-26. [Soft Navigations (Experimental)](#soft-navigations--experimental)
-27. [Memory Usage (Experimental)](#memory-usage---experimental)
-28. [Angular Zone.js Configuration](#angular-zonejs-configuration)
-29. [CDN](#cdn)
+27. [Soft Navigations (Experimental)](#soft-navigations--experimental)
+28. [Memory Usage (Experimental)](#memory-usage---experimental)
+29. [Angular Zone.js Configuration](#angular-zonejs-configuration)
+30. [CDN](#cdn)
 
     - [Specific Version](#specific-version-recommended)
     - [Add the CDN Script to Your Application](#add-the-cdn-script-to-your-application)
@@ -59,7 +60,7 @@
       - [Via JS File](#via-js-file)
       - [Via TS File](#via-ts-file)
 
-30. [Flutter Web](#flutter-web)
+31. [Flutter Web](#flutter-web)
 
 ---
 
@@ -495,6 +496,21 @@ CoralogixRum.init({
 });
 ```
 
+### Stack Trace Limit
+
+Browsers typically capture 10 stack frames by default. If your error stack traces are being truncated and you need to see deeper into the call stack, you can increase this limit using the `stackTraceLimit` option.
+
+```javascript
+import { CoralogixRum } from '@coralogix/browser';
+
+CoralogixRum.init({
+  // ...
+  stackTraceLimit: 50,
+});
+```
+
+> **Note:** Higher values may have a performance impact, as the browser needs to capture more frames each time an error is created.
+
 ### Mask elements
 
 User interactions capture text from clickable elements only (button, label, link, input, option).

package/index.esm2.js

@@ -369,7 +369,8 @@ function getCustomMergedLabels(labels) {
 
 var CACHED_METADATA_KEY = '__cx_metadata__';
 var ERROR_INSTRUMENTATION_VERSION = '1';
-var STACK_LIMIT = 4096;
+var STACK_FRAME_LIMIT = 50;
+var STACK_LINE_LIMIT = 1024;
 var MESSAGE_LIMIT = 1024;
 var MFE_PATH_PATTERN = /https?:\/\/.*\//;
 function extractMfePath(fileName) {
@@ -393,29 +394,42 @@ var ErrorSource;
     ErrorSource["CAPTURED"] = "captured";
     ErrorSource["WEB_WORKER"] = "web_worker";
 })(ErrorSource || (ErrorSource = {}));
+function parseStackFrames(err) {
+    var stack = err.stack, message = err.message, name = err.name;
+    if (!stack) {
+        return [];
+    }
+    var sanitizedStack = stack
+        .split('\n')
+        .map(function (line) { return line.slice(0, STACK_LINE_LIMIT); })
+        .join('\n');
+    return ErrorStackParser.parse({
+        stack: sanitizedStack,
+        message: message,
+        name: name,
+    })
+        .slice(0, STACK_FRAME_LIMIT)
+        .map(function (_a) {
+        var fileName = _a.fileName, columnNumber = _a.columnNumber, lineNumber = _a.lineNumber, functionName = _a.functionName;
+        return ({
+            fileName: fileName,
+            columnNumber: columnNumber,
+            lineNumber: lineNumber,
+            functionName: functionName,
+        });
+    });
+}
 function buildStacktrace(span, err) {
     return __awaiter(this, void 0, void 0, function () {
-        var stack, message, name, hasStack, supportMfe, stackFrames;
+        var stackFrames, supportMfe;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    stack = err.stack, message = err.message, name = err.name;
-                    hasStack = !!(stack === null || stack === void 0 ? void 0 : stack.includes('at '));
-                    if (!(err && hasStack)) return [3, 3];
+                    stackFrames = parseStackFrames(err);
+                    if (stackFrames.length === 0) {
+                        return [2];
+                    }
                     supportMfe = getSdkConfig().supportMfe;
-                    stackFrames = ErrorStackParser.parse({
-                        stack: stack.substring(0, STACK_LIMIT),
-                        message: message,
-                        name: name,
-                    }).map(function (_a) {
-                        var fileName = _a.fileName, columnNumber = _a.columnNumber, lineNumber = _a.lineNumber, functionName = _a.functionName;
-                        return ({
-                            fileName: fileName,
-                            columnNumber: columnNumber,
-                            lineNumber: lineNumber,
-                            functionName: functionName,
-                        });
-                    });
                     if (!supportMfe) return [3, 2];
                     return [4, handleMFE(stackFrames, span)];
                 case 1:
@@ -423,8 +437,7 @@ function buildStacktrace(span, err) {
                     _a.label = 2;
                 case 2:
                     span[ErrorAttributes.STACK] = stackFrames;
-                    _a.label = 3;
-                case 3: return [2];
+                    return [2];
             }
         });
     });
@@ -551,6 +564,10 @@ var CoralogixErrorInstrumentation = (function (_super) {
     }
     CoralogixErrorInstrumentation.prototype.init = function () { };
     CoralogixErrorInstrumentation.prototype.enable = function () {
+        var stackTraceLimit = getSdkConfig().stackTraceLimit;
+        if (stackTraceLimit) {
+            Error.stackTraceLimit = stackTraceLimit;
+        }
         shimmer_1.wrap(console, 'error', _consoleErrorHandler(this));
         CxGlobal.addEventListener('error', _errorListener(this));
         CxGlobal.addEventListener('unhandledrejection', _unhandledRejectionListener(this));
@@ -4207,7 +4224,7 @@ function resolveUrlBlueprinters(urlBlueprinters) {
     return resolvedUrlBlueprinters;
 }
 
-var SDK_VERSION = '3.5.0';
+var SDK_VERSION = '3.5.1';
 
 function shouldDropEvent(cxRumEvent, options) {
     if (isDocumentErrorWithoutMessage(cxRumEvent)) {
@@ -4318,7 +4335,7 @@ function flattenToAttributes(obj, prefix) {
 function buildRumContextAttributes(cxRumEvent, resolvedLabels) {
     var session_context = cxRumEvent.session_context, page_context = cxRumEvent.page_context, event_context = cxRumEvent.event_context, error_context = cxRumEvent.error_context, network_request_context = cxRumEvent.network_request_context;
     var prefixedLabels = flattenToAttributes(resolvedLabels, 'cx_rum.labels.');
-    return buildCxRumSpanAttributes(__assign(__assign({ 'cx_rum.browser_sdk.version': cxRumEvent.browser_sdk.version, 'cx_rum.platform': cxRumEvent.platform, 'cx_rum.environment': cxRumEvent.environment, 'cx_rum.version_metadata.app_name': cxRumEvent.version_metadata.app_name, 'cx_rum.version_metadata.app_version': cxRumEvent.version_metadata.app_version }, prefixedLabels), { 'cx_rum.session_context.os': session_context === null || session_context === void 0 ? void 0 : session_context.os, 'cx_rum.session_context.osVersion': session_context === null || session_context === void 0 ? void 0 : session_context.osVersion, 'cx_rum.session_context.browser': session_context === null || session_context === void 0 ? void 0 : session_context.browser, 'cx_rum.session_context.browserVersion': session_context === null || session_context === void 0 ? void 0 : session_context.browserVersion, 'cx_rum.session_context.device': session_context === null || session_context === void 0 ? void 0 : session_context.device, 'cx_rum.session_context.user_agent': session_context === null || session_context === void 0 ? void 0 : session_context.user_agent, 'cx_rum.session_context.user_email': session_context === null || session_context === void 0 ? void 0 : session_context.user_email, 'cx_rum.session_context.user_id': session_context === null || session_context === void 0 ? void 0 : session_context.user_id, 'cx_rum.session_context.user_name': session_context === null || session_context === void 0 ? void 0 : session_context.user_name, 'cx_rum.page_context.page_fragments': page_context === null || page_context === void 0 ? void 0 : page_context.page_fragments, 'cx_rum.page_context.page_url_blueprint': page_context === null || page_context === void 0 ? void 0 : page_context.page_url_blueprint, 'cx_rum.event_context.type': event_context === null || event_context === void 0 ? void 0 : event_context.type, 'cx_rum.event_context.severity': event_context === null || event_context === void 0 ? void 0 : event_context.severity, 'cx_rum.error_context.error_type': error_context === null || error_context === void 0 ? void 0 : error_context.error_type, 'cx_rum.error_context.error_message': error_context === null || error_context === void 0 ? void 0 : error_context.error_message, 'cx_rum.network_request_context.fragments': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.fragments, 'cx_rum.network_request_context.url': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.url, 'cx_rum.network_request_context.status_code': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.status_code, 'cx_rum.network_request_context.method': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.method }));
+    return buildCxRumSpanAttributes(__assign(__assign({ 'cx_rum.browser_sdk.version': cxRumEvent.browser_sdk.version, 'cx_rum.platform': cxRumEvent.platform, 'cx_rum.environment': cxRumEvent.environment, 'cx_rum.version_metadata.app_name': cxRumEvent.version_metadata.app_name, 'cx_rum.version_metadata.app_version': cxRumEvent.version_metadata.app_version }, prefixedLabels), { 'cx_rum.session_context.session_id': session_context === null || session_context === void 0 ? void 0 : session_context.session_id, 'cx_rum.session_context.os': session_context === null || session_context === void 0 ? void 0 : session_context.os, 'cx_rum.session_context.osVersion': session_context === null || session_context === void 0 ? void 0 : session_context.osVersion, 'cx_rum.session_context.browser': session_context === null || session_context === void 0 ? void 0 : session_context.browser, 'cx_rum.session_context.browserVersion': session_context === null || session_context === void 0 ? void 0 : session_context.browserVersion, 'cx_rum.session_context.device': session_context === null || session_context === void 0 ? void 0 : session_context.device, 'cx_rum.session_context.user_agent': session_context === null || session_context === void 0 ? void 0 : session_context.user_agent, 'cx_rum.session_context.user_email': session_context === null || session_context === void 0 ? void 0 : session_context.user_email, 'cx_rum.session_context.user_id': session_context === null || session_context === void 0 ? void 0 : session_context.user_id, 'cx_rum.session_context.user_name': session_context === null || session_context === void 0 ? void 0 : session_context.user_name, 'cx_rum.page_context.page_fragments': page_context === null || page_context === void 0 ? void 0 : page_context.page_fragments, 'cx_rum.page_context.page_url_blueprint': page_context === null || page_context === void 0 ? void 0 : page_context.page_url_blueprint, 'cx_rum.event_context.type': event_context === null || event_context === void 0 ? void 0 : event_context.type, 'cx_rum.event_context.severity': event_context === null || event_context === void 0 ? void 0 : event_context.severity, 'cx_rum.error_context.error_type': error_context === null || error_context === void 0 ? void 0 : error_context.error_type, 'cx_rum.error_context.error_message': error_context === null || error_context === void 0 ? void 0 : error_context.error_message, 'cx_rum.network_request_context.fragments': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.fragments, 'cx_rum.network_request_context.url': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.url, 'cx_rum.network_request_context.status_code': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.status_code, 'cx_rum.network_request_context.method': network_request_context === null || network_request_context === void 0 ? void 0 : network_request_context.method }));
 }
 
 var CoralogixSpanMapProcessor = (function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coralogix/browser",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "description": "Official Coralogix SDK for browsers",
   "license": "Apache-2.0",
   "author": "Coralogix",

package/src/instrumentations/CoralogixErrorInstrumentation.d.ts

@@ -1,5 +1,7 @@
 import { InstrumentationBase, InstrumentationConfig } from '@opentelemetry/instrumentation';
-import { CoralogixRumLabels } from '../types';
+import { CoralogixRumLabels, CxStackFrame } from '../types';
+export declare const STACK_FRAME_LIMIT = 50;
+export declare const STACK_LINE_LIMIT = 1024;
 export declare function extractMfePath(fileName: string): string | undefined;
 export declare const ERROR_INSTRUMENTATION_NAME = "errors";
 export declare const ErrorAttributes: {
@@ -19,6 +21,7 @@ export declare enum ErrorSource {
 interface CoralogixErrorInstrumentationConfig extends InstrumentationConfig {
     ignoreErrors?: Array<string | RegExp>;
 }
+export declare function parseStackFrames(err: Error): CxStackFrame[];
 export declare class CoralogixErrorInstrumentation extends InstrumentationBase {
     constructor(config: CoralogixErrorInstrumentationConfig);
     protected init(): void;

package/src/otel/rum-span-attributes.types.d.ts

@@ -6,6 +6,7 @@ export interface CxRumSpanAttributes extends Attributes {
     'cx_rum.environment'?: string;
     'cx_rum.version_metadata.app_name'?: string;
     'cx_rum.version_metadata.app_version'?: string;
+    'cx_rum.session_context.session_id'?: string;
     'cx_rum.session_context.os'?: string;
     'cx_rum.session_context.osVersion'?: string;
     'cx_rum.session_context.browser'?: string;

package/src/types.d.ts

@@ -138,6 +138,7 @@ export interface CoralogixBrowserSdkConfig {
     labels?: CoralogixRumLabels;
     ignoreUrls?: Array<string | RegExp>;
     ignoreErrors?: Array<string | RegExp>;
+    stackTraceLimit?: number;
     instrumentations?: CoralogixOtelWebOptionsInstrumentations;
     traceParentInHeader?: TraceHeaderConfiguration;
     environment?: string;

package/src/version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "3.5.0";
+export declare const SDK_VERSION = "3.5.1";