castle-web-sdk 0.4.0 → 0.4.1

package/AGENTS.md

@@ -6,7 +6,7 @@ Import from `castle-web-sdk` (or `./castle.js` directly).
 
 ### `setup()`
 
-Connects to the CLI dev server for console log forwarding, screenshot capture, and live reload. Call once at startup.
+Connects to the CLI dev server for console log forwarding, screenshot capture, and live reload (`restart` command triggers page reload). Call once at startup.
 
 ```js
 import { setup } from 'castle-web-sdk';

package/castle.js

@@ -75,11 +75,25 @@ function _interceptConsole() {
 // --- Screenshot ---
 
 async function _captureScreenshot() {
+  const card = document.getElementById('castle-card');
   const canvas = document.querySelector('canvas');
+  if (card && canvas) {
+    // Capture just the card area
+    const cardRect = card.getBoundingClientRect();
+    const c = document.createElement('canvas');
+    c.width = cardRect.width * devicePixelRatio;
+    c.height = cardRect.height * devicePixelRatio;
+    const ctx = c.getContext('2d');
+    const canvasRect = canvas.getBoundingClientRect();
+    const dx = (canvasRect.left - cardRect.left) * devicePixelRatio;
+    const dy = (canvasRect.top - cardRect.top) * devicePixelRatio;
+    ctx.drawImage(canvas, dx, dy, canvasRect.width * devicePixelRatio, canvasRect.height * devicePixelRatio);
+    return c.toDataURL('image/png');
+  }
   if (canvas) return canvas.toDataURL('image/png');
   try {
     const { default: html2canvas } = await import('https://esm.sh/html2canvas');
-    const c = await html2canvas(document.body);
+    const c = await html2canvas(card || document.body);
     return c.toDataURL('image/png');
   } catch { return null; }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "castle-web-sdk",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "type": "module",
   "main": "castle.js",
   "exports": {