@uxbertlabs/reportly 1.0.6 → 1.0.7

package/dist/features/screenshot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../src/features/screenshot.ts"],"names":[],"mappings":"AAGA,cAAM,UAAU;IACd,OAAO,CAAC,iBAAiB,CAAgB;;IAMnC,OAAO,CAAC,IAAI,GAAE,UAAU,GAAG,UAAuB,GAAG,OAAO,CAAC,MAAM,CAAC;IAoE1E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAY1B,aAAa,IAAI,MAAM,GAAG,IAAI;IAI9B,KAAK,IAAI,IAAI;CAGd;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../src/features/screenshot.ts"],"names":[],"mappings":"AAGA,cAAM,UAAU;IACd,OAAO,CAAC,iBAAiB,CAAgB;;IAMnC,OAAO,CAAC,IAAI,GAAE,UAAU,GAAG,UAAuB,GAAG,OAAO,CAAC,MAAM,CAAC;IA8G1E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAY1B,aAAa,IAAI,MAAM,GAAG,IAAI;IAI9B,KAAK,IAAI,IAAI;CAGd;AAED,eAAe,UAAU,CAAC"}

package/dist/reportly.cjs.js

@@ -9458,8 +9458,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,
@@ -9467,6 +9467,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 {
@@ -9477,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);