WebMCP Generator

<script>
(function () {
  if (!('modelContext' in document)) return; // WebMCP isn't supported in this browser yet; this script is a safe no-op until it is.
  var controller = new AbortController();
  if (document.querySelector("form[action*='/search'], form[role='search']")) {
    document.modelContext.registerTool({
      name: "search_products",
      description: "Search this store's products by keyword and go to the results page",
      inputSchema: { type: "object", properties: { query: { type: "string", description: "What to search for" } }, required: ["query"] },
      async execute({ query }) {
        var form = document.querySelector("form[action*='/search'], form[role='search']");
        var input = form.querySelector("input[type=search], input[name='q'], input[type=text]");
        if (!input) return { content: [{ type: "text", text: "No search field found on this page." }] };
        input.value = query;
        form.requestSubmit ? form.requestSubmit() : form.submit();
        return { content: [{ type: "text", text: "Searching the store for \"" + query + "\"." }] };
      },
    }, { signal: controller.signal });
  }
  if (document.querySelector("form[action*='/cart/add'], form.cart, form[action*='add-to-cart']")) {
    document.modelContext.registerTool({
      name: "add_to_cart",
      description: "Add the product on this page to the shopping cart",
      inputSchema: { type: "object", properties: { quantity: { type: "number", description: "How many to add", default: 1 } } },
      async execute(args) {
        var form = document.querySelector("form[action*='/cart/add'], form.cart, form[action*='add-to-cart']");
        var qtyField = form.querySelector("input[name='quantity']");
        if (qtyField && args && args.quantity) qtyField.value = String(args.quantity);
        form.requestSubmit ? form.requestSubmit() : form.submit();
        return { content: [{ type: "text", text: "Submitted the add-to-cart form. Check the cart to confirm it was added." }] };
      },
    }, { signal: controller.signal });
  }
})();
</script>