MCPcopy Index your code
hub / github.com/TanStack/devtools

github.com/TanStack/devtools @main

Chat with this repo
repository ↗ · DeepWiki ↗ · + Follow
879 symbols 2,434 edges 491 files 34 documented · 4%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

semantic-release Release Follow @TanStack

Become a Sponsor!

TanStack Devtools

A debugging toolkit that provides a unified interface for inspecting, monitoring, and extending your applications.

  • Inspect and debug state and behavior in real time
  • Works with React, Solid, Vanilla JS, and more
  • Extensible plugin architecture with customizable UI
  • Seamless integration with TanStack Query, Router, and other libraries

Read the docs →

AI Agent Support

If you use an AI coding agent (Claude Code, Cursor, Copilot, etc.), install the TanStack Devtools skills for better code generation:

npx @tanstack/intent@latest install

Get Involved

Partners

CodeRabbit Cloudflare

Devtools & you?

We're looking for TanStack Devtools Partners to join our mission! Partner with us to push the boundaries of TanStack Devtools and build amazing things together.

LET'S CHAT

Explore the TanStack Ecosystem

… and more at TanStack.com »

Extension points exported contracts — how you extend this code

TooltipIssue (Interface)
* Issue info for tooltip display
packages/devtools-a11y/src/core/utils/ui.utils.ts
ParsedVersion (Interface)
* Simple semver utilities for version comparison * Handles basic semver format: major.minor.patch
packages/devtools/src/tabs/semver-utils.ts
DevtoolsPanelProps (Interface)
(no doc)
packages/devtools-utils/src/react/panel.tsx
TanStackDevtoolsVueInit (Interface)
(no doc)
packages/vue-devtools/src/types.ts
TanStackDevtoolsReactInit (Interface)
(no doc)
packages/react-devtools/src/devtools.tsx
TanStackDevtoolsPreactInit (Interface)
(no doc)
packages/preact-devtools/src/devtools.tsx
TriggerProps (Interface)
(no doc)
packages/solid-devtools/src/core.tsx
BridgeHotChannel (Interface)
(no doc)
packages/devtools-vite/src/runtime-bridge.ts

Core symbols most depended-on inside this repo

t
called by 182
packages/devtools/src/styles/use-styles.ts
emit
called by 86
packages/event-bus-client/src/plugin.ts
t
called by 69
packages/devtools-ui/src/styles/use-styles.ts
on
called by 66
packages/event-bus-client/src/plugin.ts
addSourceToJsx
called by 54
packages/devtools-vite/src/inject-source.ts
start
called by 49
packages/event-bus/src/client/client.ts
update
called by 47
packages/svelte-devtools/src/devtools.svelte.ts
stop
called by 40
packages/event-bus/src/client/client.ts

Shape

Function 550
Interface 127
Method 112
Class 90

Languages

TypeScript100%

Modules by API surface

packages/devtools-ui/src/components/icons.tsx21 symbols
packages/event-bus/src/client/client.ts19 symbols
packages/event-bus/tests/client.test.ts18 symbols
packages/event-bus/src/server/server.ts17 symbols
packages/event-bus-client/src/plugin.ts17 symbols
packages/angular-devtools/src/devtools.ts15 symbols
packages/devtools-a11y/src/core/utils/custom-audit.utils.ts14 symbols
packages/devtools/src/context/use-devtools-context.ts12 symbols
packages/devtools-a11y/src/core/utils/ui.utils.ts12 symbols
e2e/helpers/src/page-objects/devtools.ts12 symbols
packages/devtools-utils/src/solid/class.ts11 symbols
examples/react/basic/src/package-json-panel.tsx11 symbols

For agents

$ claude mcp add devtools \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact