interceptly 1.0.0

Flutter network inspector for Dio, HTTP, and Chopper with overlay UI, replay tools, and HAR/cURL export.

example/lib/main.dart

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

void main() {
  final dio = Dio()..interceptors.add(InterceptlyDioInterceptor());
  final appNavigatorKey = GlobalKey<NavigatorState>();

  runApp(
    InterceptlyExampleApp(
      dio: dio,
      navigatorKey: appNavigatorKey,
    ),
  );
}

class InterceptlyExampleApp extends StatelessWidget {
  const InterceptlyExampleApp({
    super.key,
    required this.dio,
    required this.navigatorKey,
  });

  final Dio dio;
  final GlobalKey<NavigatorState> navigatorKey;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorKey: navigatorKey,
      title: 'Interceptly Example',
      themeMode: ThemeMode.system,
      theme: ThemeData.from(colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue)),
      darkTheme: ThemeData.dark(useMaterial3: true),
      builder: (context, child) {
        InterceptlyTheme.bind(context: context, themeMode: ThemeMode.system);
        return child ?? const SizedBox.shrink();
      },
      home: InterceptlyOverlay(
        navigatorKey: navigatorKey,
        child: ExampleHomePage(dio: dio),
      ),
    );
  }
}

class ExampleHomePage extends StatefulWidget {
  const ExampleHomePage({super.key, required this.dio});

  final Dio dio;

  @override
  State<ExampleHomePage> createState() => _ExampleHomePageState();
}

class _ExampleHomePageState extends State<ExampleHomePage> {
  String _status = 'Tap a button to generate network traffic.';
  bool _isLoading = false;

  Future<void> _runRequest(
    String label,
    Future<Response<dynamic>> Function() action,
  ) async {
    setState(() {
      _isLoading = true;
      _status = 'Running $label...';
    });

    try {
      final response = await action();
      if (!mounted) return;
      setState(() => _status = '$label complete: ${response.statusCode}');
    } on DioException catch (error) {
      if (!mounted) return;
      setState(() => _status = '$label failed: ${error.message}');
    } finally {
      if (mounted) setState(() => _isLoading = false);
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Interceptly Example')),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[
            Text(_status, style: Theme.of(context).textTheme.bodyLarge),
            const SizedBox(height: 16),
            FilledButton(
              onPressed: _isLoading
                  ? null
                  : () => _runRequest(
                        'GET',
                        () => widget.dio.get<dynamic>(
                          'https://jsonplaceholder.typicode.com/posts/1',
                        ),
                      ),
              child: const Text('Send GET'),
            ),
            const SizedBox(height: 12),
            FilledButton(
              onPressed: _isLoading
                  ? null
                  : () => _runRequest(
                        'POST',
                        () => widget.dio.post<dynamic>(
                          'https://jsonplaceholder.typicode.com/posts',
                          data: <String, Object?>{
                            'title': 'Interceptly',
                            'body': 'Smoke test payload',
                            'userId': 1,
                          },
                        ),
                      ),
              child: const Text('Send POST'),
            ),
            const SizedBox(height: 12),
            OutlinedButton(
              onPressed: _isLoading
                  ? null
                  : () => _runRequest(
                        'Error',
                        () =>
                            widget.dio.get<dynamic>('https://httpstat.us/503'),
                      ),
              child: const Text('Send Error Request'),
            ),
            const SizedBox(height: 24),
            const Text(
              'Use the floating bug button to open the inspector after generating traffic.',
            ),
          ],
        ),
      ),
    );
  }
}