@uxbertlabs/reportly 1.0.42 → 1.0.44

package/dist/features/screenshot.d.ts

@@ -22,6 +22,10 @@ declare class Screenshot {
      * Wait for fonts to load
      */
     private waitForFonts;
+    /**
+     * Force a reflow to ensure styles are applied
+     */
+    private forceReflow;
     capture(mode?: "viewport" | "fullpage"): Promise<string>;
     private hideUXbertElements;
     private showUXbertElements;

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

@@ -1 +1 @@
-{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../src/features/screenshot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,UAAU,CAAC;AAEvE,cAAM,UAAU;IACd,OAAO,CAAC,iBAAiB,CAAgB;IACzC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,MAAM,CAAkC;gBAEpC,KAAK,CAAC,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM;IAS9G;;OAEG;IACH,OAAO,CAAC,IAAI;IAIZ;;OAEG;YACW,gBAAgB;IAmB9B;;OAEG;YACW,aAAa;IA+C3B;;OAEG;YACW,YAAY;IAcpB,OAAO,CAAC,IAAI,GAAE,UAAU,GAAG,UAAuB,GAAG,OAAO,CAAC,MAAM,CAAC;IAmO1E,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;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAWtC;;OAEG;IACH,QAAQ,IAAI,eAAe;IAI3B;;;OAGG;IACH,SAAS,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI;IAIhD;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAIjC,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":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAyB,MAAM,UAAU,CAAC;AAEvE,cAAM,UAAU;IACd,OAAO,CAAC,iBAAiB,CAAgB;IACzC,OAAO,CAAC,YAAY,CAAe;IACnC,OAAO,CAAC,KAAK,CAAuB;IACpC,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,MAAM,CAAkC;gBAEpC,KAAK,CAAC,EAAE,eAAe,EAAE,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM;IAS9G;;OAEG;IACH,OAAO,CAAC,IAAI;IAIZ;;OAEG;YACW,gBAAgB;IAmB9B;;OAEG;YACW,aAAa;IA+C3B;;OAEG;YACW,YAAY;IAc1B;;OAEG;IACH,OAAO,CAAC,WAAW;IAKb,OAAO,CAAC,IAAI,GAAE,UAAU,GAAG,UAAuB,GAAG,OAAO,CAAC,MAAM,CAAC;IAsM1E,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;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI;IAWtC;;OAEG;IACH,QAAQ,IAAI,eAAe;IAI3B;;;OAGG;IACH,SAAS,CAAC,MAAM,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI;IAIhD;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAIjC,aAAa,IAAI,MAAM,GAAG,IAAI;IAI9B,KAAK,IAAI,IAAI;CAGd;AAED,eAAe,UAAU,CAAC"}

package/dist/index.cjs.js

@@ -9397,6 +9397,13 @@ class Screenshot {
       }
     }
   }
+  /**
+   * Force a reflow to ensure styles are applied
+   */
+  forceReflow() {
+    // Reading offsetHeight forces a reflow
+    document.body.offsetHeight;
+  }
   async capture(mode = "fullpage") {
     const context = {
       mode,
@@ -9414,6 +9421,8 @@ class Screenshot {
       // Hide loading screen and UXbert UI elements BEFORE capturing
       this.hideLoadingScreen();
       this.hideUXbertElements();
+      // Force a reflow to ensure all styles are computed
+      this.forceReflow();
       // Hook: beforeCapture - allow developers to modify DOM before capture
       if (this.hooks.beforeCapture) {
         await Promise.resolve(this.hooks.beforeCapture(context));
@@ -9518,34 +9527,8 @@ class Screenshot {
           // Increased timeout for slow-loading images
           removeContainer: true,
           scale: window.devicePixelRatio || 1,
-          ignoreElements: element => {
-            // Ignore loading screen by ID
-            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-")) {
-              return true;
-            }
-            // Skip cross-origin images that might cause issues
-            if (element.tagName === "IMG") {
-              const img = element;
-              try {
-                // Test if image is accessible
-                const testCanvas = document.createElement("canvas");
-                const ctx = testCanvas.getContext("2d");
-                testCanvas.width = 1;
-                testCanvas.height = 1;
-                ctx?.drawImage(img, 0, 0, 1, 1);
-                testCanvas.toDataURL();
-                return false; // Include the image
-              } catch (e) {
-                console.warn("Skipping cross-origin image:", img.src);
-                return true;
-              }
-            }
-            return false;
-          }
+          scrollY: 0,
+          scrollX: 0
         });
       }
       // Show UXbert UI elements again