@coralogix/browser 2.4.0 → 2.5.0

package/package.json

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

package/sessionRecorder.esm.js

@@ -1,5 +1,5 @@
 import { __awaiter, __generator, __assign } from 'tslib';
-import { C as CxGlobal, r as reportInternalEvent, g as getSdkConfig, S as SESSION_RECORDER_SEGMENTS_MAP, a as getNowTime, b as SESSION_RECORDING_NETWORK_ERR0R_MESSAGE, M as MAX_BATCH_TIME_MS, R as Request, c as SESSION_RECORDING_POSTFIX_URL, d as SESSION_RECORDING_DEFAULT_HEADERS, B as BATCH_TIME_DELAY, e as SESSION_RECORDER_KEY, f as MAX_MUTATIONS_FOR_SESSION_RECORDING, h as SESSION_RECORDING_DEFAULT_ERROR_MESSAGE } from './index.esm2.js';
+import { C as CxGlobal, r as reportInternalEvent, g as getSdkConfig, S as SESSION_RECORDER_SEGMENTS_MAP, a as getNowTime, b as SESSION_RECORDING_NETWORK_ERR0R_MESSAGE, M as MAX_BATCH_TIME_MS, R as Request, c as SESSION_RECORDING_DEFAULT_HEADERS, d as SESSION_RECORDING_POSTFIX_URL, B as BATCH_TIME_DELAY, e as SESSION_RECORDER_KEY, f as MAX_MUTATIONS_FOR_SESSION_RECORDING, h as SESSION_RECORDING_DEFAULT_ERROR_MESSAGE } from './index.esm2.js';
 import { record } from 'rrweb';
 import { getRecordConsolePlugin } from '@rrweb/rrweb-plugin-console-record';
 import '@opentelemetry/sdk-trace-base';
