267
Scoped API keys with a show-once secret, roll and revoke, plus webhook endpoints with event picking, a signing secret and a deliveries log where failed sends retry and flip to 200.
akaapi keys·webhooks·deliveries
Run this in any project set up for the shadcn CLI. It copies the API Keys & Webhooks source into your components folder, so the code is yours to change.
npx shadcn@latest add https://devl.dev/r/developer-settings.jsonImport it and render it. Every prop has a typed default, so it works straight away, and you pass your own data when you’re ready.
import { DeveloperSettings } from "@/components/developer-settings";
export default function Page() {
return <DeveloperSettings />;
}A free React screen in the Settings collection, written in TypeScript with Tailwind CSS on coss ui. MIT licensed.
Read from the API Keys & Webhooks source. Everything is optional unless it says required.
| Prop | Type | Default |
|---|---|---|
| className | string | — |
| today | string | "2026-10-27" |
| keyPrefix | string | "dvl_test_" |
| resources | DevScopeResource[] | defaultResources |
| apiKeys | DevApiKey[] | defaultKeys |
| eventGroups | DevEventGroup[] | defaultEventGroups |
| endpoints | DevEndpoint[] | defaultEndpoints |
| onNavigate | (section: SettingsSectionId) => void | — |