Buggable

Buggable is a small screenshot & user feedback component. It replicates the basic functionality of a tool like UserBack or UserSnap. It also adds a few nice things not found in those tools.

Screenshots

Some of the features it supports are:

Optional "give feedback" button
Custom triggering of the widget
Console log capturing
rrweb integration for recording sessions 🔥
Context mode (mini popup)
Dark mode
HTML & SVG image creation
Flexible actions (clickable sections)
Basic form building
Custom rating component
Video/audio/webcam recordings
SVG markup tool
Audio snippets when creating a mockup

Caveats

This was an experiment to see how hard it would be to replicate some of the functionality from the platforms above. So deployments are tricky, unfortunately. At the moment the flow is:

JS snippet on index.html page mounts the launcher widget & styles
Launcher widget sets up the tool and/or buttons
Mockups are created by mounting the screenshot app into an iframe on top of the launcher app
Logging & rrweb runs in the background on mount
Everything else is handled by the launcher app in a straightforward way
API calls are stubbed

For information on widget settings, see the launcher/src/index.js & launcher/src/index.html files.

For any questions, please feel free to open an issue (I will add more/better docs as soon as I can).

joduplessis/buggable

Buggable

Screenshots

Some of the features it supports are:

Caveats