@geometra/proxy 1.62.1 → 1.62.3

package/README.md

@@ -1,13 +1,13 @@
 # @geometra/proxy
 
-Chromium proxy ( **`headed` / visible window by default** ) that extracts **live DOM layout** (`getBoundingClientRect`) plus a **synthetic Geometra UI tree** and streams **GEOM v1** `frame` / `patch` messages over WebSocket (JSON text). Use it with [`@geometra/mcp`](../../mcp/README.md) to drive arbitrary web apps without screenshots.
+Chromium proxy ( **headless by default** ) that extracts **live DOM layout** (`getBoundingClientRect`) plus a **synthetic Geometra UI tree** and streams **GEOM v1** `frame` / `patch` messages over WebSocket (JSON text). Use it with [`@geometra/mcp`](../../mcp/README.md) to drive arbitrary web apps without screenshots.
 
 ## Install
 
 ```bash
 npm install @geometra/proxy playwright
 npx playwright install chromium
-# Optional: prefetch CloakBrowser's patched Chromium for --stealth mode
+# Optional: prefetch CloakBrowser's Chromium for authorized --stealth testing
 npx cloakbrowser install
 ```
 
@@ -16,14 +16,14 @@ npx cloakbrowser install
 ```bash
 npx geometra-proxy https://example.com --port 3200
 npx geometra-proxy http://localhost:8080 --width 1440 --height 900
-npx geometra-proxy https://example.com --port 3200 --headless
+npx geometra-proxy https://example.com --port 3200 --headed
 npx geometra-proxy https://example.com --port 3200 --slow-mo 50
 npx geometra-proxy https://example.com --port 3200 --stealth
 ```
 
-**Default is a visible browser** so you can watch MCP-driven clicks and typing. Use **`--headless`** (or env **`GEOMETRA_HEADLESS=1`**) for automation on servers / CI. **`--slow-mo <ms>`** (or **`GEOMETRA_SLOW_MO`**) adds Playwright `slowMo` to make actions easier to follow.
+**Default is headless** so MCP-driven browsing does not open windows. Use **`--headed`** when you need to watch clicks and typing. **`--slow-mo <ms>`** (or **`GEOMETRA_SLOW_MO`**) adds Playwright `slowMo` to make actions easier to follow.
 
-Use **`--stealth`** (or env **`GEOMETRA_STEALTH=1`** / **`GEOMETRA_BROWSER=stealth`**) to launch CloakBrowser's patched Chromium through the same Geometra proxy protocol. Stock Playwright Chromium remains the default; pass **`--no-stealth`** to override a stealth env default for one run. CloakBrowser downloads its patched Chromium on first launch and caches it under `~/.cloakbrowser/`.
+Use **`--stealth`** (or env **`GEOMETRA_STEALTH=1`** / **`GEOMETRA_BROWSER=stealth`**) to launch CloakBrowser's Chromium through the same Geometra proxy protocol for authorized testing. Stock Playwright Chromium remains the default; pass **`--no-stealth`** to override a stealth env default for one run. CloakBrowser downloads its browser binary on first launch and caches it under `~/.cloakbrowser/`.
 
 The proxy only opens **`http://`** or **`https://`** pages. For debugging you can still choose a fixed `--port`, but `--port 0` asks the OS for an ephemeral free port (useful for tools that auto-spawn the proxy).
 

package/dist/dom-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom-actions.d.ts","sourceRoot":"","sources":["../src/dom-actions.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dom-actions.d.ts","sourceRoot":"","sources":["../src/dom-actions.ts"],"names":[],"mappings":"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"}

package/dist/dom-actions.js

@@ -1986,6 +1986,108 @@ async function pressEnterToCommitListbox(page, handle) {
         return false;
     }
 }
