v0.2.1

What's Changed

Bug Fixes

• effect-tracker: Fixed correlation logic that always picked the last pending action instead of matching by trigger action type. Correlations are now consumed on match (FIFO with type-based lookup), preventing reuse across unrelated effect results.
  effect-tracker: Fixed orphaned setTimeout timers for correlation cleanup

• fix package mismatch

Demo

• Added a Correlation Debug Panel to the demo app for testing concurrent action dispatches and verifying correct correlation assignment.
• Added Search Books action and async effect to exercise multi-action concurrency scenarios.

UI

• Added documentation link to the navbar help icon
• Added "show all actions" button

Full Changelog: v0.1.0...v0.2.1

NgRx DevTool v0.1.0 Initial Release

First open-source release of NgRx DevTool, an architecture visualization tool for debugging NgRx state management in Angular applications.

Features

• Real-time Action Monitoring: Track all dispatched actions as they happen
• Effect Lifecycle Tracking: Monitor effect execution with start, emit, complete, and error events
• Action-Effect Correlation: See which effect emitted each action
• State Visualization: View current and previous state snapshots
• Diff Viewer: Compare state changes between actions
• Performance Tracking: Monitor reducer execution time, render timing, and state size changes
• Effects Panel: Dedicated panel showing all effect executions with duration and status
• Selector Tracking: Track selector invocations and cache hit rates via trackSelector and createTrackedSelector
• CLI Server: Single command launches both the WebSocket relay and the visualization UI

Architecture

• ngrx-devtool — Core library (meta-reducer, services, performance analyzers)
• ngrx-devtool-ui — Standalone visualization dashboard
• ngrx-devtool-docs — Documentation website

Setup

See the README for full instructions.

Compatibility

• Angular 18.2+
• @ngrx/store & @ngrx/effects