Webhook signature verification demo

[therealjhay]

ProblemWebhook docs mention signatures but there is no interactive way to verify one; WebhookTester doesn't show how to validate the HMAC client-side.

Solution

• Add a "Verify a signature" panel in the developers page: paste payload + signature + key → compute HMAC-SHA256 and show match/mismatch.
• Document the canonical payload format and constant-time comparison.
• Add a dev-mode "simulate a signed webhook" button that produces a verifiable sample.
• Add unit tests for the HMAC computation.

Acceptance Criteria

• Correct signatures verify, tampered ones fail with a clear diff view.
• The demo works fully client-side in dev.
• Tests cover empty/malformed payloads.
• npm run build passes.

Note for Contributors: Write a clear PR description. Show a valid and a tampered signature side by side.

[Peculiarr7]

Hi! I came across this issue and would love to work on it. I have experience with similar tasks and I'm confident I can investigate, implement a clean solution, and thoroughly test it before submitting a PR. If the issue is still open, I would appreciate it if you could assign it to me. I’ll prioritize this immediately and ensure a reliable solution is delivered as soon as possible. Thank you!

[Adeyemi-cmd]

Hello maintainer. i would love to work on this

[guptakumarranjeet150]

Hi everyone,

I would like to resolve this issue. Here is my proposed execution plan:

• Implementation: Build Webhook signature verification demo with clean React/Next.js components, responsive styling, and proper loading/error boundaries.
• Testing & Verification: Add component unit tests and ensure zero TypeScript/ESLint warnings.
• Delivery: Ready to ship a thoroughly tested PR within 12–24 hours with passing CI.

Ready to deliver a clean, tested PR within 12–24 hours. Please assign!