@coralogix/browser 3.23.3 → 3.23.5

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 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/index.esm2.js

@@ -536,46 +536,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_1;
+        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) {
+                    e_1 = _c.sent();
+                    if ((_b = getSdkConfig()) === null || _b === void 0 ? void 0 : _b.debug) {
                         console.warn('Coralogix Browser SDK - Error fetching metadata', e_1);
                     }
-                    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 = CxGlobal[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];
         });
     });
 }
@@ -3151,6 +3157,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 +3215,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: '',
@@ -5215,7 +5224,7 @@ function resolveUrlBlueprinters(urlBlueprinters) {
     return resolvedUrlBlueprinters;
 }
 
-var SDK_VERSION = '3.23.3';
+var SDK_VERSION = '3.23.5';
 
 function shouldDropEvent(cxRumEvent, options) {
     if (isDocumentErrorWithoutMessage(cxRumEvent)) {

package/package.json

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

package/sessionRecorder.esm.js

@@ -1,4 +1,4 @@
-import { __values, __spreadArray, __read, __assign, __awaiter, __generator, __rest } from 'tslib';
+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, 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';
@@ -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);
         });
     };
 }

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/version.d.ts

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