new: add several values for dns and url test in auto complete mode

2024-08-20 01:53:26 -04:00
parent 4726c8ad8b
commit 66353a635c
5 changed files with 99 additions and 49 deletions
--- a/lib/features/config_option/data/config_option_repository.dart
+++ b/lib/features/config_option/data/config_option_repository.dart
@@ -61,7 +61,17 @@ abstract class ConfigOptions {
  static final remoteDnsAddress = PreferencesNotifier.create<String, String>(
    "remote-dns-address",
    "udp://1.1.1.1",
-    // "https://sky.rethinkdns.com/dns-query",
+    possibleValues: List.of([
+      "local",
+      "udp://223.5.5.5",
+      "udp://1.1.1.1",
+      "udp://1.1.1.2",
+      "tcp://1.1.1.1",
+      "https://1.1.1.1/dns-query",
+      "https://sky.rethinkdns.com/dns-query",
+      "4.4.2.2",
+      "8.8.8.8",
+    ]),
    validator: (value) => value.isNotBlank,
  );

@@ -74,7 +84,18 @@ abstract class ConfigOptions {

  static final directDnsAddress = PreferencesNotifier.create<String, String>(
    "direct-dns-address",
-    "1.1.1.1",
+    "udp://1.1.1.1",
+    possibleValues: List.of([
+      "local",
+      "udp://223.5.5.5",
+      "udp://1.1.1.1",
+      "udp://1.1.1.2",
+      "tcp://1.1.1.1",
+      "https://1.1.1.1/dns-query",
+      "https://sky.rethinkdns.com/dns-query",
+      "4.4.2.2",
+      "8.8.8.8",
+    ]),
    defaultValueFunction: (ref) => ref.read(region) == Region.cn ? "223.5.5.5" : "1.1.1.1",
    validator: (value) => value.isNotBlank,
  );
@@ -117,7 +138,18 @@ abstract class ConfigOptions {

  static final connectionTestUrl = PreferencesNotifier.create<String, String>(
    "connection-test-url",
-    "http://connectivitycheck.gstatic.com/generate_204",
+    "http://cp.cloudflare.com",
+    possibleValues: List.of([
+      "http://connectivitycheck.gstatic.com/generate_204",
+      "http://www.gstatic.com/generate_204",
+      "https://www.gstatic.com/generate_204",
+      "http://cp.cloudflare.com",
+      "http://kernel.org",
+      "http://detectportal.firefox.com",
+      "http://captive.apple.com/hotspot-detect.html",
+      "https://1.1.1.1",
+      "http://1.1.1.1",
+    ]),
    validator: (value) => value.isNotBlank && isUrl(value),
  );

--- a/lib/features/config_option/overview/config_options_page.dart
+++ b/lib/features/config_option/overview/config_options_page.dart
@@ -358,7 +358,7 @@ class ConfigOptionsPage extends HookConsumerWidget {
                    digitsOnly: true,
                    inputToValue: int.tryParse,
                  ),
-                  
+
                  SwitchListTile(
                    title: Text(experimental(t.config.useXrayCoreWhenPossible.Label)),
                    subtitle: Text(t.config.useXrayCoreWhenPossible.Description),
--- a/lib/features/config_option/widget/preference_tile.dart
+++ b/lib/features/config_option/widget/preference_tile.dart
@@ -41,6 +41,7 @@ class ValuePreferenceWidget<T> extends StatelessWidget {
          onReset: preferences.reset,
          digitsOnly: digitsOnly,
          mapTo: inputToValue,
+          possibleValues: preferences.possibleValues,
        ).show(context);
        if (inputValue == null) {
          return;
--- a/lib/features/settings/widgets/settings_input_dialog.dart
+++ b/lib/features/settings/widgets/settings_input_dialog.dart
@@ -1,29 +1,20 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:flutter_typeahead/flutter_typeahead.dart';
 import 'package:hiddify/core/localization/translations.dart';
 import 'package:hiddify/utils/utils.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';

 class SettingsInputDialog<T> extends HookConsumerWidget with PresLogger {
-  const SettingsInputDialog({
-    super.key,
-    required this.title,
-    required this.initialValue,
-    this.mapTo,
-    this.validator,
-    this.valueFormatter,
-    this.onReset,
-    this.optionalAction,
-    this.icon,
-    this.digitsOnly = false,
-  });
+  const SettingsInputDialog({super.key, required this.title, required this.initialValue, this.mapTo, this.validator, this.valueFormatter, this.onReset, this.optionalAction, this.icon, this.digitsOnly = false, this.possibleValues});

  final String title;
  final T initialValue;
  final T? Function(String value)? mapTo;
  final bool Function(String value)? validator;
  final String Function(T value)? valueFormatter;
+  final List<T>? possibleValues;
  final VoidCallback? onReset;
  final (String text, VoidCallback)? optionalAction;
  final IconData? icon;
@@ -53,14 +44,22 @@ class SettingsInputDialog<T> extends HookConsumerWidget with PresLogger {
        icon: icon != null ? Icon(icon) : null,
        content: FocusTraversalOrder(
          order: const NumericFocusOrder(1),
-          child: CustomTextFormField(
-            controller: textController,
-            inputFormatters: [
-              FilteringTextInputFormatter.singleLineFormatter,
-              if (digitsOnly) FilteringTextInputFormatter.digitsOnly,
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              if (possibleValues != null)
+                AutocompleteField(initialValue: initialValue.toString(), options: possibleValues!.map((e) => e.toString()).toList())
+              else
+                CustomTextFormField(
+                  controller: textController,
+                  inputFormatters: [
+                    FilteringTextInputFormatter.singleLineFormatter,
+                    if (digitsOnly) FilteringTextInputFormatter.digitsOnly,
+                  ],
+                  autoCorrect: true,
+                  hint: title,
+                ),
            ],
-            autoCorrect: true,
-            hint: title,
          ),
        ),
        actions: [
@@ -70,8 +69,7 @@ class SettingsInputDialog<T> extends HookConsumerWidget with PresLogger {
              child: TextButton(
                onPressed: () async {
                  optionalAction!.$2();
-                  await Navigator.of(context)
-                      .maybePop(T == String ? textController.value.text : null);
+                  await Navigator.of(context).maybePop(T == String ? textController.value.text : null);
                },
                child: Text(optionalAction!.$1.toUpperCase()),
              ),
@@ -103,11 +101,9 @@ class SettingsInputDialog<T> extends HookConsumerWidget with PresLogger {
                if (validator?.call(textController.value.text) == false) {
                  await Navigator.of(context).maybePop(null);
                } else if (mapTo != null) {
-                  await Navigator.of(context)
-                      .maybePop(mapTo!.call(textController.value.text));
+                  await Navigator.of(context).maybePop(mapTo!.call(textController.value.text));
                } else {
-                  await Navigator.of(context)
-                      .maybePop(T == String ? textController.value.text : null);
+                  await Navigator.of(context).maybePop(T == String ? textController.value.text : null);
                }
              },
              child: Text(localizations.okButtonLabel.toUpperCase()),
@@ -119,6 +115,32 @@ class SettingsInputDialog<T> extends HookConsumerWidget with PresLogger {
  }
 }

+class AutocompleteField extends StatelessWidget {
+  const AutocompleteField({super.key, required this.initialValue, required this.options});
+  final List<String> options;
+  final String initialValue;
+
+  @override
+  Widget build(BuildContext context) {
+    return Autocomplete<String>(
+      initialValue: TextEditingValue(
+        text: this.initialValue, selection: TextSelection(baseOffset: 0, extentOffset: this.initialValue.length), // Selects the entire text
+      ),
+      optionsBuilder: (TextEditingValue textEditingValue) {
+        // if (textEditingValue.text == '') {
+        //   return const Iterable<String>.empty();
+        // }
+        return options.where((String option) {
+          return option.contains(textEditingValue.text.toLowerCase());
+        });
+      },
+      onSelected: (String selection) {
+        //debugPrint('You just selected $selection');
+      },
+    );
+  }
+}
+
 class SettingsPickerDialog<T> extends HookConsumerWidget with PresLogger {
  const SettingsPickerDialog({
    super.key,