Skip to content

Integrate Zustand DevTools for state inspection in development #366

Description

@Kingsman-99

Overview

Debugging Zustand wallet and UI state currently requires console.log. Add Redux DevTools integration so developers can inspect, replay, and time-travel through state changes in the browser.

Acceptance Criteria

  • zustand/middleware devtools middleware applied to all stores: wallet store, invoice store, UI store
  • Store names set explicitly: "WalletStore", "InvoiceStore", "UIStore" — visible in the DevTools panel
  • DevTools integration enabled only in process.env.NODE_ENV === 'development'
  • Production build has zero DevTools overhead — middleware tree-shaken out
  • Action names logged for each state update (use named set calls instead of anonymous)
  • immer middleware added alongside devtools for ergonomic nested state updates
  • All existing store tests updated to work with the new middleware stack
  • CONTRIBUTING.md section added: "Debugging state with Redux DevTools"
  • TypeScript types unchanged — no impact on store consumers

Metadata

Metadata

Labels

Stellar WaveIssues in the Stellar wave programcomplexity: highdxDeveloper experience and tooling

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions