@merittdev/horus-lens 0.5.0 → 0.5.2

package/dist/browser.cjs

@@ -29082,7 +29082,7 @@ var ApiErrorSchema = external_exports.object({
 
 // ../core/dist/index.js
 var SDK_NAME = "@merittdev/horus-lens";
-var SDK_VERSION = true ? "0.5.0" : "0.0.0-dev";
+var SDK_VERSION = true ? "0.5.2" : "0.0.0-dev";
 var DEFAULT_ENDPOINT = "https://api.horus.sh";
 var DEFAULT_REPLAY_WINDOW_MS = 15e3;
 var DEFAULT_MAX_CONSOLE_ENTRIES = 200;
@@ -29094,6 +29094,7 @@ var MAX_SERIALIZED_ARG_CHARS = 2e3;
 var MAX_DOM_BYTES = 2 * 1024 * 1024;
 var MAX_TARGET_TEXT_CHARS = 200;
 var SCREENSHOT_TIMEOUT_MS = 2e4;
+var SCREENSHOT_RESOURCE_TIMEOUT_MS = 3500;
 var SCREENSHOT_MAX_SCALE = 2;
 var SCREENSHOT_MAX_PIXELS = 25e5;
 var AUTO_CAPTURE_COOLDOWN_MS = 10 * 60 * 1e3;
@@ -29648,6 +29649,14 @@ var ReplayRecorder = class {
   }
 };
 var SVG_RASTERIZE_TIMEOUT_MS = 3e3;
+function isOffscreenMedia(node2) {
+  if (!(node2 instanceof HTMLImageElement) && !(node2 instanceof HTMLIFrameElement) && !(typeof HTMLVideoElement !== "undefined" && node2 instanceof HTMLVideoElement)) {
+    return false;
+  }
+  const r = node2.getBoundingClientRect();
+  if (r.width === 0 && r.height === 0) return false;
+  return r.bottom < 0 || r.top > window.innerHeight || r.right < 0 || r.left > window.innerWidth;
+}
 function computeCropRect(crop, scale, rasterWidth, rasterHeight) {
   let sx = Math.round(crop.x * scale);
   let sy = Math.round(crop.y * scale);
@@ -29663,8 +29672,11 @@ function computeCropRect(crop, scale, rasterWidth, rasterHeight) {
 async function captureScreenshot(excludeHost, crop, composite) {
   if (typeof document === "undefined" || typeof window === "undefined") return null;
   try {
-    const viewportPixels = window.innerWidth * window.innerHeight || 1;
-    const pixelCap = Math.sqrt(SCREENSHOT_MAX_PIXELS / viewportPixels);
+    const viewportOnly = !composite && !crop;
+    const captureW = composite ? composite.docWidth : window.innerWidth;
+    const captureH = composite ? composite.docHeight : window.innerHeight;
+    const capturePixels = captureW * captureH || 1;
+    const pixelCap = Math.sqrt(SCREENSHOT_MAX_PIXELS / capturePixels);
     const scale = Math.max(1, Math.min(window.devicePixelRatio || 1, SCREENSHOT_MAX_SCALE, pixelCap));
     const capture = domToBlob(document.documentElement, {
       scale,
@@ -29673,18 +29685,35 @@ async function captureScreenshot(excludeHost, crop, composite) {
       // JPEG has no alpha — transparent page regions (and any capture box
       // extending past short content) would otherwise encode as BLACK.
       backgroundColor: "#ffffff",
-      // When compositing annotations, force the capture box to the editor's
-      // document measurement (scrollHeight-based). modern-screenshot otherwise
-      // sizes from documentElement's bounding box, which on pages SHORTER than
-      // the viewport is the content height only — marks drawn in the lower
-      // viewport band would fall off the raster and the crop would clamp short.
+      // Composite (annotations): force the capture box to the editor's document
+      // measurement so marks in the lower viewport band aren't clipped.
       ...composite ? { width: composite.docWidth, height: composite.docHeight } : {},
-      // Exclude the overlay from the capture CLONE — never hide the live node.
-      filter: (node2) => node2 !== excludeHost,
-      // Per-resource fetch budget: a single slow cross-origin image must not
-      // consume the whole capture window.
+      // Plain report: clip the render to the viewport and shift the scrolled
+      // content into it, so only the visible region is rasterized/fetched.
+      ...viewportOnly ? {
+        width: window.innerWidth,
+        height: window.innerHeight,
+        style: {
+          transform: `translate(${-window.scrollX}px, ${-window.scrollY}px)`,
+          transformOrigin: "top left"
+        }
+      } : {},
+      // Exclude the overlay from the capture CLONE (never hide the live node),
+      // and — for a plain viewport report — drop images/iframes entirely outside
+      // the viewport so we don't fetch dozens of off-screen cross-origin assets.
+      filter: (node2) => {
+        if (node2 === excludeHost) return false;
+        if (viewportOnly && isOffscreenMedia(node2)) return false;
+        return true;
+      },
+      // Skip web-font download/embed. On font-heavy pages (multiple custom
+      // families) this is a dominant, flaky cost; fallback fonts are fine for a
+      // bug-report screenshot and capture becomes far more reliable.
+      font: false,
       fetch: { requestInit: { cache: "force-cache" }, bypassingCache: false },
-      timeout: SCREENSHOT_TIMEOUT_MS - 1e3
+      // PER-RESOURCE cap (NOT the overall budget): a hanging asset fails fast to
+      // a placeholder instead of stalling the whole capture.
+      timeout: SCREENSHOT_RESOURCE_TIMEOUT_MS
     });
     const started = Date.now();
     const timeout = new Promise((resolve) => {
@@ -29713,14 +29742,8 @@ async function captureScreenshot(excludeHost, crop, composite) {
         return null;
       }
     }
-    const effectiveCrop = crop ?? (composite ? void 0 : {
-      x: window.scrollX,
-      y: window.scrollY,
-      width: window.innerWidth,
-      height: window.innerHeight
-    });
-    if (effectiveCrop) {
-      const cropped = await cropBlob(blob2, effectiveCrop, scale);
+    if (crop) {
+      const cropped = await cropBlob(blob2, crop, scale);
       return cropped ?? blob2;
     }
     return blob2;