auto-webmcp 0.2.7 → 0.2.9

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;AAkaD;;;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

@@ -189,17 +189,62 @@ function buildStringSchema(input) {
     prop.maxLength = input.maxLength;
   if (input.pattern)
     prop.pattern = input.pattern;
+  const listId = input.getAttribute("list");
+  if (listId) {
+    const datalist = input.ownerDocument.getElementById(listId);
+    if (datalist instanceof HTMLDataListElement) {
+      const options = Array.from(datalist.options).filter(
+        (o) => !o.disabled && o.value.trim() !== ""
+      );
+      if (options.length > 0) {
+        prop.enum = options.map((o) => o.value.trim());
+        prop.oneOf = options.map((o) => ({
+          const: o.value.trim(),
+          title: o.textContent?.trim() || o.value.trim()
+        }));
+      }
+    }
+  }
   return prop;
 }
 function mapSelectElement(select) {
-  const filtered = Array.from(select.options).filter((o) => o.value !== "" && !o.disabled);
-  if (filtered.length === 0) {
-    return { type: "string" };
+  const enumValues = [];
+  const oneOf = [];
+  for (const child of Array.from(select.children)) {
+    if (child instanceof HTMLOptGroupElement) {
+      if (child.disabled)
+        continue;
+      const groupLabel = child.label?.trim() ?? "";
+      for (const opt of Array.from(child.children)) {
+        if (!(opt instanceof HTMLOptionElement))
+          continue;
+        if (opt.disabled || opt.value === "")
+          continue;
+        enumValues.push(opt.value);
+        const entry = {
+          const: opt.value,
+          title: opt.text.trim() || opt.value
+        };
+        if (groupLabel)
+          entry.group = groupLabel;
+        oneOf.push(entry);
+      }
+    } else if (child instanceof HTMLOptionElement) {
+      if (child.disabled || child.value === "")
+        continue;
+      enumValues.push(child.value);
+      oneOf.push({ const: child.value, title: child.text.trim() || child.value });
+    }
   }
-  const enumValues = filtered.map((o) => o.value);
-  const oneOf = filtered.map((o) => ({ const: o.value, title: o.text.trim() || o.value }));
+  if (enumValues.length === 0)
+    return { type: "string" };
   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)}"]`)
@@ -386,6 +431,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"
@@ -401,9 +447,16 @@ 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;
+    if (!isControlVisible(control))
+      continue;
     schemaProp.title = inferFieldTitle(control);
     const desc = inferFieldDescription(control);
     if (desc)
@@ -414,6 +467,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);
@@ -424,7 +493,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") {
@@ -433,6 +502,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)
@@ -464,7 +538,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;
@@ -474,9 +548,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;
@@ -597,6 +700,24 @@ function labelTextWithoutNested(label) {
 function humanizeName(raw) {
   return raw.replace(/[-_]/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").trim().replace(/\b\w/g, (c) => c.toUpperCase());
 }
+function isControlVisible(el) {
+  const style = window.getComputedStyle(el);
+  if (style.display === "none")
+    return false;
+  if (style.visibility === "hidden")
+    return false;
+  if (el.offsetParent === null && style.position !== "fixed")
+    return false;
+  let node = el;
+  while (node && node !== document.body) {
+    if (node.getAttribute("aria-hidden") === "true")
+      return false;
+    node = node.parentElement;
+  }
+  if (el.closest("fieldset")?.disabled)
+    return false;
+  return true;
+}
 function analyzeOrphanInputGroup(container, inputs, submitBtn) {
   const name = inferOrphanToolName(container, submitBtn);
   const description = inferOrphanToolDescription(container);
@@ -654,6 +775,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);
@@ -664,13 +786,36 @@ 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;
+    if (!isControlVisible(control))
+      continue;
     schemaProp.title = inferFieldTitle(control);
     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);
@@ -688,6 +833,7 @@ 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 _inputValueSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
 var _textareaValueSetter = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set;
 var _checkedSetter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "checked")?.set;
@@ -697,6 +843,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) => {
@@ -749,7 +896,13 @@ function attachSubmitInterceptor(form, toolName) {
     const formData = serializeFormData(form, lastParams.get(form), formFieldElements.get(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") {
@@ -851,9 +1004,38 @@ function fillFormFields(form, params) {
 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(
@@ -886,6 +1068,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 ?? "");