DataProviderDevtools

A floating panel that lists the data provider calls a log recorded: method, resource, duration and the error of a failed call. Wrap the provider with createDataProviderLog().wrap(), pass the wrapped one to <Admin>, and mount the panel with the same log in development only, since it shows params and results.

Installation

pnpm dlx shadcn@latest add @chelone/data-provider-devtools
Loading preview…

A floating panel that lists the data provider calls a log recorded: method, resource, duration and the error of a failed call. Wrap the provider with createDataProviderLog().wrap(), pass the wrapped one to <Admin>, and mount the panel with the same log in development only, since it shows params and results.

Props

PropTypeDefaultDescription
classNamestring—
defaultOpenboolean—Whether the panel starts expanded.
logDataProviderLog—The log whose entries the panel shows.
shortcutstring—Binding that shows or hides the panel, in the command menu's syntax.