castle-web-sdk 0.4.13 → 0.4.15

package/dist/runtime.js

@@ -28,6 +28,21 @@ export function setup() {
     initHostCapture();
     initPlaySelection();
     initPlayCard();
+    logPanelLoad();
+}
+// Every panel boot leaves a line, so a reload from ANY cause shows up -- a load
+// with no preceding reason line is one we do not yet explain.
+function panelTag() {
+    try {
+        const q = new URLSearchParams(location.search);
+        return q.get("panel") || q.get("file") || "deck";
+    }
+    catch {
+        return "deck";
+    }
+}
+function logPanelLoad() {
+    setTimeout(() => console.log(`[reload] ${panelTag()} LOADED`), 0);
 }
 export function writeFile(path, contents) {
     return sendLocalRequest({
@@ -120,6 +135,26 @@ function initPlayCard() {
     }
   `;
     document.head.appendChild(style);
+    // Mark whatever this turns into a card, the way `initCard` marks the one it
+    // creates. Anything looking for "the card" -- a capture cropping to it, in
+    // page or headless -- otherwise finds nothing here and has to guess at the
+    // viewport, which is not the same rectangle: standalone chrome insets the
+    // card, so a viewport shot carries a border the card does not have.
+    //
+    // Runs on a timer as well as now because `setup()` is called before a deck
+    // renders, so #root is usually still empty at this point; a deck that mounts
+    // later still gets its card marked.
+    function markCard() {
+        const el = document.querySelector("#root > *");
+        if (el)
+            el.dataset.castleCard = "";
+    }
+    markCard();
+    requestAnimationFrame(markCard);
+    new MutationObserver(markCard).observe(document.documentElement, {
+        childList: true,
+        subtree: true,
+    });
     function resize() {
         const { w, h } = computeCardSize();
         document.documentElement.style.setProperty("--castle-card-w", w + "px");
@@ -481,7 +516,7 @@ function handleLocalMessage(msg) {
         });
     }
     else if (msg.type === "restart") {
-        scheduleReload(RESTART_DEBOUNCE_MS);
+        scheduleReload(RESTART_DEBOUNCE_MS, "restart message");
     }
     else if (msg.type === "files_changed") {
         dispatchFilesChanged(msg);
@@ -590,9 +625,10 @@ function stashReloadState() {
 // Reload this page after honoring the save hooks. Consumers call this when a
 // files-changed event tells them code they run on has changed.
 export function requestReload() {
-    scheduleReload(REQUEST_RELOAD_DEBOUNCE_MS);
+    scheduleReload(REQUEST_RELOAD_DEBOUNCE_MS, "requestReload");
 }
-function scheduleReload(delayMs) {
+function scheduleReload(delayMs, reason = "unknown") {
+    console.log(`[reload] ${panelTag()} scheduling reload (${reason})`);
     if (restartTimer !== null)
         clearTimeout(restartTimer);
     restartTimer = setTimeout(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "castle-web-sdk",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "type": "module",
   "main": "dist/castle.js",
   "types": "dist/castle.d.ts",