auto-webmcp 0.2.8 → 0.2.10

package/dist/analyzer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analyzer.d.ts","sourceRoot":"","sources":["../src/analyzer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAA8H,MAAM,aAAa,CAAC;AACrK,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,UAAU,CAAC;IACxB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAKD,iDAAiD;AACjD,wBAAgB,cAAc,IAAI,IAAI,CAErC;AAED,gDAAgD;AAChD,wBAAgB,WAAW,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,CAMxF;AAgcD;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,KAAK,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC,EACzE,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,GACrD,YAAY,CAKd"}
+{"version":3,"file":"analyzer.d.ts","sourceRoot":"","sources":["../src/analyzer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,UAAU,EAAmJ,MAAM,aAAa,CAAC;AAC1L,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,UAAU,CAAC;IACxB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAKD,iDAAiD;AACjD,wBAAgB,cAAc,IAAI,IAAI,CAErC;AAED,gDAAgD;AAChD,wBAAgB,WAAW,CAAC,IAAI,EAAE,eAAe,EAAE,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,CAMxF;AAsgBD;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,KAAK,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,iBAAiB,CAAC,EACzE,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,IAAI,GACrD,YAAY,CAKd"}

package/dist/auto-webmcp.cjs.js

@@ -207,6 +207,14 @@ function buildStringSchema(input) {
   }
   return prop;
 }
