@uxbertlabs/reportly 1.0.7 → 1.0.9

package/dist/reportly.esm.js

@@ -9447,18 +9447,19 @@ 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, {
+                    //  foreignObjectRendering: true,
                     useCORS: true,
-                    allowTaint: false,
-                    logging: false,
+                    allowTaint: true,
+                    logging: true,
                     width: window.innerWidth,
                     height: window.innerHeight,
                     windowWidth: window.innerWidth,
@@ -9467,12 +9468,12 @@ class Screenshot {
                     y: window.scrollY,
                     ignoreElements: (element) => {
                         // Skip cross-origin images that might cause issues
-                        if (element.tagName === 'IMG') {
+                        if (element.tagName === "IMG") {
                             const img = element;
                             try {
                                 // Test if image is accessible
-                                const canvas = document.createElement('canvas');
-                                const ctx = canvas.getContext('2d');
+                                const canvas = document.createElement("canvas");
+                                const ctx = canvas.getContext("2d");
                                 canvas.width = 1;
                                 canvas.height = 1;
                                 ctx?.drawImage(img, 0, 0, 1, 1);
@@ -9481,7 +9482,7 @@ class Screenshot {
                             }
                             catch (e) {
                                 // Image is tainted, skip it
-                                console.warn('Skipping cross-origin image:', img.src);
+                                console.warn("Skipping cross-origin image:", img.src);
                                 return true;
                             }
                         }
@@ -9504,12 +9505,12 @@ class Screenshot {
                     height: fullPageHeight,
                     ignoreElements: (element) => {
                         // Skip cross-origin images that might cause issues
-                        if (element.tagName === 'IMG') {
+                        if (element.tagName === "IMG") {
                             const img = element;
                             try {
                                 // Test if image is accessible
-                                const canvas = document.createElement('canvas');
-                                const ctx = canvas.getContext('2d');
+                                const canvas = document.createElement("canvas");
+                                const ctx = canvas.getContext("2d");
                                 canvas.width = 1;
                                 canvas.height = 1;
                                 ctx?.drawImage(img, 0, 0, 1, 1);
@@ -9518,7 +9519,7 @@ class Screenshot {
                             }
                             catch (e) {
                                 // Image is tainted, skip it
-                                console.warn('Skipping cross-origin image:', img.src);
+                                console.warn("Skipping cross-origin image:", img.src);
                                 return true;
                             }
                         }
@@ -10200,7 +10201,7 @@ class Reportly {
     }
     init(userConfig = {}) {
         // Check if we're in a browser environment
-        if (typeof window === 'undefined' || typeof document === 'undefined') {
+        if (typeof window === "undefined" || typeof document === "undefined") {
             console.warn("Uxbert Reportly can only be initialized in a browser environment");
             return;
         }
@@ -10267,7 +10268,7 @@ class Reportly {
         try {
             this.state?.setState(STATE.CAPTURING);
             // Get capture mode from modal
-            const captureMode = this.modal?.getCaptureMode() || 'viewport';
+            const captureMode = this.modal?.getCaptureMode() || "viewport";
             // Save capture mode in state
             this.state?.setCaptureMode(captureMode);
             // Capture screenshot
@@ -10287,7 +10288,7 @@ class Reportly {
         this.state?.setState(STATE.ANNOTATING);
         this.modal?.close();
         this.button?.hide();
-        const captureMode = this.state?.getCaptureMode() || 'viewport';
+        const captureMode = this.state?.getCaptureMode() || "viewport";
         this.annotation?.show(captureMode);
         this.toolbar?.show();
     }
@@ -10324,16 +10325,13 @@ class Reportly {
     }
     async retakeScreenshot() {
         try {
-            // Get the current capture mode from modal before closing
-            const captureMode = this.modal?.getCaptureMode() || 'viewport';
             this.modal?.close();
             this.state?.setState(STATE.CAPTURING);
             // Clear previous annotations
             this.annotation?.clear();
-            // Capture new screenshot with the same mode
-            const screenshot = await this.screenshot.capture(captureMode);
+            // Capture new screenshot
+            const screenshot = await this.screenshot.capture();
             this.state?.setScreenshot(screenshot);
-            this.state?.setCaptureMode(captureMode);
             // Show modal with new screenshot
             this.modal?.setScreenshot(screenshot);
             this.modal?.open();
@@ -10350,7 +10348,7 @@ class Reportly {
             // Create complete issue package
             const completeIssue = {
                 ...issueData,
-                screenshot: this.state?.getScreenshot() || '',
+                screenshot: this.state?.getScreenshot() || "",
                 deviceInfo: this.deviceInfo.get(),
                 createdAt: new Date().toISOString(),
             };