@uxbertlabs/reportly 1.0.24 → 1.0.26

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;IACzC,OAAO,CAAC,YAAY,CAAe;;IAMnC;;OAEG;IACH,OAAO,CAAC,IAAI;IAIZ;;OAEG;YACW,gBAAgB;IAc9B;;OAEG;YACW,aAAa;IAgB3B;;OAEG;YACW,YAAY;IAc1B;;OAEG;IACH,OAAO,CAAC,WAAW;IAKb,OAAO,CAAC,IAAI,GAAE,UAAU,GAAG,UAAuB,GAAG,OAAO,CAAC,MAAM,CAAC;IA4M1E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB;IA6DzB,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIjC;;OAEG;IACH,eAAe,IAAI,MAAM;IAIzB,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;IACzC,OAAO,CAAC,YAAY,CAAe;;IAMnC;;OAEG;IACH,OAAO,CAAC,IAAI;IAIZ;;OAEG;YACW,gBAAgB;IAc9B;;OAEG;YACW,aAAa;IAgB3B;;OAEG;YACW,YAAY;IAc1B;;OAEG;IACH,OAAO,CAAC,WAAW;IAKb,OAAO,CAAC,IAAI,GAAE,UAAU,GAAG,UAAuB,GAAG,OAAO,CAAC,MAAM,CAAC;IAqL1E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,iBAAiB;IA6DzB,OAAO,CAAC,iBAAiB;IAOzB;;;OAGG;IACH,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIjC;;OAEG;IACH,eAAe,IAAI,MAAM;IAIzB,aAAa,IAAI,MAAM,GAAG,IAAI;IAI9B,KAAK,IAAI,IAAI;CAGd;AAED,eAAe,UAAU,CAAC"}

package/dist/index.cjs.js

