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"/>

Check out the music player app for a full example.