InstantSearch Devtools
🚧 This project is an experimentation and works with a patched version of InstantSearch.js.
Tools for visualizing the InstantSearch state on any production app.
Features
- See widgets' tree
- Log widget to the console
- Show widget state (+ copy to clipboard)
- Show widget search parameters (+ copy to clipboard)
- Show search results (+ copy to clipboard)
Preview
How it works
This works by injecting a middleware to InstantSearch.js to plug the window.__INSTANTSEARCH_DEVTOOLS_GLOBAL_MIDDLEWARE__ middleware if present. This middleware is part of the visualizer tool that will be exposed as a browser extension in the future.
Once this patched InstantSearch detects that this middleware is available, it hooks it into its lifecycle and notifies it of every change.