@unotest/grounder-client 0.10.0

package/dist/dom-walker/index.js

@@ -0,0 +1,717 @@
+// src/dom-walker/injected-helpers.ts
+function createDomHelpers(opts) {
+  const MAX_NAME = opts && opts.maxName || 80;
+  const FONT_WEIGHT_DESCENDANTS = 4;
+  const ariaHiddenAncestors = !opts || opts.ariaHidden !== "self";
+  function parentOrHost(node) {
+    const parent = node.parentNode;
+    if (!parent) return null;
+    if (parent instanceof ShadowRoot) return parent.host;
+    return parent instanceof Element ? parent : null;
+  }
+  function rootForScope(el) {
+    const root = el.getRootNode();
+    return root instanceof ShadowRoot ? root : document;
+  }
+  function getElementByIdInScope(el, id) {
+    return rootForScope(el).getElementById(id);
+  }
+  function* deepWalk(root) {
+    const children = root.children;
+    for (let i = 0; i < children.length; i++) {
+      const el = children[i];
+      yield el;
+      const sr = el.shadowRoot;
+      if (sr) yield* deepWalk(sr);
+      yield* deepWalk(el);
+    }
+  }
+  function isVisible(el) {
+    if (!el.getClientRects || el.getClientRects().length === 0) return false;
+    const cs = window.getComputedStyle(el);
+    if (cs.display === "none" || cs.visibility === "hidden") return false;
+    if (Number.parseFloat(cs.opacity || "1") < 0.01) return false;
+    if (ariaHiddenAncestors) {
+      for (let p = el; p; p = parentOrHost(p)) {
+        if (p.getAttribute && p.getAttribute("aria-hidden") === "true") return false;
+      }
+    } else if (el.getAttribute("aria-hidden") === "true") {
+      return false;
+    }
+    const r = el.getBoundingClientRect();
+    if (r.width === 0 && r.height === 0) return false;
+    return true;
+  }
+  function trim(s) {
+    return (s ?? "").replace(/\s+/g, " ").trim();
+  }
+  function cap(s) {
+    return s.length > MAX_NAME ? s.slice(0, MAX_NAME - 1) + "\u2026" : s;
+  }
+  function cssEscape(s) {
+    return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+  }
+  function textContentVisible(el) {
+    const ht = el;
+    if (typeof ht.innerText === "string") return ht.innerText;
+    return el.textContent ?? "";
+  }
+  const INTERACTIVE_ROLES = /* @__PURE__ */ new Set([
+    "button",
+    "link",
+    "checkbox",
+    "radio",
+    "menuitem",
+    "menuitemcheckbox",
+    "menuitemradio",
+    "tab",
+    "option",
+    "switch",
+    "combobox",
+    "listbox",
+    "slider",
+    "spinbutton",
+    "searchbox",
+    "textbox"
+  ]);
+  function formFieldRole(el, tag) {
+    if (tag === "textarea") return "textbox";
+    if (tag === "select") {
+      const s = el;
+      return s.multiple || s.size > 1 ? "listbox" : "combobox";
+    }
+    if (tag === "input") {
+      const t = (el.type || "text").toLowerCase();
+      if (t === "button" || t === "submit" || t === "reset" || t === "image") return "button";
+      if (t === "checkbox") return "checkbox";
+      if (t === "radio") return "radio";
+      if (t === "range") return "slider";
+      if (t === "number") return "spinbutton";
+      if (t === "search") return "searchbox";
+      if (t === "hidden") return null;
+      return "textbox";
+    }
+    return null;
+  }
+  function implicitRole(el) {
+    const tag = el.tagName.toLowerCase();
+    if (tag === "a") return el.hasAttribute("href") ? "link" : null;
+    if (tag === "button") return "button";
+    if (tag === "summary") return "button";
+    if (tag === "textarea" || tag === "select" || tag === "input") return formFieldRole(el, tag);
+    if (tag === "h1" || tag === "h2" || tag === "h3" || tag === "h4" || tag === "h5" || tag === "h6") return "heading";
+    if (tag === "nav") return "navigation";
+    if (tag === "header") return "banner";
+    if (tag === "main") return "main";
+    if (tag === "aside") return "complementary";
+    if (tag === "footer") return "contentinfo";
+    if (tag === "form") return "form";
+    if (tag === "article") return "article";
+    if (tag === "dialog") return "dialog";
+    if (tag === "section") {
+      return el.hasAttribute("aria-label") || el.hasAttribute("aria-labelledby") ? "region" : null;
+    }
+    if (tag === "ul" || tag === "ol" || tag === "menu") return "list";
+    if (tag === "li") return "listitem";
+    if (tag === "table") return "table";
+    if (tag === "tbody" || tag === "thead" || tag === "tfoot") return "rowgroup";
+    if (tag === "tr") return "row";
+    if (tag === "td") return "cell";
+    if (tag === "th") {
+      const scope = (el.getAttribute("scope") || "").toLowerCase();
+      return scope === "row" ? "rowheader" : "columnheader";
+    }
+    if (tag === "p") return "paragraph";
+    if (tag === "figure") return "figure";
+    if (tag === "figcaption") return "caption";
+    if (tag === "img") {
+      const alt = el.getAttribute("alt");
+      if (alt === "") return null;
+      return "img";
+    }
+    if (tag === "dl") return "list";
+    if (tag === "dt") return "term";
+    if (tag === "dd") return "definition";
+    if (tag === "code" || tag === "pre") return "code";
+    if (tag === "blockquote") return "blockquote";
+    if (tag === "hr") return "separator";
+    if (tag === "details" || tag === "fieldset") return "group";
+    if (tag === "iframe") return "iframe";
+    return null;
+  }
+  function computeRole(el) {
+    const explicit = el.getAttribute("role");
+    if (explicit) return explicit.split(/\s+/)[0].toLowerCase();
+    return implicitRole(el);
+  }
+  function nameFromLabelledby(el, seen, resolve) {
+    const labelledby = el.getAttribute("aria-labelledby");
+    if (!labelledby) return "";
+    const parts = [];
+    for (const id of labelledby.split(/\s+/)) {
+      if (!id) continue;
+      const ref = getElementByIdInScope(el, id);
+      if (ref && !seen.has(ref)) {
+        const n = resolve(ref, seen);
+        if (n) parts.push(n);
+      }
+    }
+    const joined = trim(parts.join(" "));
+    return joined ? cap(joined) : "";
+  }
+  function svgAccname(svg, seen, resolve) {
+    const fromLabelledby = nameFromLabelledby(svg, seen, resolve);
+    if (fromLabelledby) return fromLabelledby;
+    const ariaLabel = trim(svg.getAttribute("aria-label"));
+    if (ariaLabel) return cap(ariaLabel);
+    for (const child of Array.from(svg.children)) {
+      if (child.tagName.toLowerCase() === "title") {
+        const t = trim(child.textContent);
+        if (t) return cap(t);
+        break;
+      }
+    }
+    return "";
+  }
+  function formControlName(el) {
+    const tag = el.tagName.toLowerCase();
+    const id = el.id;
+    if (id) {
+      const lbl = rootForScope(el).querySelector(`label[for="${cssEscape(id)}"]`);
+      if (lbl) {
+        const n = trim(textContentVisible(lbl));
+        if (n) return cap(n);
+      }
+    }
+    let p = parentOrHost(el);
+    while (p) {
+      if (p.tagName.toLowerCase() === "label") {
+        const n = trim(textContentVisible(p));
+        if (n) return cap(n);
+        break;
+      }
+      p = parentOrHost(p);
+    }
+    if (tag === "input") {
+      const it = el.type?.toLowerCase();
+      if (it === "button" || it === "submit" || it === "reset") {
+        const v = trim(el.value);
+        if (v) return cap(v);
+      }
+      const ph = trim(el.placeholder);
+      if (ph) return cap(ph);
+    }
+    const t = trim(el.getAttribute("title"));
+    if (t) return cap(t);
+    return "";
+  }
+  function composedAccname(el, seen) {
+    const parts = [];
+    for (const child of Array.from(el.childNodes)) {
+      if (child.nodeType === 3) {
+        const t = trim(child.nodeValue);
+        if (t) parts.push(t);
+        continue;
+      }
+      if (child.nodeType !== 1) continue;
+      const ce = child;
+      if (!isVisible(ce) || seen.has(ce)) continue;
+      seen.add(ce);
+      const tag = ce.tagName.toLowerCase();
+      if (tag === "img") {
+        const alt = trim(ce.getAttribute("alt"));
+        if (alt) parts.push(alt);
+        continue;
+      }
+      if (tag === "svg") {
+        const sn = svgAccname(ce, seen, accname);
+        if (sn) parts.push(sn);
+        continue;
+      }
+      const sub = composedAccname(ce, seen);
+      if (sub) parts.push(sub);
+    }
+    return trim(parts.join(" "));
+  }
+  const NO_CONTENT_NAME_TAGS = /* @__PURE__ */ new Set([
+    "form",
+    "nav",
+    "header",
+    "main",
+    "aside",
+    "footer",
+    "section",
+    "article",
+    "dialog",
+    "ul",
+    "ol",
+    "menu",
+    "li",
+    "table",
+    "thead",
+    "tbody",
+    "tfoot",
+    "tr",
+    "td",
+    "th",
+    "p",
+    "code",
+    "pre",
+    "blockquote",
+    "details",
+    "dl",
+    "dt",
+    "dd"
+  ]);
+  function makeAccname(hostLanguageName) {
+    const accnameFn = (el, visited) => {
+      const seen = visited ?? /* @__PURE__ */ new Set();
+      if (seen.has(el)) return "";
+      seen.add(el);
+      const fromLabelledby = nameFromLabelledby(el, seen, accnameFn);
+      if (fromLabelledby) return fromLabelledby;
+      const ariaLabel = trim(el.getAttribute("aria-label"));
+      if (ariaLabel) return cap(ariaLabel);
+      const tag = el.tagName.toLowerCase();
+      if (tag === "input" || tag === "textarea" || tag === "select") return formControlName(el);
+      return hostLanguageName(el, tag, seen, accnameFn);
+    };
+    return accnameFn;
+  }
+  const accname = makeAccname((el, tag, seen) => {
+    if (tag === "button" || tag === "a" || tag === "summary") {
+      const composed = composedAccname(el, seen);
+      if (composed) return cap(composed);
+      const t = trim(el.getAttribute("title"));
+      if (t) return cap(t);
+      return "";
+    }
+    if (tag === "h1" || tag === "h2" || tag === "h3" || tag === "h4" || tag === "h5" || tag === "h6") {
+      return cap(trim(textContentVisible(el)));
+    }
+    if (tag === "img") return cap(trim(el.getAttribute("alt")));
+    if (tag === "iframe") return cap(trim(el.getAttribute("title")));
+    if (tag === "figure") {
+      for (const child of Array.from(el.children)) {
+        if (child.tagName.toLowerCase() === "figcaption") {
+          const t = trim(textContentVisible(child));
+          if (t) return cap(t);
+          break;
+        }
+      }
+      return "";
+    }
+    if (tag === "fieldset") {
+      for (const child of Array.from(el.children)) {
+        if (child.tagName.toLowerCase() === "legend") {
+          const t = trim(textContentVisible(child));
+          if (t) return cap(t);
+          break;
+        }
+      }
+      return "";
+    }
+    if (NO_CONTENT_NAME_TAGS.has(tag)) return "";
+    const inner = trim(textContentVisible(el));
+    if (inner) return cap(inner);
+    return cap(trim(el.getAttribute("title")));
+  });
+  function ariaStateFlags(el) {
+    const flags = {};
+    const tag = el.tagName.toLowerCase();
+    const ariaChecked = el.getAttribute("aria-checked");
+    if (ariaChecked === "true") flags.checked = true;
+    else if (ariaChecked === "mixed") flags.checked = "mixed";
+    else if (tag === "input" && (el.type === "checkbox" || el.type === "radio") && el.checked) {
+      flags.checked = true;
+    }
+    const ariaPressed = el.getAttribute("aria-pressed");
+    if (ariaPressed === "true") flags.pressed = true;
+    else if (ariaPressed === "mixed") flags.pressed = "mixed";
+    if (el.getAttribute("aria-expanded") === "true") flags.expanded = true;
+    if (el.getAttribute("aria-selected") === "true") flags.selected = true;
+    else if (tag === "option" && el.selected) flags.selected = true;
+    if (rootForScope(el).activeElement === el) flags.active = true;
+    return flags;
+  }
+  function headingLevel(el) {
+    const tag = el.tagName.toLowerCase();
+    let level;
+    if (tag === "h1") level = 1;
+    else if (tag === "h2") level = 2;
+    else if (tag === "h3") level = 3;
+    else if (tag === "h4") level = 4;
+    else if (tag === "h5") level = 5;
+    else if (tag === "h6") level = 6;
+    const ariaLevel = el.getAttribute("aria-level");
+    if (ariaLevel) {
+      const n = Number.parseInt(ariaLevel, 10);
+      if (Number.isFinite(n) && n > 0) level = n;
+    }
+    return level;
+  }
+  function collectState(el, role) {
+    const state = {};
+    if (el.getAttribute("aria-disabled") === "true" || el.disabled) {
+      state.disabled = true;
+    }
+    Object.assign(state, ariaStateFlags(el));
+    if (role === "heading") {
+      const level = headingLevel(el);
+      if (level !== void 0) state.level = level;
+    }
+    return Object.keys(state).length > 0 ? state : void 0;
+  }
+  const pageOrigin = (() => {
+    try {
+      return window.location.origin;
+    } catch {
+      return "";
+    }
+  })();
+  function normaliseHref(raw) {
+    if (!raw) return void 0;
+    let href = raw.trim();
+    if (!href) return void 0;
+    if (pageOrigin && href.startsWith(pageOrigin)) href = href.slice(pageOrigin.length) || "/";
+    return href;
+  }
+  function isInteractive(el, role) {
+    if (el.tagName.toLowerCase() === "iframe") return true;
+    if (role && INTERACTIVE_ROLES.has(role)) return true;
+    if (el.hasAttribute("onclick")) return true;
+    const tiRaw = el.getAttribute("tabindex");
+    const ti = tiRaw === null ? null : Number.parseInt(tiRaw, 10);
+    if (ti !== null && ti >= 0) return true;
+    return false;
+  }
+  function idStable(id) {
+    if (!id || id.length > 40) return false;
+    if (id.startsWith(":") || id.startsWith("__")) return false;
+    const digits = id.replace(/\D/g, "").length;
+    return !(id.length > 8 && digits * 2 > id.length);
+  }
+  function stableDataAttr(el) {
+    const skip = /^data-(unotest|v-|react|ng-|svelte|qa|testid|sort|shadow|tooltip|toggle|target|bs-|original-title)/;
+    const idLike = /(^|[-_])(id|guid|uid|key|code|ref|num|no)$/;
+    for (const a of Array.from(el.attributes)) {
+      if (!a.name.startsWith("data-") || skip.test(a.name) || !idLike.test(a.name)) continue;
+      const v = (a.value ?? "").trim();
+      if (!v || v.length > 64) continue;
+      if (/^\d+$/.test(v) || idStable(v)) return { name: a.name, value: v };
+    }
+    return void 0;
+  }
+  function clickAffordance(el) {
+    if (el.hasAttribute("onclick")) return true;
+    const cls = el.getAttribute("class") ?? "";
+    if (/(^|\s)hover:/.test(cls) || /\bcursor-pointer\b/.test(cls) || /\bclickable\b/.test(cls)) return true;
+    try {
+      return window.getComputedStyle(el).cursor === "pointer";
+    } catch {
+      return false;
+    }
+  }
+  function fontWeight(el) {
+    const weightOf = (e) => {
+      const raw = window.getComputedStyle(e).fontWeight;
+      const n = Number.parseInt(raw, 10);
+      if (!Number.isNaN(n)) return n;
+      return raw === "bold" || raw === "bolder" ? 700 : 400;
+    };
+    let max = weightOf(el);
+    const kids = el.querySelectorAll("*");
+    const cap2 = kids.length < FONT_WEIGHT_DESCENDANTS ? kids.length : FONT_WEIGHT_DESCENDANTS;
+    for (let i = 0; i < cap2; i++) {
+      const w = weightOf(kids[i]);
+      if (w > max) max = w;
+    }
+    return max;
+  }
+  function testIdOf(el) {
+    return el.getAttribute("data-testid") ?? el.getAttribute("data-qa") ?? void 0;
+  }
+  const REF_REGEX = /^e\d+$/;
+  const htmlEl = document.documentElement;
+  let refCounter = Number.parseInt(htmlEl.getAttribute("data-unotest-ref-counter") || "0", 10);
+  if (!Number.isFinite(refCounter) || refCounter < 0) refCounter = 0;
+  function ensureRef(el, kind) {
+    const existing = el.getAttribute("data-unotest-ref");
+    if (existing && REF_REGEX.test(existing)) return existing;
+    refCounter += 1;
+    const ref = "e" + refCounter;
+    el.setAttribute("data-unotest-ref", ref);
+    el.setAttribute("data-unotest-ref-kind", kind);
+    return ref;
+  }
+  function persistRefCounter() {
+    htmlEl.setAttribute("data-unotest-ref-counter", String(refCounter));
+  }
+  return {
+    parentOrHost,
+    rootForScope,
+    getElementByIdInScope,
+    deepWalk,
+    isVisible,
+    trim,
+    cap,
+    cssEscape,
+    textContentVisible,
+    interactiveRoles: INTERACTIVE_ROLES,
+    formFieldRole,
+    implicitRole,
+    computeRole,
+    nameFromLabelledby,
+    svgAccname,
+    formControlName,
+    makeAccname,
+    accname,
+    ariaStateFlags,
+    headingLevel,
+    collectState,
+    pageOrigin,
+    normaliseHref,
+    isInteractive,
+    idStable,
+    stableDataAttr,
+    clickAffordance,
+    testIdOf,
+    fontWeight,
+    refRegex: REF_REGEX,
+    ensureRef,
+    persistRefCounter
+  };
+}
+function composeInjectedScript(algorithm, opts = {}) {
+  const helperOpts = JSON.stringify(opts.helperOpts ?? {});
+  const args = ["__h", ...opts.argLiterals ?? []].join(", ");
+  return `(() => { var __name = (fn) => fn; var __h = (${createDomHelpers.toString()})(${helperOpts}); return (${algorithm.toString()})(${args}); })()`;
+}
+
+// src/dom-walker/walker.ts
+function captureRawTree(h) {
+  const TOOLTIP_NAME = /(title|tooltip|hint|label|caption|description)/;
+  function phraseShaped(v, requireSpace) {
+    if (v.length < 3 || v.length > 80) return false;
+    if (!/\p{L}/u.test(v)) return false;
+    if (/https?:\/\/|^[{[]/.test(v)) return false;
+    return !requireSpace || /\s/.test(v);
+  }
+  function tooltipHint(el) {
+    const aria = h.trim(el.getAttribute("aria-description"));
+    if (aria) return h.cap(aria);
+    let phrase = "";
+    for (const a of Array.from(el.attributes)) {
+      const name = a.name.toLowerCase();
+      if (!name.startsWith("data-") || name.startsWith("data-unotest")) continue;
+      const v = h.trim(a.value);
+      if (!v) continue;
+      if (TOOLTIP_NAME.test(name)) {
+        if (phraseShaped(v, false)) return h.cap(v);
+      } else if (!phrase && phraseShaped(v, true)) {
+        phrase = v;
+      }
+    }
+    return h.cap(phrase);
+  }
+  function controlValue(el) {
+    const tag = el.tagName.toLowerCase();
+    if (tag === "input") {
+      const t = (el.type || "text").toLowerCase();
+      if (t === "checkbox" || t === "radio" || t === "button" || t === "submit" || t === "reset" || t === "image" || t === "password" || t === "hidden") {
+        return void 0;
+      }
+      const v = h.trim(el.value);
+      return v || void 0;
+    }
+    if (tag === "textarea") {
+      const v = h.trim(el.value);
+      return v || void 0;
+    }
+    if (tag === "select") {
+      const s = el;
+      const opt = s.selectedOptions && s.selectedOptions.length > 0 ? s.selectedOptions[0] : null;
+      const v = h.trim(opt ? opt.label || opt.value : "");
+      return v || void 0;
+    }
+    return void 0;
+  }
+  const registry = [];
+  let elements = 0;
+  let textNodes = 0;
+  let refs = 0;
+  const NORMAL_FONT_WEIGHT = 400;
+  function buildElement(el) {
+    elements += 1;
+    const tag = el.tagName.toLowerCase();
+    const role = h.computeRole(el);
+    const b = el.getBoundingClientRect();
+    const node = {
+      kind: "element",
+      tag,
+      role,
+      name: role ? h.accname(el) || tooltipHint(el) : "",
+      bounds: { x: Math.round(b.x), y: Math.round(b.y), w: Math.round(b.width), h: Math.round(b.height) },
+      children: []
+    };
+    node.nodeId = registry.length;
+    registry.push(el);
+    if (role) {
+      const state = h.collectState(el, role);
+      if (state) node.state = state;
+      const weight = h.fontWeight(el);
+      if (weight !== NORMAL_FONT_WEIGHT) node.fontWeight = weight;
+    }
+    const value = controlValue(el);
+    if (value !== void 0) node.value = value;
+    const testId = h.testIdOf(el);
+    if (testId) node.testId = testId;
+    const dataId = h.stableDataAttr(el);
+    if (dataId) node.dataId = dataId;
+    if (tag === "a") {
+      const href = h.normaliseHref(el.getAttribute("href"));
+      if (href) node.href = href;
+    }
+    if (h.isInteractive(el, role) || dataId && h.clickAffordance(el)) {
+      node.ref = h.ensureRef(el, "i");
+      refs += 1;
+    }
+    consumeChildren(el, node.children);
+    return node;
+  }
+  function consumeChildren(parent, bucket) {
+    const sr = parent.shadowRoot;
+    if (sr) {
+      for (const c of Array.from(sr.childNodes)) consumeNode(c, bucket);
+    }
+    for (const c of Array.from(parent.childNodes)) consumeNode(c, bucket);
+  }
+  function consumeNode(n, bucket) {
+    if (n.nodeType === 3) {
+      const t = h.trim(n.nodeValue);
+      if (t) {
+        bucket.push({ kind: "text", text: t });
+        textNodes += 1;
+      }
+      return;
+    }
+    if (n.nodeType !== 1) return;
+    const el = n;
+    const tag = el.tagName.toLowerCase();
+    if (tag === "script" || tag === "style" || tag === "noscript" || tag === "template") return;
+    if (tag === "svg") return;
+    if (!h.isVisible(el)) return;
+    bucket.push(buildElement(el));
+  }
+  const body = document.body;
+  const tree = body ? buildElement(body) : { kind: "element", tag: "body", role: null, name: "", bounds: { x: 0, y: 0, w: 0, h: 0 }, children: [] };
+  h.persistRefCounter();
+  window["__unotestGrounderNodes"] = registry;
+  return {
+    url: window.location.href,
+    title: document.title || "",
+    viewport: { width: window.innerWidth, height: window.innerHeight },
+    tree,
+    stats: { elements, textNodes, refs }
+  };
+}
+
+// src/dom-walker/index.ts
+var REF_ATTRIBUTE = "data-unotest-ref";
+var REF_COUNTER_ATTRIBUTE = "data-unotest-ref-counter";
+var NODE_REGISTRY_GLOBAL = "__unotestGrounderNodes";
+function domWalkerScript() {
+  return composeInjectedScript(captureRawTree, { helperOpts: { ariaHidden: "self" } });
+}
+function nodeByIdScript(nodeId) {
+  const id = Math.trunc(nodeId);
+  return `(window.${NODE_REGISTRY_GLOBAL} && window.${NODE_REGISTRY_GLOBAL}[${id}] && window.${NODE_REGISTRY_GLOBAL}[${id}].isConnected ? window.${NODE_REGISTRY_GLOBAL}[${id}] : null)`;
+}
+function materializeRefScript(nodeId) {
+  const id = Math.trunc(nodeId);
+  return `(() => {
+  const registry = window.${NODE_REGISTRY_GLOBAL};
+  const el = registry && registry[${id}];
+  if (!el || !el.isConnected) return null;
+  const existing = el.getAttribute(${JSON.stringify(REF_ATTRIBUTE)});
+  if (existing && /^e\\d+$/.test(existing)) return existing;
+  const htmlEl = document.documentElement;
+  let counter = Number.parseInt(htmlEl.getAttribute(${JSON.stringify(REF_COUNTER_ATTRIBUTE)}) || "0", 10);
+  if (!Number.isFinite(counter) || counter < 0) counter = 0;
+  counter += 1;
+  const ref = "e" + counter;
+  el.setAttribute(${JSON.stringify(REF_ATTRIBUTE)}, ref);
+  el.setAttribute("data-unotest-ref-kind", "n");
+  htmlEl.setAttribute(${JSON.stringify(REF_COUNTER_ATTRIBUTE)}, String(counter));
+  return ref;
+})()`;
+}
+var HIGHLIGHT_STATE_GLOBAL = "__unotestGrounderHighlight";
+function highlightByNodeIdScript(nodeIds, color = "#ff2d55") {
+  const ids = JSON.stringify(nodeIds.map((n) => Math.trunc(n)));
+  const c = JSON.stringify(color);
+  return `(() => {
+  const prev = window.${HIGHLIGHT_STATE_GLOBAL};
+  if (prev) {
+    prev.box.remove();
+    window.removeEventListener("scroll", prev.onMove, true);
+    window.removeEventListener("resize", prev.onMove);
+    window.${HIGHLIGHT_STATE_GLOBAL} = null;
+  }
+  const registry = window.${NODE_REGISTRY_GLOBAL};
+  if (!registry) return 0;
+  const els = ${ids}.map((id) => registry[id]).filter((el) => el && el.isConnected);
+  if (els.length === 0) return 0;
+  els[0].scrollIntoView({ block: "center", behavior: "instant" });
+  const box = document.createElement("div");
+  box.style.cssText = "position:fixed;left:0;top:0;width:0;height:0;z-index:2147483647;pointer-events:none;";
+  const divs = els.map(() => {
+    const d = document.createElement("div");
+    d.style.cssText =
+      "position:fixed;box-sizing:border-box;border:3px solid " + ${c} + ";" +
+      "border-radius:3px;box-shadow:0 0 0 2px rgba(255,255,255,.7);";
+    box.appendChild(d);
+    return d;
+  });
+  function onMove() {
+    for (let i = 0; i < els.length; i++) {
+      const r = els[i].getBoundingClientRect();
+      const s = divs[i].style;
+      s.left = (r.left - 3) + "px";
+      s.top = (r.top - 3) + "px";
+      s.width = (r.width + 6) + "px";
+      s.height = (r.height + 6) + "px";
+    }
+  }
+  onMove();
+  document.body.appendChild(box);
+  window.addEventListener("scroll", onMove, true);
+  window.addEventListener("resize", onMove);
+  window.${HIGHLIGHT_STATE_GLOBAL} = { box, onMove };
+  return els.length;
+})()`;
+}
+function clearHighlightScript() {
+  return `(() => {
+  const prev = window.${HIGHLIGHT_STATE_GLOBAL};
+  if (!prev) return;
+  prev.box.remove();
+  window.removeEventListener("scroll", prev.onMove, true);
+  window.removeEventListener("resize", prev.onMove);
+  window.${HIGHLIGHT_STATE_GLOBAL} = null;
+})()`;
+}
+export {
+  NODE_REGISTRY_GLOBAL,
+  REF_ATTRIBUTE,
+  REF_COUNTER_ATTRIBUTE,
+  captureRawTree,
+  clearHighlightScript,
+  composeInjectedScript,
+  createDomHelpers,
+  domWalkerScript,
+  highlightByNodeIdScript,
+  materializeRefScript,
+  nodeByIdScript
+};
+//# sourceMappingURL=index.js.map