@agent-scope/cli 1.0.1 → 1.0.2

package/dist/index.js

@@ -643,13 +643,19 @@ function buildRenderer(filePath, componentName, viewportWidth, viewportHeight) {
             `Component "${componentName}" rendered with zero bounding box \u2014 it may be invisible or not mounted`
           );
         }
+        const PAD = 24;
+        const MIN_W = 320;
+        const MIN_H = 200;
+        const clipX = Math.max(0, boundingBox.x - PAD);
+        const clipY = Math.max(0, boundingBox.y - PAD);
+        const rawW = boundingBox.width + PAD * 2;
+        const rawH = boundingBox.height + PAD * 2;
+        const clipW = Math.max(rawW, MIN_W);
+        const clipH = Math.max(rawH, MIN_H);
+        const safeW = Math.min(clipW, viewportWidth - clipX);
+        const safeH = Math.min(clipH, viewportHeight - clipY);
         const screenshot = await page.screenshot({
-          clip: {
-            x: boundingBox.x,
-            y: boundingBox.y,
-            width: boundingBox.width,
-            height: boundingBox.height
-          },
+          clip: { x: clipX, y: clipY, width: safeW, height: safeH },
           type: "png"
         });
         const computedStyles = {};
@@ -676,8 +682,8 @@ function buildRenderer(filePath, componentName, viewportWidth, viewportHeight) {
         computedStyles["[data-reactscope-root] > *"] = styles;
         return {
           screenshot,
-          width: Math.round(boundingBox.width),
-          height: Math.round(boundingBox.height),
+          width: Math.round(safeW),
+          height: Math.round(safeH),
           renderTimeMs,
           computedStyles
         };