import 'dart:math';

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

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await QueryClient.initialize();
  runApp(
    QueryClientProvider(
      child: const MainApp(),
    ),
  );
}

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

  @override
  Widget build(BuildContext context) {
    final value = Random().nextInt(200000);
    return MaterialApp(
      home: Scaffold(
        floatingActionButton: QueryListenable<String, dynamic, String>(
            const ValueKey('hello'), builder: (context, query) {
          if (query == null) {
            return const SizedBox();
          }
          return FloatingActionButton(
            onPressed: () {
              query.refresh();
            },
            child: Text(query.data ?? 'No Data'),
          );
        }),
        body: QueryBuilder<String, dynamic, String>(
          const ValueKey('hello'),
          () {
            return Future.delayed(
                const Duration(seconds: 6), () => 'Hello World! $value');
          },
          initial: 'Hello',
          jsonConfig: JsonConfig(
            fromJson: (json) => json['data'],
            toJson: (data) => {'data': data},
          ),
          onData: (value) {
            print('onData: $value');
          },
          onError: (error) {
            print('onError: $error');
          },
          builder: (context, query) {
            if (query.isLoading) {
              return const Center(
                child: CircularProgressIndicator(),
              );
            } else if (query.hasError) {
              return Center(
                child: Text(query.error.toString()),
              );
            }
            return Center(
              child: Text(query.data),
            );
          },
        ),
      ),
    );
  }
}