Skip to content
TypeWire

@tahanabavi/type-devtools

documents v1.0.1

React inspector panel for the TypeWire ecosystem — one timeline for HTTP and WS, a live query cache, a runtime override editor, and theme/sound settings.

No stylesheet

The panel is dropped into someone else's app, so it ships no CSS: every color is an inline, theme-aware value, and the only injected style is one @keyframes block for the row animations (which inline styles can't express). There are no runtime dependencies beyond React and type-devtools-core.

Build your own

The panel is one consumer of the primitives, not the only way in. The hooks, the tree and the row colors are exported for a custom inspector:

tsx
import {
  useInspectorEntries,   // rows, with live progress already joined on
  useInspectorProgress,  // the progress store on its own
  useQueryInspector,
  JsonTree,
  transportOf,           // the wire a row used, falling back to its source
  transportColor,
  statusColor,
} from "@tahanabavi/type-devtools";

License

MIT © Taha Nabavi