r/Bubbleio • u/LowKey7121 • 2h ago
I got tired of debugging Bubble apps through the console, so I built a Chrome extension that catches runtime errors and explains them
Every time something broke in preview I ended up in the same loop: Bubble debugger → browser console → Network tab → paste the error into ChatGPT → try to figure out what it meant. Built this to skip that loop.
It sits in the background while you test your app (preview, live, or custom domain — not the editor, since your app doesn't actually run there) and catches things as they happen:
- failed workflow requests and API Connector errors
- 403s from privacy rules
- JS errors and plugin crashes
- broken images, slow requests, large payloads
When it catches something it tells you which workflow failed and what to check, in Bubble terms instead of a raw console dump.
There's also a static scan that reads your page structure without running it — finds things like nav actions pointing to deleted pages, buttons with no workflow attached, references to custom states that no longer exist.
Free, with a daily cap on the AI calls since I'm paying for those myself right now.
Fair warning: Chrome will tell you it can "read data on all websites." That's because Bubble apps can be on any custom domain, so it has to check. It only activates on Bubble pages and does nothing everywhere else — no analytics, nothing leaves your browser unless you click to send a specific error.
It's early. Works well on my apps, but every Bubble app is built differently. If it misses something or gives a bad explanation I'd genuinely like to hear it.
https://chromewebstore.google.com/detail/bubble-preflight/eidfoaglbebopimgglcgopgmmlmicmel