@uxbertlabs/reportly 1.0.6 → 1.0.8

package/dist/features/screenshot.d.ts

@@ -1,7 +1,7 @@
 declare class Screenshot {
     private currentScreenshot;
     constructor();
-    capture(mode?: 'viewport' | 'fullpage'): Promise<string>;
+    capture(mode?: "viewport" | "fullpage"): Promise<string>;
     private hideUXbertElements;
     private showUXbertElements;
     getScreenshot(): string | null;

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;IAiH1E,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

@@ -9449,24 +9449,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 {
@@ -9477,11 +9501,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);