teamshare-bridge 0.26.24 → 0.26.25

package/dist/lib/browser/refs.js

@@ -75,122 +75,122 @@ const REF_SELECTOR = [
  * `window.__tsRefs.nodes` for later `isConnected` checks / focus calls.
  */
 function buildRefScanScript() {
-    return `
-    (() => {
-      const MAX = ${exports.MAX_REFS};
-      const SEL = ${JSON.stringify(REF_SELECTOR)};
-      const PORTAL_SEL = '[data-radix-popper-content-wrapper],[data-radix-portal],[data-floating-ui-portal]';
-      const DIALOG_SEL = 'dialog[open],[role="dialog"],[aria-modal="true"]';
-      const vis = (el) => {
-        if (!el || el.nodeType !== 1) return false;
-        const r = el.getBoundingClientRect();
-        if (r.width === 0 || r.height === 0) return false;
-        const cs = getComputedStyle(el);
-        if (cs.visibility === 'hidden' || cs.display === 'none' || cs.opacity === '0') return false;
-        if (cs.pointerEvents === 'none') return false;
-        return true;
-      };
-      const clean = (v, cap) => String(v == null ? '' : v)
-        .replace(/\\s+/g, ' ')
-        .trim()
-        .slice(0, cap || 80);
-      const nameOf = (el) => {
-        const aria = el.getAttribute('aria-label');
-        if (aria) return clean(aria, 80);
-        const by = el.getAttribute('aria-labelledby');
-        if (by) {
-          const t = by.split(/\\s+/).map((id) => {
-            const n = document.getElementById(id);
-            return n ? (n.innerText || n.textContent || '') : '';
-          }).join(' ');
-          if (t.trim()) return clean(t, 80);
-        }
-        const tag = String(el.tagName || '').toLowerCase();
-        if (tag === 'input' || tag === 'textarea' || tag === 'select') {
-          const id = el.id;
-          if (id) {
-            try {
-              const l = document.querySelector('label[for="' + CSS.escape(id) + '"]');
-              if (l) return clean(l.innerText || l.textContent, 80);
-            } catch (e) {}
-          }
-          const wrap = el.closest && el.closest('label');
-          if (wrap) return clean(wrap.innerText || wrap.textContent, 80);
-          const ph = el.getAttribute('placeholder');
-          if (ph) return clean(ph, 80);
-          const nm = el.getAttribute('name');
-          if (nm) return clean(nm, 80);
-          if (el.id) return clean(el.id, 80);
-        }
-        const txt = el.innerText || el.textContent || '';
-        if (txt.trim()) return clean(txt, 80);
-        return clean(
-          el.getAttribute('title') ||
-          el.getAttribute('alt') ||
-          el.getAttribute('value') ||
-          '',
-          80,
-        );
-      };
-      const roleOf = (el) => {
-        const explicit = el.getAttribute('role');
-        if (explicit) return clean(explicit, 24);
-        const tag = String(el.tagName || '').toLowerCase();
-        const type = String(el.type || '').toLowerCase();
-        if (tag === 'a') return 'link';
-        if (tag === 'button' || tag === 'summary') return 'button';
-        if (tag === 'select') return 'combobox';
-        if (tag === 'textarea') return 'textbox';
-        if (tag === 'input') {
-          if (type === 'submit' || type === 'button' || type === 'reset') return 'button';
-          if (type === 'checkbox') return 'checkbox';
-          if (type === 'radio') return 'radio';
-          if (type === 'search') return 'searchbox';
-          return 'textbox';
-        }
-        if (el.isContentEditable === true) return 'textbox';
-        return tag || 'element';
-      };
-      const seen = new Set();
-      const nodes = {};
-      const list = [];
-      const all = [...document.querySelectorAll(SEL)];
-      for (const el of all) {
-        if (list.length >= MAX) break;
-        if (seen.has(el)) continue;
-        seen.add(el);
-        // Skip an element wholly covered by another candidate we already took
-        // only when it IS that element - nested buttons are real (icon spans
-        // are not in the selector, so this is only a dedupe guard).
-        if (!vis(el)) continue;
-        const r = el.getBoundingClientRect();
-        const ref = 'e' + (list.length + 1);
-        const row = {
-          ref,
-          tag: clean(String(el.tagName || '').toLowerCase(), 20) || 'element',
-          role: roleOf(el),
-          name: nameOf(el),
-          disabled:
-            el.disabled === true || el.getAttribute('aria-disabled') === 'true',
-          inDialog: !!(el.closest && el.closest(DIALOG_SEL)),
-          inPortal: !!(el.closest && el.closest(PORTAL_SEL)),
-          x: Math.round(r.x + r.width / 2),
-          y: Math.round(r.y + r.height / 2),
-          width: Math.round(r.width),
-          height: Math.round(r.height),
-        };
-        if (
-          (row.tag === 'input' || row.tag === 'textarea') &&
-          typeof el.value === 'string'
-        ) {
-          row.valueLength = el.value.length;
-        }
-        nodes[ref] = el;
-        list.push(row);
-      }
-      window.__tsRefs = { at: Date.now(), list, nodes };
-      return { at: window.__tsRefs.at, list };
-    })()
+    return `
+    (() => {
+      const MAX = ${exports.MAX_REFS};
+      const SEL = ${JSON.stringify(REF_SELECTOR)};
+      const PORTAL_SEL = '[data-radix-popper-content-wrapper],[data-radix-portal],[data-floating-ui-portal]';
+      const DIALOG_SEL = 'dialog[open],[role="dialog"],[aria-modal="true"]';
+      const vis = (el) => {
+        if (!el || el.nodeType !== 1) return false;
+        const r = el.getBoundingClientRect();
+        if (r.width === 0 || r.height === 0) return false;
+        const cs = getComputedStyle(el);
+        if (cs.visibility === 'hidden' || cs.display === 'none' || cs.opacity === '0') return false;
+        if (cs.pointerEvents === 'none') return false;
+        return true;
+      };
+      const clean = (v, cap) => String(v == null ? '' : v)
+        .replace(/\\s+/g, ' ')
+        .trim()
+        .slice(0, cap || 80);
+      const nameOf = (el) => {
+        const aria = el.getAttribute('aria-label');
+        if (aria) return clean(aria, 80);
+        const by = el.getAttribute('aria-labelledby');
+        if (by) {
+          const t = by.split(/\\s+/).map((id) => {
+            const n = document.getElementById(id);
+            return n ? (n.innerText || n.textContent || '') : '';
+          }).join(' ');
+          if (t.trim()) return clean(t, 80);
+        }
+        const tag = String(el.tagName || '').toLowerCase();
+        if (tag === 'input' || tag === 'textarea' || tag === 'select') {
+          const id = el.id;
+          if (id) {
+            try {
+              const l = document.querySelector('label[for="' + CSS.escape(id) + '"]');
+              if (l) return clean(l.innerText || l.textContent, 80);
+            } catch (e) {}
+          }
+          const wrap = el.closest && el.closest('label');
+          if (wrap) return clean(wrap.innerText || wrap.textContent, 80);
+          const ph = el.getAttribute('placeholder');
+          if (ph) return clean(ph, 80);
+          const nm = el.getAttribute('name');
+          if (nm) return clean(nm, 80);
+          if (el.id) return clean(el.id, 80);
+        }
+        const txt = el.innerText || el.textContent || '';
+        if (txt.trim()) return clean(txt, 80);
+        return clean(
+          el.getAttribute('title') ||
+          el.getAttribute('alt') ||
+          el.getAttribute('value') ||
+          '',
+          80,
+        );
+      };
+      const roleOf = (el) => {
+        const explicit = el.getAttribute('role');
+        if (explicit) return clean(explicit, 24);
+        const tag = String(el.tagName || '').toLowerCase();
+        const type = String(el.type || '').toLowerCase();
+        if (tag === 'a') return 'link';
+        if (tag === 'button' || tag === 'summary') return 'button';
+        if (tag === 'select') return 'combobox';
+        if (tag === 'textarea') return 'textbox';
+        if (tag === 'input') {
+          if (type === 'submit' || type === 'button' || type === 'reset') return 'button';
+          if (type === 'checkbox') return 'checkbox';
+          if (type === 'radio') return 'radio';
+          if (type === 'search') return 'searchbox';
+          return 'textbox';
+        }
+        if (el.isContentEditable === true) return 'textbox';
+        return tag || 'element';
+      };
+      const seen = new Set();
+      const nodes = {};
+      const list = [];
+      const all = [...document.querySelectorAll(SEL)];
+      for (const el of all) {
+        if (list.length >= MAX) break;
+        if (seen.has(el)) continue;
+        seen.add(el);
+        // Skip an element wholly covered by another candidate we already took
+        // only when it IS that element - nested buttons are real (icon spans
+        // are not in the selector, so this is only a dedupe guard).
+        if (!vis(el)) continue;
+        const r = el.getBoundingClientRect();
+        const ref = 'e' + (list.length + 1);
+        const row = {
+          ref,
+          tag: clean(String(el.tagName || '').toLowerCase(), 20) || 'element',
+          role: roleOf(el),
+          name: nameOf(el),
+          disabled:
+            el.disabled === true || el.getAttribute('aria-disabled') === 'true',
+          inDialog: !!(el.closest && el.closest(DIALOG_SEL)),
+          inPortal: !!(el.closest && el.closest(PORTAL_SEL)),
+          x: Math.round(r.x + r.width / 2),
+          y: Math.round(r.y + r.height / 2),
+          width: Math.round(r.width),
+          height: Math.round(r.height),
+        };
+        if (
+          (row.tag === 'input' || row.tag === 'textarea') &&
+          typeof el.value === 'string'
+        ) {
+          row.valueLength = el.value.length;
+        }
+        nodes[ref] = el;
+        list.push(row);
+      }
+      window.__tsRefs = { at: Date.now(), list, nodes };
+      return { at: window.__tsRefs.at, list };
+    })()
   `;
 }
 /**
@@ -228,22 +228,22 @@ async function scanRefs(page) {
 /** Liveness + geometry of one ref, from the node the scan stored. */
 function buildRefInfoScript(ref) {
     const id = JSON.stringify(ref);
-    return `(() => {
-    const s = window.__tsRefs;
-    const el = s && s.nodes ? s.nodes[${id}] : null;
-    if (!el || el.isConnected !== true) return { ref: ${id}, alive: false };
-    const r = el.getBoundingClientRect();
-    return {
-      ref: ${id},
-      alive: true,
-      x: Math.round(r.x + r.width / 2),
-      y: Math.round(r.y + r.height / 2),
-      width: Math.round(r.width),
-      height: Math.round(r.height),
-      inViewport:
-        r.top >= 0 && r.left >= 0 &&
-        r.bottom <= (window.innerHeight || 0) && r.right <= (window.innerWidth || 0),
-    };
+    return `(() => {
+    const s = window.__tsRefs;
+    const el = s && s.nodes ? s.nodes[${id}] : null;
+    if (!el || el.isConnected !== true) return { ref: ${id}, alive: false };
+    const r = el.getBoundingClientRect();
+    return {
+      ref: ${id},
+      alive: true,
+      x: Math.round(r.x + r.width / 2),
+      y: Math.round(r.y + r.height / 2),
+      width: Math.round(r.width),
+      height: Math.round(r.height),
+      inViewport:
+        r.top >= 0 && r.left >= 0 &&
+        r.bottom <= (window.innerHeight || 0) && r.right <= (window.innerWidth || 0),
+    };
   })()`;
 }
 /**
@@ -253,22 +253,22 @@ function buildRefInfoScript(ref) {
  */
 function buildRefFocusScript(ref) {
     const id = JSON.stringify(ref);
-    return `(() => {
-    const s = window.__tsRefs;
-    const el = s && s.nodes ? s.nodes[${id}] : null;
-    if (!el || el.isConnected !== true) return { ref: ${id}, ok: false, alive: false };
-    try { el.scrollIntoView({ block: 'center', inline: 'center' }); } catch (e) {}
-    try { el.focus({ preventScroll: true }); } catch (e) {}
-    const a = document.activeElement;
-    return {
-      ref: ${id},
-      ok: a === el,
-      alive: true,
-      focused: a === el,
-      tag: String((el.tagName || '')).toLowerCase(),
-      contentEditable: el.isContentEditable === true,
-      valueLength: typeof el.value === 'string' ? el.value.length : undefined,
-    };
+    return `(() => {
+    const s = window.__tsRefs;
+    const el = s && s.nodes ? s.nodes[${id}] : null;
+    if (!el || el.isConnected !== true) return { ref: ${id}, ok: false, alive: false };
+    try { el.scrollIntoView({ block: 'center', inline: 'center' }); } catch (e) {}
+    try { el.focus({ preventScroll: true }); } catch (e) {}
+    const a = document.activeElement;
+    return {
+      ref: ${id},
+      ok: a === el,
+      alive: true,
+      focused: a === el,
+      tag: String((el.tagName || '')).toLowerCase(),
+      contentEditable: el.isContentEditable === true,
+      valueLength: typeof el.value === 'string' ? el.value.length : undefined,
+    };
   })()`;
 }
 /**
@@ -281,46 +281,46 @@ function buildRefFocusScript(ref) {
  */
 function buildRefPointerScript(ref) {
     const id = JSON.stringify(ref);
-    return `(() => {
-    const s = window.__tsRefs;
-    const el = s && s.nodes ? s.nodes[${id}] : null;
-    if (!el || el.isConnected !== true) return { ref: ${id}, ok: false, alive: false };
-    try { el.scrollIntoView({ block: 'center', inline: 'center' }); } catch (e) {}
-    const rect = el.getBoundingClientRect();
-    const x = Math.round(rect.x + rect.width / 2);
-    const y = Math.round(rect.y + rect.height / 2);
-    const base = {
-      bubbles: true,
-      cancelable: true,
-      composed: true,
-      clientX: x,
-      clientY: y,
-      view: window,
-      button: 0,
-      buttons: 1,
-    };
-    const pointer = (type) => {
-      try {
-        return new PointerEvent(type, Object.assign({}, base, {
-          pointerId: 1,
-          pointerType: 'mouse',
-          isPrimary: true,
-        }));
-      } catch (e) {
-        return new MouseEvent(type, base);
-      }
-    };
-    const mouse = (type) => new MouseEvent(type, base);
-    el.dispatchEvent(pointer('pointerover'));
-    el.dispatchEvent(pointer('pointerenter'));
-    el.dispatchEvent(pointer('pointermove'));
-    el.dispatchEvent(pointer('pointerdown'));
-    el.dispatchEvent(mouse('mousedown'));
-    try { el.focus({ preventScroll: true }); } catch (e) {}
-    el.dispatchEvent(pointer('pointerup'));
-    el.dispatchEvent(mouse('mouseup'));
-    el.dispatchEvent(mouse('click'));
-    return { ref: ${id}, ok: true, alive: true, clicked: true, x, y };
+    return `(() => {
+    const s = window.__tsRefs;
+    const el = s && s.nodes ? s.nodes[${id}] : null;
+    if (!el || el.isConnected !== true) return { ref: ${id}, ok: false, alive: false };
+    try { el.scrollIntoView({ block: 'center', inline: 'center' }); } catch (e) {}
+    const rect = el.getBoundingClientRect();
+    const x = Math.round(rect.x + rect.width / 2);
+    const y = Math.round(rect.y + rect.height / 2);
+    const base = {
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+      clientX: x,
+      clientY: y,
+      view: window,
+      button: 0,
+      buttons: 1,
+    };
+    const pointer = (type) => {
+      try {
+        return new PointerEvent(type, Object.assign({}, base, {
+          pointerId: 1,
+          pointerType: 'mouse',
+          isPrimary: true,
+        }));
+      } catch (e) {
+        return new MouseEvent(type, base);
+      }
+    };
+    const mouse = (type) => new MouseEvent(type, base);
+    el.dispatchEvent(pointer('pointerover'));
+    el.dispatchEvent(pointer('pointerenter'));
+    el.dispatchEvent(pointer('pointermove'));
+    el.dispatchEvent(pointer('pointerdown'));
+    el.dispatchEvent(mouse('mousedown'));
+    try { el.focus({ preventScroll: true }); } catch (e) {}
+    el.dispatchEvent(pointer('pointerup'));
+    el.dispatchEvent(mouse('mouseup'));
+    el.dispatchEvent(mouse('click'));
+    return { ref: ${id}, ok: true, alive: true, clicked: true, x, y };
   })()`;
 }
 /**
@@ -332,60 +332,60 @@ function buildRefPointerScript(ref) {
  * immediately after the capture - the page is never left modified.
  */
 function buildAnnotateScript() {
-    return `(() => {
-    const s = window.__tsRefs;
-    if (!s || !s.list) return 0;
-    const ID = 'ts-ref-overlay';
-    const old = document.getElementById(ID);
-    if (old) old.remove();
-    const root = document.createElement('div');
-    root.id = ID;
-    root.style.cssText = 'position:fixed;left:0;top:0;width:0;height:0;z-index:2147483647;pointer-events:none;';
-    let n = 0;
-    for (const item of s.list) {
-      const el = s.nodes ? s.nodes[item.ref] : null;
-      if (!el || el.isConnected !== true) continue;
-      const r = el.getBoundingClientRect();
-      if (r.width === 0 || r.height === 0) continue;
-      const box = document.createElement('div');
-      box.style.cssText =
-        'position:fixed;border:2px solid #e11d48;border-radius:3px;box-sizing:border-box;pointer-events:none;left:' +
-        Math.round(r.left) + 'px;top:' + Math.round(r.top) + 'px;width:' + Math.round(r.width) +
-        'px;height:' + Math.round(r.height) + 'px;';
-      const tag = document.createElement('div');
-      tag.textContent = item.ref;
-      tag.style.cssText =
-        'position:fixed;background:#e11d48;color:#ffffff;font:600 11px/1.2 sans-serif;padding:1px 3px;border-radius:2px;pointer-events:none;left:' +
-        Math.round(r.left) + 'px;top:' + Math.max(0, Math.round(r.top) - 14) + 'px;';
-      root.appendChild(box);
-      root.appendChild(tag);
-      if (++n >= 120) break;
-    }
-    document.documentElement.appendChild(root);
-    return n;
+    return `(() => {
+    const s = window.__tsRefs;
+    if (!s || !s.list) return 0;
+    const ID = 'ts-ref-overlay';
+    const old = document.getElementById(ID);
+    if (old) old.remove();
+    const root = document.createElement('div');
+    root.id = ID;
+    root.style.cssText = 'position:fixed;left:0;top:0;width:0;height:0;z-index:2147483647;pointer-events:none;';
+    let n = 0;
+    for (const item of s.list) {
+      const el = s.nodes ? s.nodes[item.ref] : null;
+      if (!el || el.isConnected !== true) continue;
+      const r = el.getBoundingClientRect();
+      if (r.width === 0 || r.height === 0) continue;
+      const box = document.createElement('div');
+      box.style.cssText =
+        'position:fixed;border:2px solid #e11d48;border-radius:3px;box-sizing:border-box;pointer-events:none;left:' +
+        Math.round(r.left) + 'px;top:' + Math.round(r.top) + 'px;width:' + Math.round(r.width) +
+        'px;height:' + Math.round(r.height) + 'px;';
+      const tag = document.createElement('div');
+      tag.textContent = item.ref;
+      tag.style.cssText =
+        'position:fixed;background:#e11d48;color:#ffffff;font:600 11px/1.2 sans-serif;padding:1px 3px;border-radius:2px;pointer-events:none;left:' +
+        Math.round(r.left) + 'px;top:' + Math.max(0, Math.round(r.top) - 14) + 'px;';
+      root.appendChild(box);
+      root.appendChild(tag);
+      if (++n >= 120) break;
+    }
+    document.documentElement.appendChild(root);
+    return n;
   })()`;
 }
 /** Remove the ref overlay (always called, even when the capture failed). */
 function buildClearAnnotationScript() {
-    return `(() => {
-    const el = document.getElementById('ts-ref-overlay');
-    if (el) el.remove();
-    return true;
+    return `(() => {
+    const el = document.getElementById('ts-ref-overlay');
+    if (el) el.remove();
+    return true;
   })()`;
 }
 /** How many popovers/menus are currently open (used by closePopup). */
 function buildPopoverCountScript() {
-    return `(() => {
-    const vis = (el) => {
-      if (!el || el.nodeType !== 1) return false;
-      const r = el.getBoundingClientRect();
-      if (r.width === 0 || r.height === 0) return false;
-      const cs = getComputedStyle(el);
-      return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
-    };
-    const n = [...document.querySelectorAll('[data-radix-popper-content-wrapper],[role="menu"],[role="listbox"]')]
-      .filter(vis).length;
-    return n;
+    return `(() => {
+    const vis = (el) => {
+      if (!el || el.nodeType !== 1) return false;
+      const r = el.getBoundingClientRect();
+      if (r.width === 0 || r.height === 0) return false;
+      const cs = getComputedStyle(el);
+      return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
+    };
+    const n = [...document.querySelectorAll('[data-radix-popper-content-wrapper],[role="menu"],[role="listbox"]')]
+      .filter(vis).length;
+    return n;
   })()`;
 }
 /**
@@ -395,36 +395,36 @@ function buildPopoverCountScript() {
  * at the layer's own outside point instead.
  */
 function buildOutsidePointerScript() {
-    return `(() => {
-    const target = document.body;
-    if (!target) return false;
-    const base = {
-      bubbles: true,
-      cancelable: true,
-      composed: true,
-      clientX: 4,
-      clientY: 4,
-      view: window,
-      button: 0,
-      buttons: 1,
-    };
-    const pointer = (type) => {
-      try {
-        return new PointerEvent(type, Object.assign({}, base, {
-          pointerId: 1,
-          pointerType: 'mouse',
-          isPrimary: true,
-        }));
-      } catch (e) {
-        return new MouseEvent(type, base);
-      }
-    };
-    target.dispatchEvent(pointer('pointerdown'));
-    target.dispatchEvent(new MouseEvent('mousedown', base));
-    target.dispatchEvent(pointer('pointerup'));
-    target.dispatchEvent(new MouseEvent('mouseup', base));
-    target.dispatchEvent(new MouseEvent('click', base));
-    return true;
+    return `(() => {
+    const target = document.body;
+    if (!target) return false;
+    const base = {
+      bubbles: true,
+      cancelable: true,
+      composed: true,
+      clientX: 4,
+      clientY: 4,
+      view: window,
+      button: 0,
+      buttons: 1,
+    };
+    const pointer = (type) => {
+      try {
+        return new PointerEvent(type, Object.assign({}, base, {
+          pointerId: 1,
+          pointerType: 'mouse',
+          isPrimary: true,
+        }));
+      } catch (e) {
+        return new MouseEvent(type, base);
+      }
+    };
+    target.dispatchEvent(pointer('pointerdown'));
+    target.dispatchEvent(new MouseEvent('mousedown', base));
+    target.dispatchEvent(pointer('pointerup'));
+    target.dispatchEvent(new MouseEvent('mouseup', base));
+    target.dispatchEvent(new MouseEvent('click', base));
+    return true;
   })()`;
 }
 //# sourceMappingURL=refs.js.map