@openreplay/tracker 15.0.6 → 15.0.8-beta.0

package/dist/cjs/index.js

@@ -3729,8 +3729,8 @@ class Nodes {
 }
 
 const iconCache = {};
-const domParser = new DOMParser();
-async function parseUseEl(useElement, mode) {
+const svgUrlCache = {};
+async function parseUseEl(useElement, mode, domParser) {
     try {
         const href = useElement.getAttribute('xlink:href') || useElement.getAttribute('href');
         if (!href) {
@@ -3745,13 +3745,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 +3836,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 +3844,9 @@ class Observer {
         this.indexes = [];
         this.attributesMap = new Map();
         this.textSet = new Set();
+        this.disableSprites = false;
+        this.domParser = new DOMParser();
+        this.disableSprites = options.disableSprites;
         this.observer = createMutationObserver(this.app.safe((mutations) => {
             for (const mutation of mutations) {
                 // mutations order is sequential
@@ -3908,8 +3941,8 @@ class Observer {
             if (value === null) {
                 this.app.send(RemoveNodeAttribute(id, name));
             }
-            if (isUseElement(node) && name === 'href') {
-                parseUseEl(node, 'svgtext')
+            if (isUseElement(node) && name === 'href' && !this.disableSprites) {
+                parseUseEl(node, 'svgtext', this.domParser)
                     .then((svgData) => {
                     if (svgData) {
                         this.app.send(SetNodeAttribute(id, name, `_$OPENREPLAY_SPRITE$_${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.6'; // TODO: version compatability check inside each plugin.
+        this.version = '15.0.8-beta.0'; // TODO: version compatability check inside each plugin.
         this.socketMode = false;
         this.compressionThreshold = 24 * 1000;
         this.bc = null;
@@ -5036,6 +5071,7 @@ class App {
             fixedCanvasScaling: false,
             disableCanvas: false,
             captureIFrames: true,
+            disableSprites: false,
             obscureTextEmails: true,
             obscureTextNumbers: false,
             crossdomain: {
@@ -9165,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.6',
+                trackerVersion: '15.0.8-beta.0',
                 projectKey: this.options.projectKey,
                 doNotTrack,
                 reason: missingApi.length ? `missing api: ${missingApi.join(',')}` : reason,