umbrix/lib/features/logs/view/logs_page.dart

import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:fpdart/fpdart.dart';
import 'package:gap/gap.dart';
import 'package:hiddify/core/core_providers.dart';
import 'package:hiddify/core/prefs/prefs.dart';
import 'package:hiddify/domain/failures.dart';
import 'package:hiddify/domain/singbox/singbox.dart';
import 'package:hiddify/features/logs/notifier/notifier.dart';
import 'package:hiddify/services/service_providers.dart';
import 'package:hiddify/utils/utils.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';

class LogsPage extends HookConsumerWidget with PresLogger {
  const LogsPage({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final t = ref.watch(translationsProvider);
    final state = ref.watch(logsNotifierProvider);
    final notifier = ref.watch(logsNotifierProvider.notifier);

    final debug = ref.watch(debugModeNotifierProvider);
    final filesEditor = ref.watch(filesEditorServiceProvider);

    final filterController = useTextEditingController(text: state.filter);

    final List<PopupMenuEntry> popupButtons = debug || PlatformUtils.isDesktop
        ? [
            PopupMenuItem(
              child: Text(t.logs.shareCoreLogs),
              onTap: () async {
                await UriUtils.tryShareOrLaunchFile(
                  Uri.parse(filesEditor.coreLogsPath),
                  fileOrDir: filesEditor.logsDir.uri,
                );
              },
            ),
            PopupMenuItem(
              child: Text(t.logs.shareAppLogs),
              onTap: () async {
                await UriUtils.tryShareOrLaunchFile(
                  Uri.parse(filesEditor.appLogsPath),
                  fileOrDir: filesEditor.logsDir.uri,
                );
              },
            ),
          ]
        : [];

    return Scaffold(
      appBar: AppBar(
        // TODO: fix height
        toolbarHeight: 90,
        title: Text(t.logs.pageTitle),
        actions: [
          if (state.paused)
            IconButton(
              onPressed: notifier.resume,
              icon: const Icon(Icons.play_arrow),
              tooltip: t.logs.resumeTooltip,
            )
          else
            IconButton(
              onPressed: notifier.pause,
              icon: const Icon(Icons.pause),
              tooltip: t.logs.pauseTooltip,
            ),
          IconButton(
            onPressed: notifier.clear,
            icon: const Icon(Icons.clear_all),
            tooltip: t.logs.clearTooltip,
          ),
          if (popupButtons.isNotEmpty)
            PopupMenuButton(
              itemBuilder: (context) {
                return popupButtons;
              },
            ),
        ],
        bottom: PreferredSize(
          preferredSize: const Size.fromHeight(36),
          child: Padding(
            padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
            child: Row(
              children: [
                Flexible(
                  child: TextFormField(
                    controller: filterController,
                    onChanged: notifier.filterMessage,
                    decoration: InputDecoration(
                      isDense: true,
                      hintText: t.logs.filterHint,
                    ),
                  ),
                ),
                const Gap(16),
                DropdownButton<Option<LogLevel>>(
                  value: optionOf(state.levelFilter),
                  onChanged: (v) {
                    if (v == null) return;
                    notifier.filterLevel(v.toNullable());
                  },
                  padding: const EdgeInsets.symmetric(horizontal: 8),
                  borderRadius: BorderRadius.circular(4),
                  items: [
                    DropdownMenuItem(
                      value: none(),
                      child: Text(t.logs.allLevelsFilter),
                    ),
                    ...LogLevel.choices.map(
                      (e) => DropdownMenuItem(
                        value: some(e),
                        child: Text(e.name),
                      ),
                    ),
                  ],
                ),
              ],
            ),
          ),
        ),
      ),
      body: switch (state.logs) {
        AsyncData(value: final logs) => SelectionArea(
            child: ListView.builder(
              itemCount: logs.length,
              reverse: true,
              itemBuilder: (context, index) {
                final log = logs[index];
                return Column(
                  mainAxisSize: MainAxisSize.min,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Padding(
                      padding: const EdgeInsets.symmetric(
                        horizontal: 16,
                        vertical: 4,
                      ),
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          if (log.level != null)
                            Row(
                              mainAxisAlignment: MainAxisAlignment.spaceBetween,
                              children: [
                                Text(
                                  log.level!.name.toUpperCase(),
                                  style: Theme.of(context)
                                      .textTheme
                                      .labelMedium
                                      ?.copyWith(color: log.level!.color),
                                ),
                                if (log.time != null)
                                  Text(
                                    log.time!.toString(),
                                    style:
                                        Theme.of(context).textTheme.labelSmall,
                                  ),
                              ],
                            ),
                          Text(
                            log.message,
                            style: Theme.of(context).textTheme.bodySmall,
                          ),
                        ],
                      ),
                    ),
                    if (index != 0)
                      const Divider(
                        indent: 16,
                        endIndent: 16,
                        height: 4,
                      ),
                  ],
                );
              },
            ),
          ),
        AsyncError(:final error) => CustomScrollView(
            slivers: [
              SliverErrorBodyPlaceholder(t.presentShortError(error)),
            ],
          ),
        _ => const CustomScrollView(
            slivers: [
              SliverLoadingBodyPlaceholder(),
            ],
          ),
      },
    );
  }
}