A while back on a night out in northern Norway, I had to start debugging a critical production bug that broke the payment flow of my SaaS product. I had limited time to fix the bug or I would have lost about ~1K profit. Super stressful.

I had logging and Sentry in place, but neither helped me reproduce or find the root cause of the bug.

Ever since, I started thinking; why can’t we just have a tool that you setup once, and that allows us to reproduce every function call and function that the user ran before the bug?

This is how the idea for Flytrap was born.

Flytrap is the fastest debugging tool for JavaScript projects. Just set it up in 5 minutes. No logging needed. When viewing bugs on Flytrap, it creates a visualisation of your code, and displays the bugs RIGHT IN YOUR CODE. Each function and function call in your code can be inspected for their input and output values, to gain a deep understanding of what went wrong.

Then, to reproduce any bug, just copy the ID of your bug, place it in your Flytrap config file, and boom, the values of the end-user will be injected in your local development environment!

Links:

Home page: https://www.useflytrap.com Docs: https://docs.useflytrap.com/ GitHub: https://github.com/useflytrap/flytrap-js

I would be happy to hear what issues you have had with fixing bugs in production. Ideas, experiences and feedback are much appreciated!