🎣 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","children",[],[151],"files",[149],"counts",{"_174":32,"_175":117,"_176":32,"_177":178},"pulls","branches","forks","envVars",{"_179":32,"_180":32},"count","emptyCount","contents",[183],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":136,"_157":158,"_104":184,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":185},["D",1749505894612],[151],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":195,"_181":200,"_203":-7,"_204":-5,"_205":-5,"_170":206,"_210":211,"_212":-5,"_213":-5},{"_102":103,"_95":96,"_104":196,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":117,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":197,"_131":198,"_134":199,"_146":22},["D",1749505039727],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_99":136,"_95":43,"_102":137,"_138":103,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[201],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":136,"_157":158,"_104":184,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":202},[151],"readme","upstream","pull",[207],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":136,"_157":158,"_104":159,"_99":160,"_161":162,"_163":164,"_165":22,"_166":-5,"_167":208,"_98":209},[],[151],"previews",[207],"ahead","behind","actionData","errors"]

dcm31

webhookcatcher