Live Arch Network mempool theater.
Pending transactions appear as original wild critters in the tall grass. When a block lands, a catch-wave sweeps the shore and an island rises. Nothing is replayed — the scene is driven by the Arch Explorer API.
Inspired by the idea of live mempool theater (see Hypurr Harbor), but a different world: islands, grass, and type-colored critters — not a harbor of cats.
npm install
npm run dev- Web: http://127.0.0.1:5173
- Relay: http://127.0.0.1:8787
- Demo mode (no explorer): http://127.0.0.1:5173/?demo=1
- Testnet: http://127.0.0.1:5173/?network=testnet
| Piece | Role |
|---|---|
src/theater |
Canvas scene — shore, grass, islands, catch-wave |
src/creatures |
Deterministic original sprites from tx hash (type, size, shiny) |
server/ |
Relay — explorer CORS is locked to the explorer origin, so browsers talk to us |
| Explorer | GET /api/v1/{network}/mempool/recent, /mempool/stats, /blocks, plus wss://explorer.arch.network/ws/{network} |
The relay pauses upstream when nobody is watching.
- Body / markings / name from txid hash
- Size from
size_bytes electric+ shiny sparkle from highfee_priority- Types: normal · steel · psychic · electric · ghost · grass
Dev-sized defaults:
- Frontend: S3 + CloudFront
- Relay: ECS Fargate (small task) behind an ALB or CloudFront
/harbor/*behavior - Secrets/config: explorer base URL + network via env
See infra/README.md.
MIT. Sprites and names are original to this project — do not use Nintendo trademarks or Pokémon assets.