Luis J Camargo   •   about 1 month ago

Enforced code snippet requested?

Hi everyone

On the welcome email the text implies we must implement a exact code snippet, so my question is if this exact code is expected verbatim or it was just an example of a typical implementation? In my the case, my project is built in react/nextjs which ideally will require abstractions like hooks/components or using libraries as react-webmcp, so including this snippet exactly as requested will be very antipattern. Or either what this request meant is that we must expose this specific tool "search_product" so that an automated test can find it as kind-of signature? Please let me know!

Btw the patterns I was willing to use was like:
function SearchTool() {
useMcpTool({
name: "search_products",
description: "Search the product catalog",
input: z.object({ ... }),
handler: async ({ query }) => ({
...
}),
});
return null;
}
export default function App() {
return (



);
}

This is the text as received in the email:
"Repositories should show WebMCP implementation with the following code snippet:
document.modelContext.registerTool({
name: "search_products",
description: "Search the product catalog",
inputSchema: { /* ... */ },
execute: async (input) => { /* ... */ }
});"