@uxbertlabs/reportly 1.0.6 → 1.0.7

package/dist/reportly.esm.js

@@ -9456,8 +9456,8 @@ class Screenshot {
             if (mode === 'viewport') {
                 // Capture only the current viewport
                 canvas = await html2canvas(document.body, {
-                    allowTaint: true,
                     useCORS: true,
+                    allowTaint: false,
                     logging: false,
                     width: window.innerWidth,
                     height: window.innerHeight,
@@ -9465,6 +9465,28 @@ class Screenshot {
                     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 +9497,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);