dio_premium_inspector 0.0.1

dio_premium_inspector: ^0.0.1 copied to clipboard

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:dio/dio.dart';
import 'package:dio_premium_inspector/dio_premium_inspector.dart';

void main() {
  runApp(const MyApp());
}

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late final Dio dio;
  late final DioPremiumInspector dioInspector;

  @override
  void initState() {
    super.initState();
    dio = Dio();

    // Initialize the inspector
    dioInspector = DioPremiumInspector(
      dio: dio,
      showFloatingBubble: true,
      maxLogs: 50,
    );

    // Add the interceptor
    dio.interceptors.add(dioInspector.interceptor);
  }

  void _fetchData() async {
    try {
      await dio.get('https://jsonplaceholder.typicode.com/users');
    } catch (e) {
      debugPrint(e.toString());
    }
  }

  void _postData() async {
    try {
      await dio.post(
        'https://jsonplaceholder.typicode.com/posts',
        data: {
          'title': 'foo',
          'body': 'bar',
          'userId': 1,
          'password': 'my_super_secret_password', // to test regex masking
        },
      );
    } catch (e) {
      debugPrint(e.toString());
    }
  }

  void _triggerError() async {
    try {
      await dio.get(
        'https://jsonplaceholder.typicode.com/invalid-endpoint-404',
      );
    } catch (e) {
      debugPrint(e.toString());
    }
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Dio Premium Inspector Example',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      // Inject the global overlay for the floating bubble
      builder: dioInspector.builder(),
      home: Scaffold(
        appBar: AppBar(title: const Text('Inspector Example')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                onPressed: _fetchData,
                child: const Text('GET Request (Success)'),
              ),
              const SizedBox(height: 16),
              ElevatedButton(
                onPressed: _postData,
                child: const Text('POST Request (With Masking)'),
              ),
              const SizedBox(height: 16),
              ElevatedButton(
                onPressed: _triggerError,
                child: const Text('GET Request (404 Error)'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}