@insitue/sdk 0.4.2 → 0.4.4

package/dist/capture-only.js

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

package/dist/{chunk-FP74MO33.js → chunk-GT7TT3G7.js}

@@ -535,7 +535,7 @@ function toLoc(workspaceCwdRelative) {
 function fromAttribute(el) {
   let cur = el;
   for (let i3 = 0; cur && i3 < 8; i3++, cur = cur.parentElement) {
-    const raw = cur.getAttribute("data-insitue-source") ?? cur.getAttribute("data-insitu-source");
+    const raw = cur.getAttribute("data-insitue-source");
     if (raw) {
       const m3 = /^(.*):(\d+):(\d+)$/.exec(raw);
       if (m3) return { file: m3[1], line: Number(m3[2]), column: Number(m3[3]) };
@@ -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.2"}` },
-          `InSitue \xB7 v${"0.4.2"}`
+          { title: `@insitue/sdk@${"0.4.4"}` },
+          `InSitue \xB7 v${"0.4.4"}`
         )
       ]
     )

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
   mountCaptureOnly
-} from "./chunk-FP74MO33.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.2";
+var SDK_VERSION = "0.4.4";
 export {
   InSitue,
   InSitueCapture,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insitue/sdk",
-  "version": "0.4.2",
+  "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",
@@ -51,7 +51,7 @@
     "tsup": "^8.3.5",
     "typescript": "^5.6.3",
     "vitest": "^3.2.4",
-    "@insitue/capture-core": "0.3.1"
+    "@insitue/capture-core": "0.3.2"
   },
   "repository": {
     "type": "git",