tanquery_devtools 0.8.0

Visual devtools overlay for tanquery. Inspect query cache, mutation log, and query states in real-time with a floating panel overlay.

example/tanquery_devtools_example.dart

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:tanquery_flutter/tanquery_flutter.dart';
import 'package:tanquery_devtools/tanquery_devtools.dart';

void main() {
  final queryClient = QueryClient();
  runApp(
    DartQueryProvider(
      client: queryClient,
      child: DartQueryDevtools(
        enabled: kDebugMode,
        child: MaterialApp(
          home: Scaffold(
            appBar: AppBar(title: const Text('DevTools Example')),
            body: QueryBuilder<String>(
              queryKey: QueryKey(['greeting']),
              queryFn: () async {
                await Future.delayed(const Duration(seconds: 1));
                return 'Hello, World!';
              },
              builder: (context, state) {
                if (state.isLoading) return const Center(child: CircularProgressIndicator());
                return Center(child: Text(state.data ?? ''));
              },
            ),
          ),
        ),
      ),
    ),
  );
}