State Surgery | Documentation

Manage persistent storage through a clean interface. View, edit, and export your application's state with zero friction.

In-place Editing:
Update LocalStorage and Cookies instantly.
Export/Import:
Save the entire application state to a JSON file and share it with teammates to reproduce bugs.
Cookie Manager:
Full visibility into secure and session cookies.
Named Snapshots:
Capture and restore named storage states (e.g. "Admin User", "Empty Cart") to test edge cases instantly.
State Time-Travel:
A DVR for your application state. Rewind and replay state changes across all registered stores.
React Query Integration:
Deep visibility into TanStack Query cache, including query keys, statuses, and subscriber counts.
Custom Store Registration:
Unify Zustand, Redux, and React Query into a single command center using the registerStore API.

Unifying Global State

Don't jump between different browser extensions. Use registerStore to bring all your application's data into one view.

tsx

import { registerStore, createZustandAdapter } from "devconsole-package";
import { useStore } from "./store";

// Register your Zustand store with one line
registerStore(createZustandAdapter("UserStore", useStore));