hyperframes 0.4.41 → 0.4.43

package/dist/skills/hyperframes/scripts/contrast-report.mjs

@@ -156,7 +156,9 @@ async function annotateFrame(pngBuf, elements) {
 
   const measured = [];
   for (const el of elements) {
+    if (isBBoxOutsideFrame(el.bbox, width, height)) continue;
     const bg = sampleRingMedian(raw, width, height, channels, el.bbox);
+    if (!bg) continue;
     const fg = compositeOver(el.fg, bg); // flatten any alpha against measured bg
     const ratio = wcagRatio(fg, bg);
     const large = isLargeText(el.fontSize, el.fontWeight);
@@ -167,6 +169,8 @@ async function annotateFrame(pngBuf, elements) {
     el.wcagAAA = large ? ratio >= 4.5 : ratio >= 7;
     measured.push(el);
   }
+  elements.length = 0;
+  elements.push(...measured);
 
   // Draw boxes + ratio labels as an SVG overlay (sharp composite).
   const svg = buildOverlaySVG(measured, width, height);
@@ -186,6 +190,7 @@ function sampleRingMedian(raw, width, height, channels, bbox) {
   const y0 = Math.max(0, Math.floor(bbox.y) - 4);
   const y1 = Math.min(height - 1, Math.ceil(bbox.y + bbox.h) + 4);
   const pushPixel = (x, y) => {
+    if (x < 0 || x >= width || y < 0 || y >= height) return;
     const i = (y * width + x) * channels;
     r.push(raw[i]);
     g.push(raw[i + 1]);
@@ -199,9 +204,14 @@ function sampleRingMedian(raw, width, height, channels, bbox) {
     pushPixel(x0, y);
     pushPixel(x1, y);
   }
+  if (r.length === 0) return null;
   return [median(r), median(g), median(b), 1];
 }
 
+function isBBoxOutsideFrame(bbox, width, height) {
+  return bbox.x + bbox.w <= 0 || bbox.y + bbox.h <= 0 || bbox.x >= width || bbox.y >= height;
+}
+
 function median(arr) {
   const s = [...arr].sort((a, b) => a - b);
   return s[Math.floor(s.length / 2)];