> ## Documentation Index > Fetch the complete documentation index at: https://veryfront.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Update eval > Update a structured project eval source file export const McpToolCall = ({tool, initialArguments = {}}) => { const endpoint = "https://api.veryfront.com/mcp"; const tokenStorageKey = 'veryfront.docs.mcpBearerToken'; const escapeHtml = value => value.replace(/&/g, '&').replace(//g, '>'); const highlightJson = value => { const escaped = escapeHtml(value); return escaped.replace(/("(?:\\u[a-fA-F0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\btrue\b|\bfalse\b|\bnull\b|-?\d+(?:\.\d+)?(?:[eE][+\-]?\d+)?)/g, match => { let color = '#f3f4f6'; if (match.endsWith(':')) { color = '#7dd3fc'; } else if (match.startsWith('"')) { color = '#86efac'; } else if ((/true|false/).test(match)) { color = '#c4b5fd'; } else if ((/null/).test(match)) { color = '#fcd34d'; } else { color = '#67e8f9'; } return `${match}`; }); }; const expandJsonStrings = value => { if (typeof value === 'string') { const trimmed = value.trim(); if (trimmed.startsWith('{') && trimmed.endsWith('}') || trimmed.startsWith('[') && trimmed.endsWith(']')) { try { return expandJsonStrings(JSON.parse(trimmed)); } catch {} } return value; } if (Array.isArray(value)) { return value.map(expandJsonStrings); } if (value && typeof value === 'object') { return Object.fromEntries(Object.entries(value).map(([key, nestedValue]) => [key, expandJsonStrings(nestedValue)])); } return value; }; const formatJson = value => { try { return JSON.stringify(expandJsonStrings(value), null, 2); } catch { return String(value); } }; const formatResponseText = text => { const trimmed = text.trim(); if (!trimmed) return 'No response body.'; try { return formatJson(JSON.parse(trimmed)); } catch {} const ssePayloads = trimmed.split(/\n\n+/).flatMap(chunk => chunk.split('\n').filter(line => line.startsWith('data:')).map(line => line.slice(5).trim()).filter(Boolean)); for (let index = ssePayloads.length - 1; index >= 0; index -= 1) { try { return formatJson(JSON.parse(ssePayloads[index])); } catch {} } return trimmed; }; const readStoredToken = () => { if (typeof window === 'undefined') return ''; try { return window.sessionStorage.getItem(tokenStorageKey) || ''; } catch { return ''; } }; const writeStoredToken = value => { if (typeof window === 'undefined') return; try { if (value) { window.sessionStorage.setItem(tokenStorageKey, value); } else { window.sessionStorage.removeItem(tokenStorageKey); } } catch {} }; const [token, setToken] = useState(readStoredToken); const [argumentText, setArgumentText] = useState(formatJson(initialArguments)); const [status, setStatus] = useState('Ready'); const [response, setResponse] = useState('No response yet.'); const [copied, setCopied] = useState(false); const callTool = async () => { if (!token.trim()) { setStatus('Paste a bearer token first.'); return; } let parsedArguments; try { parsedArguments = argumentText.trim() ? JSON.parse(argumentText) : {}; } catch { setStatus('Input must be valid JSON.'); return; } const body = { jsonrpc: '2.0', id: Date.now(), method: 'tools/call', params: { name: tool, arguments: parsedArguments } }; setStatus('Calling tool...'); setResponse(formatJson(body)); try { const result = await fetch(endpoint, { method: 'POST', headers: { accept: 'application/json, text/event-stream', 'content-type': 'application/json', authorization: `Bearer ${token.trim()}`, 'x-veryfront-origin': 'docs-mcp-tool-page' }, body: JSON.stringify(body) }); const text = await result.text(); setStatus(result.ok ? 'Response received.' : `Request failed with HTTP ${result.status}.`); setResponse(formatResponseText(text)); } catch (error) { setStatus('Request failed.'); setResponse(error instanceof Error ? error.message : String(error)); } }; const copyResponse = async () => { try { await navigator.clipboard.writeText(response); setCopied(true); setTimeout(() => setCopied(false), 1500); } catch { setStatus('Copy failed.'); } }; return
MCP tool call
Call {tool} against the Veryfront MCP endpoint.
{ const value = event.target.value; setToken(value); writeStoredToken(value); }} placeholder="Paste API key or JWT" />