+/**
+ * After a custom listbox option click, make the committed value visible to
+ * framework state managers that listen on the backing input/select instead of
+ * the popup option. This covers React controlled inputs, react-hook-form
+ * hidden inputs, and intl-tel-input country pickers without site branching.
+ */
+async function dispatchListboxCommitEvents(handle) {
+    if (!handle)
+        return false;
+    try {
+        return await handle.evaluate((el) => {
+            if (!(el instanceof Element))
+                return false;
+            function clearReactTracker(target) {
+                const tracker = target._valueTracker;
+                if (!tracker || typeof tracker.setValue !== 'function')
+                    return;
+                try {
+                    if (target instanceof HTMLInputElement && (target.type === 'checkbox' || target.type === 'radio')) {
+                        tracker.setValue(String(!target.checked));
+                        return;
+                    }
+                    const current = target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement
+                        ? target.value
+                        : target instanceof HTMLSelectElement
+                            ? target.value
+                            : target.textContent ?? '';
+                    tracker.setValue(current === '' ? '__geometra_empty__' : '');
+                }
+                catch { /* ignore */ }
+            }
+            function dispatchCommit(target) {
+                clearReactTracker(target);
+                const inputType = target instanceof HTMLInputElement ? target.type.toLowerCase() : '';
+                const isSearchQueryInput = target instanceof HTMLInputElement &&
+                    !['hidden', 'checkbox', 'radio', 'tel'].includes(inputType) &&
+                    (target.getAttribute('role') === 'combobox' ||
+                        target.hasAttribute('aria-autocomplete') ||
+                        target.hasAttribute('aria-activedescendant'));
+                if (!isSearchQueryInput) {
+                    target.dispatchEvent(new Event('input', { bubbles: true }));
+                }
+                target.dispatchEvent(new Event('change', { bubbles: true }));
+                if (target instanceof HTMLInputElement &&
+                    (target.type === 'tel' ||
+                        target.closest('.iti, .intl-tel-input, [data-intl-tel-input-id], [class*="phone"], [class*="Phone"]'))) {
+                    target.dispatchEvent(new Event('countrychange', { bubbles: true }));
+                }
+            }
+            function commitRoot(start) {
+                let best = start.parentElement ?? start;
+                let current = start.parentElement;
+                let depth = 0;
+                while (current && depth < 6) {
+                    if (current.tagName.toLowerCase() === 'form')
+                        break;
+                    const className = (current.getAttribute('class') ?? '').toLowerCase();
+                    const controlCount = current.querySelectorAll('input, textarea, select, [role="combobox"], [aria-haspopup="listbox"]').length;
+                    const looksLikeField = current.querySelector('label, legend') !== null ||
+                        className.includes('field') ||
+                        className.includes('form-group') ||
+                        className.includes('form-control') ||
+                        className.includes('select') ||
+                        className.includes('combo') ||
+                        className.includes('phone') ||
+                        className.includes('iti') ||
+                        className.includes('input');
+                    if (looksLikeField && controlCount > 0 && controlCount <= 10)
+                        best = current;
+                    current = current.parentElement;
+                    depth++;
+                }
+                return best;
+            }
+            const targets = [];
+            const seen = new Set();
+            const add = (candidate) => {
+                if (!(candidate instanceof HTMLElement))
+                    return;
+                if (seen.has(candidate))
+                    return;
+                seen.add(candidate);
+                targets.push(candidate);
+            };
+            add(el);
+            const root = commitRoot(el);
+            for (const candidate of Array.from(root.querySelectorAll('input, textarea, select, [role="combobox"], [aria-haspopup="listbox"]'))) {
+                if (candidate.closest('[role="listbox"], [role="menu"]') &&
+                    !candidate.matches('[role="combobox"], input, select, textarea')) {
+                    continue;
+                }
+                add(candidate);
+            }
+            for (const target of targets)
+                dispatchCommit(target);
+            return targets.length > 0;
+        });
+    }
+    catch {
+        return false;
+    }
+}
 /**
  * Read form-level invalid state for a combobox trigger.
  *
@@ -3310,6 +3412,22 @@ async function attemptNativeBatchFill(page, fields) {
                 target.dispatchEvent(new Event('input', { bubbles: true }));
                 target.dispatchEvent(new Event('change', { bubbles: true }));
             }
+            function clearReactTracker(target, nextChecked) {
+                const tracker = target._valueTracker;
+                if (!tracker || typeof tracker.setValue !== 'function')
+                    return false;
+                try {
+                    if (target instanceof HTMLInputElement && (target.type === 'checkbox' || target.type === 'radio')) {
+                        tracker.setValue(String(!(nextChecked ?? target.checked)));
+                    }
+                    else {
+                        tracker.setValue('');
+                    }
+                    return true;
+                }
+                catch { /* ignore */ }
+                return false;
+            }
             function setInputLikeValue(target, next) {
                 const proto = target instanceof HTMLInputElement ? HTMLInputElement.prototype : HTMLTextAreaElement.prototype;
                 const descriptor = Object.getOwnPropertyDescriptor(proto, 'value');
@@ -3318,6 +3436,18 @@ async function attemptNativeBatchFill(page, fields) {
                 else
                     target.value = next;
             }
+            function setInputCheckedReactAware(target, next) {
+                const hadReactTracker = clearReactTracker(target, next);
+                if (!hadReactTracker && target.checked === next)
+                    return true;
+                const descriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'checked');
+                if (descriptor?.set)
+                    descriptor.set.call(target, next);
+                else
+                    target.checked = next;
+                dispatch(target);
+                return target.checked === next;
+            }
             function currentValue(el) {
                 if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement)
                     return el.value;
