swiftcontrol/lib/pages/device.dart

import 'dart:async';
import 'dart:io';

import 'package:dartx/dartx.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:swift_control/main.dart';
import 'package:swift_control/pages/touch_area.dart';
import 'package:swift_control/widgets/logviewer.dart';
import 'package:swift_control/widgets/title.dart';

import '../bluetooth/devices/base_device.dart';
import '../utils/keymap/apps/custom_app.dart';
import '../utils/keymap/apps/supported_app.dart';
import '../widgets/menu.dart';

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

  @override
  State<DevicePage> createState() => _DevicePageState();
}

class _DevicePageState extends State<DevicePage> {
  late StreamSubscription<BaseDevice> _connectionStateSubscription;
  final controller = TextEditingController(text: actionHandler.supportedApp?.name);

  @override
  void initState() {
    super.initState();

    _connectionStateSubscription = connection.connectionStream.listen((state) async {
      setState(() {});
    });
  }

  @override
  void dispose() {
    _connectionStateSubscription.cancel();
    controller.dispose();
    super.dispose();
  }

  final _snackBarMessengerKey = GlobalKey<ScaffoldMessengerState>();

  @override
  Widget build(BuildContext context) {
    return ScaffoldMessenger(
      key: _snackBarMessengerKey,
      child: PopScope(
        onPopInvokedWithResult: (hello, _) {
          connection.reset();
        },
        child: Scaffold(
          appBar: AppBar(
            title: AppTitle(),
            actions: buildMenuButtons(),
            backgroundColor: Theme.of(context).colorScheme.inversePrimary,
          ),
          body: Padding(
            padding: const EdgeInsets.all(8.0),
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              spacing: 10,
              children: [
                Text(
                  'Devices:\n${connection.devices.joinToString(separator: '\n', transform: (it) {
                    return "${it.device.name ?? it.runtimeType}: ${it.isConnected ? 'Connected' : 'Not connected'}${it.batteryLevel != null ? ' - Battery Level: ${it.batteryLevel}%' : ''}";
                  })}',
                ),
                Divider(color: Theme.of(context).colorScheme.primary, height: 30),
                if (!kIsWeb)
                  Wrap(
                    spacing: 8,
                    runSpacing: 8,
                    crossAxisAlignment: WrapCrossAlignment.center,
                    children: [
                      DropdownMenu<SupportedApp>(
                        controller: controller,
                        dropdownMenuEntries:
                            SupportedApp.supportedApps
                                .map(
                                  (app) => DropdownMenuEntry<SupportedApp>(
                                    value: app,
                                    label: app.name,
                                    trailingIcon: IconButton(
                                      icon: Icon(Icons.info_outline),
                                      onPressed: () {
                                        showDialog(
                                          context: context,
                                          builder:
                                              (context) => AlertDialog(
                                                title: Text(app.name),
                                                content: SelectableText(app.keymap.toString()),
                                                actions: [
                                                  TextButton(
                                                    onPressed: () => Navigator.of(context).pop(),
                                                    child: Text('OK'),
                                                  ),
                                                ],
                                              ),
                                        );
                                      },
                                    ),
                                  ),
                                )
                                .toList(),
                        label: Text('Keymap'),
                        onSelected: (app) async {
                          if (app == null) {
                            return;
                          }
                          controller.text = app.name ?? '';
                          actionHandler.supportedApp = app;
                          settings.setApp(app);
                          setState(() {});
                          if (app is! CustomApp && !kIsWeb && (Platform.isMacOS || Platform.isWindows)) {
                            _snackBarMessengerKey.currentState!.showSnackBar(
                              SnackBar(
                                content: Text(
                                  'Use Custom keymap if you experience any issues (e.g. wrong keyboard output)',
                                ),
                              ),
                            );
                          }
                        },
                        initialSelection: actionHandler.supportedApp,
                        hintText: 'Select your Keymap',
                      ),

                      if (actionHandler.supportedApp is CustomApp)
                        ElevatedButton(
                          onPressed: () async {
                            final result = await Navigator.of(
                              context,
                            ).push<bool>(MaterialPageRoute(builder: (_) => TouchAreaSetupPage()));
                            if (result == true && actionHandler.supportedApp is CustomApp) {
                              settings.setApp(actionHandler.supportedApp!);
                            }
                            setState(() {});
                          },
                          child: Text('Customize Keymap'),
                        ),
                    ],
                  ),
                Expanded(child: LogViewer()),
              ],
            ),
          ),
        ),
      ),
    );
  }
}