@naikidev/commiq-devtools

Embedded devtools panel for React applications. Inspect events, trace causality, view state, and monitor performance.

Install

pnpm add @naikidev/commiq-devtools

Peer dependencies: @naikidev/commiq, react, react-dom.

Usage

No provider required. Use as a component or mount imperatively.

import { CommiqDevtools } from "@naikidev/commiq-devtools";

function App() {
  return (
    <>
      <YourApp />
      <CommiqDevtools stores={{ counter: counterStore }} />
    </>
  );
}

Or without JSX:

import { mountDevtools } from "@naikidev/commiq-devtools";

const unmount = mountDevtools({ stores: { counter: counterStore } });

Auto-hides in production. Override with enabled={true} or enabled={false}.

Documentation

Full docs at naikidev.github.io/commiq.

License

MIT