Flutter Dev Panel - Network Module #

Network monitoring module for Flutter Dev Panel that provides unified request tracking across Dio, http package, and GraphQL.

Features #

• Multi-library support - Works with Dio, http package, and graphql_flutter
• Persistent storage - Request history survives app restarts
• Real-time monitoring - Live network activity in floating action button
• Request/Response inspection - View headers, body, timing, and size
• GraphQL support - Operation type detection and query inspection
• Advanced filtering - Search by URL, status code, method, and more

Installation #

dependencies:
  flutter_dev_panel_network:
    path: ../packages/flutter_dev_panel_network

Usage #

import 'package:flutter_dev_panel/flutter_dev_panel.dart';
import 'package:flutter_dev_panel_network/flutter_dev_panel_network.dart';
import 'package:dio/dio.dart';

void main() {
  // Initialize with network module
  FlutterDevPanel.initialize(
    modules: [NetworkModule()],
  );
  
  // Attach to Dio
  final dio = Dio();
  NetworkModule.attachToDio(dio);
  
  // Or attach to GraphQL
  final graphQLClient = NetworkModule.createGraphQLClient(
    endpoint: 'https://api.example.com/graphql',
  );
  
  runApp(MyApp());
}

License #

This project is licensed under the MIT License - see the LICENSE file for details.