@@ -3470,6 +3600,7 @@ async function attemptNativeBatchFill(page, fields) {
                         const inputType = control instanceof HTMLInputElement ? control.type : 'textarea';
                         const v = canonicalizeHtmlInputValueInPage(inputType, value);
                         control.focus();
+                        clearReactTracker(control);
                         setInputLikeValue(control, v);
                         dispatch(control);
                         return matches(currentValue(control), v, false);
@@ -3478,6 +3609,7 @@ async function attemptNativeBatchFill(page, fields) {
                         if (!isPlainContentEditableBatch(control))
                             return false;
                         control.focus();
+                        clearReactTracker(control);
                         control.textContent = value;
                         dispatch(control);
                         return matches(currentValue(control), value, false);
@@ -3556,19 +3688,13 @@ async function attemptNativeBatchFill(page, fields) {
                         if (!matches(choiceLabel(option), value, exact))
                             continue;
                         if (option instanceof HTMLInputElement) {
-                            if (!option.checked)
-                                option.click();
-                            if (!option.checked) {
-                                option.checked = true;
-                                dispatch(option);
-                            }
-                            return option.checked;
+                            return setInputCheckedReactAware(option, true);
                         }
                         if (option instanceof HTMLLabelElement) {
-                            option.click();
                             const control = option.control;
                             if (control instanceof HTMLInputElement)
-                                return control.checked;
+                                return setInputCheckedReactAware(control, true);
+                            option.click();
                             return true;
                         }
                         // role=radio / role=checkbox: click and verify aria-checked
@@ -3609,13 +3735,8 @@ async function attemptNativeBatchFill(page, fields) {
                         continue;
                     if (!matches(explicitLabelText(input), label, exact))
                         continue;
-                    if (input.checked !== checked) {
-                        input.click();
-                        if (input.checked !== checked) {
-                            input.checked = checked;
-                            dispatch(input);
-                        }
-                    }
+                    if (!setInputCheckedReactAware(input, checked))
+                        return false;
                     return input.checked === checked;
                 }
                 const labels = Array.from(document.querySelectorAll('label'));
@@ -3629,12 +3750,8 @@ async function attemptNativeBatchFill(page, fields) {
                         continue;
                     if (controlType && control.type !== controlType)
                         continue;
-                    if (control.checked !== checked)
-                        labelEl.click();
-                    if (control.checked !== checked) {
-                        control.checked = checked;
-                        dispatch(control);
-                    }
+                    if (!setInputCheckedReactAware(control, checked))
+                        return false;
                     return control.checked === checked;
                 }
                 return false;
@@ -4336,6 +4453,33 @@ async function chooseValueFromLabeledGroup(page, fieldLabel, value, exact) {
                     return `${ariaPressed}|${ariaChecked}|${ariaSelected}|${dataState}|${dataSelected}|${className}|${checked}`;
                 }).join('||');
             }
+            function dispatch(target) {
+                target.dispatchEvent(new Event('input', { bubbles: true }));
+                target.dispatchEvent(new Event('change', { bubbles: true }));
+            }
+            function clearReactTracker(target, next) {
+                const tracker = target._valueTracker;
+                if (tracker && typeof tracker.setValue === 'function') {
+                    try {
+                        tracker.setValue(String(!next));
+                        return true;
+                    }
+                    catch { /* ignore */ }
+                }
+                return false;
+            }
+            function setInputCheckedReactAware(target, next) {
+                const hadReactTracker = clearReactTracker(target, next);
+                if (!hadReactTracker && target.checked === next)
+                    return true;
+                const descriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'checked');
+                if (descriptor?.set)
+                    descriptor.set.call(target, next);
+                else
+                    target.checked = next;
+                dispatch(target);
+                return target.checked === next;
+            }
             for (const candidate of candidates) {
                 const options = Array.from(candidate.root.querySelectorAll('input[type="radio"], input[type="checkbox"], [role="radio"], [role="checkbox"], label, button'));
                 for (const option of options) {
@@ -4344,15 +4488,14 @@ async function chooseValueFromLabeledGroup(page, fieldLabel, value, exact) {
                     if (!matchesChoice(choiceLabel(option)))
                         continue;
                     if (option instanceof HTMLInputElement) {
-                        option.click();
-                        return option.checked;
+                        return setInputCheckedReactAware(option, true);
                     }
                     if (option instanceof HTMLLabelElement) {
                         const labelBeforeSig = selectionSignature(options);
-                        option.click();
                         const control = option.control;
                         if (control instanceof HTMLInputElement)
-                            return control.checked;
+                            return setInputCheckedReactAware(control, true);
+                        option.click();
                         // No backing input — verify via group signature change so we don't
                         // silently no-op on label wrappers whose target is unparented.
                         const labelAfterSig = selectionSignature(options);
@@ -4771,6 +4914,7 @@ export async function pickListboxOption(page, label, opts) {
         // commit path, which ALL tested libraries honor. No-op for native
         // <select> / plain ARIA listboxes — see isAutocompleteCombobox.
         await pressEnterToCommitListbox(page, openedHandle);
+        await dispatchListboxCommitEvents(openedHandle);
         if (!opts?.fieldLabel ||
             await confirmListboxSelection(page, opts.fieldLabel, label, exact, anchor, openedHandle, selectedOptionText, {
                 editable: openedEditable,
@@ -4879,6 +5023,7 @@ export async function pickListboxOption(page, label, opts) {
         if (keyboardSelection) {
             selectedOptionText = keyboardSelection;
             attemptedSelection = true;
+            await dispatchListboxCommitEvents(openedHandle);
             if (!opts?.fieldLabel ||
                 await confirmListboxSelection(page, opts.fieldLabel, label, exact, anchor, openedHandle, selectedOptionText, {
                     editable: openedEditable,
@@ -5014,6 +5159,33 @@ export async function setCheckedControl(page, label, opts) {
                 }
                 return el instanceof HTMLElement ? el : null;
             }
+            function dispatch(target) {
+                target.dispatchEvent(new Event('input', { bubbles: true }));
+                target.dispatchEvent(new Event('change', { bubbles: true }));
+            }
+            function clearReactTracker(target, next) {
+                const tracker = target._valueTracker;
+                if (tracker && typeof tracker.setValue === 'function') {
+                    try {
+                        tracker.setValue(String(!next));
+                        return true;
+                    }
+                    catch { /* ignore */ }
+                }
+                return false;
+            }
+            function setInputCheckedReactAware(target, next) {
+                const hadReactTracker = clearReactTracker(target, next);
+                if (!hadReactTracker && target.checked === next)
+                    return true;
+                const descriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'checked');
+                if (descriptor?.set)
+                    descriptor.set.call(target, next);
+                else
+                    target.checked = next;
+                dispatch(target);
+                return target.checked === next;
+            }
             const selector = 'input[type="checkbox"], input[type="radio"], [role="checkbox"], [role="radio"], [role="switch"]';
             const candidates = Array.from(document.querySelectorAll(selector)).filter((el) => el instanceof HTMLElement && visible(el));
             const target = candidates.find((el) => {
@@ -5033,14 +5205,12 @@ export async function setCheckedControl(page, label, opts) {
             if (kind === 'radio' && payload.checked === false) {
                 return { matched: true, success: before === false, reason: 'radio-uncheck', kind, name };
             }
-            if (before !== payload.checked) {
+            if (before !== payload.checked && !(target instanceof HTMLInputElement)) {
                 clickTarget(target)?.click();
             }
             let after = readChecked(target);
-            if (after !== payload.checked && target instanceof HTMLInputElement) {
-                target.checked = payload.checked;
-                target.dispatchEvent(new Event('input', { bubbles: true }));
-                target.dispatchEvent(new Event('change', { bubbles: true }));
+            if (target instanceof HTMLInputElement) {
+                setInputCheckedReactAware(target, payload.checked);
                 after = target.checked;
             }
             return {