ume_kit_monitor 2.0.7 copy "ume_kit_monitor: ^2.0.7" to clipboard
ume_kit_monitor: ^2.0.7 copied to clipboard

use ume_kit_monitor to show more infomation contain log,page,curl,response,json

UME Kit Monitor Guide #

English | 中文 | Deutsch | Português | 日本語 | 한국어

UME Kit Monitor is a Flutter debugging toolkit that provides network request logging, console output, page tracking and more debugging features. It integrates with flutter_ume_plus to provide an easy-to-use debugging interface.

I. Installation & Setup #

  1. Add dependencies to pubspec.yaml:
dependencies:
  ume_kit_monitor: ^2.0.5

dev_dependencies:
  flutter_ume_plus: ^4.0.0
  flutter_ume_kit_ui_plus: ^4.0.0 
  flutter_ume_kit_device_plus: ^4.0.0
  flutter_ume_kit_perf_plus: ^4.0.0
  flutter_ume_kit_show_code_plus: ^4.0.0
  flutter_ume_kit_console_plus: ^4.0.0
  1. Register plugins in main.dart:
void main() {
  PluginManager.instance
    ..register(const MonitorPlugin())
    ..register(const MonitorActionsPlugin());
    
  runApp(const UMEWidget(
    enable: true, 
    child: MyApp()
  ));
}
  1. Initialize Monitor in your app:
void initState() {
  super.initState();
  Monitor.init(
    context,
    actions: [
      MonitorActionWidget(
        title: "Debug", 
        onTap: () { /* ... */ }
      ),
      // Add more action buttons...
    ],
  );
}

II. Core Features #

  1. Console Logging
// Output logs to console panel
Monitor.instance.putsConsole(["Log message"]); 
  1. Network Request Logging
  • Automatically records network requests in curl format for easy debugging
  • View and copy curl commands from the Curl panel
  1. JSON Response Viewer
// Log and view JSON responses with collapsible tree view
Monitor.instance.put('Response', 'api_name\n$jsonString');
  1. Page Tracking
// Automatically track current page/route
Monitor.instance.putPage("CurrentPage");
  1. Custom Tag Monitoring
// Create custom monitoring panels
Monitor.instance.put('CustomTag', 'Custom debug info');
  1. GetX Lifecycle Monitoring
  • Automatically tracks GetX widget lifecycles when enabled

III. API Reference #

  1. Monitor Class
// Initialization
Monitor.init(context, actions: [...]);

// Core logging methods
Monitor.instance.put(String tag, String content)
Monitor.instance.puts(String tag, List<String> contents) 
Monitor.instance.putsConsole(List<String> contents)
Monitor.instance.putPage(String page)
Monitor.instance.putCurl(String curl)

// Clear logs
Monitor.instance.clear(String tag)
  1. MonitorActionWidget
MonitorActionWidget({
  required String title,
  required VoidCallback onTap,
})

IV. Usage Example #

void main() {
  PluginManager.instance
    ..register(const MonitorPlugin())
    ..register(const MonitorActionsPlugin());

  runApp(const UMEWidget(
    enable: true,
    child: MyApp()
  ));
}

class _MyHomePageState extends State<MyHomePage> {
  @override 
  void initState() {
    super.initState();
    
    // Initialize monitor
    Monitor.init(
      context,
      actions: [
        MonitorActionWidget(
          title: "Debug",
          onTap: () { /* ... */ }
        ),
      ],
    );

    // Log some data
    Monitor.instance.putsConsole(["App started"]);
    Monitor.instance.put('CustomTag', 'Debug info');
    Monitor.instance.putPage('HomePage');
  }
}

V. Important Notes #

  1. Monitor is disabled by default in release builds
  2. Maximum log entries per tag is limited to 20
  3. JSON responses are automatically formatted and collapsible
  4. Network requests containing "ac=last_msg" are filtered out
4
likes
130
points
358
downloads

Publisher

unverified uploader

Weekly Downloads

use ume_kit_monitor to show more infomation contain log,page,curl,response,json

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (license)

Dependencies

convert, crypto, dio, flutter, flutter_ume_plus, json_shrink_widget, oktoast, path_provider, share_plus, url_launcher

More

Packages that depend on ume_kit_monitor