zapstore/lib/screens/settings_screen.dart

import 'dart:convert';
import 'dart:io';

import 'package:async_button_builder/async_button_builder.dart';
import 'package:flutter/material.dart';
import 'package:flutter_data/flutter_data.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:flutter_phoenix/flutter_phoenix.dart';
import 'package:gap/gap.dart';
import 'package:go_router/go_router.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';
import 'package:http/http.dart' as http;
import 'package:path_provider/path_provider.dart';
import 'package:purplebase/purplebase.dart';
import 'package:zapstore/main.data.dart';
import 'package:zapstore/models/settings.dart';
import 'package:zapstore/models/user.dart';
import 'package:zapstore/navigation/app_initializer.dart';
import 'package:zapstore/utils/extensions.dart';
import 'package:zapstore/utils/nwc.dart';
import 'package:zapstore/utils/system_info.dart';
import 'package:zapstore/widgets/sign_in_container.dart';

class SettingsScreen extends HookConsumerWidget {
  const SettingsScreen({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final systemInfoState = ref.watch(systemInfoNotifierProvider);

    final feedbackController = useTextEditingController();
    final signedInUser = ref.watch(signedInUserProvider);

    return SingleChildScrollView(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            'Share your feedback',
            style: context.theme.textTheme.headlineLarge!
                .copyWith(fontWeight: FontWeight.bold),
          ),
          Gap(10),
          Text(
            'Zapstore is free and open source software',
            style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
          ),
          Gap(10),
          Text('Comments, suggestions and error reports welcome here.'),
          Gap(20),
          TextField(
            controller: feedbackController,
            maxLines: 10,
          ),
          Gap(20),
          if (signedInUser == null ||
              signedInUser.settings.value?.signInMethod != SignInMethod.nip55)
            Column(
              children: [
                Text(
                    'To send a message you must be signed in with an external signer like Amber.',
                    softWrap: true,
                    style: TextStyle(
                        color: Colors.red[300], fontWeight: FontWeight.bold)),
                Gap(5),
                SignInButton(minimal: true, requireNip55: true),
              ],
            ),
          if (signedInUser != null &&
              signedInUser.settings.value!.signInMethod == SignInMethod.nip55)
            AsyncButtonBuilder(
              loadingWidget: SmallCircularProgressIndicator(),
              onPressed: () async {
                if (feedbackController.text.trim().isNotEmpty) {
                  final signedDirectMessage = await amberSigner.sign(
                      PartialDirectMessage(
                          content: feedbackController.text.trim(),
                          receiver: kZapstorePubkey.npub),
                      withPubkey: signedInUser.pubkey);
                  try {
                    final response = await http.post(
                        Uri.parse('https://relay.zapstore.dev/'),
                        body: jsonEncode(signedDirectMessage.toMap()),
                        headers: {'Content-Type': 'application/json'});
                    if (response.statusCode >= 400) {
                      throw Exception(response.body);
                    }
                    if (context.mounted) {
                      context.showInfo('Thank you',
                          description: 'Message sent successfully');
                    }
                    feedbackController.clear();
                  } catch (e, stack) {
                    if (context.mounted) {
                      context.showError(e.toString(),
                          description: stack.toString());
                    }
                  }
                }
              },
              builder: (context, child, callback, state) =>
                  ElevatedButton(onPressed: callback, child: child),
              child: Text('Send as ${signedInUser.nameOrNpub}'),
            ),
          Gap(20),
          Divider(),
          Gap(20),
          Text(
            'Nostr Wallet Connect',
            style: context.theme.textTheme.headlineLarge!
                .copyWith(fontWeight: FontWeight.bold),
          ),
          Gap(20),
          NwcContainer(),
          Gap(20),
          Divider(),
          Gap(20),
          Text(
            'Tools',
            style: context.theme.textTheme.headlineLarge!
                .copyWith(fontWeight: FontWeight.bold),
          ),
          TextButton(
            onPressed: () {
              showDialog(
                context: context,
                builder: (BuildContext context) {
                  return AlertDialog(
                    title: Text('Confirm clear'),
                    content: Text(
                        'Are you sure you want to clear the local cache and restart the app?'),
                    actions: [
                      TextButton(
                        child: Text('Cancel'),
                        onPressed: () {
                          Navigator.of(context).pop();
                        },
                      ),
                      TextButton(
                        child: Text('Confirm'),
                        onPressed: () {
                          ref.read(localStorageProvider).destroy().then((_) {
                            if (context.mounted) {
                              Phoenix.rebirth(context);
                              Navigator.of(context).pop();
                              context.go('/');
                            }
                          });
                        },
                      ),
                    ],
                  );
                },
              );
            },
            child: Text('Delete local cache'),
          ),
          Gap(40),
          Row(
            children: [
              Text(
                'System info',
                style: context.theme.textTheme.headlineLarge!
                    .copyWith(fontWeight: FontWeight.bold),
              ),
              Gap(20),
              ElevatedButton(
                onPressed: () {
                  ref.read(systemInfoNotifierProvider.notifier).fetch();
                },
                child: Text('Refresh'),
              ),
            ],
          ),
          Gap(20),
          GestureDetector(
            onLongPress: () async {
              final info =
                  await ref.read(systemInfoNotifierProvider.notifier).fetch();
              final dir = await getApplicationDocumentsDirectory();
              final errors = jsonDecode(
                  await File('${dir.path}/errors.json').readAsString());
              errors as Map<String, dynamic>;
              errors['_'] = info.toString();
              errors['_user'] =
                  ref.settings.findOneLocalById('_')!.user.value?.npub;
              try {
                await http.post(
                  Uri.parse('https://cdn.zapstore.dev/upload'),
                  body: utf8.encode(jsonEncode(errors)),
                  headers: {
                    'Content-Type': 'application/json',
                    'X-Filename': 'errors.json',
                  },
                );
                if (context.mounted) {
                  context.showInfo('System info sent',
                      description: 'Thank you');
                }
              } catch (e) {
                if (context.mounted) {
                  context.showError('Unable to send system info',
                      description: e.toString());
                }
              }
            },
            child: Text(switch (systemInfoState) {
              AsyncData(:final value) => value.toString(),
              _ => '',
            }),
          ),
        ],
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return SizedBox(width: 14, height: 14, child: CircularProgressIndicator());
  }
}