+var PLACEHOLDER_PATTERNS = /^(select|choose|pick)\b|^--+|---/i;
+function isPlaceholderOption(opt) {
+  if (opt.disabled)
+    return true;
+  if (opt.value !== "")
+    return false;
+  return PLACEHOLDER_PATTERNS.test(opt.text.trim());
+}
 function mapSelectElement(select) {
   const enumValues = [];
   const oneOf = [];
@@ -218,7 +226,7 @@ function mapSelectElement(select) {
       for (const opt of Array.from(child.children)) {
         if (!(opt instanceof HTMLOptionElement))
           continue;
-        if (opt.disabled || opt.value === "")
+        if (isPlaceholderOption(opt))
           continue;
         enumValues.push(opt.value);
         const entry = {
@@ -230,7 +238,7 @@ function mapSelectElement(select) {
         oneOf.push(entry);
       }
     } else if (child instanceof HTMLOptionElement) {
-      if (child.disabled || child.value === "")
+      if (isPlaceholderOption(child))
         continue;
       enumValues.push(child.value);
       oneOf.push({ const: child.value, title: child.text.trim() || child.value });
@@ -238,8 +246,16 @@ function mapSelectElement(select) {
   }
   if (enumValues.length === 0)
     return { type: "string" };
+  if (select.multiple) {
+    return { type: "array", items: { type: "string", enum: enumValues } };
+  }
   return { type: "string", enum: enumValues, oneOf };
 }
+function collectCheckboxEnum(form, name) {
+  return Array.from(
+    form.querySelectorAll(`input[type="checkbox"][name="${CSS.escape(name)}"]`)
+  ).map((cb) => cb.value).filter((v) => v !== "" && v !== "on");
+}
 function collectRadioEnum(form, name) {
   const radios = Array.from(
     form.querySelectorAll(`input[type="radio"][name="${CSS.escape(name)}"]`)
@@ -426,6 +442,7 @@ function buildSchema(form) {
   const required = [];
   const fieldElements = /* @__PURE__ */ new Map();
   const processedRadioGroups = /* @__PURE__ */ new Set();
+  const processedCheckboxGroups = /* @__PURE__ */ new Set();
   const controls = Array.from(
     form.querySelectorAll(
       "input, textarea, select"
@@ -441,6 +458,11 @@ function buildSchema(form) {
         continue;
       processedRadioGroups.add(fieldKey);
     }
+    if (control instanceof HTMLInputElement && control.type === "checkbox") {
+      if (processedCheckboxGroups.has(fieldKey))
+        continue;
+      processedCheckboxGroups.add(fieldKey);
+    }
     const schemaProp = inputTypeToSchema(control);
     if (!schemaProp)
       continue;
@@ -456,6 +478,22 @@ function buildSchema(form) {
       if (radioOneOf.length > 0)
         schemaProp.oneOf = radioOneOf;
     }
+    if (control instanceof HTMLInputElement && control.type === "checkbox") {
+      const checkboxValues = collectCheckboxEnum(form, fieldKey);
+      if (checkboxValues.length > 1) {
+        const arrayProp = {
+          type: "array",
+          items: { type: "string", enum: checkboxValues },
+          title: schemaProp.title
+        };
+        if (schemaProp.description)
+          arrayProp.description = schemaProp.description;
+        properties[fieldKey] = arrayProp;
+        if (control.required)
+          required.push(fieldKey);
+        continue;
+      }
+    }
     properties[fieldKey] = schemaProp;
     if (!name) {
       fieldElements.set(fieldKey, control);
@@ -466,7 +504,7 @@ function buildSchema(form) {
   }
   const ariaControls = collectAriaControls(form);
   const processedAriaRadioGroups = /* @__PURE__ */ new Set();
-  for (const { el, role, key } of ariaControls) {
+  for (const { el, role, key, enumValues, enumOneOf } of ariaControls) {
     if (properties[key])
       continue;
     if (role === "radio") {
@@ -475,6 +513,11 @@ function buildSchema(form) {
       processedAriaRadioGroups.add(key);
     }
     const schemaProp = ariaRoleToSchema(el, role);
+    if (enumValues && enumValues.length > 0) {
+      schemaProp.enum = enumValues;
+      if (enumOneOf && enumOneOf.length > 0)
+        schemaProp.oneOf = enumOneOf;
+    }
     schemaProp.title = inferAriaFieldTitle(el);
     const desc = inferAriaFieldDescription(el);
     if (desc)
@@ -506,7 +549,7 @@ function resolveNativeControlFallbackKey(control) {
 }
 function collectAriaControls(form) {
   const selector = ARIA_ROLES_TO_SCAN.map((r) => `[role="${r}"]`).join(", ");
-  const results = [];
+  const rawResults = [];
   for (const el of Array.from(form.querySelectorAll(selector))) {
     if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement || el instanceof HTMLSelectElement)
       continue;
@@ -516,9 +559,38 @@ function collectAriaControls(form) {
     const key = resolveAriaFieldKey(el);
     if (!key)
       continue;
-    results.push({ el, role, key });
+    rawResults.push({ el, role, key });
+  }
+  const radioEntries = rawResults.filter((e) => e.role === "radio");
+  const nonRadioEntries = rawResults.filter((e) => e.role !== "radio");
+  const radioGroupMap = /* @__PURE__ */ new Map();
+  const ungroupedRadios = [];
+  for (const entry of radioEntries) {
+    const group = entry.el.closest('[role="radiogroup"]');
+    if (group) {
+      if (!radioGroupMap.has(group))
+        radioGroupMap.set(group, []);
+      radioGroupMap.get(group).push(entry.el);
+    } else {
+      ungroupedRadios.push(entry);
+    }
+  }
+  const groupedEntries = [];
+  for (const [group, members] of radioGroupMap) {
+    const groupKey = resolveAriaFieldKey(group);
+    if (!groupKey)
+      continue;
+    const enumValues = members.map((el) => (el.getAttribute("data-value") ?? el.getAttribute("aria-label") ?? el.textContent ?? "").trim()).filter(Boolean);
+    const enumOneOf = members.map((el) => {
+      const val = (el.getAttribute("data-value") ?? el.getAttribute("aria-label") ?? el.textContent ?? "").trim();
+      const title = (el.getAttribute("aria-label") ?? el.textContent ?? "").trim();
+      return { const: val, title: title || val };
+    }).filter((e) => e.const !== "");
+    if (enumValues.length > 0) {
+      groupedEntries.push({ el: group, role: "radio", key: groupKey, enumValues, enumOneOf });
+    }
   }
-  return results;
+  return [...nonRadioEntries, ...groupedEntries, ...ungroupedRadios];
 }
 function resolveAriaFieldKey(el) {
   const htmlEl = el;
@@ -714,6 +786,7 @@ function buildSchemaFromInputs(inputs) {
   const required = [];
   const fieldElements = /* @__PURE__ */ new Map();
   const processedRadioGroups = /* @__PURE__ */ new Set();
+  const processedCheckboxGroups = /* @__PURE__ */ new Set();
   for (const control of inputs) {
     const name = control.name;
     const fieldKey = name || resolveNativeControlFallbackKey(control);
@@ -724,6 +797,11 @@ function buildSchemaFromInputs(inputs) {
         continue;
       processedRadioGroups.add(fieldKey);
     }
+    if (control instanceof HTMLInputElement && control.type === "checkbox") {
+      if (processedCheckboxGroups.has(fieldKey))
+        continue;
+      processedCheckboxGroups.add(fieldKey);
+    }
     const schemaProp = inputTypeToSchema(control);
     if (!schemaProp)
       continue;
@@ -733,6 +811,22 @@ function buildSchemaFromInputs(inputs) {
     const desc = inferFieldDescription(control);
     if (desc)
       schemaProp.description = desc;
+    if (control instanceof HTMLInputElement && control.type === "checkbox") {
+      const checkboxValues = inputs.filter((i) => i instanceof HTMLInputElement && i.type === "checkbox" && i.name === fieldKey).map((cb) => cb.value).filter((v) => v !== "" && v !== "on");
+      if (checkboxValues.length > 1) {
+        const arrayProp = {
+          type: "array",
+          items: { type: "string", enum: checkboxValues },
+          title: schemaProp.title
+        };
+        if (schemaProp.description)
+          arrayProp.description = schemaProp.description;
+        properties[fieldKey] = arrayProp;
+        if (control.required)
+          required.push(fieldKey);
+        continue;
+      }
+    }
     properties[fieldKey] = schemaProp;
     if (!name)
       fieldElements.set(fieldKey, control);
@@ -750,6 +844,8 @@ var pendingExecutions = /* @__PURE__ */ new WeakMap();
 var lastParams = /* @__PURE__ */ new WeakMap();
 var formFieldElements = /* @__PURE__ */ new WeakMap();
 var pendingWarnings = /* @__PURE__ */ new WeakMap();
+var pendingFillWarnings = /* @__PURE__ */ new WeakMap();
+var lastFilledSnapshot = /* @__PURE__ */ new WeakMap();
 var _inputValueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
 var _textareaValueSetter = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set;
 var _checkedSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "checked")?.set;
@@ -759,6 +855,7 @@ function buildExecuteHandler(form, config, toolName, metadata) {
   }
   attachSubmitInterceptor(form, toolName);
   return async (params) => {
+    pendingFillWarnings.set(form, []);
     fillFormFields(form, params);
     window.dispatchEvent(new CustomEvent("toolactivated", { detail: { toolName } }));
     return new Promise((resolve, reject) => {
@@ -809,9 +906,16 @@ function attachSubmitInterceptor(form, toolName) {
     const { resolve } = pending;
     pendingExecutions.delete(form);
     const formData = serializeFormData(form, lastParams.get(form), formFieldElements.get(form));
+    lastFilledSnapshot.delete(form);
     const missing = pendingWarnings.get(form);
     pendingWarnings.delete(form);
-    const warningText = missing?.length ? ` Note: required fields were not filled: ${missing.join(", ")}.` : "";
+    const fillWarnings = pendingFillWarnings.get(form) ?? [];
+    pendingFillWarnings.delete(form);
+    const allWarnings = [
+      ...missing?.length ? [`required fields were not filled: ${missing.join(", ")}`] : [],
+      ...fillWarnings
+    ];
+    const warningText = allWarnings.length ? ` Note: ${allWarnings.join("; ")}.` : "";
     const text = `Form submitted. Fields: ${JSON.stringify(formData)}${warningText}`;
     const result = { content: [{ type: "text", text }] };
     if (e.agentInvoked && typeof e.respondWith === "function") {
@@ -821,6 +925,7 @@ function attachSubmitInterceptor(form, toolName) {
     resolve(result);
   });
   form.addEventListener("reset", () => {
+    lastFilledSnapshot.delete(form);
     window.dispatchEvent(new CustomEvent("toolcancel", { detail: { toolName } }));
   });
 }
@@ -873,16 +978,30 @@ function findNativeField(form, key) {
 function fillFormFields(form, params) {
   lastParams.set(form, params);
   const fieldEls = formFieldElements.get(form);
+  const snapshot = {};
   for (const [key, value] of Object.entries(params)) {
     const input = findNativeField(form, key);
     if (input) {
       if (input instanceof HTMLInputElement) {
         fillInput(input, form, key, value);
+        if (input.type === "checkbox") {
+          if (Array.isArray(value)) {
+            const esc = CSS.escape(key);
+            snapshot[key] = Array.from(
+              form.querySelectorAll(`input[type="checkbox"][name="${esc}"]`)
+            ).filter((b) => b.checked).map((b) => b.value);
+          } else {
+            snapshot[key] = input.checked;
+          }
+        } else {
+          snapshot[key] = input.value;
+        }
       } else if (input instanceof HTMLTextAreaElement) {
         setReactValue(input, String(value ?? ""));
+        snapshot[key] = input.value;
       } else if (input instanceof HTMLSelectElement) {
-        input.value = String(value ?? "");
-        input.dispatchEvent(new Event("change", { bubbles: true }));
+        fillSelectElement(input, value);
+        snapshot[key] = input.multiple ? Array.from(input.options).filter((o) => o.selected).map((o) => o.value) : input.value;
       }
       continue;
     }
@@ -899,23 +1018,56 @@ function fillFormFields(form, params) {
       }
       if (effectiveEl instanceof HTMLInputElement) {
         fillInput(effectiveEl, form, key, value);
+        snapshot[key] = effectiveEl.type === "checkbox" ? effectiveEl.checked : effectiveEl.value;
       } else if (effectiveEl instanceof HTMLTextAreaElement) {
         setReactValue(effectiveEl, String(value ?? ""));
+        snapshot[key] = effectiveEl.value;
       } else if (effectiveEl instanceof HTMLSelectElement) {
-        effectiveEl.value = String(value ?? "");
-        effectiveEl.dispatchEvent(new Event("change", { bubbles: true }));
+        fillSelectElement(effectiveEl, value);
+        snapshot[key] = effectiveEl.multiple ? Array.from(effectiveEl.options).filter((o) => o.selected).map((o) => o.value) : effectiveEl.value;
       } else {
         fillAriaField(effectiveEl, value);
+        snapshot[key] = value;
       }
     }
   }
+  lastFilledSnapshot.set(form, snapshot);
 }
 function fillInput(input, form, key, value) {
   const type = input.type.toLowerCase();
   if (type === "checkbox") {
+    if (Array.isArray(value)) {
+      const esc = CSS.escape(key);
+      const allBoxes = form.querySelectorAll(`input[type="checkbox"][name="${esc}"]`);
+      for (const box of allBoxes) {
+        setReactChecked(box, value.map(String).includes(box.value));
+      }
+      return;
+    }
     setReactChecked(input, Boolean(value));
     return;
   }
+  if (type === "number" || type === "range") {
+    const raw = String(value ?? "");
+    const num = Number(raw);
+    if (raw === "" || isNaN(num)) {
+      pendingFillWarnings.get(form)?.push(`"${key}" expects a number, got: ${JSON.stringify(value)}`);
+      return;
+    }
+    const min = input.min !== "" ? parseFloat(input.min) : -Infinity;
+    const max = input.max !== "" ? parseFloat(input.max) : Infinity;
+    if (num < min || num > max) {
+      pendingFillWarnings.get(form)?.push(
+        `"${key}" value ${num} is outside allowed range [${input.min || "?"}, ${input.max || "?"}]`
+      );
+      input.value = String(Math.min(Math.max(num, min), max));
+    } else {
+      input.value = String(num);
+    }
+    input.dispatchEvent(new InputEvent("input", { bubbles: true, cancelable: true, inputType: "insertText", data: String(num) }));
+    input.dispatchEvent(new Event("change", { bubbles: true }));
+    return;
+  }
   if (type === "radio") {
     const esc = CSS.escape(key);
     const radios = form.querySelectorAll(
@@ -936,6 +1088,18 @@ function fillInput(input, form, key, value) {
   }
   setReactValue(input, String(value ?? ""));
 }
+function fillSelectElement(select, value) {
+  if (select.multiple) {
+    const vals = Array.isArray(value) ? value.map(String) : [String(value ?? "")];
+    for (const opt of Array.from(select.options)) {
+      opt.selected = vals.includes(opt.value);
+    }
+    select.dispatchEvent(new Event("change", { bubbles: true }));
+    return;
+  }
+  select.value = String(value ?? "");
+  select.dispatchEvent(new Event("change", { bubbles: true }));
+}
 function fillAriaField(el, value) {
   const role = el.getAttribute("role");
   if (role === "checkbox" || role === "switch") {
@@ -948,6 +1112,22 @@ function fillAriaField(el, value) {
     el.dispatchEvent(new MouseEvent("click", { bubbles: true }));
     return;
   }
+  if (role === "radiogroup") {
+    const radios = Array.from(el.querySelectorAll('[role="radio"]'));
+    for (const radio of radios) {
+      const val = (radio.getAttribute("data-value") ?? radio.getAttribute("aria-label") ?? radio.textContent ?? "").trim();
+      if (val === String(value)) {
+        radio.setAttribute("aria-checked", "true");
+        radio.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+        for (const other of radios) {
+          if (other !== radio)
+            other.setAttribute("aria-checked", "false");
+        }
+        break;
+      }
+    }
+    return;
+  }
   const htmlEl = el;
   if (htmlEl.isContentEditable) {
     htmlEl.textContent = String(value ?? "");
@@ -958,6 +1138,7 @@ function fillAriaField(el, value) {
 function serializeFormData(form, params, fieldEls) {
   const result = {};
   const data = new FormData(form);
+  const snapshot = lastFilledSnapshot.get(form);
   for (const [key, val] of data.entries()) {
     if (result[key] !== void 0) {
       const existing = result[key];
@@ -974,6 +1155,10 @@ function serializeFormData(form, params, fieldEls) {
     for (const key of Object.keys(params)) {
       if (key in result)
         continue;
+      if (snapshot && key in snapshot) {
+        result[key] = snapshot[key];
+        continue;
+      }
       const el = findNativeField(form, key) ?? fieldEls?.get(key) ?? null;
       if (!el)
         continue;
@@ -1012,8 +1197,7 @@ function fillElement(el, value) {
   } else if (el instanceof HTMLTextAreaElement) {
     setReactValue(el, String(value ?? ""));
   } else if (el instanceof HTMLSelectElement) {
-    el.value = String(value ?? "");
-    el.dispatchEvent(new Event("change", { bubbles: true }));
+    fillSelectElement(el, value);
   } else {
     fillAriaField(el, value);
   }