alkahest-toolbar · Web
An embeddable issue-reporting toolbar for your running product.
An embeddable issue-reporting toolbar for your running product. Your team files Alkahest issues from the page they are on. About 10 kB, zero dependencies, invisible to regular visitors.
Key Features
Report from the Page You're On
Title and details are all you type. The current route becomes the issue's target, and the full URL and user agent are attached for you.
Team-Only by Design
The snippet ships to every visitor but shows only after a team member signs in with their Alkahest account. Regular visitors see nothing, so it is safe on production.
Scoped, Revocable Token
Sign-in goes through a consent page on alkahest.app. The token can only create issues and list maps, and you can revoke it from your account. The page source holds only your public project slug.
About 10 kB, Zero Dependencies
Framework-free TypeScript. Drop in one script tag that initializes itself, or import the ESM build from npm.
Isolated with Shadow DOM
Your CSS can't leak in and the toolbar's can't leak out. Light and dark follow your page's own theme, not the visitor's OS.
Mobile-First
Drag the button to either edge and it stays there. On a phone the panel fills the screen, and dropping the button on the ✕ target turns the toolbar off.
Tech Stack
- TypeScriptLanguage
- Shadow DOMIsolation
- IIFE + ESMBuilds
- npmDistribution
- Platform
- Web (any site)
- Category
- Developer Tools
- Languages
- EN
More from ioxyz
Add It to Your Product
Add one script tag with your project slug, or install @cr8rcho/alkahest-toolbar from npm. MIT-licensed on GitHub.