Rxova
Skip to content
Journey

Chrome DevTools Overview

Journey devtools has two parts:

  • @rxova/journey-devtools-bridge: runtime message bridge.
  • Devtools panel app: visualization + controls.

Download Extension

Section titled “Download Extension”

Install the extension from Chrome Web Store:

Preview:

Journey Devtools Overview

Why It Exists

Section titled “Why It Exists”

The devtools stack helps teams see journey behavior clearly: timeline movement, transition outcomes, async phases, and command effects.

Protocol Version

Section titled “Protocol Version”

Bridge protocol uses a fixed internal compatibility version.

Command Surface

Section titled “Command Surface”

The panel can drive navigation, lifecycle controls, error clearing, and custom event sending through the bridge.

See full details in Bridge API and exact transport types in Protocol.

Snapshot Payload Focus

Section titled “Snapshot Payload Focus”

Panel state is driven by serialized machine snapshots including:

  • history pointer model (history.timeline, history.index)
  • current position (currentStepId)
  • runtime state (context, visited, status, async)

For a full payload example, see Bridge API.

Time Travel UX

Section titled “Time Travel UX”

Panel supports:

  • Redux-style timeline inspector rows with local selection
  • follow-latest toggle and point-in-time Action / State / Diff inspection

Inspector selection does not mutate runtime machine state.