class NwcContainer extends HookConsumerWidget {
  final bool dialogMode;
  const NwcContainer({
    super.key,
    this.dialogMode = false,
  });

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final nwcConnection = ref.watch(nwcConnectionProvider);
    final controller = useTextEditingController(text: '');
    final isTextFieldEmpty = useState(true);

    return Padding(
      padding: const EdgeInsets.all(4),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          if (!nwcConnection.hasValue && nwcConnection.isLoading)
            SmallCircularProgressIndicator(),
          if (nwcConnection.isPresent) Text('Wallet connected'),
          if (nwcConnection.hasError)
            Text('Error connecting: ${nwcConnection.error}'),
          if (!nwcConnection.isPresent && !nwcConnection.isLoading)
            TextField(
              autocorrect: false,
              keyboardType: TextInputType.none,
              controller: controller,
              onChanged: (value) {
                isTextFieldEmpty.value = value.isEmpty;
              },
              decoration: InputDecoration(
                hintText: 'nostr+walletconnect://...',
                suffixIcon: AsyncButtonBuilder(
                  disabled: isTextFieldEmpty.value,
                  loadingWidget: SmallCircularProgressIndicator(),
                  onPressed: () async {
                    final nwcUri = controller.text.trim();
                    await ref
                        .read(nwcConnectionProvider.notifier)
                        .connectWallet(nwcUri);
                    if (dialogMode && context.mounted) {
                      Navigator.of(context).pop();
                    }
                  },
                  builder: (context, child, callback, buttonState) {
                    return Padding(
                      padding: const EdgeInsets.only(bottom: 2),
                      child: SizedBox(
                        child: ElevatedButton(
                          onPressed: callback,
                          style: ElevatedButton.styleFrom(
                              disabledBackgroundColor: Colors.transparent,
                              backgroundColor: Colors.transparent),
                          child: child,
                        ),
                      ),
                    );
                  },
                  child: Text('Connect'),
                ),
              ),
            ),
          if (nwcConnection.isPresent && !dialogMode)
            ElevatedButton(
              onPressed: () async {
                controller.clear();
                await ref
                    .read(nwcConnectionProvider.notifier)
                    .disconnectWallet();
              },
              style: ElevatedButton.styleFrom(
                  disabledBackgroundColor: Colors.transparent,
                  backgroundColor: Colors.transparent),
              child: Text('Disconnect'),
            ),
        ],
      ),
    );
  }
}