teamshare-bridge 0.26.23 → 0.26.24

package/dist/lib/browser/login.js

@@ -39,102 +39,102 @@ exports.isCredentialFocused = isCredentialFocused;
  */
 const cdp_1 = require("./cdp");
 /** DOM heuristic: locate the login controls, scoped to the topmost modal. */
-exports.FIND_LOGIN_FIELDS_JS = `(() => {
-  const vis = (el) => {
-    if (!el) 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 hintOf = (el) => [el.getAttribute('name'), el.id, el.getAttribute('autocomplete')].filter(Boolean).join('/');
-  const lowerType = (el) => (el.type || '').toLowerCase();
-  const autocomplete = (el) => (el.getAttribute('autocomplete') || '').toLowerCase();
-
-  // MODAL SCOPE (2026-10): a login opened in a dialog must win over a footer
-  // newsletter input or the page's nav Login button. Prefer the first visible
-  // dialog/frame that actually contains a login-ish field; otherwise the last
-  // visible dialog; otherwise the document.
-  const dialogSel = 'dialog[open],[role="dialog"],[aria-modal="true"],' +
-    '[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"]';
-  const dialogEls = [...document.querySelectorAll(dialogSel)].filter(vis);
-  const hasStrongLogin = (d) => !!d.querySelector('input[type="password"],input[autocomplete="username"],input[autocomplete="current-password"],input[autocomplete="new-password"],input[autocomplete="one-time-code"]');
-  const hasEmailAndContinue = (d) => {
-    if (!d.querySelector('input[type="email"],input[autocomplete="email"]')) return false;
-    return [...d.querySelectorAll('button,[role="button"],input[type="submit"]')].some((el) =>
-      /continue|next|sign|log\\s?in|verify|submit/i.test((el.innerText || el.textContent || el.value || '').trim()),
-    );
-  };
-  let scope =
-    dialogEls.find(hasStrongLogin) ||
-    dialogEls.find(hasEmailAndContinue) ||
-    dialogEls.find((d) => d.querySelector('input,textarea')) ||
-    null;
-  if (!scope && dialogEls.length) scope = dialogEls[dialogEls.length - 1];
-  const root = scope || document;
-
-  // Clear the previous scan's tags so a re-rendered modal cannot be addressed
-  // through a stale element.
-  document.querySelectorAll('[data-ts-login]').forEach((e) => e.removeAttribute('data-ts-login'));
-
-  const inputs = [...root.querySelectorAll('input,textarea')]
-    .filter(vis)
-    .filter((el) => lowerType(el) !== 'hidden' && !el.disabled && !el.readOnly);
-
-  const pw =
-    inputs.find((el) => lowerType(el) === 'password') ||
-    inputs.find((el) => ['current-password', 'new-password'].includes(autocomplete(el))) ||
-    null;
-
-  let user =
-    inputs.find((el) => autocomplete(el) === 'username') ||
-    inputs.find((el) => lowerType(el) === 'email') ||
-    null;
-  if (!user) {
-    const textish = inputs.filter((el) => ['', 'text', 'email', 'tel'].includes(lowerType(el)));
-    if (pw) {
-      user = textish.find((el) => (el.compareDocumentPosition(pw) & Node.DOCUMENT_POSITION_PRECEDING)) || null;
-    }
-    if (!user && textish.length) user = textish[0];
-  }
-
-  const otp =
-    inputs.find((el) => autocomplete(el) === 'one-time-code') ||
-    inputs.find((el) => /otp|one[- ]?time|verif|code/i.test(hintOf(el) || '')) ||
-    null;
-
-  // The same element can match several heuristics; one role wins.
-  if (user && otp && user === otp) user = null;
-  if (user && pw && user === pw) user = null;
-
-  const submitRe = /sign\\s?in|log\\s?in|login|continue|next|submit|log\\s?on|enter|proceed|verify|confirm/i;
-  const clickable = [...root.querySelectorAll('button,input[type=submit],input[type=button],[role=button],a')]
-    .filter(vis)
-    .filter((el) => el.disabled !== true && el.getAttribute('aria-disabled') !== 'true');
-  let submit =
-    clickable.find((el) => (el.getAttribute('type') || '').toLowerCase() === 'submit') ||
-    clickable.find((el) => submitRe.test((el.innerText || el.textContent || el.value || '').trim())) ||
-    clickable.find((el) => /submit/i.test(hintOf(el) || '')) ||
-    null;
-
-  const box = (el, hint, role) => {
-    el.setAttribute('data-ts-login', role);
-    const r = el.getBoundingClientRect();
-    return {
-      x: Math.round(r.x + r.width / 2),
-      y: Math.round(r.y + r.height / 2),
-      hint: hint || '',
-      role: role,
-    };
-  };
-
-  return {
-    username: user && vis(user) ? box(user, hintOf(user), 'username') : null,
-    password: pw && vis(pw) ? box(pw, hintOf(pw), 'password') : null,
-    submit: submit ? box(submit, (submit.innerText || submit.textContent || submit.value || '').trim().slice(0, 40), 'submit') : null,
-    otp: otp && vis(otp) ? box(otp, hintOf(otp), 'otp') : null,
-    modal: !!scope,
-  };
+exports.FIND_LOGIN_FIELDS_JS = `(() => {
+  const vis = (el) => {
+    if (!el) 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 hintOf = (el) => [el.getAttribute('name'), el.id, el.getAttribute('autocomplete')].filter(Boolean).join('/');
+  const lowerType = (el) => (el.type || '').toLowerCase();
+  const autocomplete = (el) => (el.getAttribute('autocomplete') || '').toLowerCase();
+
+  // MODAL SCOPE (2026-10): a login opened in a dialog must win over a footer
+  // newsletter input or the page's nav Login button. Prefer the first visible
+  // dialog/frame that actually contains a login-ish field; otherwise the last
+  // visible dialog; otherwise the document.
+  const dialogSel = 'dialog[open],[role="dialog"],[aria-modal="true"],' +
+    '[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"]';
+  const dialogEls = [...document.querySelectorAll(dialogSel)].filter(vis);
+  const hasStrongLogin = (d) => !!d.querySelector('input[type="password"],input[autocomplete="username"],input[autocomplete="current-password"],input[autocomplete="new-password"],input[autocomplete="one-time-code"]');
+  const hasEmailAndContinue = (d) => {
+    if (!d.querySelector('input[type="email"],input[autocomplete="email"]')) return false;
+    return [...d.querySelectorAll('button,[role="button"],input[type="submit"]')].some((el) =>
+      /continue|next|sign|log\\s?in|verify|submit/i.test((el.innerText || el.textContent || el.value || '').trim()),
+    );
+  };
+  let scope =
+    dialogEls.find(hasStrongLogin) ||
+    dialogEls.find(hasEmailAndContinue) ||
+    dialogEls.find((d) => d.querySelector('input,textarea')) ||
+    null;
+  if (!scope && dialogEls.length) scope = dialogEls[dialogEls.length - 1];
+  const root = scope || document;
+
+  // Clear the previous scan's tags so a re-rendered modal cannot be addressed
+  // through a stale element.
+  document.querySelectorAll('[data-ts-login]').forEach((e) => e.removeAttribute('data-ts-login'));
+
+  const inputs = [...root.querySelectorAll('input,textarea')]
+    .filter(vis)
+    .filter((el) => lowerType(el) !== 'hidden' && !el.disabled && !el.readOnly);
+
+  const pw =
+    inputs.find((el) => lowerType(el) === 'password') ||
+    inputs.find((el) => ['current-password', 'new-password'].includes(autocomplete(el))) ||
+    null;
+
+  let user =
+    inputs.find((el) => autocomplete(el) === 'username') ||
+    inputs.find((el) => lowerType(el) === 'email') ||
+    null;
+  if (!user) {
+    const textish = inputs.filter((el) => ['', 'text', 'email', 'tel'].includes(lowerType(el)));
+    if (pw) {
+      user = textish.find((el) => (el.compareDocumentPosition(pw) & Node.DOCUMENT_POSITION_PRECEDING)) || null;
+    }
+    if (!user && textish.length) user = textish[0];
+  }
+
+  const otp =
+    inputs.find((el) => autocomplete(el) === 'one-time-code') ||
+    inputs.find((el) => /otp|one[- ]?time|verif|code/i.test(hintOf(el) || '')) ||
+    null;
+
+  // The same element can match several heuristics; one role wins.
+  if (user && otp && user === otp) user = null;
+  if (user && pw && user === pw) user = null;
+
+  const submitRe = /sign\\s?in|log\\s?in|login|continue|next|submit|log\\s?on|enter|proceed|verify|confirm/i;
+  const clickable = [...root.querySelectorAll('button,input[type=submit],input[type=button],[role=button],a')]
+    .filter(vis)
+    .filter((el) => el.disabled !== true && el.getAttribute('aria-disabled') !== 'true');
+  let submit =
+    clickable.find((el) => (el.getAttribute('type') || '').toLowerCase() === 'submit') ||
+    clickable.find((el) => submitRe.test((el.innerText || el.textContent || el.value || '').trim())) ||
+    clickable.find((el) => /submit/i.test(hintOf(el) || '')) ||
+    null;
+
+  const box = (el, hint, role) => {
+    el.setAttribute('data-ts-login', role);
+    const r = el.getBoundingClientRect();
+    return {
+      x: Math.round(r.x + r.width / 2),
+      y: Math.round(r.y + r.height / 2),
+      hint: hint || '',
+      role: role,
+    };
+  };
+
+  return {
+    username: user && vis(user) ? box(user, hintOf(user), 'username') : null,
+    password: pw && vis(pw) ? box(pw, hintOf(pw), 'password') : null,
+    submit: submit ? box(submit, (submit.innerText || submit.textContent || submit.value || '').trim().slice(0, 40), 'submit') : null,
+    otp: otp && vis(otp) ? box(otp, hintOf(otp), 'otp') : null,
+    modal: !!scope,
+  };
 })()`;
 async function findLoginFields(page) {
     const empty = {
@@ -223,16 +223,16 @@ async function contentText(page) {
  */
 async function setNativeActiveValue(page, value) {
     try {
-        const ok = await (0, cdp_1.evaluateJs)(page, `(() => {
-        const a = document.activeElement;
-        if (!a || typeof a.value !== 'string') return false;
-        const proto = a.tagName === 'TEXTAREA' ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
-        const desc = Object.getOwnPropertyDescriptor(proto, 'value');
-        if (!desc || !desc.set) return false;
-        desc.set.call(a, ${JSON.stringify(value)});
-        a.dispatchEvent(new Event('input', { bubbles: true }));
-        a.dispatchEvent(new Event('change', { bubbles: true }));
-        return true;
+        const ok = await (0, cdp_1.evaluateJs)(page, `(() => {
+        const a = document.activeElement;
+        if (!a || typeof a.value !== 'string') return false;
+        const proto = a.tagName === 'TEXTAREA' ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
+        const desc = Object.getOwnPropertyDescriptor(proto, 'value');
+        if (!desc || !desc.set) return false;
+        desc.set.call(a, ${JSON.stringify(value)});
+        a.dispatchEvent(new Event('input', { bubbles: true }));
+        a.dispatchEvent(new Event('change', { bubbles: true }));
+        return true;
       })()`);
         return ok === true;
     }
@@ -311,16 +311,16 @@ async function pressBackspace(page) {
 /** Set a tagged input's value through the prototype setter (React-safe). */
 async function setNativeControlValue(page, role, value) {
     try {
-        const ok = await (0, cdp_1.evaluateJs)(page, `(() => {
-        const el = document.querySelector('[data-ts-login="${role}"]');
-        if (!el || typeof el.value !== 'string') return false;
-        const proto = el.tagName === 'TEXTAREA' ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
-        const desc = Object.getOwnPropertyDescriptor(proto, 'value');
-        if (!desc || !desc.set) return false;
-        desc.set.call(el, ${JSON.stringify(value)});
-        el.dispatchEvent(new Event('input', { bubbles: true }));
-        el.dispatchEvent(new Event('change', { bubbles: true }));
-        return true;
+        const ok = await (0, cdp_1.evaluateJs)(page, `(() => {
+        const el = document.querySelector('[data-ts-login="${role}"]');
+        if (!el || typeof el.value !== 'string') return false;
+        const proto = el.tagName === 'TEXTAREA' ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
+        const desc = Object.getOwnPropertyDescriptor(proto, 'value');
+        if (!desc || !desc.set) return false;
+        desc.set.call(el, ${JSON.stringify(value)});
+        el.dispatchEvent(new Event('input', { bubbles: true }));
+        el.dispatchEvent(new Event('change', { bubbles: true }));
+        return true;
       })()`);
         return ok === true;
     }
@@ -581,31 +581,31 @@ async function pressEnter(page) {
  */
 async function visibleLoginError(page) {
     try {
-        const value = await (0, cdp_1.evaluateJs)(page, `(() => {
-        const vis = (el) => {
-          if (!el) 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';
-        };
-        const dialogs = [...document.querySelectorAll('dialog[open],[role="dialog"],[aria-modal="true"]')].filter(vis);
-        const scope = dialogs.length ? dialogs[dialogs.length - 1] : document;
-        const out = [];
-        const add = (t) => {
-          const text = String(t == null ? '' : t).replace(/\\s+/g, ' ').trim().slice(0, 240);
-          if (text.length < 3) return;
-          if (/^(error|errors|warning|warnings)$/i.test(text)) return;
-          if (!out.includes(text) && out.length < 3) out.push(text);
-        };
-        for (const el of [...scope.querySelectorAll('[role="alert"],[aria-invalid="true"]')].filter(vis).slice(0, 4)) {
-          add(el.innerText || el.textContent || el.getAttribute('aria-label') || '');
-        }
-        const sels = '[class*="field-error"],[class*="form-error"],[class*="validation-error"],[class*="error-message"],[class*="invalid-feedback"],[class*="error"],[class*="danger"]';
-        for (const el of [...scope.querySelectorAll(sels)].filter(vis).slice(0, 12)) {
-          add(el.innerText || el.textContent || '');
-        }
-        return out.join(' | ');
+        const value = await (0, cdp_1.evaluateJs)(page, `(() => {
+        const vis = (el) => {
+          if (!el) 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';
+        };
+        const dialogs = [...document.querySelectorAll('dialog[open],[role="dialog"],[aria-modal="true"]')].filter(vis);
+        const scope = dialogs.length ? dialogs[dialogs.length - 1] : document;
+        const out = [];
+        const add = (t) => {
+          const text = String(t == null ? '' : t).replace(/\\s+/g, ' ').trim().slice(0, 240);
+          if (text.length < 3) return;
+          if (/^(error|errors|warning|warnings)$/i.test(text)) return;
+          if (!out.includes(text) && out.length < 3) out.push(text);
+        };
+        for (const el of [...scope.querySelectorAll('[role="alert"],[aria-invalid="true"]')].filter(vis).slice(0, 4)) {
+          add(el.innerText || el.textContent || el.getAttribute('aria-label') || '');
+        }
+        const sels = '[class*="field-error"],[class*="form-error"],[class*="validation-error"],[class*="error-message"],[class*="invalid-feedback"],[class*="error"],[class*="danger"]';
+        for (const el of [...scope.querySelectorAll(sels)].filter(vis).slice(0, 12)) {
+          add(el.innerText || el.textContent || '');
+        }
+        return out.join(' | ');
       })()`);
         return typeof value === 'string' && value.trim() ? value.trim() : null;
     }

package/dist/lib/browser/otp.js

@@ -18,57 +18,57 @@ exports.fillOtpGroup = fillOtpGroup;
  * and only submits when the widget did NOT auto-submit itself.
  */
 const cdp_1 = require("./cdp");
-const FILL_OTP_JS = `(() => {
-  const vis = (el) => {
-    if (!el) 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 dialogSel = 'dialog[open],[role="dialog"],[aria-modal="true"],' +
-    '[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"]';
-  const dialogs = [...document.querySelectorAll(dialogSel)].filter(vis);
-  const scope = dialogs.length ? dialogs[dialogs.length - 1] : document;
-  const inputs = [...scope.querySelectorAll('input')]
-    .filter(vis)
-    .filter((el) => !el.disabled && !el.readOnly && (el.type || '').toLowerCase() !== 'hidden');
-  const single = inputs.filter((el) => {
-    const ml = el.getAttribute('maxlength') ?? el.getAttribute('maxLength');
-    const n = ml === null || ml === undefined ? NaN : Number(ml);
-    return n === 1;
-  });
-  // A segmented OTP widget: at least 4 single-char inputs, or an explicit
-  // one-time-code input with siblings of the same shape.
-  let group = [];
-  if (single.length >= 4) {
-    // Keep the largest run of adjacent single-char inputs in DOM order.
-    group = single;
-  } else {
-    const otpish = inputs.filter((el) => {
-      const ac = (el.getAttribute('autocomplete') || '').toLowerCase();
-      if (ac === 'one-time-code') return true;
-      const hint = [el.getAttribute('name'), el.id, el.getAttribute('aria-label')].filter(Boolean).join(' ');
-      return /otp|one[- ]?time|verif|code/i.test(hint);
-    });
-    if (otpish.length >= 4) group = otpish;
-    else if (otpish.length === 1 && single.length >= 2) group = [otpish[0], ...single.filter((el) => el !== otpish[0])];
-  }
-  if (group.length < 4) return null;
-  // Sort by on-screen position (top then left) so auto-advance order is right.
-  group = group.slice().sort((a, b) => {
-    const ra = a.getBoundingClientRect();
-    const rb = b.getBoundingClientRect();
-    if (Math.abs(ra.y - rb.y) > ra.height / 2) return ra.y - rb.y;
-    return ra.x - rb.x;
-  });
-  group.forEach((el, i) => el.setAttribute('data-ts-otp', String(i)));
-  return {
-    length: group.length,
-    tags: group.map((el) => String(el.tagName || '').toLowerCase()),
-    modal: scope !== document,
-    values: group.map((el) => typeof el.value === 'string' ? el.value : ''),
-  };
+const FILL_OTP_JS = `(() => {
+  const vis = (el) => {
+    if (!el) 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 dialogSel = 'dialog[open],[role="dialog"],[aria-modal="true"],' +
+    '[class*="modal"],[class*="Modal"],[class*="dialog"],[class*="Dialog"]';
+  const dialogs = [...document.querySelectorAll(dialogSel)].filter(vis);
+  const scope = dialogs.length ? dialogs[dialogs.length - 1] : document;
+  const inputs = [...scope.querySelectorAll('input')]
+    .filter(vis)
+    .filter((el) => !el.disabled && !el.readOnly && (el.type || '').toLowerCase() !== 'hidden');
+  const single = inputs.filter((el) => {
+    const ml = el.getAttribute('maxlength') ?? el.getAttribute('maxLength');
+    const n = ml === null || ml === undefined ? NaN : Number(ml);
+    return n === 1;
+  });
+  // A segmented OTP widget: at least 4 single-char inputs, or an explicit
+  // one-time-code input with siblings of the same shape.
+  let group = [];
+  if (single.length >= 4) {
+    // Keep the largest run of adjacent single-char inputs in DOM order.
+    group = single;
+  } else {
+    const otpish = inputs.filter((el) => {
+      const ac = (el.getAttribute('autocomplete') || '').toLowerCase();
+      if (ac === 'one-time-code') return true;
+      const hint = [el.getAttribute('name'), el.id, el.getAttribute('aria-label')].filter(Boolean).join(' ');
+      return /otp|one[- ]?time|verif|code/i.test(hint);
+    });
+    if (otpish.length >= 4) group = otpish;
+    else if (otpish.length === 1 && single.length >= 2) group = [otpish[0], ...single.filter((el) => el !== otpish[0])];
+  }
+  if (group.length < 4) return null;
+  // Sort by on-screen position (top then left) so auto-advance order is right.
+  group = group.slice().sort((a, b) => {
+    const ra = a.getBoundingClientRect();
+    const rb = b.getBoundingClientRect();
+    if (Math.abs(ra.y - rb.y) > ra.height / 2) return ra.y - rb.y;
+    return ra.x - rb.x;
+  });
+  group.forEach((el, i) => el.setAttribute('data-ts-otp', String(i)));
+  return {
+    length: group.length,
+    tags: group.map((el) => String(el.tagName || '').toLowerCase()),
+    modal: scope !== document,
+    values: group.map((el) => typeof el.value === 'string' ? el.value : ''),
+  };
 })()`;
 async function detectOtpGroup(page) {
     try {
@@ -153,15 +153,15 @@ async function typeOtpDigit(page, digit) {
 }
 async function visibleOtpError(page) {
     try {
-        const v = await (0, cdp_1.evaluateJs)(page, `(() => {
-        const sel = '[role="alert"],.error,.text-red-500,.text-destructive,[class*="error" i]';
-        const els = [...document.querySelectorAll(sel)].filter((el) => {
-          const r = el.getBoundingClientRect();
-          if (r.width === 0 || r.height === 0) return false;
-          const t = (el.innerText || '').trim();
-          return t.length > 0 && t.length < 300;
-        });
-        return els.length ? els[0].innerText.trim().slice(0, 300) : null;
+        const v = await (0, cdp_1.evaluateJs)(page, `(() => {
+        const sel = '[role="alert"],.error,.text-red-500,.text-destructive,[class*="error" i]';
+        const els = [...document.querySelectorAll(sel)].filter((el) => {
+          const r = el.getBoundingClientRect();
+          if (r.width === 0 || r.height === 0) return false;
+          const t = (el.innerText || '').trim();
+          return t.length > 0 && t.length < 300;
+        });
+        return els.length ? els[0].innerText.trim().slice(0, 300) : null;
       })()`);
         return typeof v === 'string' && v ? v : null;
     }
@@ -171,18 +171,18 @@ async function visibleOtpError(page) {
 }
 async function clickOtpSubmit(page) {
     try {
-        const clicked = await (0, cdp_1.evaluateJs)(page, `(() => {
-        const scope = document;
-        const btns = [...scope.querySelectorAll('button,input[type="submit"],[role="button"]')].filter((el) => {
-          const r = el.getBoundingClientRect();
-          if (r.width === 0 || r.height === 0) return false;
-          if (el.disabled) return false;
-          const t = ((el.innerText || el.textContent || el.value || '')).trim();
-          return /verify|confirm|continue|submit|next/i.test(t);
-        });
-        if (!btns.length) return false;
-        btns[0].click();
-        return true;
+        const clicked = await (0, cdp_1.evaluateJs)(page, `(() => {
+        const scope = document;
+        const btns = [...scope.querySelectorAll('button,input[type="submit"],[role="button"]')].filter((el) => {
+          const r = el.getBoundingClientRect();
+          if (r.width === 0 || r.height === 0) return false;
+          if (el.disabled) return false;
+          const t = ((el.innerText || el.textContent || el.value || '')).trim();
+          return /verify|confirm|continue|submit|next/i.test(t);
+        });
+        if (!btns.length) return false;
+        btns[0].click();
+        return true;
       })()`);
         return clicked === true;
     }