@openreplay/tracker 15.0.5 → 15.0.7

package/dist/cjs/index.js

@@ -3729,6 +3729,7 @@ class Nodes {
 }
 
 const iconCache = {};
+const svgUrlCache = {};
 const domParser = new DOMParser();
 async function parseUseEl(useElement, mode) {
     try {
@@ -3745,13 +3746,43 @@ async function parseUseEl(useElement, mode) {
         if (iconCache[symbolId]) {
             return iconCache[symbolId];
         }
-        const response = await fetch(url);
-        const svgText = await response.text();
-        const svgDoc = domParser.parseFromString(svgText, 'image/svg+xml');
+        let svgDoc;
+        if (svgUrlCache[url]) {
+            if (svgUrlCache[url] === 1) {
+                await new Promise((resolve) => {
+                    let tries = 0;
+                    const interval = setInterval(() => {
+                        if (tries > 100) {
+                            clearInterval(interval);
+                            resolve(false);
+                        }
+                        if (svgUrlCache[url] !== 1) {
+                            svgDoc = svgUrlCache[url];
+                            clearInterval(interval);
+                            resolve(true);
+                        }
+                        else {
+                            tries++;
+                        }
+                    }, 100);
+                });
+            }
+            else {
+                svgDoc = svgUrlCache[url] ?? `<svg xmlns="http://www.w3.org/2000/svg"></svg>`;
+            }
+        }
+        else {
+            svgUrlCache[url] = 1;
+            const response = await fetch(url);
+            const svgText = await response.text();
+            svgDoc = domParser.parseFromString(svgText, 'image/svg+xml');
+            svgUrlCache[url] = svgDoc;
+        }
+        // @ts-ignore
         const symbol = svgDoc.getElementById(symbolId);
         if (!symbol) {
             console.debug('Openreplay: Symbol not found in SVG.');
-            return;
+            return '';
         }
         if (mode === 'inline') ;
         if (mode === 'svgtext') {
@@ -3806,7 +3837,7 @@ var RecentsType;
     RecentsType[RecentsType["Changed"] = 2] = "Changed";
 })(RecentsType || (RecentsType = {}));
 class Observer {
-    constructor(app, isTopContext = false) {
+    constructor(app, isTopContext = false, options = { disableSprites: false }) {
         this.app = app;
         this.isTopContext = isTopContext;
         this.commited = [];
@@ -3814,6 +3845,8 @@ class Observer {
         this.indexes = [];
         this.attributesMap = new Map();
         this.textSet = new Set();
+        this.disableSprites = false;
+        this.disableSprites = options.disableSprites;
         this.observer = createMutationObserver(this.app.safe((mutations) => {
             for (const mutation of mutations) {
                 // mutations order is sequential
@@ -3908,7 +3941,7 @@ class Observer {
             if (value === null) {
                 this.app.send(RemoveNodeAttribute(id, name));
             }
-            if (isUseElement(node) && name === 'href') {
+            if (isUseElement(node) && name === 'href' && !this.disableSprites) {
                 parseUseEl(node, 'svgtext')
                     .then((svgData) => {
                     if (svgData) {
@@ -4262,7 +4295,11 @@ class IFrameOffsets {
 const attachShadowNativeFn = IN_BROWSER ? Element.prototype.attachShadow : () => new ShadowRoot();
 class TopObserver extends Observer {
     constructor(params) {
-        super(params.app, true);
+        const opts = Object.assign({
+            captureIFrames: true,
+            disableSprites: false,
+        }, params.options);
+        super(params.app, true, opts);
         this.iframeOffsets = new IFrameOffsets();
         this.contextCallbacks = [];
         // Attached once per Tracker instance
@@ -4272,9 +4309,7 @@ class TopObserver extends Observer {
         this.docObservers = new WeakMap();
         this.shadowRootObservers = new WeakMap();
         this.app = params.app;
-        this.options = Object.assign({
-            captureIFrames: true,
-        }, params.options);
+        this.options = opts;
         // IFrames
         this.app.nodes.attachNodeCallback((node) => {
             if (hasTag(node, 'iframe') &&
@@ -4703,7 +4738,7 @@ class App {
         this.stopCallbacks = [];
         this.commitCallbacks = [];
         this.activityState = ActivityState.NotActive;
-        this.version = '15.0.5'; // TODO: version compatability check inside each plugin.
+        this.version = '15.0.7'; // TODO: version compatability check inside each plugin.
         this.socketMode = false;
         this.compressionThreshold = 24 * 1000;
         this.bc = null;
@@ -4974,7 +5009,7 @@ class App {
             this.canvasRecorder?.restartTracking();
         };
         this.flushBuffer = async (buffer) => {
-            return new Promise((res) => {
+            return new Promise((res, reject) => {
                 if (buffer.length === 0) {
                     res(null);
                     return;
@@ -4984,9 +5019,18 @@ class App {
                 while (endIndex < buffer.length && buffer[endIndex][0] !== 0 /* MType.Timestamp */) {
                     endIndex++;
                 }
-                const messagesBatch = buffer.splice(0, endIndex);
-                this.postToWorker(messagesBatch);
-                res(null);
+                requestIdleCb(() => {
+                    try {
+                        const messagesBatch = buffer.splice(0, endIndex);
+                        // Cast out the proxy object to a regular array.
+                        this.postToWorker(messagesBatch.map((x) => [...x]));
+                        res(null);
+                    }
+                    catch (e) {
+                        this._debug('flushBuffer', e);
+                        reject(new Error('flush buffer fail'));
+                    }
+                });
             });
         };
         this.onUxtCb = [];
@@ -5027,6 +5071,7 @@ class App {
             fixedCanvasScaling: false,
             disableCanvas: false,
             captureIFrames: true,
+            disableSprites: false,
             obscureTextEmails: true,
             obscureTextNumbers: false,
             crossdomain: {
@@ -9156,7 +9201,7 @@ class API {
         this.signalStartIssue = (reason, missingApi) => {
             const doNotTrack = this.checkDoNotTrack();
             console.log("Tracker couldn't start due to:", JSON.stringify({
-                trackerVersion: '15.0.5',
+                trackerVersion: '15.0.7',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,