@coralogix/browser 2.1.0 → 2.2.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 2.2.0 (2025-03-18)
+
+### 🚀 Features
+
+- Update Coralogix configuration and improve performance observer handling
+
 ## 2.1.0 (2025-02-18)
 
 ### 🚀 Features

package/index.esm.js

@@ -1325,7 +1325,8 @@ var IMG_EXTENSIONS = [
  * because it's not maintained anymore, and we want to have control over the codebase.
  * Also, we don't want to have a dependency on a package that is not maintained.
  */
-var h = 'undefined' != typeof globalThis ? globalThis : {},
+
+var h = 'undefined' != typeof CxGlobal ? CxGlobal : {},
   k =
     'function' == typeof Object.defineProperties
       ? Object.defineProperty
@@ -1477,8 +1478,8 @@ function C(a) {
   a = a ? a : {};
   this.w = !!a.useMutationObserver;
   this.u = a.minValue || null;
-  a = globalThis.__tti && globalThis.__tti.e;
-  var b = globalThis.__tti && globalThis.__tti.o;
+  a = CxGlobal.__tti && CxGlobal.__tti.e;
+  var b = CxGlobal.__tti && CxGlobal.__tti.o;
   this.a = a
     ? a.map(function (a) {
         return { start: a.startTime, end: a.startTime + a.duration };
@@ -1502,7 +1503,7 @@ C.prototype.getFirstConsistentlyInteractive = function () {
     a.s = b;
     'complete' == document.readyState
       ? F(a)
-      : globalThis.addEventListener('load', function () {
+      : CxGlobal.addEventListener('load', function () {
           F(a);
         });
   });
@@ -1521,7 +1522,7 @@ function G(a, b) {
       var b = performance.timing.navigationStart,
         d = B(a.g, a.b),
         b =
-          (globalThis.a && globalThis.a.A ? 1e3 * globalThis.a.A().C - b : 0) ||
+          (CxGlobal.a && CxGlobal.a.A ? 1e3 * CxGlobal.a.A().C - b : 0) ||
           performance.timing.domContentLoadedEventEnd - b;
       if (a.u) var f = a.u;
       else
@@ -1583,14 +1584,34 @@ h.Object.defineProperties(C.prototype, {
   },
 });
 var H = {
-  getFirstConsistentlyInteractive: function (a) {
+  getFirstConsistentlyInteractive: function (a = undefined) {
     a = a ? a : {};
-    return 'PerformanceLongTaskTiming' in globalThis
+    return 'PerformanceLongTaskTiming' in CxGlobal
       ? new C(a).getFirstConsistentlyInteractive()
       : Promise.resolve(null);
   },
 };
 
+function observeIfSupported(observer, entryType) {
+    if (!isPerformanceObserverSupported()) {
+        return;
+    }
+    try {
+        observer.observe({ type: entryType, buffered: true });
+    }
+    catch (error) {
+        observer.observe({ entryTypes: [entryType] });
+    }
+}
+function isPerformanceObserverSupported() {
+    var _a;
+    if (!((_a = CxGlobal === null || CxGlobal === undefined ? undefined : CxGlobal.PerformanceObserver) === null || _a === undefined ? undefined : _a.supportedEntryTypes)) {
+        console.warn('Coralogix Browser SDK  - browser does not support the required APIs ');
+        return false;
+    }
+    return true;
+}
+
 var CoralogixWebVitalsInstrumentation = /** @class */ (function (_super) {
     __extends(CoralogixWebVitalsInstrumentation, _super);
     function CoralogixWebVitalsInstrumentation(config) {
@@ -1623,6 +1644,9 @@ var CoralogixWebVitalsInstrumentation = /** @class */ (function (_super) {
         _this.metrics = isEmpty(config.metrics)
             ? ALL_WEB_VITALS_METRICS
             : config.metrics;
+        if (!isPerformanceObserverSupported()) {
+            return _this;
+        }
         _this.registerToCoreWebVitalMetrics();
         _this.registerToCalculatedWebVitalMetrics();
         if (_this.isSoftNavsEnabled) {
@@ -1678,10 +1702,7 @@ var CoralogixWebVitalsInstrumentation = /** @class */ (function (_super) {
                 });
             });
             this.observers.push(softNavObserver);
-            softNavObserver.observe({
-                type: PerformanceTypes.SoftNavigation,
-                buffered: true,
-            });
+            observeIfSupported(softNavObserver, PerformanceTypes.SoftNavigation);
         }
         else {
             console.warn('Coralogix Browser SDK - browser doesnt support soft navigation events');
@@ -1736,10 +1757,7 @@ var CoralogixWebVitalsInstrumentation = /** @class */ (function (_super) {
             });
         });
         this.observers.push(loadingPageObserver);
-        loadingPageObserver.observe({
-            type: PerformanceTypes.Navigation,
-            buffered: true,
-        });
+        observeIfSupported(loadingPageObserver, PerformanceTypes.Navigation);
     };
     CoralogixWebVitalsInstrumentation.prototype.calculateAllTotalBlockingTime = function () {
         var _this = this;
@@ -1755,10 +1773,7 @@ var CoralogixWebVitalsInstrumentation = /** @class */ (function (_super) {
             };
         });
         this.observers.push(totalBLockingTimeObserver);
-        totalBLockingTimeObserver.observe({
-            type: PerformanceTypes.LongTask,
-            buffered: true,
-        });
+        observeIfSupported(totalBLockingTimeObserver, PerformanceTypes.LongTask);
         H.getFirstConsistentlyInteractive().then(function (tti) {
             var _a, _b;
             if (tti) {
@@ -1802,10 +1817,7 @@ var CoralogixLongTaskInstrumentation = /** @class */ (function (_super) {
                 return _this.createSpanFromLongTask(entry);
             });
         });
-        this.longTaskObserver.observe({
-            type: PerformanceTypes.LongTask,
-            buffered: true,
-        });
+        observeIfSupported(this.longTaskObserver, PerformanceTypes.LongTask);
     };
     CoralogixLongTaskInstrumentation.prototype.createSpanFromLongTask = function (entry) {
         var longTaskSpan = this.tracer.startSpan(CoralogixEventType.LONG_TASK);
@@ -1891,10 +1903,7 @@ var CoralogixResourcesInstrumentation = /** @class */ (function (_super) {
                 }
             });
         });
-        this.resourcesObserver.observe({
-            type: PerformanceTypes.Resource,
-            buffered: true,
-        });
+        observeIfSupported(this.resourcesObserver, PerformanceTypes.Resource);
     };
     CoralogixResourcesInstrumentation.prototype.isProcessableResourceEntry = function (entry) {
         var isAcceptedResourceType = ![
@@ -5782,7 +5791,7 @@ function resolveUrlBlueprinters(urlBlueprinters) {
     return resolvedUrlBlueprinters;
 }
 
-var SDK_VERSION = '2.1.0';
+var SDK_VERSION = '2.2.0';
 
 function shouldDropEvent(cxRumEvent, options) {
     if (isDocumentErrorWithoutMessage(cxRumEvent)) {
@@ -6276,10 +6285,7 @@ if (supportedPerformanceTypes.has(PerformanceTypes.LongTask)) {
     ttiHandler_1.o = new PerformanceObserver(function (list) {
         ttiHandler_1.e = ttiHandler_1.e.concat(list.getEntries());
     });
-    ttiHandler_1.o.observe({
-        type: PerformanceTypes.LongTask,
-        buffered: true,
-    });
+    observeIfSupported(ttiHandler_1.o, PerformanceTypes.LongTask);
 }
 var isInited = false;
 var _deregisterInstrumentations;

package/package.json

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

package/src/instrumentations/helpers/performance-observer.helper.d.ts

@@ -0,0 +1,3 @@
+import { PerformanceTypes } from '../../types';
+export declare function observeIfSupported(observer: PerformanceObserver, entryType: PerformanceTypes): void;
+export declare function isPerformanceObserverSupported(): boolean;

package/src/version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.1.0";
+export declare const SDK_VERSION = "2.2.0";