@insitue/sdk 0.1.5 → 0.1.7

package/dist/capture-only.js

@@ -1,7 +1,7 @@
 import {
   mountCaptureOnly
-} from "./chunk-Z7GTGO4C.js";
-import "./chunk-2QO63Y4R.js";
+} from "./chunk-3ZUAZAJB.js";
+import "./chunk-AMC2RGMK.js";
 export {
   mountCaptureOnly
 };

package/dist/{chunk-Z7GTGO4C.js → chunk-3ZUAZAJB.js}

@@ -10,7 +10,7 @@ import {
   retryDisplayMedia,
   stopDisplayMedia,
   y
-} from "./chunk-2QO63Y4R.js";
+} from "./chunk-AMC2RGMK.js";
 
 // src/capture-only.ts
 var DEFAULT_INGEST = "https://www.insitue.com/api/v1/capture";
@@ -353,8 +353,8 @@ function CaptureOnlyApp(props) {
         k("span", {}, "\u{1F512} Secrets scrubbed automatically"),
         k(
           "span",
-          { title: `@insitue/sdk@${"0.1.5"}` },
-          `InSitue \xB7 v${"0.1.5"}`
+          { title: `@insitue/sdk@${"0.1.7"}` },
+          `InSitue \xB7 v${"0.1.7"}`
         )
       ]
     )

package/dist/{chunk-2QO63Y4R.js → chunk-AMC2RGMK.js}

