@insitue/sdk 0.4.3 → 0.4.4

package/dist/capture-only.js

@@ -1,6 +1,6 @@
 import {
   mountCaptureOnly
-} from "./chunk-3XYBNSL6.js";
+} from "./chunk-GT7TT3G7.js";
 export {
   mountCaptureOnly
 };

package/dist/{chunk-3XYBNSL6.js → chunk-GT7TT3G7.js}

@@ -2106,14 +2106,30 @@ async function buildBundle(sel) {
   let screenshot;
   let screenshotUnavailable;
   if (el instanceof HTMLElement || el instanceof SVGElement) {
+    const pickedRect = el.getBoundingClientRect();
     const context = findContextAncestor(el);
-    const cr = context.getBoundingClientRect();
-    const cropRect = new DOMRect(
-      Math.max(0, cr.x),
-      Math.max(0, cr.y),
-      Math.min(window.innerWidth, cr.right) - Math.max(0, cr.x),
-      Math.min(window.innerHeight, cr.bottom) - Math.max(0, cr.y)
+    const ar = context.getBoundingClientRect();
+    const MIN_W = 420;
+    const MIN_H = 140;
+    const cropW = Math.min(
+      window.innerWidth,
+      Math.max(MIN_W, ar.width, pickedRect.width)
     );
+    const cropH = Math.min(
+      window.innerHeight,
+      Math.max(MIN_H, ar.height, pickedRect.height)
+    );
+    const pickedCx = pickedRect.x + pickedRect.width / 2;
+    const pickedCy = pickedRect.y + pickedRect.height / 2;
+    const cropX = Math.max(
+      0,
+      Math.min(window.innerWidth - cropW, pickedCx - cropW / 2)
+    );
+    const cropY = Math.max(
+      0,
+      Math.min(window.innerHeight - cropH, pickedCy - cropH / 2)
+    );
+    const cropRect = new DOMRect(cropX, cropY, cropW, cropH);
     const orig = {
       outline: el.style.outline,
       outlineOffset: el.style.outlineOffset
@@ -2920,8 +2936,8 @@ function CaptureApp(props) {
         k("span", {}, isDev ? "InSitue Dev \xB7 pick + describe \u2192 CLI" : ""),
         k(
           "span",
-          { title: `@insitue/sdk@${"0.4.3"}` },
-          `InSitue \xB7 v${"0.4.3"}`
+          { title: `@insitue/sdk@${"0.4.4"}` },
+          `InSitue \xB7 v${"0.4.4"}`
         )
       ]
     )

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   mountCaptureOnly
-} from "./chunk-3XYBNSL6.js";
+} from "./chunk-GT7TT3G7.js";
 
 // src/InSitue.tsx
 import { useEffect } from "react";
@@ -54,7 +54,7 @@ function InSitue({ port }) {
 }
 
 // src/index.ts
-var SDK_VERSION = "0.4.3";
+var SDK_VERSION = "0.4.4";
 export {
   InSitue,
   InSitueCapture,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insitue/sdk",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "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",