@uxbertlabs/reportly 1.0.30 → 1.0.32

package/dist/components/ReportlyProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReportlyProvider.d.ts","sourceRoot":"","sources":["../../src/components/ReportlyProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,SAAS,EAAwB,MAAM,OAAO,CAAC;AACtG,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAI/D,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;CACxB;AAmED,UAAU,mBAAmB;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC5C,oBAAoB,EAAE,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAClE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5D,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAW,EAAE,EAAE,qBAAqB,qBAwLhF;AAED,wBAAgB,WAAW,IAAI,mBAAmB,CAMjD"}
+{"version":3,"file":"ReportlyProvider.d.ts","sourceRoot":"","sources":["../../src/components/ReportlyProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,SAAS,EAAwB,MAAM,OAAO,CAAC;AACtG,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAI/D,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,cAAc,CAAC;CACxB;AAmED,UAAU,mBAAmB;IAC3B,KAAK,EAAE,aAAa,CAAC;IACrB,iBAAiB,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC5C,oBAAoB,EAAE,CAAC,OAAO,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAClE,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,gBAAgB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,OAAO,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5D,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,gBAAgB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAW,EAAE,EAAE,qBAAqB,qBAiMhF;AAED,wBAAgB,WAAW,IAAI,mBAAmB,CAMjD"}

package/dist/features/screenshot.d.ts

@@ -1,7 +1,11 @@
+import type { ScreenshotHooks } from "../types";
 declare class Screenshot {
     private currentScreenshot;
     private captureDelay;
-    constructor();
+    private hooks;
+    private quality;
+    private format;
+    constructor(hooks?: ScreenshotHooks, captureDelay?: number, quality?: number, format?: "png" | "jpeg" | "webp");
     /**
      * Wait for specified milliseconds
      */
@@ -36,6 +40,25 @@ declare class Screenshot {
      * Get the current capture delay
      */
     getCaptureDelay(): number;
+    /**
+     * Update screenshot hooks dynamically
+     * @param hooks - New hooks configuration
+     */
+    setHooks(hooks: ScreenshotHooks): void;
+    /**
+     * Get current hooks configuration
+     */
+    getHooks(): ScreenshotHooks;
+    /**
+     * Set screenshot format
+     * @param format - Image format (png, jpeg, webp)
+     */
+    setFormat(format: "png" | "jpeg" | "webp"): void;
+    /**
+     * Set screenshot quality (for JPEG/WebP)
+     * @param quality - Quality between 0 and 1
+     */
+    setQuality(quality: number): void;
     getScreenshot(): string | null;
     clear(): void;
 }

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;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"}
+{"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;IAQ9G;;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;IAuO1E,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;IAItC;;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

@@ -9301,9 +9301,16 @@ var parseBackgroundColor = function (context, element, backgroundColorOverride)
 
 // Screenshot capture using html2canvas
 class Screenshot {
-  constructor() {
+  constructor(hooks, captureDelay, quality, format) {
     this.captureDelay = 500; // Default delay before capture
+    this.hooks = {};
+    this.quality = 0.95; // Default quality for JPEG/WebP
+    this.format = "png"; // Default format
     this.currentScreenshot = null;
+    if (hooks) this.hooks = hooks;
+    if (captureDelay !== undefined) this.captureDelay = captureDelay;
+    if (quality !== undefined) this.quality = quality;
+    if (format) this.format = format;
   }
   /**
    * Wait for specified milliseconds
@@ -9368,7 +9375,15 @@ class Screenshot {
     document.body.offsetHeight;
   }
   async capture(mode = "fullpage") {
+    const context = {
+      mode,
+      timestamp: Date.now()
+    };
     try {
+      // Hook: onCaptureStart - notify that capture is starting
+      if (this.hooks.onCaptureStart) {
+        await Promise.resolve(this.hooks.onCaptureStart(context));
+      }
       // Show loading screen immediately (before hiding UI)
       this.showLoadingScreen();
       // Wait for DOM to stabilize, animations to complete, and assets to load
@@ -9378,6 +9393,10 @@ class Screenshot {
       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));
+      }
       let canvas;
       if (mode === "viewport") {
         // Capture only the current viewport
@@ -9512,13 +9531,40 @@ class Screenshot {
       }
       // Show UXbert UI elements again
       this.showUXbertElements();
-      // Convert to base64
-      this.currentScreenshot = canvas.toDataURL("image/png");
+      // Add canvas to context for afterCapture hook
+      context.canvas = canvas;
+      // Convert to base64 with configurable format and quality
+      let screenshotData;
+      if (this.format === "png") {
+        screenshotData = canvas.toDataURL("image/png");
+      } else if (this.format === "jpeg") {
+        screenshotData = canvas.toDataURL("image/jpeg", this.quality);
+      } else {
+        screenshotData = canvas.toDataURL("image/webp", this.quality);
+      }
+      context.screenshot = screenshotData;
+      // Hook: afterCapture - allow developers to modify the screenshot or canvas
+      if (this.hooks.afterCapture) {
+        const result = await Promise.resolve(this.hooks.afterCapture(context));
+        // If hook returns a string, use it as the screenshot; otherwise use the original
+        if (typeof result === "string" && result.length > 0) {
+          screenshotData = result;
+        }
+      }
+      this.currentScreenshot = screenshotData;
+      // Hook: onCaptureComplete - notify that capture completed successfully
+      if (this.hooks.onCaptureComplete) {
+        await Promise.resolve(this.hooks.onCaptureComplete(context));
+      }
       return this.currentScreenshot;
     } catch (error) {
       console.error("Screenshot capture failed:", error);
       this.hideLoadingScreen();
       this.showUXbertElements();
+      // Hook: onCaptureError - notify about the error
+      if (this.hooks.onCaptureError) {
+        await Promise.resolve(this.hooks.onCaptureError(error, context));
+      }
       throw error;
     }
   }
@@ -9615,6 +9661,38 @@ class Screenshot {
   getCaptureDelay() {
     return this.captureDelay;
   }
+  /**
+   * Update screenshot hooks dynamically
+   * @param hooks - New hooks configuration
+   */
+  setHooks(hooks) {
+    this.hooks = {
+      ...this.hooks,
+      ...hooks
+    };
+  }
+  /**
+   * Get current hooks configuration
+   */
+  getHooks() {
+    return {
+      ...this.hooks
+    };
+  }
+  /**
+   * Set screenshot format
+   * @param format - Image format (png, jpeg, webp)
+   */
+  setFormat(format) {
+    this.format = format;
+  }
+  /**
+   * Set screenshot quality (for JPEG/WebP)
+   * @param quality - Quality between 0 and 1
+   */
+  setQuality(quality) {
+    this.quality = Math.max(0, Math.min(quality, 1));
+  }
   getScreenshot() {
     return this.currentScreenshot;
   }
@@ -9738,7 +9816,7 @@ function ReportlyProvider({
   // Initialize services with useMemo to ensure they're only created once and support SSR
   const deviceInfo = React.useMemo(() => new DeviceInfo(), []);
   const exportService = React.useMemo(() => new Export(config.integrations?.n8n), [config.integrations?.n8n]);
-  const screenshot = React.useMemo(() => new Screenshot(), []);
+  const screenshot = React.useMemo(() => new Screenshot(config.screenshot?.hooks, config.screenshot?.captureDelay, config.screenshot?.quality, config.screenshot?.format), [config.screenshot?.hooks, config.screenshot?.captureDelay, config.screenshot?.quality, config.screenshot?.format]);
   const openModal = React.useCallback(() => {
     dispatch({
       type: "OPEN_MODAL"