@tempo-ai/visual-review 0.0.126-staging.2 → 0.0.127-staging.1

package/dist/bin.js

@@ -7,7 +7,7 @@ async function main(argv = process.argv.slice(2)) {
   const [command, ...commandArgs] = argv;
   switch (command) {
     case "capture":
-      return await (await import("./cli-ZHNSPGSE.js")).main(commandArgs);
+      return await (await import("./cli-TDKLDTXX.js")).main(commandArgs);
     case "claim":
       return await (await import("./claim-C5UVLSMX.js")).main(commandArgs);
     case "report":

package/dist/{chunk-5WAJ4KGX.js → chunk-TJHA5ZXN.js}

@@ -16018,6 +16018,7 @@ var DOCUMENT_VISUAL_READINESS_SOURCE = String.raw`
     var remaining = Math.max(0, Math.min(options.timeoutMs, options.resourceBudget ? options.resourceBudget.remainingMs : options.timeoutMs));
     var timerAt;
     var queued = 0;
+    var admittedSlice;
     var checksPending = false;
     var checksDirty = false;
     var revision = 0;
@@ -16028,6 +16029,8 @@ var DOCUMENT_VISUAL_READINESS_SOURCE = String.raw`
         failures.push(url ? { kind: kind, url: url } : { kind: kind });
     }
     function finish(status) {
+      if (stopped) return;
+      if (status === 'ready' && options.onReadyProof) options.onReadyProof();
       if (stopped) return;
       stopped = true;
       if (options.resourceBudget) options.resourceBudget.remainingMs = queued ? remaining :
@@ -16058,7 +16061,10 @@ var DOCUMENT_VISUAL_READINESS_SOURCE = String.raw`
         remaining = Math.max(0, remaining - (Date.now() - timerAt));
       }
       try {
+        if (admittedSlice && admittedSlice.canContinue && admittedSlice.canContinue())
+          return callback(admittedSlice);
         return await Promise.race([terminal, options.scheduleWork(function(slice) {
+          admittedSlice = slice;
           if (!stopped) return callback(slice);
         }, options.signal)]);
       } finally {
@@ -16130,9 +16136,27 @@ var DOCUMENT_VISUAL_READINESS_SOURCE = String.raw`
       return Array.from(doc.querySelectorAll('img')).filter(visibleImage);
     }
     async function scheduledImages() {
-      var candidates = await work(function() { return Array.from(doc.querySelectorAll('img')); });
-      if (stopped) return [];
-      return mapWork(candidates, function(img) { if (visibleImage(img)) return img; });
+      var candidates, selected = [], offset = 0;
+      do {
+        await work(function(slice) {
+          if (!candidates) candidates = Array.from(doc.querySelectorAll('img'));
+          var limit = Math.min(offset + 32, candidates.length);
+          while (offset < limit) {
+            var img = candidates[offset++];
+            if (visibleImage(img)) selected.push(img);
+            if (slice && !slice.hasTime()) break;
+          }
+        });
+      } while (!stopped && candidates && offset < candidates.length);
+      return selected;
+    }
+    function decodeImage(img) {
+      if (!img.isConnected || !visibleImage(img)) return {};
+      if (!img.naturalWidth) { failure('image', img.currentSrc || img.src); return {}; }
+      // A holder keeps a resource decode promise outside CPU admission.
+      return { decode: img.decode && img.decode().catch(function() {
+        failure('image', img.currentSrc || img.src);
+      }) };
     }
     function waitElement(element, ready, kind, url) {
       if (ready()) return Promise.resolve();
@@ -16175,23 +16199,30 @@ var DOCUMENT_VISUAL_READINESS_SOURCE = String.raw`
       };
     }
     async function scheduledInventory() {
-      var atRevision = revision;
-      var selectedLinks = await work(links);
-      if (stopped) return { links: [], images: [], styles: [] };
-      var selectedImages = await scheduledImages();
-      return {
-        revision: atRevision,
-        links: selectedLinks.map(function(link) {
-          // Resource evidence can change during a font/image await without
-          // changing this node's URL or media. Revalidate the same readiness
-          // facts, not CSSStyleSheet object identities or a content hash.
-          return [link, link.href, link.media, !!link.sheet,
-            link.getAttribute('data-tempo-stylesheet-pending') === link.href,
-            link.getAttribute('data-tempo-stylesheet-error') === link.href];
-        }),
-        images: selectedImages.map(function(img) { return [img, img.currentSrc, img.src, img.srcset]; }),
-        styles: await work(function() { return Array.from(doc.querySelectorAll('style')).map(function(style) { return [style, style.textContent]; }); })
-      };
+      var candidates, offset = 0;
+      var result = { revision: revision, links: [], images: [], styles: [] };
+      // Small inventories finish in one admission. Large ones retain the
+      // same 32-node/time bound, without paying a task per resource category.
+      do {
+        await work(function(slice) {
+          if (!candidates) candidates = Array.from(doc.querySelectorAll('link[rel~="stylesheet"],img,style'));
+          var limit = Math.min(offset + 32, candidates.length);
+          while (offset < limit) {
+            var node = candidates[offset++];
+            if (node.localName === 'link' && applicable(node)) {
+              result.links.push([node, node.href, node.media, !!node.sheet,
+                node.getAttribute('data-tempo-stylesheet-pending') === node.href,
+                node.getAttribute('data-tempo-stylesheet-error') === node.href]);
+            } else if (node.localName === 'img' && visibleImage(node)) {
+              result.images.push([node, node.currentSrc, node.src, node.srcset]);
+            } else if (node.localName === 'style') {
+              result.styles.push([node, node.textContent]);
+            }
+            if (slice && !slice.hasTime()) break;
+          }
+        });
+      } while (!stopped && candidates && offset < candidates.length);
+      return result;
     }
     function same(a, b) {
       return ['links', 'images', 'styles'].every(function(key) {
@@ -16233,27 +16264,30 @@ var DOCUMENT_VISUAL_READINESS_SOURCE = String.raw`
         var selected = options.scheduleWork ? await scheduledImages() : images();
         if (stopped) return;
         if (options.scheduleWork) {
+          var pendingImages = [], pendingLoads = [];
           var imageWaits = await mapWork(selected, function(img) {
-            return (async function() {
-              if (img.loading === 'lazy') img.loading = 'eager';
-              await Promise.race([terminal, waitElement(img, function() {
-                return !img.isConnected || !visibleImage(img) || img.complete;
-              }, 'image', img.currentSrc || img.src)]);
-              if (stopped) return;
-              var proof = await work(function() {
-                if (!img.isConnected || !visibleImage(img)) return {};
-                if (!img.naturalWidth) { failure('image', img.currentSrc || img.src); return {}; }
-                // Return a holder, so the resource decode promise itself does
-                // not pause its timeout as if it were queued CPU work.
-                return { decode: img.decode && img.decode().catch(function() {
-                  failure('image', img.currentSrc || img.src);
-                }) };
-              });
-              if (stopped) return;
-              await Promise.race([terminal, Promise.resolve(proof.decode)]);
-            })().catch(function() { finish('cancelled'); });
+            if (img.loading === 'lazy') img.loading = 'eager';
+            // Warm images need no load-event continuation. Prepare their
+            // decodes in this bounded batch rather than one new task per image.
+            if (img.complete) {
+              var proof = decodeImage(img);
+              return Promise.race([terminal, Promise.resolve(proof.decode)]);
+            }
+            pendingImages.push(img);
+            pendingLoads.push(Promise.race([terminal, waitElement(img, function() {
+              return !img.isConnected || !visibleImage(img) || img.complete;
+            }, 'image', img.currentSrc || img.src)]));
+          });
+          await Promise.race([terminal, Promise.all(pendingLoads)]);
+          if (stopped) return;
+          // Load events often arrive together from the browser cache. Decode
+          // their now-ready images in bounded batches, rather than granting
+          // each event its own renderer task. Warm decodes above stay in flight.
+          var loadedDecodes = await mapWork(pendingImages, function(img) {
+            var proof = decodeImage(img);
+            return Promise.race([terminal, Promise.resolve(proof.decode)]);
           });
-          await Promise.race([terminal, Promise.all(imageWaits)]);
+          await Promise.race([terminal, Promise.all(imageWaits.concat(loadedDecodes))]);
         } else {
         await Promise.race([terminal, Promise.all(selected.map(async function(img) {
           if (img.loading === 'lazy') img.loading = 'eager';
@@ -16276,7 +16310,7 @@ var DOCUMENT_VISUAL_READINESS_SOURCE = String.raw`
         // A scheduled inventory can span multiple tasks. A mutation during
         // its geometry reads cannot certify a mixed document observation.
         if (options.scheduleWork && observer.takeRecords().length) revision++;
-        if ((!options.scheduleWork || (before.revision === after.revision && after.revision === revision)) &&
+        if ((!options.scheduleWork || options.requireStableDom === false || (before.revision === after.revision && after.revision === revision)) &&
           same(before, after) && (!doc.fonts || fontRejected ||
           (doc.fonts.status !== 'loading' && doc.fonts.ready === fontPromise))) {
           finish('ready'); return;
@@ -17733,7 +17767,7 @@ var MissingRootDepsError = class extends TempoDevServerError {
 // ../tempo-sdk/package.json
 var package_default = {
   name: "tempo-sdk",
-  version: "0.0.60",
+  version: "0.0.61",
   publishConfig: {
     tag: "sdk-v2-latest"
   },
@@ -17862,6 +17896,8 @@ var package_default = {
     "@vitejs/plugin-react": "catalog:",
     playwright: "^1.58.2",
     "react-dom": "catalog:",
+    "react-dom18": "npm:react-dom@18.3.1",
+    react18: "npm:react@18.3.1",
     svelte: "5.56.9",
     tsup: "^8.5.1",
     typescript: "catalog:",
@@ -30290,4 +30326,4 @@ export {
   buildBaselineCaptureArgs,
   main
 };
-//# sourceMappingURL=chunk-5WAJ4KGX.js.map
+//# sourceMappingURL=chunk-TJHA5ZXN.js.map