Module devtools

Module devtools

Expand description

Developer tools for Revue applications

Provides debugging and inspection tools for development:

Tool	Description
`Inspector`	Widget tree inspector
`StateDebugger`	Reactive state viewer
`StyleInspector`	CSS style inspector
`EventLogger`	Event stream logger

§Quick Start

use revue::devtools::{DevTools, Inspector};

// Enable dev tools with F12
let app = App::builder()
    .with_devtools(true)
    .build();

use revue::devtools::Inspector;

let inspector = Inspector::new()
    .show_bounds(true)
    .show_classes(true);

Structs§

ComputedProperty: Computed CSS property
DevTools: Main DevTools panel
DevToolsConfig: DevTools configuration
EventFilter: Event filter configuration
EventLogger: Event logger for debugging
Inspector: Widget tree inspector
InspectorConfig: Inspector configuration
LoggedEvent: A logged event
StateDebugger: State debugger
StateEntry: State entry for debugging
StyleInspector: Style inspector for viewing computed styles
WidgetNode: Widget node in the tree

Enums§

DevToolsPosition: DevTools panel position
DevToolsTab: DevTools tab
EventType: Event type for logging
PropertySource: Source of a CSS property
StateValue: State value representation
StyleCategory: Style category for grouping properties

Functions§

disable_devtoolsDeprecated: Disable global devtools
enable_devtoolsDeprecated: Enable global devtools
is_devtools_enabledDeprecated: Check if devtools are enabled
toggle_devtoolsDeprecated: Toggle devtools