@coralogix/browser 2.12.0 → 2.14.0

package/CHANGELOG.md

@@ -1,10 +1,21 @@
+## 2.14.0 (2025-12-07)
+
+### 🚀 Features
+
+- **errors:** add stack traces to console error logs
+
+## 2.13.0 (2025-12-07)
+
+### 🩹 Fixes
+
+- **traces-exporter:** improve trace metadata encoding
+
 ## 2.12.0 (2025-11-30)
 
 ### 🚀 Features
 
 - Introduced the tracesExporter callback, enabling custom processing or exporting of collected trace events.
 
-
 ## 2.11.1 (2025-11-24)
 
 ### 🩹 Fixes

package/README.md

@@ -660,6 +660,7 @@ CoralogixRum.init({
 ```
 
 #### Custom Propagation
+
 ```javascript
 CoralogixRum.init({
   // ...
@@ -773,8 +774,10 @@ CoralogixRum.init({
 ```
 
 #### ignoreProxyUrlParams
+
 If you want the SDK to ignore the cxforward parameter and always send data to the proxy URL directly, you can use the ignoreProxyUrlParams option.
 By default, this option is disabled.
+
 ```javascript
 CoralogixRum.init({
   // ...
@@ -904,7 +907,7 @@ const customTracer = CoralogixRum.getCustomTracer({
 ### Traces Exporter
 
 The `tracesExporter` callback gives you full control over how collected trace events are handled.  
-It receives a `TracesExporterPayload` object containing all trace data that the SDK has collected.
+It receives a `TraceExporterData` object containing all trace data that the SDK has collected.
 
 ```ts
 CoralogixRum.init({
@@ -917,12 +920,10 @@ CoralogixRum.init({
       },
       body: JSON.stringify(data),
     });
-
   },
 });
 ```
 
-
 ### Soft Navigations — Experimental
 
 Soft navigations are navigations that do not trigger a full page reload, such as SPA navigations. Defaults to false.

package/index.esm2.js

@@ -503,7 +503,8 @@ var _consoleErrorHandler = function (errorInstrumentation) {
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
             }
-            errorInstrumentation.report(ErrorSource.CONSOLE, args);
+            var stackContextError = new Error();
+            errorInstrumentation.report(ErrorSource.CONSOLE, args, stackContextError);
             return original.apply(console, args);
         };
     };
@@ -555,7 +556,7 @@ var CoralogixErrorInstrumentation = (function (_super) {
         CxGlobal.removeEventListener('unhandledrejection', _unhandledRejectionListener(this));
         document.documentElement.removeEventListener('error', _documentErrorListener(this), { capture: true });
     };
-    CoralogixErrorInstrumentation.prototype.report = function (source, arg) {
+    CoralogixErrorInstrumentation.prototype.report = function (source, arg, stackContextError) {
         var _this = this;
         if (arg instanceof Array) {
             if (arg.length === 0) {
@@ -573,7 +574,7 @@ var CoralogixErrorInstrumentation = (function (_super) {
                 this.reportEvent(source, arg);
                 break;
             case typeof arg === 'string':
-                this.reportString(source, arg);
+                this.reportString(source, arg, stackContextError);
                 break;
             case arg instanceof Array: {
                 var firstError = arg.find(function (x) { return x instanceof Error; });
@@ -582,7 +583,8 @@ var CoralogixErrorInstrumentation = (function (_super) {
                     return typeof msg === 'string' ? msg : _this.parseErrorObject(msg);
                 })
                     .join(' ');
-                this.reportString(source, message, firstError);
+                var stackSourceError = firstError !== null && firstError !== void 0 ? firstError : stackContextError;
+                this.reportString(source, message, stackSourceError);
                 break;
             }
             default:
@@ -617,7 +619,7 @@ var CoralogixErrorInstrumentation = (function (_super) {
             });
         });
     };
-    CoralogixErrorInstrumentation.prototype.reportString = function (source, message, firstError) {
+    CoralogixErrorInstrumentation.prototype.reportString = function (source, message, stackError) {
         return __awaiter(this, void 0, void 0, function () {
             var span;
             return __generator(this, function (_a) {
@@ -627,8 +629,8 @@ var CoralogixErrorInstrumentation = (function (_super) {
                         addErrorDefaultAttributes(span);
                         span.setAttribute(CoralogixAttributes.SOURCE, source);
                         span.setAttribute(ErrorAttributes.MESSAGE, message === null || message === void 0 ? void 0 : message.substring(0, MESSAGE_LIMIT));
-                        if (!firstError) return [3, 2];
-                        return [4, buildStacktrace(span, firstError)];
+                        if (!stackError) return [3, 2];
+                        return [4, buildStacktrace(span, stackError)];
                     case 1:
                         _a.sent();
                         _a.label = 2;
@@ -947,6 +949,9 @@ var CoralogixFetchInstrumentation = (function (_super) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
+                        if (!span.isRecording()) {
+                            return [2];
+                        }
                         status = response.status;
                         networkExtraConfig = getSdkConfig().networkExtraConfig;
                         url = span.attributes['http.url'] ||
@@ -1083,6 +1088,9 @@ var CoralogixXhrInstrumentation = (function (_super) {
     }
     CoralogixXhrInstrumentation.prototype.setNetworkSpanAttributes = function (span, xhr) {
         var _a;
+        if (!span.isRecording()) {
+            return;
+        }
         var status = xhr.status;
         var networkExtraConfig = getSdkConfig().networkExtraConfig;
         var resolvedConfig = this.networkDataManager.resolveConfigForUrl(xhr.responseURL, networkExtraConfig);
@@ -3427,16 +3435,6 @@ function timestampToNanosString(timestamp) {
     var nanosPart = String(nanos).padStart(9, '0');
     return secondsPart + nanosPart;
 }
-function hexToBase64(hex) {
-    if (!hex)
-        return '';
-    var binary = '';
-    for (var i = 0; i < hex.length; i += 2) {
-        var byte = Number.parseInt(hex.slice(i, i + 2), 16);
-        binary += String.fromCharCode(byte);
-    }
-    return btoa(binary);
-}
 function mapStatusCodeToOtlp(code) {
     var _a;
     if (code == null)
@@ -3514,12 +3512,9 @@ function mapCxSpanToOtlpSpan(span) {
         }
         return null;
     }
-    var ids = encodeSpanIds(span);
-    if (!ids)
-        return null;
     var startUnixNano = timestampToNanosString(span.startTime);
     var endUnixNano = timestampToNanosString(span.endTime);
-    return __assign(__assign(__assign({ trace_id: ids.traceIdB64, span_id: ids.spanIdB64 }, (ids.parentSpanIdB64 ? { parentSpanId: ids.parentSpanIdB64 } : {})), { name: (_a = span.name) !== null && _a !== void 0 ? _a : '', kind: 'SPAN_KIND_CLIENT', start_time_unix_nano: startUnixNano, end_time_unix_nano: endUnixNano, attributes: toOtlpAttributes(span.attributes) }), (span.status ? { status: toOtlpStatus(span.status) } : {}));
+    return __assign(__assign(__assign({ trace_id: span.traceId, span_id: span.spanId }, (span.parentSpanId ? { parentSpanId: span.parentSpanId } : {})), { name: (_a = span.name) !== null && _a !== void 0 ? _a : '', kind: 'SPAN_KIND_CLIENT', start_time_unix_nano: startUnixNano, end_time_unix_nano: endUnixNano, attributes: toOtlpAttributes(span.attributes) }), (span.status ? { status: toOtlpStatus(span.status) } : {}));
 }
 function mapEntryToOtlpResource(entry, extra) {
     var _a;
@@ -3538,15 +3533,6 @@ function mapEntryToOtlpResource(entry, extra) {
     var attributes = toOtlpAttributes(merged);
     return attributes.length ? { attributes: attributes } : {};
 }
-function encodeSpanIds(span) {
-    return {
-        traceIdB64: hexToBase64(span.traceId),
-        spanIdB64: hexToBase64(span.spanId),
-        parentSpanIdB64: span.parentSpanId
-            ? hexToBase64(span.parentSpanId)
-            : undefined,
-    };
-}
 
 function buildCustomTraces(logs) {
     var tracesPayload = buildExporterPayload(logs);
@@ -4152,7 +4138,7 @@ function resolveUrlBlueprinters(urlBlueprinters) {
     return resolvedUrlBlueprinters;
 }
 
-var SDK_VERSION = '2.12.0';
+var SDK_VERSION = '2.14.0';
 
 function shouldDropEvent(cxRumEvent, options) {
     if (isDocumentErrorWithoutMessage(cxRumEvent)) {

package/package.json

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

package/src/instrumentations/CoralogixErrorInstrumentation.d.ts

@@ -23,7 +23,7 @@ export declare class CoralogixErrorInstrumentation extends InstrumentationBase {
     protected init(): void;
     enable(): void;
     disable(): void;
-    report(source: ErrorSource, arg: string | Error | Event | ErrorEvent | Array<any>): void;
+    report(source: ErrorSource, arg: string | Error | Event | ErrorEvent | Array<any>, stackContextError?: Error): void;
     parseErrorObject: (obj: any) => string;
     reportError(source: ErrorSource, err: Error, customData?: unknown, labels?: CoralogixRumLabels): Promise<void>;
     private reportString;

package/src/traces-exporter/traces-exporter.utils.d.ts

@@ -4,7 +4,6 @@ export declare function toOtlpKeyValue(key: string, value: unknown): OtlpKeyValu
 export declare function toOtlpAttributes(attributes?: Record<string, unknown>): OtlpKeyValueJson[];
 export declare function timestampToNanosNumber(timestamp: CustomTimestamp): number;
 export declare function timestampToNanosString(timestamp: CustomTimestamp): string;
-export declare function hexToBase64(hex: string): string;
 export declare function mapStatusCodeToOtlp(code?: SpanStatusCode | number): OtlpStatusCodeJson | undefined;
 export declare function toOtlpStatus(spanStatus?: CxSpanOtelSpan['status']): OtlpStatusJson | undefined;
 export declare function isWithinAllowedWindow(start: number, now: number): boolean;

package/src/version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.12.0";
+export declare const SDK_VERSION = "2.14.0";