reaktiv-devtools/io.github.syrou.reaktiv.devtools.ui

Package-level declarations

Types

@Serializable

data class ActionStateEvent(val clientId: String, val timestamp: Long, val actionType: String, val actionData: String, val stateDeltaJson: String, val moduleName: String = "")

Represents an action dispatched by a client with its resulting state.

CrashEventInfo

@Serializable

data class CrashEventInfo(val timestamp: Long, val clientId: String, val exception: CrashException)

Represents crash information displayed in the timeline.

DevToolsAction

sealed class DevToolsAction : ModuleAction

Actions for the DevTools UI.

DevToolsColors

object DevToolsColors

DevTools color scheme optimized for debugging and state inspection.

DevToolsLogic

class DevToolsLogic(storeAccessor: StoreAccessor) : ModuleLogic

Logic for handling DevTools UI side effects.

DevToolsModule

object DevToolsModule : ModuleWithLogic<DevToolsState, DevToolsAction, DevToolsLogic>

Reaktiv module for DevTools UI state management.

DevToolsState

@Serializable

data class DevToolsState(val connectionState: ConnectionState = ConnectionState.DISCONNECTED, val connectedClients: List<ClientInfo> = emptyList(), val actionStateHistory: List<ActionStateEvent> = emptyList(), val logicMethodEvents: List<LogicMethodEvent> = emptyList(), val selectedPublisher: String? = null, val selectedListener: String? = null, val showStateAsDiff: Boolean = false, val selectedActionIndex: Int? = null, val devicePanelExpanded: Boolean = false, val autoSelectLatest: Boolean = true, val excludedActionTypes: Set<String> = emptySet(), val timeTravelEnabled: Boolean = false, val timeTravelPosition: Int = 0, val showActions: Boolean = true, val showLogicMethods: Boolean = true, val selectedLogicMethodCallId: String? = null, val excludedLogicMethods: Set<String> = emptySet(), val callIdToMethodIdentifier: Map<String, String> = emptyMap(), val showImportGhostDialog: Boolean = false, val crashEvent: CrashEventInfo? = null, val crashSelected: Boolean = false, val publisherSessionStart: Long? = null, val canExportSession: Boolean = false, val activeGhostId: String? = null, val initialStateJson: String = "{}") : ModuleState

State for the DevTools WASM UI.

DiffColors

data class DiffColors(val added: Color = Color(0xFF4EC9B0), val addedContainer: Color = Color(0xFF1E4D40), val onAddedContainer: Color = Color(0xFF4EC9B0), val modified: Color = Color(0xFFDCDCAA), val modifiedContainer: Color = Color(0xFF4D4D1E), val onModifiedContainer: Color = Color(0xFFDCDCAA), val removed: Color = DevToolsColors.error, val removedContainer: Color = DevToolsColors.errorContainer, val onRemovedContainer: Color = DevToolsColors.onErrorContainer)

Extended colors for diff visualization that don't fit Material 3's standard scheme. These provide clear semantic meaning for state changes in debugging.

LogicMethodEvent

@Serializable

sealed class LogicMethodEvent

Represents a logic method tracing event from a client.

SyntaxColors

data class SyntaxColors(val key: Color = DevToolsColors.primary, val string: Color = DevToolsColors.secondary, val boolean: Color = DevToolsColors.tertiary, val number: Color = Color(0xFFB5CEA8), val nullValue: Color = DevToolsColors.onSurfaceVariant, val bracket: Color = DevToolsColors.onSurfaceVariant, val oldValue: Color = DevToolsColors.error)

Syntax highlighting colors for JSON/code visualization.

Properties

LocalDiffColors

val LocalDiffColors: ProvidableCompositionLocal<DiffColors>

LocalSyntaxColors

val LocalSyntaxColors: ProvidableCompositionLocal<SyntaxColors>

Functions

DevToolsApp

@Composable

fun DevToolsApp(store: Store, serverUrl: String = "ws://localhost:8080/ws")

Main DevTools WASM application.

DevToolsTheme

@Composable

fun DevToolsTheme(content: @Composable () -> Unit)

DevTools theme wrapper that applies the debugging-optimized color scheme.

toCaptured

fun ActionStateEvent.toCaptured(): CapturedAction

Converts ActionStateEvent to CapturedAction. Eliminates the intermediate DevToolsMessage.ActionDispatched conversion step.

fun LogicMethodEvent.Completed.toCaptured(): CapturedLogicComplete

Converts LogicMethodEvent.Completed to CapturedLogicComplete. Eliminates the intermediate DevToolsMessage.LogicMethodCompleted conversion step.

fun LogicMethodEvent.Failed.toCaptured(): CapturedLogicFailed

Converts LogicMethodEvent.Failed to CapturedLogicFailed. Eliminates the intermediate DevToolsMessage.LogicMethodFailed conversion step.

fun LogicMethodEvent.Started.toCaptured(): CapturedLogicStart

Converts LogicMethodEvent.Started to CapturedLogicStart. Eliminates the intermediate DevToolsMessage.LogicMethodStarted conversion step.