@hyperframes/inspector 0.8.211 → 0.8.213

package/dist/live.js

@@ -1157,6 +1157,17 @@ function timelinePage(request) {
 function liveGenerationPage() {
   return window.__hfLiveInspection?.generation ?? null;
 }
+async function holdEveryScenePage(holder) {
+  const hold = window.__hfHoldScenes;
+  if (!hold) return [];
+  const sceneOf = (el) => el.getAttribute("data-hf-scene") ?? "";
+  const names = new Set(Array.from(document.querySelectorAll("[data-hf-scene]"), sceneOf));
+  await hold([...names], holder);
+  return Array.from(document.querySelectorAll("[data-hf-parked-scene]"), sceneOf);
+}
+async function releaseEveryScenePage(holder) {
+  await window.__hfHoldScenes?.([], holder);
+}
 
 // src/timelineReport.ts
 var GROUPS_PER_PAGE = 60;
@@ -1508,6 +1519,18 @@ ${runtime()}`.replace(/<\/script/gi, "<\\/script");
       throw new Error("stale_preview: the preview reloaded; query again");
     await view.assertCurrent();
   }
+  async function withEveryScene(runner, query) {
+    const holder = `inspection:${randomUUID()}`;
+    try {
+      const parked = await runner.run(holdEveryScenePage, holder);
+      if (parked.length)
+        throw new Error(`scenes_not_mounted: the preview could not mount ${parked.join(", ")}`);
+      return await query();
+    } finally {
+      await runner.run(releaseEveryScenePage, holder).catch(() => {
+      });
+    }
+  }
   return {
     html: prepared,
     generation,
@@ -1520,21 +1543,24 @@ ${runtime()}`.replace(/<\/script/gi, "<\\/script");
       if (request.time != null) throw new Error("live_query_does_not_seek");
       assertGeneration(request.generation, generation);
       await current(runner);
-      return inspectComponents(runner, view, request, {
-        catalog,
-        reused: true,
-        start: performance.now()
-      });
+      return withEveryScene(
+        runner,
+        () => inspectComponents(runner, view, request, {
+          catalog,
+          reused: true,
+          start: performance.now()
+        })
+      );
     },
     async timeline(runner, request) {
       validateTimelineRequest(request);
       assertGeneration(request.generation, generation);
       await current(runner);
-      return inspectTimeline(runner, view, request, true);
+      return withEveryScene(runner, () => inspectTimeline(runner, view, request, true));
     },
     async elementMap(runner) {
       await current(runner);
-      return inspectElementMap(runner, view);
+      return withEveryScene(runner, () => inspectElementMap(runner, view));
     }
   };
 }