@coralogix/browser 3.23.3 → 3.23.6

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## 3.23.6 (2026-09-09)
+
+### 🩹 Fixes
+
+- Prevent the browser tab from freezing on Safari and on every browser on iOS/iPadOS when an error is reported while the page is navigating away — a redirect on first visit, a link, or a form submit. The tab could hang at 100% CPU and grow in memory until the browser killed it, and the page being navigated to never loaded. Applications that load zone.js, such as Angular, were affected
+- Prevent a `pageUrlBlueprinters` callback that throws from freezing the tab in any browser. Such a callback is now contained and reported once instead of looping; it still surfaces to your own error handling as before
+- Stop the SDK's own error reporting from surfacing in your application as unhandled promise rejections
+
+## 3.23.5 (2026-09-02)
+
+### 🩹 Fixes
+
+- Make a single `cx-metadata.json` request per microfrontend when several errors are reported at once, instead of one request per error (microfrontend support, `supportMfe`)
+- Stop reporting the SDK's own `cx-metadata.json` lookups as network requests in your RUM data
+- Ignore a `cx-metadata.json` served with an error status instead of reading it as metadata, which could label an error with an empty microfrontend name and version
+
+## 3.23.4 (2026-08-31)
+
+### 🩹 Fixes
+
+- Restore canvas capture in session recording: with `recordCanvas` enabled and a numeric `sampling.canvas`, snapshots stopped after the first frame and the recording worker reported an uncaught `__awaiter is not defined` error
+
 ## 3.23.3 (2026-08-30)
 
 ### 🩹 Fixes

package/README.md

