POST Pit

A webhook testing service that captures HTTP requests and displays them in a user-friendly interface.

Features

  • Generate unique URLs for capturing webhook events
  • Persist all incoming requests with full details (headers, body, method, etc.)
  • Real-time UI for viewing captured requests
  • Support for all HTTP methods
  • Enhanced JSON formatting with collapsible/expandable objects and arrays
  • Syntax highlighting for JSON data
  • Request timestamps and metadata

Project Structure

├── backend/
│   ├── database/
│   │   ├── migrations.ts    # Database schema
│   │   └── queries.ts       # Database operations
│   └── index.ts             # Main Hono server
├── frontend/
│   ├── components/
│   │   ├── App.tsx          # Main React app
│   │   ├── BinView.tsx      # Individual pit viewer (PitView)
│   │   ├── JsonViewer.tsx   # Enhanced JSON viewer with collapsible objects
│   │   └── RequestList.tsx  # Request list component
│   ├── index.html           # Main HTML template
│   └── index.tsx            # Frontend entry point
└── shared/
    └── types.ts             # Shared TypeScript types

Usage

  1. Visit the homepage to create a new POST Pit
  2. Copy the generated URL and use it as a webhook endpoint
  3. Send HTTP requests to the URL
  4. View captured requests in real-time on the pit page

API Endpoints

  • GET / - Homepage
  • POST /api/pits - Create a new pit
  • GET /api/pits/:pitId - Get pit details and requests
  • ALL /pit/:pitId - Capture webhook requests
  • GET /pit/:pitId/view - View pit in UI