proxypin/lib/ui/toolbox/toolbox.dart

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

import 'package:desktop_multi_window/desktop_multi_window.dart';
import 'package:flutter/material.dart';
import 'package:proxypin/l10n/app_localizations.dart';
import 'package:proxypin/network/bin/server.dart';
import 'package:proxypin/ui/component/multi_window.dart';
import 'package:proxypin/ui/mobile/request/request_editor.dart';
import 'package:proxypin/ui/toolbox/qr_code_page.dart';
import 'package:proxypin/ui/toolbox/regexp.dart';
import 'package:proxypin/ui/toolbox/timestamp.dart';
import 'package:proxypin/utils/platform.dart';
import 'package:window_manager/window_manager.dart';

import 'aes_page.dart';
import 'cert_hash.dart';
import 'encoder.dart';
import 'js_run.dart';

class Toolbox extends StatefulWidget {
  final ProxyServer? proxyServer;

  const Toolbox({super.key, this.proxyServer});

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

class _ToolboxState extends State<Toolbox> {
  AppLocalizations get localizations => AppLocalizations.of(context)!;

  @override
  Widget build(BuildContext context) {
    return IconTheme(
        data: IconTheme.of(context).copyWith(color: IconTheme.of(context).color?.withOpacity(0.55), size: 22),
        child: Container(
          padding: const EdgeInsets.all(10),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              const Divider(thickness: 0.3),
              Row(children: [
                InkWell(
                    onTap: httpRequest,
                    child: Container(
                      padding: const EdgeInsets.all(10),
                      child: Column(children: [
                        const Icon(Icons.http),
                        Text(localizations.httpRequest, style: const TextStyle(fontSize: 14)),
                      ]),
                    )),
                const SizedBox(width: 10),
                InkWell(
                    onTap: () async {
                      if (Platforms.isMobile()) {
                        Navigator.of(context).push(MaterialPageRoute(builder: (context) => const JavaScript()));
                        return;
                      }

                      var size = MediaQuery.of(context).size;
                      var ratio = 1.0;
                      if (Platform.isWindows) {
                        ratio = WindowManager.instance.getDevicePixelRatio();
                      }

                      final window = await DesktopMultiWindow.createWindow(jsonEncode(
                        {'name': 'JavaScript'},
                      ));
                      window.setTitle('JavaScript');
                      window
                        ..setFrame(const Offset(100, 100) & Size(960 * ratio, size.height * ratio))
                        ..center()
                        ..show();
                    },
                    child: Container(
                      padding: const EdgeInsets.all(10),
                      child: const Column(children: [Icon(Icons.javascript), SizedBox(height: 3), Text("JavaScript")]),
                    )),
              ]),
              const Divider(thickness: 0.3),
              Text(localizations.encode, style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500)),
              Wrap(
                children: [
                  InkWell(
                      onTap: () => encodeWindow(EncoderType.url, context),
                      child: Container(
                        padding: const EdgeInsets.all(10),
                        child: const Column(children: [Icon(Icons.link), SizedBox(height: 3), Text(' URL')]),
                      )),
                  const SizedBox(width: 10),
                  InkWell(
                      onTap: () => encodeWindow(EncoderType.base64, context),
                      child: Container(
                        padding: const EdgeInsets.all(10),
                        child: const Column(
                            children: [Icon(Icons.format_bold_outlined), SizedBox(height: 3), Text('Base64')]),
                      )),
                  const SizedBox(width: 10),
                  InkWell(
                      onTap: () => encodeWindow(EncoderType.unicode, context),
                      child: Container(
                        padding: const EdgeInsets.all(10),
                        child: const Column(
                            children: [Icon(Icons.format_underline_outlined), SizedBox(height: 3), Text('Unicode')]),
                      )),
                  const SizedBox(width: 10),
                  InkWell(
                      onTap: () => encodeWindow(EncoderType.md5, context),
                      child: Container(
                        padding: const EdgeInsets.all(10),
                        child: const Column(children: [Icon(Icons.tag_outlined), SizedBox(height: 3), Text('MD5')]),
                      )),
                ],
              ),
              const Divider(thickness: 0.3),
              Text(localizations.cipher, style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500)),
              Wrap(children: [
                InkWell(
                    onTap: () {
                      if (Platforms.isMobile()) {
                        Navigator.of(context).push(MaterialPageRoute(builder: (context) => const AesPage()));
                        return;
                      }
                      MultiWindow.openWindow("AES", "AesPage", size: const Size(700, 672));
                    },
                    child: Container(
                      padding: const EdgeInsets.all(10),
                      child: Column(
                          children: [Icon(Icons.enhanced_encryption_outlined), SizedBox(height: 3), Text('AES')]),
                    )),
              ]),
              const Divider(thickness: 0.3),
              Text(localizations.other, style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500)),
              Wrap(
                children: [
                  IconText(
                      onTap: () async {
                        if (Platforms.isMobile()) {
                          Navigator.of(context).push(MaterialPageRoute(builder: (context) => const TimestampPage()));
                          return;
                        }

                        MultiWindow.openWindow(localizations.timestamp, 'TimestampPage', size: const Size(700, 350));
                      },
                      icon: Icons.av_timer,
                      text: localizations.timestamp),
                  const SizedBox(width: 10),
                  IconText(
                      onTap: () async {
                        if (Platforms.isMobile()) {
                          Navigator.of(context).push(MaterialPageRoute(builder: (context) => const CertHashPage()));
                          return;
                        }
                        MultiWindow.openWindow(localizations.certHashName, 'CertHashPage');
                      },
                      icon: Icons.key_outlined,
                      text: localizations.certHashName),
                  const SizedBox(width: 10),
                  IconText(
                      onTap: () async {
                        if (Platforms.isMobile()) {
                          Navigator.of(context).push(MaterialPageRoute(builder: (context) => const RegExpPage()));
                          return;
                        }
                        MultiWindow.openWindow(localizations.regExp, 'RegExpPage', size: const Size(800, 720));
                      },
                      icon: Icons.code,
                      text: localizations.regExp),
                  const SizedBox(width: 10),
                  IconText(
                      onTap: () async {
                        if (Platforms.isMobile()) {
                          Navigator.of(context).push(MaterialPageRoute(builder: (context) => const QrCodePage()));
                          return;
                        }
                        MultiWindow.openWindow(localizations.qrCode, 'QrCodePage');
                      },
                      icon: Icons.qr_code_2,
                      text: localizations.qrCode),
                ],
              ),
            ],
          ),
        ));
  }

  Future<void> httpRequest() async {
    if (Platforms.isMobile()) {
      Navigator.of(context)
          .push(MaterialPageRoute(builder: (context) => MobileRequestEditor(proxyServer: widget.proxyServer)));
      return;
    }

    var size = MediaQuery.of(context).size;
    var ratio = 1.0;
    if (Platform.isWindows) {
      ratio = WindowManager.instance.getDevicePixelRatio();
    }

    final window = await DesktopMultiWindow.createWindow(jsonEncode(
      {'name': 'RequestEditor'},
    ));
    window.setTitle(localizations.httpRequest);
    window
      ..setFrame(const Offset(100, 100) & Size(960 * ratio, size.height * ratio))
      ..center()
      ..show();
  }
}

class IconText extends StatelessWidget {
  final IconData icon;
  final String text;

  /// Called when the user taps this part of the material.
  final GestureTapCallback? onTap;

  const IconText({super.key, required this.icon, required this.text, this.onTap});

  @override
  Widget build(BuildContext context) {
    return InkWell(
        onTap: onTap,
        child: Container(
          padding: const EdgeInsets.all(10),
          child: Column(children: [Icon(icon), SizedBox(height: 3), Text(text)]),
        ));
  }
}