Jazz Inspector

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

To pass your account credentials, go to your Jazz app, copy the full JSON from the jazz-logged-in-secret local storage key, and paste it into the Inspector's Account ID field.

Alternatively, you can pass the Account ID and Account Secret separately.

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

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

import { JazzInspector } from "jazz-tools/inspector";
import { JazzReactProvider } from "jazz-tools/react"

<JazzReactProvider>
  <JazzInspector />
</JazzReactProvider>

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.