proxypin/lib/ui/mobile/request/request.dart

import 'package:date_format/date_format.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
import 'package:flutter_toastr/flutter_toastr.dart';
import 'package:network_proxy/network/bin/server.dart';
import 'package:network_proxy/network/host_port.dart';
import 'package:network_proxy/network/http/http.dart';
import 'package:network_proxy/network/http_client.dart';
import 'package:network_proxy/storage/favorites.dart';
import 'package:network_proxy/ui/component/utils.dart';
import 'package:network_proxy/ui/content/panel.dart';
import 'package:network_proxy/ui/mobile/request/repeat.dart';
import 'package:network_proxy/ui/mobile/request/request_editor.dart';
import 'package:network_proxy/ui/mobile/widgets/highlight.dart';
import 'package:network_proxy/utils/curl.dart';
import 'package:network_proxy/utils/lang.dart';

///请求行
class RequestRow extends StatefulWidget {
  final int index;
  final HttpRequest request;
  final ProxyServer proxyServer;
  final bool displayDomain;
  final Function(HttpRequest)? onRemove;

  const RequestRow(
      {super.key,
      required this.request,
      required this.proxyServer,
      this.displayDomain = true,
      this.onRemove,
      required this.index});

  @override
  State<StatefulWidget> createState() {
    return RequestRowState();
  }
}

class RequestRowState extends State<RequestRow> {
  late HttpRequest request;
  HttpResponse? response;
  bool selected = false;

  AppLocalizations get localizations => AppLocalizations.of(context)!;

  change(HttpResponse response) {
    setState(() {
      this.response = response;
    });
  }

  @override
  void initState() {
    request = widget.request;
    response = request.response;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    var title =
        Strings.autoLineString('${request.method.name} ${widget.displayDomain ? request.requestUrl : request.path()}');

    var time = formatDate(request.requestTime, [HH, ':', nn, ':', ss]);
    var contentType = response?.contentType.name.toUpperCase() ?? '';
    var packagesSize = getPackagesSize(request, response);

    var subTitle = '$time - [${response?.status.code ?? ''}] $contentType $packagesSize ${response?.costTime() ?? ''}';

    var highlightColor = KeywordHighlight.getHighlightColor(widget.displayDomain ? request.requestUrl : request.path());

    return ListTile(
        visualDensity: const VisualDensity(vertical: -4),
        minLeadingWidth: 5,
        selected: selected,
        textColor: highlightColor,
        selectedColor: highlightColor,
        leading: getIcon(response),
        title: Text(title, overflow: TextOverflow.ellipsis, maxLines: 2, style: const TextStyle(fontSize: 14)),
        subtitle: Text.rich(
            maxLines: 1,
            TextSpan(children: [
              TextSpan(text: '#${widget.index} ', style: const TextStyle(fontSize: 12, color: Colors.teal)),
              TextSpan(text: subTitle, style: const TextStyle(fontSize: 12, color: Colors.grey)),
            ])),
        trailing: const Icon(Icons.chevron_right, size: 22),
        dense: true,
        contentPadding: const EdgeInsets.only(left: 3),
        onLongPress: menu,
        onTap: () {
          Navigator.push(
              context,
              MaterialPageRoute(
                  settings: const RouteSettings(name: "NetworkTabController"),
                  builder: (context) {
                    return NetworkTabController(
                        proxyServer: widget.proxyServer,
                        httpRequest: request,
                        httpResponse: response,
                        title: Text(localizations.captureDetail, style: const TextStyle(fontSize: 16)));
                  }));
        });
  }

  ///菜单
  menu() {
    setState(() {
      selected = true;
    });
    showModalBottomSheet(
      shape: const RoundedRectangleBorder(borderRadius: BorderRadius.vertical(top: Radius.circular(10))),
      context: context,
      isScrollControlled: true,
      enableDrag: true,
      builder: (ctx) {
        return Wrap(alignment: WrapAlignment.center, children: [
          menuItem(localizations.copyUrl, () => widget.request.requestUrl),
          const Divider(thickness: 0.5, height: 5),
          menuItem(localizations.copyCurl, () => curlRequest(widget.request)),
          const Divider(thickness: 0.5, height: 5),
          TextButton(
              child: SizedBox(width: double.infinity, child: Text(localizations.repeat, textAlign: TextAlign.center)),
              onPressed: () {
                onRepeat(widget.request);
                Navigator.of(context).pop();
              }),
          const Divider(thickness: 0.5, height: 5),
          TextButton(
              child: SizedBox(
                  width: double.infinity, child: Text(localizations.customRepeat, textAlign: TextAlign.center)),
              onPressed: () => showCustomRepeat(widget.request)),
          const Divider(thickness: 0.5, height: 5),
          TextButton(
              child:
                  SizedBox(width: double.infinity, child: Text(localizations.editRequest, textAlign: TextAlign.center)),
              onPressed: () {
                Navigator.of(context).pop();
                Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) =>
                        MobileRequestEditor(request: widget.request, proxyServer: widget.proxyServer)));
              }),
          const Divider(thickness: 0.5, height: 5),
          TextButton(
              child: SizedBox(width: double.infinity, child: Text(localizations.favorite, textAlign: TextAlign.center)),
              onPressed: () {
                FavoriteStorage.addFavorite(widget.request);
                FlutterToastr.show(localizations.addSuccess, context);
                Navigator.of(context).pop();
              }),
          const Divider(thickness: 0.5, height: 5),
          TextButton(
              child: SizedBox(width: double.infinity, child: Text(localizations.delete, textAlign: TextAlign.center)),
              onPressed: () {
                widget.onRemove?.call(request);
                FlutterToastr.show(localizations.deleteSuccess, context);
                Navigator.of(context).pop();
              }),
          Container(
            color: Theme.of(context).hoverColor,
            height: 8,
          ),
          TextButton(
            child: Container(
                height: 55,
                width: double.infinity,
                padding: const EdgeInsets.only(top: 10),
                child: Text(localizations.cancel, textAlign: TextAlign.center)),
            onPressed: () {
              Navigator.of(context).pop();
            },
          ),
        ]);
      },
    ).then((value) => setState(() => selected = false));
  }

  //显示高级重发
  showCustomRepeat(HttpRequest request) {
    Navigator.of(context).pop();
    Navigator.of(context)
        .push(MaterialPageRoute(builder: (context) => MobileCustomRepeat(onRepeat: () => onRepeat(request))));
  }

  onRepeat(HttpRequest request) {
    var httpRequest = request.copy(uri: request.requestUrl);
    var proxyInfo = widget.proxyServer.isRunning ? ProxyInfo.of("127.0.0.1", widget.proxyServer.port) : null;
    HttpClients.proxyRequest(httpRequest, proxyInfo: proxyInfo);

    if (mounted) {
      FlutterToastr.show(localizations.reSendRequest, context);
    }
  }

  Widget menuItem(String title, String Function() callback) {
    return TextButton(
        child: SizedBox(width: double.infinity, child: Text(title, textAlign: TextAlign.center)),
        onPressed: () {
          Clipboard.setData(ClipboardData(text: callback.call())).then((value) {
            FlutterToastr.show(localizations.copied, context);
            Navigator.of(context).pop();
          });
        });
  }
}