@electric-sql/debug-toolbar

ElectricSQL - Developer Toolbar

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

Adding this toolbar to your project

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