@uservibesos/web-component

Feature request and bug report widget as a Web Component for UserVibesOS.

Installation

npm install @uservibesos/web-component

Or use via CDN:

<script src="https://app.uservibesos.com/widget-assets/v1.0.0/widget.js"></script>

Usage

Basic Usage (with JWT)

<uservibes-widget
  project="your-project-slug"
  jwt="your-jwt-token"
  theme="light"
></uservibes-widget>

With Custom Height

<uservibes-widget
  project="your-project-slug"
  jwt="your-jwt-token"
  height="800px"
></uservibes-widget>

Attributes

• project (required): Your project slug or ID
• jwt (optional): JWT token for authenticated users
• theme (optional): light or dark (default: light)
• height (optional): Widget height (default: 90vh)
• mode (optional): feature-request or roadmap (default: feature-request)
• base-url (optional): Custom API base URL (for development)

Features

• ✅ Feature request submission with AI-powered chat extraction (max 4 questions)
• ✅ Bug report submission with structured field extraction (max 7 questions)
• ✅ Roadmap view
• ✅ Changelog view
• ✅ Voting and commenting
• ✅ JWT authentication support
• ✅ Dark mode support
• ✅ Responsive design
• ✅ Zero dependencies (vanilla web component)

Development

# Install dependencies
npm install

# Build the widget
npm run build

# Watch mode for development
npm run dev

Publishing

The widget is automatically published to NPM when a new release is created on GitHub. You can also publish manually:

npm run publish:npm

License

MIT

Links

• NPM Package
• GitHub Repository
• UserVibesOS Website