{"id":18523596,"url":"https://github.com/joduplessis/buggable","last_synced_at":"2025-04-09T11:31:42.905Z","repository":{"id":44620238,"uuid":"512900941","full_name":"joduplessis/buggable","owner":"joduplessis","description":"An embeddable bug reporting \u0026 screenshot creation component that integrates rrweb \u0026 video/webcam recording. 🐞 🎥","archived":false,"fork":false,"pushed_at":"2024-02-11T19:36:25.000Z","size":378,"stargazers_count":8,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-24T05:13:40.946Z","etag":null,"topics":["feedback","logging","preact","react","rrweb","screenshot","webrtc"],"latest_commit_sha":null,"homepage":"https://joduplessis.com/work/buggable","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joduplessis.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2022-07-11T20:33:48.000Z","updated_at":"2024-03-04T03:50:27.000Z","dependencies_parsed_at":"2024-02-11T21:17:29.750Z","dependency_job_id":null,"html_url":"https://github.com/joduplessis/buggable","commit_stats":null,"previous_names":["joduplessis/buggable"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joduplessis%2Fbuggable","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joduplessis%2Fbuggable/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joduplessis%2Fbuggable/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joduplessis%2Fbuggable/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joduplessis","download_url":"https://codeload.github.com/joduplessis/buggable/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248031507,"owners_count":21036417,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["feedback","logging","preact","react","rrweb","screenshot","webrtc"],"created_at":"2024-11-06T17:36:25.894Z","updated_at":"2025-04-09T11:31:39.785Z","avatar_url":"https://github.com/joduplessis.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Buggable\n\nBuggable is a small screenshot \u0026 user feedback component. It replicates the basic functionality of a tool like \u003ca href=\"https://userback.io\"\u003eUserBack\u003c/a\u003e or \u003ca href=\"https://usersnap.com\"\u003eUserSnap\u003c/a\u003e. It also adds a few nice things not found in those tools.\n\n##### Screenshots\n\n\u003cp float=\"left\"\u003e\n  \u003cimg src=\"https://joduplessis.com/store-images/Bugable/01.png\" width=\"15%\"\u003e\n  \u003cimg src=\"https://joduplessis.com/store-images/Bugable/02.png\" width=\"15%\"\u003e\n  \u003cimg src=\"https://joduplessis.com/store-images/Bugable/03.png\" width=\"15%\"\u003e\n  \u003cimg src=\"https://joduplessis.com/store-images/Bugable/04.png\" width=\"15%\"\u003e\n  \u003cimg src=\"https://joduplessis.com/store-images/Bugable/05.png\" width=\"15%\"\u003e\n  \u003cimg src=\"https://joduplessis.com/store-images/Bugable/06.png\" width=\"15%\"\u003e\n  \u003cimg src=\"https://joduplessis.com/store-images/Bugable/07.png\" width=\"15%\"\u003e\n  \u003cimg src=\"https://joduplessis.com/store-images/Bugable/08.png\" width=\"15%\"\u003e\n\u003c/p\u003e\n\n#### Some of the features it supports are:\n\n- Optional \"give feedback\" button\n- Custom triggering of the widget\n- Console log capturing\n- rrweb integration for recording sessions 🔥 \n- Context mode (mini popup)\n- Dark mode\n- HTML \u0026 SVG image creation\n- Flexible actions (clickable sections)\n- Basic form building\n- Custom rating component\n- Video/audio/webcam recordings\n- SVG markup tool\n- Audio snippets when creating a mockup\n\n#### Caveats\n\nThis 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:\n\n1. JS snippet on `index.html` page mounts the launcher widget \u0026 styles\n2. Launcher widget sets up the tool and/or buttons\n3. Mockups are created by mounting the screenshot app into an iframe on top of the launcher app\n4. Logging \u0026 rrweb runs in the background on mount\n5. Everything else is handled by the launcher app in a straightforward way\n6. API calls are stubbed\n\nFor information on widget settings, see the `launcher/src/index.js` \u0026 `launcher/src/index.html` files.\n\nFor any questions, please feel free to open an issue (I will add more/better docs as soon as I can).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoduplessis%2Fbuggable","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoduplessis%2Fbuggable","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoduplessis%2Fbuggable/lists"}