Jazz Inspector

Jazz Inspector is a tool to visually inspect a Jazz account or other CoValues.

For now, you can get your account credentials from the jazz-logged-in-secret local storage key from within your Jazz app.

https://inspector.jazz.tools

Exporting current account to Inspector from your app

In development mode, you can launch the Inspector from your Jazz app to inspect your account by pressing Cmd+J.

Embedding the Inspector widget into your app

Alternatively, you can embed the Inspector directly into your app, so you don't need to open a separate window.

Install the package.

npm install jazz-inspector

Render the component within your JazzProvider.

import { JazzInspector } from "jazz-inspector";

<JazzProvider> 
  <JazzInspector />
</JazzProvider>

This will show the Inspector launch button on the right of your page.

Positioning the Inspector button

You can also customize the button position with the following options:

  • right (default)
  • left
  • bottom right
  • bottom left
  • top right
  • top left

For example:

<JazzInspector position="bottom left"/>
Your app

Check out the music player app for a full example.