@@ -1644,72 +1644,6 @@ async function toCanvas(node, options = {}) {
 var IMAGE_PLACEHOLDER = "data:image/svg+xml;base64," + (typeof btoa !== "undefined" ? btoa(
   '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><rect width="32" height="32" fill="#e8e8e8"/><path d="M0 0 L32 32 M32 0 L0 32" stroke="#b0b0b0" stroke-width="1.5"/></svg>'
 ) : "");
-async function preResolveImages(cropRect) {
-  const restorations = [];
-  const failedImages = /* @__PURE__ */ new Set();
-  const PAD = 64;
-  const images = Array.from(
-    document.querySelectorAll("img")
-  ).filter((img) => {
-    if (img.closest?.("#insitu-root, [data-insitu-layer]")) return false;
-    if (!cropRect) return true;
-    const r3 = img.getBoundingClientRect();
-    if (r3.width <= 0 || r3.height <= 0) return false;
-    return r3.right >= cropRect.x - PAD && r3.left <= cropRect.x + cropRect.width + PAD && r3.bottom >= cropRect.y - PAD && r3.top <= cropRect.y + cropRect.height + PAD;
-  });
-  const PER_IMAGE_TIMEOUT_MS = 3e3;
-  await Promise.allSettled(
-    images.map(async (img) => {
-      const srcToFetch = img.currentSrc || img.src;
-      if (!srcToFetch || srcToFetch.startsWith("data:") || srcToFetch.startsWith("blob:")) {
-        return;
-      }
-      const ac = new AbortController();
-      const timer = setTimeout(() => ac.abort(), PER_IMAGE_TIMEOUT_MS);
-      try {
-        const res = await fetch(srcToFetch, {
-          cache: "force-cache",
-          signal: ac.signal
-        });
-        if (!res.ok) {
-          failedImages.add(img);
-          return;
-        }
-        const blob = await res.blob();
-        const dataUrl = await new Promise((resolve, reject) => {
-          const reader = new FileReader();
-          reader.onload = () => resolve(reader.result);
-          reader.onerror = () => reject(reader.error);
-          reader.readAsDataURL(blob);
-        });
-        const origSrc = img.getAttribute("src");
-        const origSrcset = img.getAttribute("srcset");
-        restorations.push(() => {
-          if (origSrc != null) img.setAttribute("src", origSrc);
-          else img.removeAttribute("src");
-          if (origSrcset != null) img.setAttribute("srcset", origSrcset);
-          else img.removeAttribute("srcset");
-        });
-        img.removeAttribute("srcset");
-        img.src = dataUrl;
-        try {
-          await img.decode();
-        } catch {
-        }
-      } catch {
-        failedImages.add(img);
-      } finally {
-        clearTimeout(timer);
-      }
-    })
-  );
-  return {
-    restore: () => {
-      for (const r3 of restorations) r3();
-    },
-    failedImages
-  };
-}
 function findContextAncestor(el) {
   const minW = 420;
   const minH = 140;
@@ -1731,41 +1665,83 @@ async function renderViewportCrop(cropRect, pixelRatio) {
   const bodyBg = getComputedStyle(document.body).backgroundColor;
   const htmlBg = getComputedStyle(document.documentElement).backgroundColor;
   const backgroundColor = bodyBg && bodyBg !== "rgba(0, 0, 0, 0)" && bodyBg !== "transparent" ? bodyBg : htmlBg && htmlBg !== "rgba(0, 0, 0, 0)" && htmlBg !== "transparent" ? htmlBg : "#ffffff";
-  const { restore: restoreImages, failedImages } = await preResolveImages(cropRect);
-  try {
-    const fullCanvas = await toCanvas(document.documentElement, {
-      pixelRatio,
-      // cacheBust off — we've already swapped srcs to data URLs.
-      cacheBust: false,
-      backgroundColor,
-      imagePlaceholder: IMAGE_PLACEHOLDER,
-      // Strip only our own overlay layers.
-      filter: (n2) => !(n2 instanceof Element && n2.closest?.("#insitu-root, [data-insitu-layer]"))
-    });
-    const sx = window.scrollX;
-    const sy = window.scrollY;
-    const out = document.createElement("canvas");
-    out.width = Math.max(1, Math.round(cropRect.width * pixelRatio));
-    out.height = Math.max(1, Math.round(cropRect.height * pixelRatio));
-    const ctx = out.getContext("2d");
-    if (!ctx) return { dataUrl: null, failedImages };
-    ctx.drawImage(
-      fullCanvas,
-      Math.round((cropRect.x + sx) * pixelRatio),
-      Math.round((cropRect.y + sy) * pixelRatio),
-      Math.round(cropRect.width * pixelRatio),
-      Math.round(cropRect.height * pixelRatio),
-      0,
-      0,
-      out.width,
-      out.height
-    );
-    if (looksBlankUniform(ctx, out.width, out.height)) {
-      return { dataUrl: null, failedImages };
+  const failedImages = /* @__PURE__ */ new Set();
+  const fullCanvas = await toCanvas(document.documentElement, {
+    pixelRatio,
+    cacheBust: true,
+    backgroundColor,
+    imagePlaceholder: IMAGE_PLACEHOLDER,
+    filter: (n2) => !(n2 instanceof Element && n2.closest?.("#insitu-root, [data-insitu-layer]"))
+  });
+  const sx = window.scrollX;
+  const sy = window.scrollY;
+  const out = document.createElement("canvas");
+  out.width = Math.max(1, Math.round(cropRect.width * pixelRatio));
+  out.height = Math.max(1, Math.round(cropRect.height * pixelRatio));
+  const ctx = out.getContext("2d");
+  if (!ctx) return { dataUrl: null, failedImages };
+  ctx.drawImage(
+    fullCanvas,
+    Math.round((cropRect.x + sx) * pixelRatio),
+    Math.round((cropRect.y + sy) * pixelRatio),
+    Math.round(cropRect.width * pixelRatio),
+    Math.round(cropRect.height * pixelRatio),
+    0,
+    0,
+    out.width,
+    out.height
+  );
+  if (looksBlankUniform(ctx, out.width, out.height)) {
+    return { dataUrl: null, failedImages };
+  }
+  detectUnrenderedImages(ctx, cropRect, out, pixelRatio, failedImages);
+  return { dataUrl: out.toDataURL("image/png"), failedImages };
+}
+function detectUnrenderedImages(cropCtx, cropRect, cropCanvas, pixelRatio, failedImages) {
+  const imgs = Array.from(
+    document.querySelectorAll("img")
+  ).filter(
+    (img) => !img.closest?.("#insitu-root, [data-insitu-layer]")
+  );
+  for (const img of imgs) {
+    if (failedImages.has(img)) continue;
+    const r3 = img.getBoundingClientRect();
+    if (r3.width < 32 || r3.height < 32) continue;
+    const overlapX = Math.min(r3.right, cropRect.x + cropRect.width) - Math.max(r3.left, cropRect.x);
+    const overlapY = Math.min(r3.bottom, cropRect.y + cropRect.height) - Math.max(r3.top, cropRect.y);
+    if (overlapX <= 0 || overlapY <= 0) continue;
+    const baseX = Math.max(r3.left, cropRect.x);
+    const baseY = Math.max(r3.top, cropRect.y);
+    const samples = /* @__PURE__ */ new Set();
+    try {
+      for (let i3 = 0; i3 < 3; i3++) {
+        for (let j3 = 0; j3 < 3; j3++) {
+          const px2 = baseX + overlapX * (i3 + 0.5) / 3;
+          const py = baseY + overlapY * (j3 + 0.5) / 3;
+          const cx = Math.max(
+            0,
+            Math.min(
+              cropCanvas.width - 1,
+              Math.round((px2 - cropRect.x) * pixelRatio)
+            )
+          );
+          const cy = Math.max(
+            0,
+            Math.min(
+              cropCanvas.height - 1,
+              Math.round((py - cropRect.y) * pixelRatio)
+            )
+          );
+          const d3 = cropCtx.getImageData(cx, cy, 1, 1).data;
+          samples.add(`${d3[0]},${d3[1]},${d3[2]},${d3[3]}`);
+        }
+      }
+    } catch {
+      continue;
+    }
+    if (samples.size === 1) {
+      failedImages.add(img);
     }
-    return { dataUrl: out.toDataURL("image/png"), failedImages };
-  } finally {
-    restoreImages();
   }
 }
 function looksBlankUniform(ctx, w3, h3) {

package/dist/{chunk-QL6QPM2A.js → chunk-DBHURN5L.js}

@@ -15,7 +15,7 @@ import {
   setCaptureSettings,
   stopDisplayMedia,
   y
-} from "./chunk-2QO63Y4R.js";
+} from "./chunk-AMC2RGMK.js";
 
 // src/client.ts
 var CompanionClient = class {

package/dist/index.js

@@ -1,10 +1,10 @@
 import {
   mountCaptureOnly
-} from "./chunk-Z7GTGO4C.js";
+} from "./chunk-3ZUAZAJB.js";
 import {
   mountInSitue
-} from "./chunk-QL6QPM2A.js";
-import "./chunk-2QO63Y4R.js";
+} from "./chunk-DBHURN5L.js";
+import "./chunk-AMC2RGMK.js";
 
 // src/InSitue.tsx
 import { useEffect } from "react";
@@ -46,7 +46,7 @@ function InSitueCapture({
 }
 
 // src/index.ts
-var SDK_VERSION = "0.1.5";
+var SDK_VERSION = "0.1.7";
 export {
   InSitue,
   InSitueCapture,

package/dist/overlay.js

@@ -1,7 +1,7 @@
 import {
   mountInSitue
-} from "./chunk-QL6QPM2A.js";
-import "./chunk-2QO63Y4R.js";
+} from "./chunk-DBHURN5L.js";
+import "./chunk-AMC2RGMK.js";
 export {
   mountInSitue
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insitue/sdk",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "InSitue capture SDK — drop one snippet into your deployed app; your users point at a bug, InSitue opens a verified pull request.",
   "license": "MIT",
   "type": "module",