cr8rcho
alkahest-toolbar

alkahest-toolbar

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.

TypeScript
Shadow DOM
Zero Dependencies
npm

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

TypeScript

Language

Shadow DOM

Isolation

IIFE + ESM

Builds

npm

Distribution

Project Info

Platform

Web (any site)

Category

Developer Tools

Languages

EN

Add It to Your Product

Add one script tag with your project slug, or install @cr8rcho/alkahest-toolbar from npm. MIT-licensed on GitHub.