Skip to content

An embeddable bug reporting & screenshot creation component that integrates rrweb & video/webcam recording. 🐞 πŸŽ₯

Notifications You must be signed in to change notification settings

joduplessis/buggable

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

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:

  1. JS snippet on index.html page mounts the launcher widget & styles
  2. Launcher widget sets up the tool and/or buttons
  3. Mockups are created by mounting the screenshot app into an iframe on top of the launcher app
  4. Logging & rrweb runs in the background on mount
  5. Everything else is handled by the launcher app in a straightforward way
  6. 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).

About

An embeddable bug reporting & screenshot creation component that integrates rrweb & video/webcam recording. 🐞 πŸŽ₯

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published