These are a collection of tools that can be used by developers to help them debug their ElectricSQL apps

Add the toolbar to your project's devDependencies in package.json

  "devDependencies": {
    ...
    "@electric-sql/debug-toolbar": "latest",
    ...
    }

In your code after calling electrify, if in debug mode, import and pass the electric client into addToolbar:

const electric = await electrify(conn, schema, config)

if (config.debug) {
  const { addToolbar } = await import('@electric-sql/debug-toolbar')
  addToolbar(electric)
}

This will add the toolbar to the bottom of your window