@newsoftglobal/feedbackkit-js
v1.0.6
Published
FeedbackKit Vanilla JS SDK — Collect user feedback with screenshots, comments, and tracking
Maintainers
Readme
@newsoftglobal/feedbackkit-js
Vanilla JavaScript SDK for FeedbackKit — zero dependencies.
Installation
Via CDN (recommended)
<script src="https://unpkg.com/@newsoftglobal/feedbackkit-js/dist/feedbackkit.min.js"></script>Via npm
npm install @newsoftglobal/feedbackkit-jsUsage
CDN / Script Tag
<script src="https://unpkg.com/@newsoftglobal/feedbackkit-js/dist/feedbackkit.min.js"></script>
<script>
FeedbackKit.init({
apiKey: 'your-api-key'
});
</script>With User Identity
<script>
FeedbackKit.init({ apiKey: 'your-api-key' });
// After user logs in
FeedbackKit.setUser({
id: 'user-123',
email: '[email protected]',
name: 'John Doe'
});
// On logout
FeedbackKit.clearUser();
</script>Screenshot Support
For real screenshot capture, include html2canvas:
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script src="https://unpkg.com/@newsoftglobal/feedbackkit-js/dist/feedbackkit.min.js"></script>API
| Method | Description |
|--------|-------------|
| FeedbackKit.init({ apiKey }) | Initialize the widget |
| FeedbackKit.setUser({ id, email, name }) | Set user identity |
| FeedbackKit.clearUser() | Clear user identity |
| FeedbackKit.destroy() | Remove widget from page |
Features
- 🎯 Floating feedback button
- 📸 Area screenshot capture
- 📝 Feedback form (bug, feature, improvement, other)
- 📋 User feedback history
- 💬 Comment thread with admin replies
- 👤 User identification
- 🎨 Dark theme UI
- 📦 Zero dependencies
- ⚡ Single
<script>tag setup
