🎣 Webhook Catcher

\n \n

📤 What Your Webhook Will Receive Back:

When you send a request to your webhook URL, you'll get this JSON response:

{\n  \"success\": true,\n  \"message\": \"🎣 Webhook caught and logged successfully!\",\n  \"timestamp\": \"2024-01-15T10:30:45.123Z\",\n  \"request\": {\n    \"method\": \"POST\",\n    \"url\": \"https://your-webhook-url.com/endpoint\",\n    \"headers_count\": 12,\n    \"body_size\": 156,\n    \"ip\": \"192.168.1.1\"\n  },\n  \"log_id\": null,\n  \"next_steps\": \"Visit the webhook catcher URL in your browser to view all logged requests\"\n}

\n \n

🧪 Test Your Webhook:

Try these example requests:

\n \n

\n Simple GET request:\n

\n curl \"${webhookUrl}\"\n \n

\n \n

\n POST with JSON data:\n

curl -X POST \"${webhookUrl}\" -H \"Content-Type: application/json\" -d '{\"test\": \"data\", \"timestamp\": \"'$(date -Iseconds)'\"}'

\n \n

\n POST with form data:\n

\n curl -X POST \"${webhookUrl}\" -d \"name=test&value=123\"\n \n

\n \n

🔗 Your Webhook URL:

\n \n \n

Send any HTTP request to this URL to see it logged below.

\n \n

\n \n \n \n

\n \n

📋 Request Log (${logs.rows.length} entries)

\n ${logs.rows.map(log => `\n

\n \n ${log[2]}\n \n ${new Date(log[1]).toLocaleString()}\n

\n ID: ${log[0]}\n

\n \n

\n URL:\n ${log[3]}\n

\n \n ${log[6] ? `\n

\n IP:\n ${log[6]}\n

\n ` : ''}\n \n ${log[5] ? `\n

\n Body:\n

${escapeHtml(log[5])}

\n ` : ''}\n \n

\n 📋 View Headers\n

${JSON.stringify(JSON.parse(log[4]), null, 2)}

\n `).join('')}\n

\n \n ${logs.rows.length === 0 ? `\n

🎣 No webhooks caught yet!

Send a request to your webhook URL above to see it appear here.

\n ` : ''}\n

\n \n \n\n\n `;\n}\n\nfunction getMethodColor(method: string): string {\n switch (method.toUpperCase()) {\n case 'GET': return 'bg-green-100 text-green-800';\n case 'POST': return 'bg-yellow-100 text-yellow-800';\n case 'PUT': return 'bg-purple-100 text-purple-800';\n case 'DELETE': return 'bg-red-100 text-red-800';\n case 'PATCH': return 'bg-blue-100 text-blue-800';\n default: return 'bg-gray-100 text-gray-800';\n }\n}\n\nfunction escapeHtml(text: string): string {\n return text\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n}","deleted","label",[98],"permalink","https://www.val.town/x/dcm31/webhookcatcher/code/webhook-catcher.ts","extension","actionData","errors"]