auto-webmcp 0.3.7 → 0.3.9

package/dist/auto-webmcp.esm.js

@@ -613,11 +613,12 @@ function buildSchema(form) {
   }
   return { schema: { "$schema": "https://json-schema.org/draft/2020-12/schema", type: "object", properties, required }, fieldElements };
 }
+var AUTO_GENERATED_ID_RE = /^_r_[0-9a-z]+_$|^:[a-z0-9]+:$/i;
 function resolveNativeControlFallbackKey(control) {
   const el = control;
   if (el.dataset["webmcpName"])
     return sanitizeName(el.dataset["webmcpName"]);
-  if (control.id)
+  if (control.id && !AUTO_GENERATED_ID_RE.test(control.id))
     return sanitizeName(control.id);
   const label = control.getAttribute("aria-label");
   if (label)
@@ -1439,8 +1440,13 @@ async function registerForm(form, config) {
   await registerFormTool(form, metadata, execute);
   registeredForms.add(form);
   registeredFormCount++;
+  const formSubmitBtn = form.querySelector(
+    '[type="submit"], button[data-variant="primary"], button:not([type])'
+  ) ?? null;
+  const pendingBtns = window["__pendingSubmitBtns"] ??= {};
+  pendingBtns[metadata.name] = formSubmitBtn;
   if (config.debug) {
-    console.debug(`[auto-webmcp] Registered: ${metadata.name}`, metadata);
+    console.log(`[auto-webmcp] Registered: ${metadata.name}`, metadata);
   }
   emit("form:registered", form, metadata.name);
 }
@@ -1452,7 +1458,7 @@ async function unregisterForm(form, config) {
   await unregisterFormTool(form);
   registeredForms.delete(form);
   if (config.debug) {
-    console.debug(`[auto-webmcp] Unregistered: ${name}`);
+    console.log(`[auto-webmcp] Unregistered: ${name}`);
   }
   emit("form:unregistered", form, name);
 }
@@ -1552,8 +1558,8 @@ var ORPHAN_EXCLUDED_TYPES = /* @__PURE__ */ new Set([
 async function scanOrphanInputs(config) {
   if (!isWebMCPSupported())
     return;
-  const SUBMIT_BTN_SELECTOR = '[type="submit"]:not([disabled]), button:not([type]):not([disabled])';
-  const SUBMIT_BTN_GROUPING_SELECTOR = '[type="submit"], button:not([type])';
+  const SUBMIT_BTN_SELECTOR = '[type="submit"]:not([disabled]), button[data-variant="primary"]:not([disabled])';
+  const SUBMIT_BTN_GROUPING_SELECTOR = '[type="submit"], button[data-variant="primary"]';
   const SUBMIT_TEXT_RE = /subscribe|submit|sign[\s-]?up|send|join|go|search/i;
   const orphanInputs = Array.from(
     document.querySelectorAll(
@@ -1561,11 +1567,17 @@ async function scanOrphanInputs(config) {
     )
   ).filter((el) => {
     if (el instanceof HTMLInputElement && ORPHAN_EXCLUDED_TYPES.has(el.type.toLowerCase())) {
+      console.log(`[auto-webmcp] orphan: skipping excluded type "${el.type}" (name="${el.name}" id="${el.id}")`);
       return false;
     }
     const rect = el.getBoundingClientRect();
-    return rect.width > 0 && rect.height > 0;
+    if (rect.width === 0 || rect.height === 0) {
+      console.log(`[auto-webmcp] orphan: skipping invisible input (name="${el.name}" id="${el.id}")`);
+      return false;
+    }
+    return true;
   });
+  console.log(`[auto-webmcp] orphan: found ${orphanInputs.length} visible orphan input(s)`);
   if (orphanInputs.length === 0)
     return;
   const groups = /* @__PURE__ */ new Map();
@@ -1582,10 +1594,12 @@ async function scanOrphanInputs(config) {
       }
       container = container.parentElement;
     }
+    console.log(`[auto-webmcp] orphan: input (name="${input.name}" id="${input.id}") grouped into container`, foundContainer);
     if (!groups.has(foundContainer))
       groups.set(foundContainer, []);
     groups.get(foundContainer).push(input);
   }
+  console.log(`[auto-webmcp] orphan: ${groups.size} group(s) found`);
   for (const [container, inputs] of groups) {
     const allCandidates = Array.from(
       container.querySelectorAll(SUBMIT_BTN_SELECTOR)
@@ -1594,6 +1608,17 @@ async function scanOrphanInputs(config) {
       return r.width > 0 && r.height > 0;
     });
     let submitBtn = allCandidates[allCandidates.length - 1] ?? null;
+    if (!submitBtn) {
+      const disabledCandidates = Array.from(
+        container.querySelectorAll(SUBMIT_BTN_GROUPING_SELECTOR)
+      ).filter((b) => {
+        const r = b.getBoundingClientRect();
+        return r.width > 0 && r.height > 0 && b.disabled;
+      });
+      submitBtn = disabledCandidates[disabledCandidates.length - 1] ?? null;
+      if (submitBtn)
+        console.log(`[auto-webmcp] orphan: using disabled submit button as reference: "${submitBtn.textContent?.trim()}"`);
+    }
     if (!submitBtn) {
       const pageBtns = Array.from(document.querySelectorAll("button")).filter(
         (b) => {
@@ -1602,28 +1627,50 @@ async function scanOrphanInputs(config) {
         }
       );
       submitBtn = pageBtns[pageBtns.length - 1] ?? null;
+      if (submitBtn)
+        console.log(`[auto-webmcp] orphan: using page-wide fallback submit button: "${submitBtn.textContent?.trim()}"`);
     }
+    console.log(`[auto-webmcp] orphan: submit button for group:`, submitBtn ? `"${submitBtn.textContent?.trim()}" disabled=${submitBtn.disabled}` : "none");
     const metadata = analyzeOrphanInputGroup(container, inputs, submitBtn);
+    console.log(`[auto-webmcp] orphan: tool="${metadata.name}" schema keys:`, Object.keys(metadata.inputSchema.properties));
     const inputPairs = [];
     const schemaProps = metadata.inputSchema.properties;
+    const AUTO_ID_RE = /^_r_[0-9a-z]+_$/i;
     for (const el of inputs) {
-      const key = el.name || el.dataset["webmcpName"] || el.id || el.getAttribute("aria-label") || null;
+      const id = el.id && !AUTO_ID_RE.test(el.id) ? el.id : null;
+      const key = el.name || el.dataset["webmcpName"] || id || el.getAttribute("aria-label") || (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement ? el.placeholder || null : null) || null;
       const safeKey = key ? key.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "").slice(0, 64) : null;
-      if (safeKey && schemaProps[safeKey]) {
+      const matched = !!(safeKey && schemaProps[safeKey]);
+      console.log(`[auto-webmcp] orphan: field (name="${el.name}" id="${el.id}") rawKey="${key}" safeKey="${safeKey}" matched=${matched}`);
+      if (matched) {
         inputPairs.push({ key: safeKey, el });
       }
     }
+    console.log(`[auto-webmcp] orphan: ${inputPairs.length}/${inputs.length} input(s) mapped to schema keys`);
+    if (inputPairs.length === 0) {
+      console.log(`[auto-webmcp] orphan: skipping group "${metadata.name}" \u2014 no inputs mapped to schema keys`);
+      continue;
+    }
     const toolName = metadata.name;
     const execute = async (params) => {
+      console.log(`[auto-webmcp] orphan execute: tool="${toolName}" params=`, params);
+      console.log(`[auto-webmcp] orphan execute: inputPairs=`, inputPairs.map((p) => p.key));
       for (const { key, el } of inputPairs) {
         if (params[key] !== void 0) {
+          console.log(`[auto-webmcp] orphan execute: filling key="${key}" value=`, params[key], "element=", el);
           fillElement(el, params[key]);
+          console.log(`[auto-webmcp] orphan execute: after fill, element value=`, el.value);
+        } else {
+          console.log(`[auto-webmcp] orphan execute: key="${key}" not in params, skipping`);
         }
       }
       window.dispatchEvent(new CustomEvent("toolactivated", { detail: { toolName } }));
-      if (!config.autoSubmit) {
+      const shouldAutoSubmit = config.autoSubmit || !!submitBtn?.hasAttribute("toolautosubmit") || submitBtn instanceof HTMLElement && submitBtn.dataset["webmcpAutosubmit"] !== void 0 || container.hasAttribute("toolautosubmit") || container instanceof HTMLElement && container.dataset["webmcpAutosubmit"] !== void 0;
+      if (!shouldAutoSubmit) {
+        console.log(`[auto-webmcp] orphan execute: autoSubmit=false, returning without clicking submit`);
         return { content: [{ type: "text", text: "Fields filled. Ready to submit." }] };
       }
+      console.log(`[auto-webmcp] orphan execute: polling for enabled submit button (up to 2s)...`);
       let btn = null;
       const deadline = Date.now() + 2e3;
       while (Date.now() < deadline) {
@@ -1641,8 +1688,10 @@ async function scanOrphanInputs(config) {
         await new Promise((r) => setTimeout(r, 100));
       }
       if (!btn) {
+        console.warn(`[auto-webmcp] orphan execute: submit button still disabled after 2s`);
         return { content: [{ type: "text", text: "Fields filled but the submit button is still disabled. The page may require additional input before submitting." }] };
       }
+      console.log(`[auto-webmcp] orphan execute: clicking submit button "${btn.textContent?.trim()}"`);
       btn.click();
       return { content: [{ type: "text", text: "Fields filled and form submitted." }] };
     };
@@ -1657,8 +1706,10 @@ async function scanOrphanInputs(config) {
         toolDef.annotations = metadata.annotations;
       }
       await navigator.modelContext.registerTool(toolDef);
+      const pendingBtns = window["__pendingSubmitBtns"] ??= {};
+      pendingBtns[metadata.name] = submitBtn;
       if (config.debug) {
-        console.debug(`[auto-webmcp] Orphan tool registered: ${metadata.name}`, metadata);
+        console.log(`[auto-webmcp] Orphan tool registered: ${metadata.name}`, metadata);
       }
     } catch {
     }