flutter_monitoring_sdk 0.0.5

A lightweight Flutter monitoring SDK with logging, network monitoring, navigation tracking, and log viewer.

📦 Flutter Monitoring SDK

A lightweight Flutter SDK for real-time application monitoring, including logging, network tracking, navigation monitoring, crash reporting, session tracking, and an in-app debugging dashboard.

---

✨ Features

• 📱 Logging (Verbose, Debug, Info, Warning, Error, Fatal)
• 🌐 Network monitoring (Dio & HTTP)
• 🧭 Navigation tracking
• 💥 Crash reporting
• ⏱ Session tracking
• 🔍 Advanced search & filter logs
• 📊 In-app monitoring dashboard
• 📄 JSON log inspector
• ⚡ Zero backend required
• 🌍 Works on Flutter Web + Mobile

---

📸 Screenshots

---

🚀 Getting Started

1️⃣ Add Dependency

dependencies:
  flutter_monitoring_sdk: ^0.0.5

---

⚙️ Initialization

import 'package:flutter/material.dart';
import 'package:flutter_monitoring_sdk/flutter_monitoring_sdk.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();

  FlutterMonitoring.initialize();

  runApp(const MyApp());
}

---

Navigation Tracking

import 'package:flutter/material.dart';

MaterialApp(
  navigatorObservers: [
    FlutterMonitoring.navigatorObserver,
  ],
  home: const HomePage(),
);

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (_) => const SecondPage(),
  ),
);

---

🌐 Network Monitoring (Dio)

import 'package:flutter/material.dart';

final dio = Dio();

dio.interceptors.add(
  MonitoringInterceptor(),
);

await dio.get(
  "https://jsonplaceholder.typicode.com/todos/1",
);

---

🌍 HTTP Monitoring

import 'package:flutter/material.dart';

final client = MonitoringHttpClient();

final response = await client.get(
  Uri.parse("https://jsonplaceholder.typicode.com/todos/1"),
);

---

📝 Logging

import 'package:flutter/material.dart';

Logger.v("Verbose log");
Logger.d("Debug log");
Logger.i("Info log");
Logger.w("Warning log");
Logger.e("Error log");
Logger.f("Fatal log");

---

📱 Monitoring Dashboard

🔘 Floating Button

import 'package:flutter/material.dart';

Scaffold(
  floatingActionButton: FlutterMonitoring.fab(),
);

---

🖥 Full Screen Dashboard

import 'package:flutter/material.dart';

FlutterMonitoring.show(context);

---

💥 Crash Testing

import 'package:flutter/material.dart';

throw Exception("Test crash");

---

🧪 Complete Example App

import 'package:flutter/material.dart';
import 'package:flutter_monitoring_sdk/flutter_monitoring_sdk.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  FlutterMonitoring.initialize();
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorObservers: [
        FlutterMonitoring.navigatorObserver,
      ],
      home: const HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Flutter Monitoring")),
      floatingActionButton: FlutterMonitoring.fab(),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (_) => const SecondPage(),
              ),
            );
          },
          child: const Text("Go Next Page"),
        ),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  const SecondPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Second Page")),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            FlutterMonitoring.show(context);
          },
          child: const Text("Open Monitoring Dashboard"),
        ),
      ),
    );
  }
}

---

📊 What You Get Automatically

• 📱 App lifecycle tracking
• 🌐 API monitoring (Dio + HTTP)
• 🧭 Navigation tracking
• 💥 Crash reporting
• ⏱ Session tracking
• 🔍 Search & filter logs
• 📊 In-app dashboard UI

---

Performance

• 🚀 No backend required
• 🧠 In-memory optimized storage
• ⚡ Lightweight & fast
• 🌍 Web + Mobile supported