@@ -9333,10 +9333,10 @@ class Screenshot {
         return Promise.resolve();
       }
       return new Promise(resolve => {
-        img.addEventListener('load', () => resolve(), {
+        img.addEventListener("load", () => resolve(), {
           once: true
         });
-        img.addEventListener('error', () => resolve(), {
+        img.addEventListener("error", () => resolve(), {
           once: true
         });
         // Timeout after 3 seconds for slow images
@@ -9349,13 +9349,13 @@ class Screenshot {
    * Wait for fonts to load
    */
   async waitForFonts() {
-    if ('fonts' in document) {
+    if ("fonts" in document) {
       try {
         await Promise.race([document.fonts.ready, this.wait(1000) // Timeout after 1 second
         ]);
       } catch (e) {
         // Font loading failed, continue anyway
-        console.warn('Font loading check failed:', e);
+        console.warn("Font loading check failed:", e);
       }
     }
   }
@@ -9377,7 +9377,6 @@ class Screenshot {
       this.hideUXbertElements();
       // Force a reflow to ensure all styles are computed
       this.forceReflow();
-      const originalScrollY = window.scrollY;
       let canvas;
       if (mode === "viewport") {
         // Capture only the current viewport
@@ -9400,30 +9399,30 @@ class Screenshot {
             // Ensure all styles are applied in the cloned document
             const clonedBody = clonedDoc.body;
             // Force all animations to their final state
-            const animatedElements = clonedBody.querySelectorAll('*');
+            const animatedElements = clonedBody.querySelectorAll("*");
             animatedElements.forEach(el => {
               const element = el;
               // Pause all animations
-              element.style.animationPlayState = 'paused';
-              element.style.animationDelay = '-9999s';
-              element.style.animationIterationCount = '1';
+              element.style.animationPlayState = "paused";
+              element.style.animationDelay = "-9999s";
+              element.style.animationIterationCount = "1";
               // Disable transitions
-              element.style.transition = 'none';
+              element.style.transition = "none";
             });
             // Ensure lazy-loaded images are visible
-            const images = clonedBody.querySelectorAll('img');
+            const images = clonedBody.querySelectorAll("img");
             images.forEach(img => {
-              img.style.opacity = '1';
-              img.style.visibility = 'visible';
+              img.style.opacity = "1";
+              img.style.visibility = "visible";
             });
           },
           ignoreElements: element => {
             // Ignore loading screen by ID
-            if (element.id === 'uxbert-screenshot-loading') {
+            if (element.id === "uxbert-screenshot-loading") {
               return true;
             }
             // Ignore Uxbert elements
-            if (element.getAttribute('data-uxbert-reportly') !== null || element.className?.toString().includes('uxbert-') || element.id?.includes('uxbert-')) {
+            if (element.getAttribute("data-uxbert-reportly") !== null || element.className?.toString().includes("uxbert-") || element.id?.includes("uxbert-")) {
               return true;
             }
             // Skip cross-origin images that might cause issues
@@ -9447,22 +9446,13 @@ class Screenshot {
           }
         });
       } else {
-        // Scroll to top to capture full page
-        window.scrollTo(0, 0);
         // Wait a bit for scroll to settle
-        await this.wait(100);
-        // Get full page dimensions
-        const fullPageHeight = Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
-        const fullPageWidth = Math.max(document.body.scrollWidth, document.body.offsetWidth, document.documentElement.clientWidth, document.documentElement.scrollWidth, document.documentElement.offsetWidth);
+        await this.wait(1000);
         // Capture the full page
         canvas = await html2canvas(document.body, {
           useCORS: true,
           allowTaint: false,
           logging: false,
-          width: fullPageWidth,
-          height: fullPageHeight,
-          windowWidth: fullPageWidth,
-          windowHeight: fullPageHeight,
           // Improved rendering options
           backgroundColor: null,
           imageTimeout: 5000,
@@ -9472,30 +9462,30 @@ class Screenshot {
             // Ensure all styles are applied in the cloned document
             const clonedBody = clonedDoc.body;
             // Force all animations to their final state
-            const animatedElements = clonedBody.querySelectorAll('*');
+            const animatedElements = clonedBody.querySelectorAll("*");
             animatedElements.forEach(el => {
               const element = el;
               // Pause all animations at their end state
-              element.style.animationPlayState = 'paused';
-              element.style.animationDelay = '-9999s';
-              element.style.animationIterationCount = '1';
+              element.style.animationPlayState = "paused";
+              element.style.animationDelay = "-9999s";
+              element.style.animationIterationCount = "1";
               // Disable transitions
-              element.style.transition = 'none';
+              element.style.transition = "none";
             });
             // Ensure lazy-loaded images are visible
-            const images = clonedBody.querySelectorAll('img');
+            const images = clonedBody.querySelectorAll("img");
             images.forEach(img => {
-              img.style.opacity = '1';
-              img.style.visibility = 'visible';
+              img.style.opacity = "1";
+              img.style.visibility = "visible";
             });
           },
           ignoreElements: element => {
             // Ignore loading screen by ID
-            if (element.id === 'uxbert-screenshot-loading') {
+            if (element.id === "uxbert-screenshot-loading") {
               return true;
             }
             // Ignore Uxbert elements
-            if (element.getAttribute('data-uxbert-reportly') !== null || element.className?.toString().includes('uxbert-') || element.id?.includes('uxbert-')) {
+            if (element.getAttribute("data-uxbert-reportly") !== null || element.className?.toString().includes("uxbert-") || element.id?.includes("uxbert-")) {
               return true;
             }
             // Skip cross-origin images that might cause issues
@@ -9518,8 +9508,6 @@ class Screenshot {
             return false;
           }
         });
-        // Restore scroll position
-        window.scrollTo(0, originalScrollY);
       }
       // Show UXbert UI elements again
       this.showUXbertElements();
@@ -9570,7 +9558,7 @@ class Screenshot {
       flex-direction: column;
       align-items: center;
       justify-content: center;
-      z-index: 999999;
+      z-index: 2147483645;
       backdrop-filter: blur(4px);
     `;
     const spinner = document.createElement("div");