@uxbertlabs/reportly 1.0.6 → 1.0.8

package/dist/reportly.esm.js

@@ -9447,24 +9447,48 @@ class Screenshot {
     constructor() {
         this.currentScreenshot = null;
     }
-    async capture(mode = 'fullpage') {
+    async capture(mode = "fullpage") {
         try {
             // Hide UXbert UI elements before capturing
             this.hideUXbertElements();
             const originalScrollY = window.scrollY;
             let canvas;
-            if (mode === 'viewport') {
+            if (mode === "viewport") {
                 // Capture only the current viewport
                 canvas = await html2canvas(document.body, {
-                    allowTaint: true,
+                    //  foreignObjectRendering: true,
+                    imageTimeout: 40000,
                     useCORS: true,
-                    logging: false,
+                    allowTaint: false,
+                    logging: true,
                     width: window.innerWidth,
                     height: window.innerHeight,
                     windowWidth: window.innerWidth,
                     windowHeight: window.innerHeight,
                     x: window.scrollX,
                     y: window.scrollY,
+                    ignoreElements: (element) => {
+                        // Skip cross-origin images that might cause issues
+                        if (element.tagName === "IMG") {
+                            const img = element;
+                            try {
+                                // Test if image is accessible
+                                const canvas = document.createElement("canvas");
+                                const ctx = canvas.getContext("2d");
+                                canvas.width = 1;
+                                canvas.height = 1;
+                                ctx?.drawImage(img, 0, 0, 1, 1);
+                                canvas.toDataURL(); // This will throw if tainted
+                                return false; // Include the image
+                            }
+                            catch (e) {
+                                // Image is tainted, skip it
+                                console.warn("Skipping cross-origin image:", img.src);
+                                return true;
+                            }
+                        }
+                        return false;
+                    },
                 });
             }
             else {
@@ -9475,11 +9499,33 @@ class Screenshot {
                 const fullPageWidth = Math.max(document.body.scrollWidth, document.body.offsetWidth, document.documentElement.clientWidth, document.documentElement.scrollWidth, document.documentElement.offsetWidth);
                 // Capture the full page
                 canvas = await html2canvas(document.body, {
-                    allowTaint: true,
                     useCORS: true,
+                    allowTaint: false,
                     logging: false,
                     width: fullPageWidth,
                     height: fullPageHeight,
+                    ignoreElements: (element) => {
+                        // Skip cross-origin images that might cause issues
+                        if (element.tagName === "IMG") {
+                            const img = element;
+                            try {
+                                // Test if image is accessible
+                                const canvas = document.createElement("canvas");
+                                const ctx = canvas.getContext("2d");
+                                canvas.width = 1;
+                                canvas.height = 1;
+                                ctx?.drawImage(img, 0, 0, 1, 1);
+                                canvas.toDataURL(); // This will throw if tainted
+                                return false; // Include the image
+                            }
+                            catch (e) {
+                                // Image is tainted, skip it
+                                console.warn("Skipping cross-origin image:", img.src);
+                                return true;
+                            }
+                        }
+                        return false;
+                    },
                 });
                 // Restore scroll position
                 window.scrollTo(0, originalScrollY);