@@ -960,7 +960,7 @@ CoralogixRum.init({
 > The `priority` hint only works in Chromium browsers (Chrome/Edge 101+) and is a no-op elsewhere. We type this option with our own `SdkFetchPriority` alias instead of the DOM `RequestPriority` type, so it still compiles on older TypeScript versions (the SDK supports `>= 4.4.2`).
 
 <!-- /split -->
-<!-- split title="Custom instrumentation" path="features/custom-instrumentation.md" -->
+<!-- split title="Timing and measurements" path="features/timing-and-measurements.md" -->
 ### Custom Measurement
 
 Custom measurement allows you to send numeric data to Coralogix for precise monitoring and analysis.
@@ -1017,6 +1017,8 @@ A few behaviours worth knowing:
 - Ending a measurement releases its key, so the same key can be measured again afterwards.
 - Open measurements are dropped the next time you start or end one while the session is idle. The check runs on those calls rather than on a timer, and activity clears the idle flag, so a measurement spanning a short idle gap may still report.
 
+<!-- /split -->
+<!-- split title="Microfrontend support" path="configuration/microfrontend.md" -->
 ### Microfrontend support
 
 This feature allows you to track multiple applications on the same page.<br>
@@ -1035,6 +1037,8 @@ CoralogixRum.init({
 });
 ```
 
+<!-- /split -->
+<!-- split title="Custom spans" path="features/custom-spans.md" -->
 ### Custom Spans
 
 Create your own custom spans to track specific operations in your application.<br>
@@ -1095,6 +1099,8 @@ A few more things worth knowing:
 - Open global spans are ended for you when the session resets, which happens after an
   hour of session time or 15 minutes of inactivity.
 
+<!-- /split -->
+<!-- split title="Traces exporter" path="configuration/traces-exporter.md" -->
 ### Traces Exporter
 
 The `tracesExporter` callback gives you full control over how collected trace events are handled.  
@@ -1135,6 +1141,8 @@ CoralogixRum.init({
 });
 ```
 
+<!-- /split -->
+<!-- split title="OpenTelemetry batching" path="configuration/opentelemetry-batching.md" -->
 ### OpenTelemetry Batch Configuration
 
 The SDK batches logs and traces through an OpenTelemetry `BatchSpanProcessor` before sending them to Coralogix. Use `otelConfig` to tune that batching — for example, to flush less frequently and reduce the number of network requests your app makes.
@@ -1152,6 +1160,8 @@ CoralogixRum.init({
 });
 ```
 
+<!-- /split -->
+<!-- split title="Soft navigations" path="configuration/soft-navigations.md" -->
 ### Soft Navigations — Experimental
 
 Soft navigations are navigations that do not trigger a full page reload, such as SPA navigations. Defaults to false.
@@ -1169,6 +1179,8 @@ CoralogixRum.init({
 });
 ```
 
+<!-- /split -->
+<!-- split title="Memory usage" path="features/memory-usage.md" -->
 ### Memory Usage - Experimental
 
 Memory usage is a feature that allows you to track the memory usage of your application. It uses the [measureUserAgentSpecificMemory](https://developer.mozilla.org/en-US/docs/Web/API/Performance/measureUserAgentSpecificMemory) API.<br>

package/index.esm.js

@@ -1,4 +1,4 @@
-export { s as CoralogixEventType, q as CoralogixLogSeverity, p as CoralogixRum, O as OtelNetworkAttrs, P as PerformanceTypes, r as SessionRecordingEventType, U as UrlBasedLabelProvider, t as UrlType } from './index.esm2.js';
+export { t as CoralogixEventType, q as CoralogixLogSeverity, p as CoralogixRum, O as OtelNetworkAttrs, P as PerformanceTypes, r as SessionRecordingEventType, U as UrlBasedLabelProvider, u as UrlType } from './index.esm2.js';
 import 'tslib';
 import '@opentelemetry/sdk-trace-base';
 import '@opentelemetry/sdk-trace-web';

package/index.esm2.js

@@ -268,32 +268,46 @@ function getCxGlobal() {
 }
 var CxGlobal = getCxGlobal();
 
+var SDK_STORE_KEY = '__cx_store__';
+var CACHED_LOGS_KEY = 'cachedLogs';
+var globalWithStore = CxGlobal;
+var sdkStore = globalWithStore[SDK_STORE_KEY] || (globalWithStore[SDK_STORE_KEY] = {});
+var globalMirror = CxGlobal;
+function setSdkState(key, value) {
+    sdkStore[key] = value;
+    globalMirror[key] = value;
+}
+function deleteSdkState(key) {
+    delete sdkStore[key];
+    delete globalMirror[key];
+}
+
 var CLICK_SCREENSHOT_MANAGER_KEY = 'rumClickScreenshotManager';
 
 function getSnapshotManager() {
-    return CxGlobal[SNAPSHOT_MANAGER_KEY];
+    return sdkStore[SNAPSHOT_MANAGER_KEY];
 }
 function getSessionManager() {
-    return CxGlobal[SESSION_MANAGER_KEY];
+    return sdkStore[SESSION_MANAGER_KEY];
 }
 function getSessionRecorder() {
-    return CxGlobal[SESSION_RECORDER_KEY];
+    return sdkStore[SESSION_RECORDER_KEY];
 }
 function getClickScreenshotManager() {
-    return CxGlobal[CLICK_SCREENSHOT_MANAGER_KEY];
+    return sdkStore[CLICK_SCREENSHOT_MANAGER_KEY];
 }
 function getSdkConfig() {
-    return CxGlobal[SDK_CONFIG_KEY];
+    return sdkStore[SDK_CONFIG_KEY];
 }
 function getUserAgentData() {
-    return CxGlobal[USER_AGENT_KEY];
+    return sdkStore[USER_AGENT_KEY];
 }
 var TRACER_PROVIDER_KEY = '__cx_tracer_provider__';
 function setTracerProvider(provider) {
-    CxGlobal[TRACER_PROVIDER_KEY] = provider;
+    setSdkState(TRACER_PROVIDER_KEY, provider);
 }
 function getTracerProvider() {
-    return CxGlobal[TRACER_PROVIDER_KEY];
+    return sdkStore[TRACER_PROVIDER_KEY];
 }
 function flush() {
     var tracerProvider = getTracerProvider();
@@ -309,40 +323,40 @@ var CUSTOM_TRACER_IGNORED_INSTRUMENTS = '__customTracerIgnoredInstruments__';
 
 function addGlobalSpanByTraceId(traceId, globalSpan) {
     var _a;
-    CxGlobal[GLOBAL_SPAN_MAP_KEY] = __assign(__assign({}, (CxGlobal[GLOBAL_SPAN_MAP_KEY] || {})), (_a = {}, _a[traceId] = globalSpan, _a));
+    setSdkState(GLOBAL_SPAN_MAP_KEY, __assign(__assign({}, (sdkStore[GLOBAL_SPAN_MAP_KEY] || {})), (_a = {}, _a[traceId] = globalSpan, _a)));
 }
 function getGlobalSpanByTraceId(traceId) {
     var _a;
-    return (_a = CxGlobal[GLOBAL_SPAN_MAP_KEY]) === null || _a === void 0 ? void 0 : _a[traceId];
+    return (_a = sdkStore[GLOBAL_SPAN_MAP_KEY]) === null || _a === void 0 ? void 0 : _a[traceId];
 }
 function clearGlobalSpanMap() {
-    var globalSpanMap = CxGlobal[GLOBAL_SPAN_MAP_KEY];
+    var globalSpanMap = sdkStore[GLOBAL_SPAN_MAP_KEY];
     Object.keys(globalSpanMap || {}).forEach(function (traceId) {
         var globalSpan = globalSpanMap[traceId];
         globalSpan === null || globalSpan === void 0 ? void 0 : globalSpan.endSpan();
     });
-    delete CxGlobal[GLOBAL_SPAN_MAP_KEY];
+    deleteSdkState(GLOBAL_SPAN_MAP_KEY);
 }
 function setGlobalSpan(globalSpan) {
-    CxGlobal[GLOBAL_SPAN_KEY] = globalSpan;
+    setSdkState(GLOBAL_SPAN_KEY, globalSpan);
 }
 function getGlobalSpan() {
-    return CxGlobal[GLOBAL_SPAN_KEY];
+    return sdkStore[GLOBAL_SPAN_KEY];
 }
 function clearGlobalSpan() {
-    delete CxGlobal[GLOBAL_SPAN_KEY];
+    deleteSdkState(GLOBAL_SPAN_KEY);
 }
 function setCustomTracer(customTracer) {
-    CxGlobal[CUSTOM_TRACER_KEY] = customTracer;
+    setSdkState(CUSTOM_TRACER_KEY, customTracer);
 }
 function getActiveCustomTracer() {
-    return CxGlobal[CUSTOM_TRACER_KEY];
+    return sdkStore[CUSTOM_TRACER_KEY];
 }
 function setCustomTracerIgnoredInstruments(ignoredInstruments) {
-    CxGlobal[CUSTOM_TRACER_IGNORED_INSTRUMENTS] = ignoredInstruments;
+    setSdkState(CUSTOM_TRACER_IGNORED_INSTRUMENTS, ignoredInstruments);
 }
 function getCustomTracerIgnoredInstruments() {
-    return CxGlobal[CUSTOM_TRACER_IGNORED_INSTRUMENTS];
+    return sdkStore[CUSTOM_TRACER_IGNORED_INSTRUMENTS];
 }
 function shouldAttachSpanToGlobalSpan(instrumentationType) {
     return getGlobalSpan() && !isInstrumentationIgnored(instrumentationType);
@@ -373,15 +387,15 @@ function shouldAddOtelAttr(span) {
     return !!span[IS_OTEL_READY];
 }
 function setAttrProcessor(processor) {
-    CxGlobal[ATTR_PROCESSOR_KEY] = processor;
+    setSdkState(ATTR_PROCESSOR_KEY, processor);
 }
 function getAttrProcessor() {
-    return CxGlobal[ATTR_PROCESSOR_KEY];
+    return sdkStore[ATTR_PROCESSOR_KEY];
 }
 
 function setCustomLabelsForSpan(span, labels) {
     if (labels === void 0) { labels = {}; }
-    span.setAttribute(CoralogixAttributes.CUSTOM_LABELS, JSON.stringify(getCustomMergedLabels(labels)));
+    span.setAttribute(CoralogixAttributes.CUSTOM_LABELS, JSON.stringify(getCustomMergedLabels(labels), getCircularReplacer()));
 }
 function getCustomMergedLabels(labels) {
     var _a;
@@ -427,6 +441,12 @@ var STACK_FRAME_LIMIT = 50;
 var STACK_LINE_LIMIT = 1024;
 var MESSAGE_LIMIT = 1024;
 var MFE_PATH_PATTERN = /https?:\/\/.*\//;
+function reportFailed(e) {
+    var _a;
+    if ((_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.debug) {
+        console.warn('Coralogix Browser SDK - Error report failed', e);
+    }
+}
 var V8_HEADER_PATTERN = /^Error\b/;
 function sanitizeConsoleErrorStack(stack) {
     var _a;
@@ -483,23 +503,29 @@ function parseStackFrames(err) {
 }
 function buildStacktrace(span, err) {
     return __awaiter(this, void 0, void 0, function () {
-        var stackFrames, supportMfe;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var stackFrames, e_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
+                    _b.trys.push([0, 3, , 4]);
                     stackFrames = parseStackFrames(err);
                     if (stackFrames.length === 0) {
                         return [2];
                     }
-                    supportMfe = getSdkConfig().supportMfe;
-                    if (!supportMfe) return [3, 2];
+                    if (!((_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.supportMfe)) return [3, 2];
                     return [4, handleMFE(stackFrames, span)];
                 case 1:
-                    _a.sent();
-                    _a.label = 2;
+                    _b.sent();
+                    _b.label = 2;
                 case 2:
                     span[ErrorAttributes.STACK] = stackFrames;
-                    return [2];
+                    return [3, 4];
+                case 3:
+                    e_1 = _b.sent();
+                    reportFailed(e_1);
+                    return [3, 4];
+                case 4: return [2];
             }
         });
     });
@@ -536,46 +562,52 @@ function addLabelForMFE(span, lastFrame) {
         setCustomLabelsForSpan(span, { mfeApp: app, mfeVersion: version });
     }
 }
-function extractMetadataFromMfeStacktrace() {
-    return __awaiter(this, arguments, void 0, function (fileName) {
-        var metadata, cachedMetadata, MFE_METADATA_KEY, mfePath, response, _a, e_1;
-        if (fileName === void 0) { fileName = ''; }
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+function fetchMfeMetadata(mfePath) {
+    return __awaiter(this, void 0, void 0, function () {
+        var response, _a, e_2;
+        var _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0:
-                    cachedMetadata = CxGlobal[CACHED_METADATA_KEY];
-                    MFE_METADATA_KEY = 'cx-metadata.json';
-                    mfePath = extractMfePath(fileName);
-                    if (!mfePath) return [3, 7];
-                    response = void 0;
-                    if (!!(cachedMetadata === null || cachedMetadata === void 0 ? void 0 : cachedMetadata.has(mfePath))) return [3, 6];
-                    _b.label = 1;
-                case 1:
-                    _b.trys.push([1, 4, , 5]);
-                    return [4, fetch("".concat(mfePath).concat(MFE_METADATA_KEY), {
+                    _c.trys.push([0, 3, , 4]);
+                    return [4, fetch("".concat(mfePath).concat(MFE_METADATA_FILE), {
                             cache: 'no-cache',
                         })];
-                case 2:
-                    response = _b.sent();
+                case 1:
+                    response = _c.sent();
+                    if (!response.ok) {
+                        return [2, undefined];
+                    }
                     _a = [{}];
                     return [4, response.json()];
+                case 2: return [2, __assign.apply(void 0, [__assign.apply(void 0, _a.concat([(_c.sent())])), { mfePath: mfePath }])];
                 case 3:
-                    metadata = __assign.apply(void 0, [__assign.apply(void 0, _a.concat([(_b.sent())])), { mfePath: mfePath }]);
-                    return [3, 5];
-                case 4:
-                    e_1 = _b.sent();
-                    if (getSdkConfig().debug) {
-                        console.warn('Coralogix Browser SDK - Error fetching metadata', e_1);
+                    e_2 = _c.sent();
+                    if ((_b = getSdkConfig()) === null || _b === void 0 ? void 0 : _b.debug) {
+                        console.warn('Coralogix Browser SDK - Error fetching metadata', e_2);
                     }
-                    return [3, 5];
-                case 5:
-                    CxGlobal[CACHED_METADATA_KEY] = cachedMetadata.set(mfePath, metadata);
-                    return [3, 7];
-                case 6:
-                    metadata = cachedMetadata === null || cachedMetadata === void 0 ? void 0 : cachedMetadata.get(mfePath);
-                    _b.label = 7;
-                case 7: return [2, metadata];
+                    return [2, undefined];
+                case 4: return [2];
+            }
+        });
+    });
+}
+function extractMetadataFromMfeStacktrace() {
+    return __awaiter(this, arguments, void 0, function (fileName) {
+        var cachedMetadata, mfePath, pending;
+        if (fileName === void 0) { fileName = ''; }
+        return __generator(this, function (_a) {
+            cachedMetadata = sdkStore[CACHED_METADATA_KEY];
+            mfePath = extractMfePath(fileName);
+            if (mfePath) {
+                pending = cachedMetadata === null || cachedMetadata === void 0 ? void 0 : cachedMetadata.get(mfePath);
+                if (!pending) {
+                    pending = fetchMfeMetadata(mfePath);
+                    cachedMetadata === null || cachedMetadata === void 0 ? void 0 : cachedMetadata.set(mfePath, pending);
+                }
+                return [2, pending];
             }
+            return [2, undefined];
         });
     });
 }
@@ -615,6 +647,7 @@ function addErrorDefaultAttributes(span) {
 var CoralogixErrorInstrumentation = (function (_super) {
     __extends(CoralogixErrorInstrumentation, _super);
     function CoralogixErrorInstrumentation(config) {
+        var _a;
         var _this = _super.call(this, ERROR_INSTRUMENTATION_NAME, ERROR_INSTRUMENTATION_VERSION, config) || this;
         _this.parseErrorObject = function (obj) {
             var _a;
@@ -625,14 +658,15 @@ var CoralogixErrorInstrumentation = (function (_super) {
                 return obj === null || obj === void 0 ? void 0 : obj.toString();
             }
         };
-        if (getSdkConfig().supportMfe) {
-            CxGlobal[CACHED_METADATA_KEY] = new Map();
+        if ((_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.supportMfe) {
+            setSdkState(CACHED_METADATA_KEY, new Map());
         }
         return _this;
     }
     CoralogixErrorInstrumentation.prototype.init = function () { };
     CoralogixErrorInstrumentation.prototype.enable = function () {
-        var stackTraceLimit = getSdkConfig().stackTraceLimit;
+        var _a;
+        var stackTraceLimit = ((_a = getSdkConfig()) !== null && _a !== void 0 ? _a : {}).stackTraceLimit;
         if (stackTraceLimit) {
             Error.stackTraceLimit = stackTraceLimit;
         }
@@ -656,94 +690,115 @@ var CoralogixErrorInstrumentation = (function (_super) {
                 return;
             }
         }
-        switch (true) {
-            case arg instanceof Error:
-                this.reportError(source, arg);
-                break;
-            case arg instanceof ErrorEvent:
-                this.reportErrorEvent(source, arg);
-                break;
-            case arg instanceof Event:
-                this.reportEvent(source, arg);
-                break;
-            case typeof arg === 'string':
-                this.reportString(source, arg, stackContextError);
-                break;
-            case arg instanceof Array: {
-                var firstError = arg.find(function (x) { return x instanceof Error; });
-                var message = arg
-                    .map(function (msg) {
-                    return typeof msg === 'string' ? msg : _this.parseErrorObject(msg);
-                })
-                    .join(' ');
-                var stackSourceError = firstError !== null && firstError !== void 0 ? firstError : stackContextError;
-                this.reportString(source, message, stackSourceError);
-                break;
+        try {
+            switch (true) {
+                case arg instanceof Error:
+                    this.reportError(source, arg);
+                    break;
+                case arg instanceof ErrorEvent:
+                    this.reportErrorEvent(source, arg);
+                    break;
+                case arg instanceof Event:
+                    this.reportEvent(source, arg);
+                    break;
+                case typeof arg === 'string':
+                    this.reportString(source, arg, stackContextError);
+                    break;
+                case arg instanceof Array: {
+                    var firstError = arg.find(function (x) { return x instanceof Error; });
+                    var message = arg
+                        .map(function (msg) {
+                        return typeof msg === 'string' ? msg : _this.parseErrorObject(msg);
+                    })
+                        .join(' ');
+                    var stackSourceError = firstError !== null && firstError !== void 0 ? firstError : stackContextError;
+                    this.reportString(source, message, stackSourceError);
+                    break;
+                }
+                default:
+                    this.reportString(source, typeof arg === 'string' ? arg : this.getPossibleEventMessage(arg));
             }
-            default:
-                this.reportString(source, typeof arg === 'string' ? arg : this.getPossibleEventMessage(arg));
+        }
+        catch (e) {
+            reportFailed(e);
         }
     };
     CoralogixErrorInstrumentation.prototype.reportError = function (source, err, customData, labels) {
         return __awaiter(this, void 0, void 0, function () {
-            var message, name, span, cleanMessage, supportMfe;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var message, name_1, cleanMessage, data, span, e_3;
+            var _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
-                        message = err.message, name = err.name;
-                        span = this.createSpan('error');
+                        _c.trys.push([0, 4, , 5]);
+                        message = err.message, name_1 = err.name;
                         cleanMessage = message.split('\n')[0];
+                        data = customData
+                            ? JSON.stringify(customData, getCircularReplacer())
+                            : undefined;
+                        span = this.createSpan('error');
                         addErrorDefaultAttributes(span);
                         span.setAttribute(CoralogixAttributes.SOURCE, source);
-                        span.setAttribute(ErrorAttributes.TYPE, name);
+                        span.setAttribute(ErrorAttributes.TYPE, name_1);
                         span.setAttribute(ErrorAttributes.MESSAGE, cleanMessage);
-                        if (customData) {
-                            span[ErrorAttributes.DATA] = JSON.stringify(customData, getCircularReplacer());
+                        if (data) {
+                            span[ErrorAttributes.DATA] = data;
                         }
                         if (labels) {
                             setCustomLabelsForSpan(span, labels);
                         }
-                        supportMfe = getSdkConfig().supportMfe;
-                        if (!supportMfe) return [3, 2];
+                        if (!((_b = getSdkConfig()) === null || _b === void 0 ? void 0 : _b.supportMfe)) return [3, 2];
                         return [4, buildStacktrace(span, err)];
                     case 1:
-                        _b.sent();
+                        _c.sent();
                         return [3, 3];
                     case 2:
                         void buildStacktrace(span, err);
-                        _b.label = 3;
+                        _c.label = 3;
                     case 3:
                         span.end();
-                        return [2];
+                        return [3, 5];
+                    case 4:
+                        e_3 = _c.sent();
+                        reportFailed(e_3);
+                        return [3, 5];
+                    case 5: return [2];
                 }
             });
         });
     };
     CoralogixErrorInstrumentation.prototype.reportString = function (source, message, stackError) {
         return __awaiter(this, void 0, void 0, function () {
-            var span, supportMfe;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var cleanMessage, span, e_4;
+            var _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
                     case 0:
+                        _c.trys.push([0, 5, , 6]);
+                        cleanMessage = message === null || message === void 0 ? void 0 : message.substring(0, MESSAGE_LIMIT);
                         span = this.createSpan(source);
                         addErrorDefaultAttributes(span);
                         span.setAttribute(CoralogixAttributes.SOURCE, source);
-                        span.setAttribute(ErrorAttributes.MESSAGE, message === null || message === void 0 ? void 0 : message.substring(0, MESSAGE_LIMIT));
-                        supportMfe = getSdkConfig().supportMfe;
+                        span.setAttribute(ErrorAttributes.MESSAGE, cleanMessage);
                         if (!stackError) return [3, 4];
-                        if (!supportMfe) return [3, 2];
+                        if (!((_b = getSdkConfig()) === null || _b === void 0 ? void 0 : _b.supportMfe)) return [3, 2];
                         return [4, buildStacktrace(span, stackError)];
                     case 1:
-                        _b.sent();
+                        _c.sent();
                         return [3, 3];
                     case 2:
                         void buildStacktrace(span, stackError);
-                        _b.label = 3;
+                        _c.label = 3;
                     case 3:
-                        _b.label = 4;
+                        _c.label = 4;
                     case 4:
                         span.end();
-                        return [2];
+                        return [3, 6];
+                    case 5:
+                        e_4 = _c.sent();
+                        reportFailed(e_4);
+                        return [3, 6];
+                    case 6: return [2];
                 }
             });
         });
@@ -3151,6 +3206,8 @@ var CoralogixWorkerInstrumentation = (function (_super) {
 
 var CORALOGIX_LOGS_URL_SUFFIX = '/browser/v1beta/logs';
 var CORALOGIX_RECORDING_URL_SUFFIX = '/sessionrecording';
+var MFE_METADATA_FILE = 'cx-metadata.json';
+var MFE_METADATA_URL_PATTERN = /cx-metadata\.json$/;
 var MAX_INTERACTION_ELEMENT_SIZE = 1024;
 var MAX_CHARACTERS = 1024;
 var REQUIRED_CONFIG_KEYS = [
@@ -3207,6 +3264,7 @@ var OPTIONS_DEFAULTS = {
     ignoreUrls: [
         new RegExp(CORALOGIX_LOGS_URL_SUFFIX),
         new RegExp(CORALOGIX_RECORDING_URL_SUFFIX),
+        MFE_METADATA_URL_PATTERN,
     ],
     user_context: {
         user_id: '',
@@ -3354,14 +3412,14 @@ var PAGE_URL_PARTS_KEY = 'rum_page_url_parts';
 var REFERRER_URL_PARTS_KEY = 'rum_referrer_url_parts';
 
 function saveInternalRumData(key, value) {
-    if (!CxGlobal[RUM_INTERNAL_DATA_KEY]) {
-        CxGlobal[RUM_INTERNAL_DATA_KEY] = {};
+    if (!sdkStore[RUM_INTERNAL_DATA_KEY]) {
+        setSdkState(RUM_INTERNAL_DATA_KEY, {});
     }
-    CxGlobal[RUM_INTERNAL_DATA_KEY][key] = value;
+    sdkStore[RUM_INTERNAL_DATA_KEY][key] = value;
 }
 function getInternalRumData(key) {
     var _a;
-    return (_a = CxGlobal[RUM_INTERNAL_DATA_KEY]) === null || _a === void 0 ? void 0 : _a[key];
+    return (_a = sdkStore[RUM_INTERNAL_DATA_KEY]) === null || _a === void 0 ? void 0 : _a[key];
 }
 
 var _a$2;
@@ -3604,14 +3662,14 @@ function applyUrlBluePrinters(_a) {
     return blueprintedUrl;
 }
 function resolvePageContext(url) {
-    var _a;
+    var _a, _b, _c, _d;
     var page_url_blueprint = applyUrlBluePrinters({
         url: url,
-        blueprinters: (_a = getSdkConfig().urlBlueprinters) === null || _a === void 0 ? void 0 : _a.pageUrlBlueprinters,
+        blueprinters: (_b = (_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.urlBlueprinters) === null || _b === void 0 ? void 0 : _b.pageUrlBlueprinters,
     });
     var page_fragments = getUrlFragments(page_url_blueprint);
     var urlParts = getCachedUrlParts(PAGE_URL_PARTS_KEY, url);
-    var referrerParts = getCachedUrlParts(REFERRER_URL_PARTS_KEY, document === null || document === void 0 ? void 0 : document.referrer);
+    var referrerParts = getCachedUrlParts(REFERRER_URL_PARTS_KEY, (_c = CxGlobal.document) === null || _c === void 0 ? void 0 : _c.referrer);
     return {
         page_url: url.slice(0, MAX_CHARACTERS),
         page_url_blueprint: page_url_blueprint,
@@ -3620,7 +3678,7 @@ function resolvePageContext(url) {
         subdomain: urlParts === null || urlParts === void 0 ? void 0 : urlParts.subdomain,
         domain: urlParts === null || urlParts === void 0 ? void 0 : urlParts.domain,
         host: urlParts === null || urlParts === void 0 ? void 0 : urlParts.host,
-        referrer: document.referrer,
+        referrer: (_d = CxGlobal.document) === null || _d === void 0 ? void 0 : _d.referrer,
         referrer_path: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.path,
         referrer_schema: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.schema,
         referrer_subdomain: referrerParts === null || referrerParts === void 0 ? void 0 : referrerParts.subdomain,
@@ -4440,7 +4498,8 @@ var CoralogixExporter = (function () {
             return cxSpans;
         }, []);
         this.invokeLogRequest(instrumentationLogs);
-        var cachedLogs = (CxGlobal.cachedLogs = __spreadArray(__spreadArray([], __read$1((CxGlobal.cachedLogs || [])), false), __read$1(currentSpans), false));
+        var cachedLogs = __spreadArray(__spreadArray([], __read$1((sdkStore[CACHED_LOGS_KEY] || [])), false), __read$1(currentSpans), false);
+        setSdkState(CACHED_LOGS_KEY, cachedLogs);
         var logsCounter = cachedLogs.length;
         if (logsCounter > maxRumEventsForSessionWithError && !sessionHasError) {
             this.clearCachedDataForSessionWithError();
@@ -4472,7 +4531,7 @@ var CoralogixExporter = (function () {
         return strippedLogs;
     };
     CoralogixExporter.prototype.clearCachedDataForSessionWithError = function () {
-        CxGlobal.cachedLogs = [];
+        setSdkState(CACHED_LOGS_KEY, []);
         this.batchTimeDelay = BATCH_TIME_DELAY;
     };
     CoralogixExporter.prototype.shutdown = function () {
@@ -4566,7 +4625,7 @@ var SnapshotManager = (function () {
             _this._isSnapshotSentDueToRecording = false;
             clearStoredSnapshotState();
         };
-        CxGlobal[SNAPSHOT_MANAGER_KEY] = this;
+        setSdkState(SNAPSHOT_MANAGER_KEY, this);
         if (!this.restoreSnapshot()) {
             this.resetSnapshot();
         }
@@ -4896,7 +4955,7 @@ var SessionManager = (function (_super) {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        CxGlobal[SESSION_MANAGER_KEY] = this;
+                        setSdkState(SESSION_MANAGER_KEY, this);
                         this.sessionRecorderConfig = recordConfig;
                         if (!(recordConfig === null || recordConfig === void 0 ? void 0 : recordConfig.enable)) return [3, 3];
                         recordingSamplingEnabled = isSamplingOn(recordConfig.sessionRecordingSampleRate);
@@ -5215,7 +5274,7 @@ function resolveUrlBlueprinters(urlBlueprinters) {
     return resolvedUrlBlueprinters;
 }
 
-var SDK_VERSION = '3.23.3';
+var SDK_VERSION = '3.23.6';
 
 function shouldDropEvent(cxRumEvent, options) {
     if (isDocumentErrorWithoutMessage(cxRumEvent)) {
@@ -5745,17 +5804,18 @@ var CoralogixNavigationProcessor = (function () {
         this.isResolving = true;
         try {
             var pageContext = resolvePageContext(location.href);
-            if (pageContext) {
+            var sessionManager = getSessionManager();
+            if (pageContext && sessionManager) {
                 span[CoralogixAttributes.PAGE_CONTEXT] = pageContext;
-                var previousPageFragment = getSessionManager().currentPageFragment;
+                var previousPageFragment = sessionManager.currentPageFragment;
                 var page_fragments = pageContext.page_fragments;
                 if (previousPageFragment !== page_fragments) {
-                    getSessionManager().updateCurrentPage(page_fragments);
+                    sessionManager.updateCurrentPage(page_fragments);
                     span[CoralogixAttributes.IS_NAVIGATION_EVENT] = true;
                     this.handlePageNavigation(previousPageFragment);
                     (_a = getClickScreenshotManager()) === null || _a === void 0 ? void 0 : _a.onNavigation();
                 }
-                span[CoralogixAttributes.VIEW_NUMBER] = getSessionManager().viewNumber;
+                span[CoralogixAttributes.VIEW_NUMBER] = sessionManager.viewNumber;
             }
         }
         finally {
@@ -5763,8 +5823,9 @@ var CoralogixNavigationProcessor = (function () {
         }
     };
     CoralogixNavigationProcessor.prototype.handlePageNavigation = function (previousPageFragment) {
+        var _a;
         if (previousPageFragment) {
-            getSessionManager().incrementViewNumber();
+            (_a = getSessionManager()) === null || _a === void 0 ? void 0 : _a.incrementViewNumber();
         }
     };
     CoralogixNavigationProcessor.prototype.shutdown = function () {
@@ -5808,10 +5869,10 @@ var ClickScreenshotManager = (function () {
                 CoralogixRum.screenshot(CX_PREFIX);
             }
         };
-        CxGlobal[CLICK_SCREENSHOT_MANAGER_KEY] = this;
+        setSdkState(CLICK_SCREENSHOT_MANAGER_KEY, this);
     }
     ClickScreenshotManager.unregister = function () {
-        CxGlobal[CLICK_SCREENSHOT_MANAGER_KEY] = undefined;
+        deleteSdkState(CLICK_SCREENSHOT_MANAGER_KEY);
     };
     return ClickScreenshotManager;
 }());
@@ -5891,8 +5952,8 @@ var CoralogixRum = {
             if (!resolvedOptions_1) {
                 return;
             }
-            CxGlobal[USER_AGENT_KEY] = parseUserAgent(navigator.userAgent);
-            CxGlobal[SDK_CONFIG_KEY] = resolvedOptions_1;
+            setSdkState(USER_AGENT_KEY, parseUserAgent(navigator.userAgent));
+            setSdkState(SDK_CONFIG_KEY, resolvedOptions_1);
             var sampler = getResolvedSampler();
             if (!resolvedOptions_1.debug && !resolvedOptions_1.public_key) {
                 console.warn('rumAuth will be required in the future');
@@ -6317,4 +6378,4 @@ var SessionRecordingEventType;
     SessionRecordingEventType[SessionRecordingEventType["Plugin"] = 6] = "Plugin";
 })(SessionRecordingEventType || (SessionRecordingEventType = {}));
 
-export { BATCH_TIME_DELAY as B, CxGlobal as C, MAX_BATCH_TIME_MS as M, OtelNetworkAttrs as O, PerformanceTypes as P, Request as R, SESSION_RECORDER_SEGMENTS_MAP as S, UrlBasedLabelProvider as U, cxClearTimeout as a, createCxMutationObserver as b, cxSetTimeout as c, cxRequestAnimationFrame as d, cxCancelAnimationFrame as e, getSdkConfig as f, getZoneJsOriginalDom as g, cxClearInterval as h, getNowTime as i, SESSION_RECORDING_NETWORK_ERR0R_MESSAGE as j, cxSetInterval as k, SESSION_RECORDING_DEFAULT_HEADERS as l, SESSION_RECORDING_POSTFIX_URL as m, SESSION_RECORDER_KEY as n, SESSION_RECORDING_DEFAULT_ERROR_MESSAGE as o, CoralogixRum as p, CoralogixLogSeverity as q, SessionRecordingEventType as r, CoralogixEventType as s, UrlType as t };
+export { BATCH_TIME_DELAY as B, CxGlobal as C, MAX_BATCH_TIME_MS as M, OtelNetworkAttrs as O, PerformanceTypes as P, Request as R, SESSION_RECORDER_SEGMENTS_MAP as S, UrlBasedLabelProvider as U, cxClearTimeout as a, createCxMutationObserver as b, cxSetTimeout as c, cxRequestAnimationFrame as d, cxCancelAnimationFrame as e, getSdkConfig as f, getZoneJsOriginalDom as g, cxClearInterval as h, getNowTime as i, SESSION_RECORDING_NETWORK_ERR0R_MESSAGE as j, cxSetInterval as k, SESSION_RECORDING_DEFAULT_HEADERS as l, SESSION_RECORDING_POSTFIX_URL as m, SESSION_RECORDER_KEY as n, SESSION_RECORDING_DEFAULT_ERROR_MESSAGE as o, CoralogixRum as p, CoralogixLogSeverity as q, SessionRecordingEventType as r, setSdkState as s, CoralogixEventType as t, UrlType as u };

package/package.json

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

package/sessionRecorder.esm.js

@@ -1,5 +1,5 @@
-import { __values, __spreadArray, __read, __assign, __awaiter, __generator, __rest } from 'tslib';
-import { c as cxSetTimeout, a as cxClearTimeout, g as getZoneJsOriginalDom, b as createCxMutationObserver, d as cxRequestAnimationFrame, e as cxCancelAnimationFrame, C as CxGlobal, S as SESSION_RECORDER_SEGMENTS_MAP, f as getSdkConfig, h as cxClearInterval, i as getNowTime, j as SESSION_RECORDING_NETWORK_ERR0R_MESSAGE, k as cxSetInterval, R as Request, l as SESSION_RECORDING_DEFAULT_HEADERS, m as SESSION_RECORDING_POSTFIX_URL, B as BATCH_TIME_DELAY, n as SESSION_RECORDER_KEY, o as SESSION_RECORDING_DEFAULT_ERROR_MESSAGE, M as MAX_BATCH_TIME_MS } from './index.esm2.js';
+import { __values, __spreadArray, __read, __assign, __rest, __awaiter, __generator } from 'tslib';
+import { c as cxSetTimeout, a as cxClearTimeout, g as getZoneJsOriginalDom, b as createCxMutationObserver, d as cxRequestAnimationFrame, e as cxCancelAnimationFrame, C as CxGlobal, S as SESSION_RECORDER_SEGMENTS_MAP, f as getSdkConfig, h as cxClearInterval, i as getNowTime, j as SESSION_RECORDING_NETWORK_ERR0R_MESSAGE, k as cxSetInterval, R as Request, l as SESSION_RECORDING_DEFAULT_HEADERS, m as SESSION_RECORDING_POSTFIX_URL, B as BATCH_TIME_DELAY, s as setSdkState, n as SESSION_RECORDER_KEY, o as SESSION_RECORDING_DEFAULT_ERROR_MESSAGE, M as MAX_BATCH_TIME_MS } from './index.esm2.js';
 import '@opentelemetry/sdk-trace-base';
 import '@opentelemetry/sdk-trace-web';
 import '@opentelemetry/instrumentation';
@@ -4230,78 +4230,69 @@ function getImageBitmapWorkerString() {
     var lastBlobMap = new Map();
     var transparentBlobMap = new Map();
     function getTransparentBlobFor(width, height, dataURLOptions) {
-        return __awaiter(this, void 0, void 0, function () {
-            var id, offscreen, blob, arrayBuffer, base64;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        id = width + '-' + height;
-                        if (!('OffscreenCanvas' in globalThis)) return [3, 3];
-                        if (transparentBlobMap.has(id))
-                            return [2, transparentBlobMap.get(id)];
-                        offscreen = new OffscreenCanvas(width, height);
-                        offscreen.getContext('2d');
-                        return [4, offscreen.convertToBlob(dataURLOptions)];
-                    case 1:
-                        blob = _a.sent();
-                        return [4, blob.arrayBuffer()];
-                    case 2:
-                        arrayBuffer = _a.sent();
-                        base64 = encode(arrayBuffer);
-                        transparentBlobMap.set(id, base64);
-                        return [2, base64];
-                    case 3: return [2, ''];
-                }
+        var id = width + '-' + height;
+        if ('OffscreenCanvas' in globalThis) {
+            var cached = transparentBlobMap.get(id);
+            if (cached !== undefined)
+                return Promise.resolve(cached);
+            var offscreen = new OffscreenCanvas(width, height);
+            offscreen.getContext('2d');
+            return offscreen
+                .convertToBlob(dataURLOptions)
+                .then(function (blob) {
+                return blob.arrayBuffer();
+            })
+                .then(function (arrayBuffer) {
+                var base64 = encode(arrayBuffer);
+                transparentBlobMap.set(id, base64);
+                return base64;
             });
+        }
+        else {
+            return Promise.resolve('');
+        }
+    }
+    function sendSnapshot(id, type, base64, width, height) {
+        if (lastBlobMap.get(id) === base64)
+            return self.postMessage({ id: id });
+        self.postMessage({
+            id: id,
+            type: type,
+            base64: base64,
+            width: width,
+            height: height,
         });
+        lastBlobMap.set(id, base64);
     }
     self.onmessage = function (e) {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a, id, bitmap, width, height, dataURLOptions, transparentBase64, offscreen, ctx, blob, type, arrayBuffer, base64, _b;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        if (!('OffscreenCanvas' in globalThis)) return [3, 5];
-                        _a = e.data, id = _a.id, bitmap = _a.bitmap, width = _a.width, height = _a.height, dataURLOptions = _a.dataURLOptions;
-                        transparentBase64 = getTransparentBlobFor(width, height, dataURLOptions);
-                        offscreen = new OffscreenCanvas(width, height);
-                        ctx = offscreen.getContext('2d');
-                        ctx.drawImage(bitmap, 0, 0);
-                        bitmap.close();
-                        return [4, offscreen.convertToBlob(dataURLOptions)];
-                    case 1:
-                        blob = _c.sent();
-                        type = blob.type;
-                        return [4, blob.arrayBuffer()];
-                    case 2:
-                        arrayBuffer = _c.sent();
-                        base64 = encode(arrayBuffer);
-                        _b = !lastBlobMap.has(id);
-                        if (!_b) return [3, 4];
-                        return [4, transparentBase64];
-                    case 3:
-                        _b = (_c.sent()) === base64;
-                        _c.label = 4;
-                    case 4:
-                        if (_b) {
-                            lastBlobMap.set(id, base64);
-                            return [2, self.postMessage({ id: id })];
-                        }
-                        if (lastBlobMap.get(id) === base64)
-                            return [2, self.postMessage({ id: id })];
-                        self.postMessage({
-                            id: id,
-                            type: type,
-                            base64: base64,
-                            width: width,
-                            height: height,
-                        });
+        if (!('OffscreenCanvas' in globalThis)) {
+            return self.postMessage({ id: e.data.id });
+        }
+        var _a = e.data, id = _a.id, bitmap = _a.bitmap, width = _a.width, height = _a.height, dataURLOptions = _a.dataURLOptions;
+        var transparentBase64 = getTransparentBlobFor(width, height, dataURLOptions);
+        var offscreen = new OffscreenCanvas(width, height);
+        var ctx = offscreen.getContext('2d');
+        ctx.drawImage(bitmap, 0, 0);
+        bitmap.close();
+        var type = '';
+        return offscreen
+            .convertToBlob(dataURLOptions)
+            .then(function (blob) {
+            type = blob.type;
+            return blob.arrayBuffer();
+        })
+            .then(function (arrayBuffer) {
+            var base64 = encode(arrayBuffer);
+            if (!lastBlobMap.has(id)) {
+                return transparentBase64.then(function (transparent) {
+                    if (transparent === base64) {
                         lastBlobMap.set(id, base64);
-                        return [3, 6];
-                    case 5: return [2, self.postMessage({ id: e.data.id })];
-                    case 6: return [2];
-                }
-            });
+                        return self.postMessage({ id: id });
+                    }
+                    return sendSnapshot(id, type, base64, width, height);
+                });
+            }
+            return sendSnapshot(id, type, base64, width, height);
         });
     };
 }
@@ -5802,7 +5793,7 @@ var SessionRecorder = (function () {
                 _this.batchTimeDelay = BATCH_TIME_DELAY;
             }
         };
-        CxGlobal[SESSION_RECORDER_KEY] = this;
+        setSdkState(SESSION_RECORDER_KEY, this);
         this.sessionManager = sessionManager;
         if ((_b = getSdkConfig().sessionConfig) === null || _b === void 0 ? void 0 : _b.keepSessionAfterReload) {
             this.restoreSegmentIndexCounter();

package/src/constants.d.ts

@@ -2,6 +2,8 @@ import { CoralogixBrowserSdkConfig, InputType } from './types';
 import { InternalInstrumentationConfig } from './instrumentations/instrumentation.model';
 export declare const CORALOGIX_LOGS_URL_SUFFIX = "/browser/v1beta/logs";
 export declare const CORALOGIX_RECORDING_URL_SUFFIX = "/sessionrecording";
+export declare const MFE_METADATA_FILE = "cx-metadata.json";
+export declare const MFE_METADATA_URL_PATTERN: RegExp;
 export declare const MAX_INTERACTION_ELEMENT_SIZE = 1024;
 export declare const MAX_CHARACTERS = 1024;
 export declare const REQUIRED_CONFIG_KEYS: Array<keyof CoralogixBrowserSdkConfig>;

package/src/instrumentations/CoralogixErrorInstrumentation.d.ts

@@ -1,6 +1,8 @@
 import { InstrumentationBase, InstrumentationConfig } from '@opentelemetry/instrumentation';
 import { CoralogixRumLabels, CxStackFrame } from '../types';
+import { MFEMetadata } from '../mfe/mfe.types';
 import { ErrorSource } from './instrumentation.model';
+export declare const CACHED_METADATA_KEY = "__cx_metadata__";
 export declare const STACK_FRAME_LIMIT = 50;
 export declare const STACK_LINE_LIMIT = 1024;
 export declare function sanitizeConsoleErrorStack(stack: string | undefined): string | undefined;
@@ -16,6 +18,7 @@ interface CoralogixErrorInstrumentationConfig extends InstrumentationConfig {
     ignoreErrors?: Array<string | RegExp>;
 }
 export declare function parseStackFrames(err: Error): CxStackFrame[];
+export declare function extractMetadataFromMfeStacktrace(fileName?: string): Promise<MFEMetadata | undefined>;
 export declare class CoralogixErrorInstrumentation extends InstrumentationBase {
     constructor(config: CoralogixErrorInstrumentationConfig);
     protected init(): void;

package/src/tools/sdk-store.d.ts

@@ -0,0 +1,6 @@
+export declare const SDK_STORE_KEY = "__cx_store__";
+export declare const CACHED_LOGS_KEY = "cachedLogs";
+export type SdkStore = Record<string, any>;
+export declare const sdkStore: SdkStore;
+export declare function setSdkState(key: string, value: unknown): void;
+export declare function deleteSdkState(key: string): void;

package/src/version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "3.23.3";
+export declare const SDK_VERSION = "3.23.6";