intermediate

2024-12-12 09:44:33 +01:00
parent 0710116feb
commit 6b2ae28828
108 changed files with 5531 additions and 2265 deletions
@@ -0,0 +1,123 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:lensai/core/routing/routes.dart';
+import 'package:lensai/features/bangs/data/models/bang_data.dart';
+import 'package:lensai/features/bangs/domain/repositories/search.dart';
+import 'package:lensai/features/bangs/presentation/widgets/bang_icon.dart';
+import 'package:lensai/presentation/hooks/listenable_callback.dart';
+import 'package:lensai/presentation/widgets/selectable_chips.dart';
+
+class BangChips extends HookConsumerWidget {
+  final bool displayMenu;
+
+  final BangData? activeBang;
+  final void Function(BangData)? onSelected;
+  final void Function(BangData)? onDeleted;
+
+  final TextEditingController? searchTextController;
+
+  const BangChips({
+    required this.activeBang,
+    required this.onSelected,
+    required this.onDeleted,
+    this.searchTextController,
+    this.displayMenu = true,
+  });
+
+  static Future<bool?> resetBangDialog(
+    BuildContext context,
+    String triggerName,
+  ) {
+    return showDialog<bool>(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: Text(
+          'Reset usage frequency of $triggerName?',
+        ),
+        content: const Text(
+          'This will remove the Bang from quick select.',
+        ),
+        actions: <Widget>[
+          TextButton(
+            onPressed: () => Navigator.pop(context, false),
+            child: const Text('Cancel'),
+          ),
+          TextButton(
+            onPressed: () => Navigator.pop(context, true),
+            child: const Text('Reset'),
+          ),
+        ],
+      ),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final availableBangs = ref.watch(seamlessBangProviderProvider);
+
+    useListenableCallback(
+      searchTextController,
+      () {
+        ref
+            .read(seamlessBangProviderProvider.notifier)
+            .search(searchTextController!.text);
+      },
+    );
+
+    return availableBangs.when(
+      data: (availableBangs) => SizedBox(
+        height: 48,
+        child: Row(
+          children: [
+            if (activeBang != null || availableBangs.isNotEmpty)
+              Expanded(
+                child: SelectableChips(
+                  itemId: (bang) => bang.trigger,
+                  itemAvatar: (bang) => BangIcon(bang, iconSize: 20),
+                  itemLabel: (bang) => Text(bang.websiteName),
+                  availableItems: availableBangs,
+                  selectedItem: activeBang,
+                  onSelected: onSelected,
+                  onDeleted: onDeleted,
+                ),
+              )
+            else
+              Visibility(
+                visible: displayMenu,
+                child: Expanded(
+                  child: Text(
+                    "Press '>' to search Bangs.",
+                    style: TextStyle(
+                      color: Theme.of(context).hintColor,
+                      fontStyle: FontStyle.italic,
+                    ),
+                  ),
+                ),
+              ),
+            if (displayMenu)
+              IconButton(
+                onPressed: () async {
+                  final searchText = searchTextController?.text.trim();
+
+                  await context.push(
+                    BangSearchRoute(
+                      searchText: (searchText?.isEmpty ?? true)
+                          ? BangSearchRoute.emptySearchText
+                          : searchText!,
+                    ).location,
+                  );
+                },
+                icon: const Icon(Icons.chevron_right),
+              ),
+          ],
+        ),
+      ),
+      error: (error, stackTrace) => const SizedBox.shrink(),
+      loading: () => const SizedBox(
+        height: 48,
+        width: double.infinity,
+      ),
+    );
+  }
+}
@@ -0,0 +1,84 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:lensai/features/bangs/data/models/bang_data.dart';
+import 'package:lensai/features/bangs/presentation/widgets/bang_icon.dart';
+import 'package:lensai/features/geckoview/features/browser/presentation/widgets/speech_to_text_button.dart';
+import 'package:lensai/features/settings/data/models/settings.dart';
+import 'package:lensai/features/settings/data/repositories/settings_repository.dart';
+
+class SearchField extends HookConsumerWidget {
+  final TextEditingController textEditingController;
+  final FocusNode? focusNode;
+  final void Function(String)? onFieldSubmitted;
+
+  final BangData? activeBang;
+  final bool showBangIcon;
+
+  const SearchField({
+    super.key,
+    required this.textEditingController,
+    required this.onFieldSubmitted,
+    required this.activeBang,
+    this.focusNode,
+    this.showBangIcon = true,
+  });
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final incognitoEnabled = ref.watch(
+      settingsRepositoryProvider.select(
+        (value) => (value.valueOrNull ?? Settings.withDefaults()).incognitoMode,
+      ),
+    );
+
+    final hasText = useListenableSelector(
+      textEditingController,
+      () => textEditingController.text.isNotEmpty,
+    );
+
+    return TextFormField(
+      controller: textEditingController,
+      enableIMEPersonalizedLearning: !incognitoEnabled,
+      focusNode: focusNode,
+      decoration: InputDecoration(
+        border: InputBorder.none,
+        prefixIcon: (showBangIcon && activeBang != null)
+            ? Padding(
+                padding: const EdgeInsetsDirectional.all(12.0),
+                child: BangIcon(activeBang!, iconSize: 24.0),
+              )
+            : null,
+        label: const Text('Search'),
+        hintText: 'Ask anything...',
+        floatingLabelBehavior: FloatingLabelBehavior.always,
+        suffixIcon: hasText
+            ? IconButton(
+                onPressed: () {
+                  textEditingController.clear();
+                },
+                icon: const Icon(Icons.clear),
+              )
+            : SpeechToTextButton(
+                onTextReceived: (data) {
+                  textEditingController.text = data.toString();
+                },
+              ),
+      ),
+      // autovalidateMode: AutovalidateMode.onUserInteraction,
+      // validator: (value) {
+      //   if (value?.isEmpty ?? true) {
+      //     return '';
+      //   }
+
+      //   return null;
+      // },
+      onTapOutside: (focusNode != null)
+          ? (event) {
+              focusNode!.unfocus();
+            }
+          : null,
+      onFieldSubmitted: onFieldSubmitted,
+    );
+  }
+}