Vorstellung von bwu_redux_devtools: Eine Redux-DevTools-GUI für Rust

2026-07-18

Tree-Ansicht mit Farbcodierung für hinzugefügten, entfernten und geänderten Zustand zwischen Aktionen

Nach bwu_redux haben wir jetzt auch bwu_redux_devtools als Open Source veröffentlicht — die Redux-DevTools-GUI und den gRPC-Server, die wir gebaut haben, um bwu_redux-Stores zu inspizieren, veröffentlicht auf GitHub unter einer dualen MIT/Apache-2.0-Lizenz.

Was es macht

Verbundene Apps streamen jede ausgelöste Aktion und den resultierenden Zustand an den DevTools-Server. Die GUI zeigt die Aktionshistorie pro App und lässt Sie jeden aufgezeichneten Zustand als aufklappbaren Baum, JSON oder RON inspizieren. Die Baumansicht — oben abgebildet — färbt ein, was sich seit der vorherigen Aktion geändert hat (hinzugefügt, entfernt, geändert), mit einem Umschalter, um alles auszublenden, was unverändert blieb, damit ein großer Zustand nicht das eine Feld verschluckt, das Sie tatsächlich interessiert.

Es ist mit Dioxus gebaut, demselben GUI-Framework wie BWU Designer, und läuft sowohl als Desktop-App als auch als Web-GUI.

Noch nicht auf crates.io

Anders als bwu_redux selbst ist dieses Crate nicht auf crates.io veröffentlicht: Es hängt von den offiziellen Dioxus-Komponenten ab, deren dioxus-primitives-Crate derzeit nur als Git-Abhängigkeit verfügbar ist, nicht als veröffentlichtes Release. Sobald das upstream landet, veröffentlichen wir auch hier. Bis dahin installieren Sie direkt von GitHub:

# Desktop-GUI (bettet den DevTools-gRPC-Server ein)
cargo install --git https://github.com/BeWellUp/bwu_redux_devtools --bin bwu_redux_devtools

# Nur der Headless-gRPC-Server (z. B. um die Web-GUI zu bedienen)
cargo install --git https://github.com/BeWellUp/bwu_redux_devtools --bin bwu_redux_devtools_server --features standalone-server

Eine App verbinden

Aktivieren Sie DevTools in der Store-Konfiguration der App, die Sie inspizieren möchten — das braucht das redux_devtools-Feature von bwu_redux, das standardmäßig aktiviert ist:

let config = StoreConfig::new(initial_state, reducer)
    .with_devtools(true)
    .with_app_name("my-app");

Starten Sie die DevTools-GUI, dann Ihre App; sie erscheint in der Seitenleiste und ihre Aktionshistorie füllt sich live.

Eine MCP-Schnittstelle, gratis dazu

Mit aktiviertem mcp-Feature stellt derselbe Server neben seinem üblichen gRPC-Endpunkt auch einen MCP-Endpunkt bereit — keine separate Binary oder Prozess nötig. Das bedeutet, ein KI-Agent — etwa Claude Code — kann den live Redux-Zustand einer verbundenen App direkt inspizieren: verbundene Apps auflisten, die Aktions-/Zustandshistorie einer App abrufen, ihren aktuellen Zustand lesen oder das Weiterleiten störender Aktionen pausieren. Für uns hat sich das als wirklich nützlicher Weg erwiesen, um einen Agenten Zustandsprobleme in BWU Designer debuggen zu lassen, ohne uns gegenseitig Screenshots hin- und herzuschicken.

Ausprobieren

Issues und Pull Requests sind auf GitHub willkommen. Wenn Sie bwu_redux bereits nutzen, ist das die andere Hälfte des Bildes — probieren Sie es aus.