@@ -43,8 +43,8 @@ function isElement(n) {
   return n.nodeType === n.ELEMENT_NODE;
 }
 function isShadowRoot(n) {
-  const host = n == null ? undefined : n.host;
-  return Boolean((host == null ? undefined : host.shadowRoot) === n);
+  const host = n == null ? void 0 : n.host;
+  return Boolean((host == null ? void 0 : host.shadowRoot) === n);
 }
 function isNativeShadowDom(shadowRoot) {
   return Object.prototype.toString.call(shadowRoot) === "[object ShadowRoot]";
@@ -120,7 +120,7 @@ class Mirror {
     var _a;
     if (!n)
       return -1;
-    const id = (_a = this.getMeta(n)) == null ? undefined : _a.id;
+    const id = (_a = this.getMeta(n)) == null ? void 0 : _a.id;
     return id ?? -1;
   }
   getNode(id) {
@@ -232,7 +232,7 @@ function extractFileExtension(path, baseURL) {
   }
   const regex = /\.([0-9a-z]+)(?:$)/i;
   const match = url.pathname.match(regex);
-  return (match == null ? undefined : match[1]) ?? null;
+  return (match == null ? void 0 : match[1]) ?? null;
 }
 let _id = 1;
 const tagNameRegex = new RegExp("[^a-z0-9-_:]");
@@ -607,17 +607,17 @@ function serializeNode(n, options) {
 }
 function getRootId(doc, mirror) {
   if (!mirror.hasNode(doc))
-    return undefined;
+    return void 0;
   const docId = mirror.getId(doc);
-  return docId === 1 ? undefined : docId;
+  return docId === 1 ? void 0 : docId;
 }
 function serializeTextNode(n, options) {
   var _a;
   const { needsMask, maskTextFn, rootId } = options;
   const parentTagName = n.parentNode && n.parentNode.tagName;
   let textContent = n.textContent;
-  const isStyle = parentTagName === "STYLE" ? true : undefined;
-  const isScript = parentTagName === "SCRIPT" ? true : undefined;
+  const isStyle = parentTagName === "STYLE" ? true : void 0;
+  const isScript = parentTagName === "SCRIPT" ? true : void 0;
   if (isStyle && textContent) {
     try {
       if (n.nextSibling || n.previousSibling) {
@@ -831,14 +831,14 @@ function serializeElementNode(n, options) {
     tagName,
     attributes: attributes2,
     childNodes: [],
-    isSVG: isSVGElement(n) || undefined,
+    isSVG: isSVGElement(n) || void 0,
     needBlock,
     rootId,
     isCustom: isCustomElement
   };
 }
 function lowerIfExists(maybeAttr) {
-  if (maybeAttr === undefined || maybeAttr === null) {
+  if (maybeAttr === void 0 || maybeAttr === null) {
     return "";
   } else {
     return maybeAttr.toLowerCase();
@@ -865,7 +865,7 @@ function slimDOMExcluded(sn, slimDOMOptions) {
         return true;
       } else if (slimDOMOptions.headMetaRobots && (lowerIfExists(sn.attributes.name) === "robots" || lowerIfExists(sn.attributes.name) === "googlebot" || lowerIfExists(sn.attributes.name) === "bingbot")) {
         return true;
-      } else if (slimDOMOptions.headMetaHttpEquiv && sn.attributes["http-equiv"] !== undefined) {
+      } else if (slimDOMOptions.headMetaHttpEquiv && sn.attributes["http-equiv"] !== void 0) {
         return true;
       } else if (slimDOMOptions.headMetaAuthorship && (lowerIfExists(sn.attributes.name) === "author" || lowerIfExists(sn.attributes.name) === "generator" || lowerIfExists(sn.attributes.name) === "framework" || lowerIfExists(sn.attributes.name) === "publisher" || lowerIfExists(sn.attributes.name) === "progid" || lowerIfExists(sn.attributes.property).match(/^article:/) || lowerIfExists(sn.attributes.property).match(/^product:/))) {
         return true;
@@ -904,7 +904,7 @@ function serializeNodeWithId(n, options) {
   let { needsMask } = options;
   let { preserveWhiteSpace = true } = options;
   if (!needsMask && n.childNodes) {
-    const checkAncestors = needsMask === undefined;
+    const checkAncestors = needsMask === void 0;
     needsMask = needMaskingText(
       n,
       maskTextClass,
@@ -985,7 +985,7 @@ function serializeNodeWithId(n, options) {
       stylesheetLoadTimeout,
       keepIframeSrcFn
     };
-    if (serializedNode2.type === NodeType.Element && serializedNode2.tagName === "textarea" && serializedNode2.attributes.value !== undefined)
+    if (serializedNode2.type === NodeType.Element && serializedNode2.tagName === "textarea" && serializedNode2.attributes.value !== void 0)
       ;
     else {
       for (const childN of Array.from(n.childNodes)) {
@@ -1243,7 +1243,7 @@ function getWorkerString() {
         }
     }
     function createBlobAndSend(sessionId, sessionCreationDate, gzipData, chunkIndex, totalChunks, screenshotId, event) {
-        if (event === undefined) { event = 'sendRecordData'; }
+        if (event === void 0) { event = 'sendRecordData'; }
         var blob = new Blob([gzipData], {
             type: 'application/octet-stream',
         });
@@ -1263,7 +1263,7 @@ var WorkerManager = /** @class */ (function () {
     function WorkerManager() {
     }
     WorkerManager.prototype.loadAndCreateWorker = function (workerUrl) {
-        return __awaiter(this, undefined, undefined, function () {
+        return __awaiter(this, void 0, void 0, function () {
             var workerCode, _a, workerBlob, blobUrl, error_1;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -1294,7 +1294,7 @@ var WorkerManager = /** @class */ (function () {
         });
     };
     WorkerManager.prototype.loadWorkerScript = function (url) {
-        return __awaiter(this, undefined, undefined, function () {
+        return __awaiter(this, void 0, void 0, function () {
             var response;
             return __generator(this, function (_a) {
                 switch (_a.label) {
@@ -1341,7 +1341,7 @@ var SessionRecorder = /** @class */ (function () {
         this.recordingStopped = false;
         this.batchTimeDelay = BATCH_TIME_DELAY;
         this.isErrorOccurred = false;
-        this.debugMode = !!((_a = getSdkConfig()) === null || _a === undefined ? undefined : _a.debug);
+        this.debugMode = !!((_a = getSdkConfig()) === null || _a === void 0 ? void 0 : _a.debug);
         this._recordingStopDueToTimeout = false;
         this.handleRecordEvent = function (event, isCheckout) {
             if (!_this.recordingStopped) {
@@ -1370,7 +1370,7 @@ var SessionRecorder = /** @class */ (function () {
             var metaData = _this.getMetadata(workerData, shouldSplit);
             formData.append('chunk', workerData.gzipBlob);
             formData.append('metaData', JSON.stringify(metaData));
-            var sendRecordRequest = function () { return __awaiter(_this, undefined, undefined, function () {
+            var sendRecordRequest = function () { return __awaiter(_this, void 0, void 0, function () {
                 var response, _a;
                 var _b;
                 return __generator(this, function (_c) {
@@ -1378,7 +1378,7 @@ var SessionRecorder = /** @class */ (function () {
                         case 0:
                             _c.trys.push([0, 4, , 5]);
                             if (!!this.isErrorOccurred) return [3 /*break*/, 2];
-                            return [4 /*yield*/, ((_b = this.request) === null || _b === undefined ? undefined : _b.send(formData))];
+                            return [4 /*yield*/, ((_b = this.request) === null || _b === void 0 ? void 0 : _b.send(formData))];
                         case 1:
                             _a = _c.sent();
                             return [3 /*break*/, 3];
@@ -1391,7 +1391,7 @@ var SessionRecorder = /** @class */ (function () {
                             return [3 /*break*/, 5];
                         case 4:
                             _c.sent();
-                            this.handleSessionRecordingResponse(undefined);
+                            this.handleSessionRecordingResponse();
                             return [3 /*break*/, 5];
                         case 5: return [2 /*return*/];
                     }
@@ -1413,7 +1413,7 @@ var SessionRecorder = /** @class */ (function () {
         this.onlySessionWithErrorMode = onlySessionWithErrorMode;
         this.maxRecordTimeForSessionWithError = maxRecordTimeForSessionWithError;
         this.isAutoStartRecording = autoStartSessionRecording;
-        this.maxMutations = maxMutations !== null && maxMutations !== undefined ? maxMutations : MAX_MUTATIONS_FOR_SESSION_RECORDING;
+        this.maxMutations = maxMutations !== null && maxMutations !== void 0 ? maxMutations : MAX_MUTATIONS_FOR_SESSION_RECORDING;
         this.recordConfig = this.prepareRecordConfig(recordConfig);
         if (CxGlobal.Worker) {
             this.workerManager = new WorkerManager();
@@ -1431,7 +1431,7 @@ var SessionRecorder = /** @class */ (function () {
     SessionRecorder.prototype.getSessionHasRecording = function () {
         var _a;
         return (this.hasRecording &&
-            !!this.segmentIndexCounter[(_a = this.sessionManager.getActiveSession()) === null || _a === undefined ? undefined : _a.sessionId]);
+            !!this.segmentIndexCounter[(_a = this.sessionManager.getActiveSession()) === null || _a === void 0 ? void 0 : _a.sessionId]);
     };
     SessionRecorder.prototype.updateSegmentIndexCounter = function (segmentIndexCounter) {
         this.segmentIndexCounter = segmentIndexCounter;
@@ -1444,13 +1444,16 @@ var SessionRecorder = /** @class */ (function () {
             return this._recordingStopDueToTimeout;
         },
         set: function (value) {
+            if (this.debugMode && value) {
+                console.debug('Coralogix Browser SDK - Session recording stopped due to timeout');
+            }
             this._recordingStopDueToTimeout = value;
         },
         enumerable: false,
         configurable: true
     });
     SessionRecorder.prototype.startRecording = function () {
-        return __awaiter(this, undefined, undefined, function () {
+        return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0: return [4 /*yield*/, this.isWorkerReady];
@@ -1464,7 +1467,6 @@ var SessionRecorder = /** @class */ (function () {
                         }
                         this.startMutationObserver();
                         this.resetBatching();
-                        this.hasRecording = true;
                         this.recordingStopped = false;
                         this.isErrorOccurred = false;
                         this.recordingStopDueToTimeout = false;
@@ -1506,7 +1508,7 @@ var SessionRecorder = /** @class */ (function () {
     };
     SessionRecorder.prototype.stopMutationObserver = function () {
         var _a;
-        (_a = this.mutationObserver) === null || _a === undefined ? undefined : _a.disconnect();
+        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     };
     SessionRecorder.prototype.startMutationObserver = function () {
         var _this = this;
@@ -1539,7 +1541,7 @@ var SessionRecorder = /** @class */ (function () {
         // @ts-ignore
         this.recordConfig = __assign(__assign({}, recordConfig), { emit: this.handleRecordEvent, checkoutEveryNms: this.onlySessionWithErrorMode
                 ? this.maxRecordTimeForSessionWithError
-                : undefined, slimDOMOptions: __assign(__assign({}, excludeDOMOptions), { script: (_a = excludeDOMOptions === null || excludeDOMOptions === undefined ? undefined : excludeDOMOptions.script) !== null && _a !== undefined ? _a : true }), plugins: recordConsoleEvents ? [getRecordConsolePlugin()] : [] });
+                : undefined, slimDOMOptions: __assign(__assign({}, excludeDOMOptions), { script: (_a = excludeDOMOptions === null || excludeDOMOptions === void 0 ? void 0 : excludeDOMOptions.script) !== null && _a !== void 0 ? _a : true }), plugins: recordConsoleEvents ? [getRecordConsolePlugin()] : [] });
         return this.recordConfig;
     };
     SessionRecorder.prototype.handleRecordEventForSessionWithError = function (event, isCheckout) {
@@ -1634,12 +1636,17 @@ var SessionRecorder = /** @class */ (function () {
             sessionId: sessionId,
             snapshotId: screenshotId,
             application: application,
-            subIndex: chunkIndex !== null && chunkIndex !== undefined ? chunkIndex : -1,
+            subIndex: chunkIndex !== null && chunkIndex !== void 0 ? chunkIndex : -1,
         };
         return metaData;
     };
     SessionRecorder.prototype.handleSessionRecordingResponse = function (response) {
-        if (!(response === null || response === undefined ? undefined : response.ok) && !this.isErrorOccurred) {
+        if (response === null || response === void 0 ? void 0 : response.ok) {
+            // If the response is ok, we can assume that the recording was successful and no error occurred
+            this.hasRecording = true;
+            this.isErrorOccurred = false;
+        }
+        else if (!(response === null || response === void 0 ? void 0 : response.ok) && !this.isErrorOccurred) {
             console.warn(SESSION_RECORDING_NETWORK_ERR0R_MESSAGE);
             this.isErrorOccurred = true;
             this.stopRecording();
@@ -1647,9 +1654,6 @@ var SessionRecorder = /** @class */ (function () {
                 clearTimeout(this.batchTimeout);
             }
         }
-        else {
-            this.isErrorOccurred = false;
-        }
     };
     SessionRecorder.prototype.startBatchingRecords = function () {
         this.batchingTimeInterval = setInterval(this.prepareRecordEventsBeforeSend, MAX_BATCH_TIME_MS);

package/src/session/sessionManager.d.ts

@@ -10,6 +10,7 @@ export declare class SessionManager extends SessionIdle {
     private _cachedLogsSent;
     private _currentPageFragment;
     private _currentPageTimestamp;
+    private debugMode;
     constructor(recordConfig?: SessionRecordingConfig);
     get currentPageTimestamp(): number;
     get currentPageFragment(): string | undefined;

package/src/types.d.ts

@@ -440,8 +440,8 @@ export declare enum OtelNetworkAttrs {
     RESPONSE_CONTENT_LENGTH = "http.response_content_length"
 }
 export type Browser = 'Chrome' | 'Edge' | 'Firefox' | 'Safari' | 'Opera' | 'IE' | 'Unknown';
-export type OS = 'Windows' | 'MacOS' | 'Linux' | 'iOS' | 'Android' | 'Unknown';
-export type Device = 'Mobile' | 'Tablet' | 'Desktop' | 'Unknown';
+export type OS = 'Windows' | 'MacOS' | 'Linux' | 'iOS' | 'Android' | 'Tizen' | 'webOS' | 'Unknown';
+export type Device = 'Mobile' | 'Tablet' | 'Desktop' | 'Smart-TV' | 'Unknown';
 export type EventName = keyof HTMLElementEventMap;
 export interface PatternReplacement {
     pattern: RegExp;

package/src/version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "2.4.0";
+export declare const SDK_VERSION = "2.5.0";