Mosaic DevTools
Interactive debugging and visualization tools for Mosaic modular Flutter applications.
Features
- Module Inspector - Real-time module lifecycle and state monitoring
- Event Monitor - Live event stream with pattern matching visualization
- Dependency Viewer - Interactive dependency injection container explorer
- Navigation Stack - Internal routing and stack management inspector
Installation
dev_dependencies:
mosaic_devtools: ^1.0.0
Quick Start
import 'package:mosaic_devtools/mosaic_devtools.dart';
void main() async {
await logger.init(/*...*/);
if (kDebugMode) {
MosaicDevtools.init();
}
runApp(MyApp());
}
Usage
Overlay Mode:
Widget build(BuildContext context) {
return MosaicDevtools.wrap(
child: MosaicScope(),
position: DevtoolsPosition.bottomRight,
);
}
What You'll See
- Active modules and their current states
- Real-time event emissions with data payloads
- Dependency injection registrations and retrievals
- Module navigation stack changes
- Logger output with filtering by tags
Perfect for development, debugging, and understanding your Mosaic architecture.
Note: DevTools are automatically excluded from release builds and have zero production impact.
Libraries
- inspector_card
- mosaic_devtools
- tesserae/devtools
- tesserae/events/events
- tesserae/logger/log_entry
- tesserae/logger/logger
- tesserae/logger/logger_inspector_view
- tesserae/logger/widgets/log_content
- tesserae/module/module
- tesserae/module/module_info
- tesserae/module/modules_inspector_view
- tesserae/module/widgets/module_details
- tesserae/router/route_info
- tesserae/router/router
- tesserae/router/router_inspector
- tesserae/router/widgets/module_stack_panel
- tesserae/router/widgets/page_stack_panel