jala_ui 0.1.1
jala_ui: ^0.1.1 copied to clipboard
Inspector UI for Jala, the in-app Flutter network inspector. Call list with DevTools-style filtering, detail tabs, JSON viewer, and overlay bubble.
jala_ui #
Inspector UI for Jala, the in-app Flutter network inspector: the call
list, detail screens, JSON viewer, and overlay bubble. Pure UI over
package:jala_core — no business logic beyond display, filtering, and
export/replay wiring.
See the repo README for what Jala is and why, and the
jala package for the facade most apps should install
instead of depending on this package directly.
What's here #
JalaInspectorScreen— filter bar (DevTools-style grammar, live & debounced) + call list + clear/copy-HAR/theme-toggle app bar actions.JalaCallDetailScreen— Overview / Request / Response tabs, a hand-rolled expandable JSON tree with in-body search, and a bottom action bar (copy body/cURL/Dart snippet/HAR, replay).JalaOverlayButton— draggable floating bubble with a pending/error badge, meant to be dropped into a host app's rootOverlay.JalaInspector.route()— aMaterialPageRoutewrapping the inspector in its own theme, for embedders to push onto a root navigator.JalaTheme/JalaThemeController/JalaThemeMode— explicit light/dark Material 3 theming that never inherits the host app'sTheme.
Usage #
import 'package:jala_ui/jala_ui.dart';
Navigator.of(context).push(JalaInspector.route());
All widgets read live data from JalaBinding.instance.store.watch, so the
UI updates in real time as calls complete — including for calls already in
flight when a detail screen is opened.
Status colors #
pending = neutral + spinner, 2xx = green, 3xx = blue, 4xx = orange, 5xx/error = red, cancelled = grey.