search suggestions

lib/pages/search_result_page.dart

@@ -1,6 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:venera/components/components.dart';
+import 'package:venera/foundation/app.dart';
+import 'package:venera/foundation/appdata.dart';
 import 'package:venera/foundation/comic_source/comic_source.dart';
+import 'package:venera/foundation/state_controller.dart';
+import 'package:venera/utils/ext.dart';
+import 'package:venera/utils/tags_translation.dart';
+import 'package:venera/utils/translations.dart';
 
 class SearchResultPage extends StatefulWidget {
   const SearchResultPage({
@@ -29,11 +35,47 @@ class _SearchResultPageState extends State<SearchResultPage> {
 
   late String text;
 
+  OverlayEntry? get suggestionOverlay => suggestionsController.entry;
+
+  late _SuggestionsController suggestionsController;
+
   void search([String? text]) {
     if (text != null) {
       setState(() {
         this.text = text;
       });
+      appdata.addSearchHistory(text);
+    }
+  }
+
+  void onChanged(String s) {
+    if(!ComicSource.find(sourceKey)!.enableTagsSuggestions){
+      return;
+    }
+    suggestionsController.findSuggestions();
+    if (suggestionOverlay != null) {
+      if (suggestionsController.suggestions.isEmpty) {
+        suggestionsController.remove();
+      } else {
+        suggestionsController.updateWidget();
+      }
+    } else if (suggestionsController.suggestions.isNotEmpty) {
+      suggestionsController.entry = OverlayEntry(
+        builder: (context) {
+          return Positioned(
+            top: context.padding.top + 56,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            child: Material(
+              child: _Suggestions(
+                controller: suggestionsController,
+              ),
+            ),
+          );
+        },
+      );
+      Overlay.of(context).insert(suggestionOverlay!);
     }
   }
 
@@ -46,6 +88,8 @@ class _SearchResultPageState extends State<SearchResultPage> {
     sourceKey = widget.sourceKey;
     options = widget.options;
     text = widget.text;
+    appdata.addSearchHistory(text);
+    suggestionsController = _SuggestionsController(controller);
     super.initState();
   }
 
@@ -58,6 +102,7 @@ class _SearchResultPageState extends State<SearchResultPage> {
       ),
       leadingSliver: SliverSearchBar(
         controller: controller,
+        onChanged: onChanged,
       ),
       loadPage: (i) {
         var source = ComicSource.find(sourceKey);
@@ -70,3 +115,208 @@ class _SearchResultPageState extends State<SearchResultPage> {
     );
   }
 }
+
+class _SuggestionsController {
+  _SuggestionsState? _state;
+
+  final SearchBarController controller;
+
+  OverlayEntry? entry;
+
+  void updateWidget() {
+    _state?.update();
+  }
+
+  void remove() {
+    entry?.remove();
+    entry = null;
+  }
+
+  var suggestions = <Pair<String, TranslationType>>[];
+
+  void findSuggestions() {
+    var text = controller.text.split(" ").last;
+    var suggestions = this.suggestions;
+
+    suggestions.clear();
+
+    bool check(String text, String key, String value) {
+      if (text.removeAllBlank == "") {
+        return false;
+      }
+      if (key.length >= text.length && key.substring(0, text.length) == text ||
+          (key.contains(" ") &&
+              key.split(" ").last.length >= text.length &&
+              key.split(" ").last.substring(0, text.length) == text)) {
+        return true;
+      } else if (value.length >= text.length && value.contains(text)) {
+        return true;
+      }
+      return false;
+    }
+
+    void find(Map<String, String> map, TranslationType type) {
+      for (var element in map.entries) {
+        if (suggestions.length > 200) {
+          break;
+        }
+        if (check(text, element.key, element.value)) {
+          suggestions.add(Pair(element.key, type));
+        }
+      }
+    }
+
+    find(TagsTranslation.femaleTags, TranslationType.female);
+    find(TagsTranslation.maleTags, TranslationType.male);
+    find(TagsTranslation.parodyTags, TranslationType.parody);
+    find(TagsTranslation.characterTranslations, TranslationType.character);
+    find(TagsTranslation.otherTags, TranslationType.other);
+    find(TagsTranslation.mixedTags, TranslationType.mixed);
+    find(TagsTranslation.languageTranslations, TranslationType.language);
+    find(TagsTranslation.artistTags, TranslationType.artist);
+    find(TagsTranslation.groupTags, TranslationType.group);
+    find(TagsTranslation.cosplayerTags, TranslationType.cosplayer);
+  }
+
+  _SuggestionsController(this.controller);
+}
+
+class _Suggestions extends StatefulWidget {
+  const _Suggestions({required this.controller});
+
+  final _SuggestionsController controller;
+
+  @override
+  State<_Suggestions> createState() => _SuggestionsState();
+}
+
+class _SuggestionsState extends State<_Suggestions> {
+  void update() {
+    setState(() {});
+  }
+
+  @override
+  void initState() {
+    widget.controller._state = this;
+    super.initState();
+  }
+
+  @override
+  void didUpdateWidget(covariant _Suggestions oldWidget) {
+    if (oldWidget.controller != widget.controller) {
+      oldWidget.controller._state = null;
+      widget.controller._state = this;
+    }
+    super.didUpdateWidget(oldWidget);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return buildSuggestions(context);
+  }
+
+  Widget buildSuggestions(BuildContext context) {
+    bool showMethod = MediaQuery.of(context).size.width < 600;
+    bool showTranslation = App.locale.languageCode == "zh";
+
+    Widget buildItem(Pair<String, TranslationType> value) {
+      var subTitle = TagsTranslation.translationTagWithNamespace(
+          value.left, value.right.name);
+      return ListTile(
+        title: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Expanded(
+              child: Text(
+                value.left,
+                maxLines: 2,
+              ),
+            ),
+            if (!showMethod)
+              const SizedBox(
+                width: 12,
+              ),
+            if (!showMethod && showTranslation)
+              Text(
+                subTitle,
+                style: TextStyle(
+                    fontSize: 14, color: Theme.of(context).colorScheme.outline),
+              )
+          ],
+        ),
+        subtitle: (showMethod && showTranslation) ? Text(subTitle) : null,
+        trailing: Text(
+          value.right.name,
+          style: const TextStyle(fontSize: 13),
+        ),
+        onTap: () => onSelected(value.left, value.right),
+      );
+    }
+
+    return Column(
+      children: [
+        ListTile(
+          leading: const Icon(Icons.hub_outlined),
+          title: Text("Suggestions".tl),
+          trailing: Tooltip(
+            message: "Clear".tl,
+            child: IconButton(
+              icon: const Icon(Icons.clear_all),
+              onPressed: () {
+                widget.controller.suggestions.clear();
+                widget.controller.remove();
+              },
+            ),
+          ),
+        ),
+        Expanded(
+          child: ListView.builder(
+            padding: const EdgeInsets.symmetric(horizontal: 16),
+            itemCount: widget.controller.suggestions.length,
+            itemBuilder: (context, index) =>
+                buildItem(widget.controller.suggestions[index]),
+          ),
+        )
+      ],
+    );
+  }
+
+  bool check(String text, String key, String value) {
+    if (text.removeAllBlank == "") {
+      return false;
+    }
+    if (key.length >= text.length && key.substring(0, text.length) == text ||
+        (key.contains(" ") &&
+            key.split(" ").last.length >= text.length &&
+            key.split(" ").last.substring(0, text.length) == text)) {
+      return true;
+    } else if (value.length >= text.length && value.contains(text)) {
+      return true;
+    }
+    return false;
+  }
+
+  void onSelected(String text, TranslationType? type) {
+    var controller = widget.controller.controller;
+    var words = controller.text.split(" ");
+    if (words.length >= 2 &&
+        check("${words[words.length - 2]} ${words[words.length - 1]}", text,
+            text.translateTagsToCN)) {
+      controller.text = controller.text.replaceLast(
+          "${words[words.length - 2]} ${words[words.length - 1]}", "");
+    } else {
+      controller.text =
+          controller.text.replaceLast(words[words.length - 1], "");
+    }
+    if(text.contains(' ')) {
+      text = "'$text'";
+    }
+    if (type != null) {
+      controller.text += "${type.name}:$text ";
+    } else {
+      controller.text += "$text ";
+    }
+    widget.controller.suggestions.clear();
+    widget.controller.remove();
+  }
+}