first bang implementation

2024-06-10 03:08:23 +02:00
parent 9ae08409fe
commit 388eba93b7
47 changed files with 3809 additions and 34 deletions
@@ -0,0 +1,106 @@
+import 'package:bang_navigator/core/routing/routes.dart';
+import 'package:bang_navigator/features/bangs/data/models/bang_data.dart';
+import 'package:bang_navigator/features/bangs/presentation/widgets/bang_icon.dart';
+import 'package:bang_navigator/features/settings/data/repositories/settings_repository.dart';
+import 'package:bang_navigator/features/web_view/presentation/controllers/switch_new_tab.dart';
+import 'package:bang_navigator/utils/ui_helper.dart' as ui_helper;
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+
+class BangDetails extends HookConsumerWidget {
+  final BangData bangData;
+  final void Function()? onTap;
+
+  const BangDetails(this.bangData, {this.onTap, super.key});
+
+  String? _categoryString(BangData bang) {
+    if (bang.category == null) {
+      return null;
+    } else if (bang.subCategory == null) {
+      return bang.category;
+    } else {
+      return '${bang.category} / ${bang.subCategory}';
+    }
+  }
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final theme = Theme.of(context);
+
+    return Card(
+      clipBehavior: Clip.antiAlias,
+      child: InkWell(
+        onTap: onTap,
+        child: Padding(
+          padding: const EdgeInsets.all(16.0),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Row(
+                children: [
+                  BangIcon(bangData),
+                  const SizedBox(width: 12.0),
+                  Expanded(
+                    child: Column(
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: [
+                        Text(
+                          bangData.websiteName.trim(),
+                          style: theme.textTheme.titleMedium,
+                        ),
+                        if (bangData.category != null)
+                          Text(
+                            _categoryString(bangData)!,
+                            style: theme.textTheme.titleSmall,
+                          ),
+                      ],
+                    ),
+                  ),
+                ],
+              ),
+              const SizedBox(height: 8.0),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  FilledButton.tonalIcon(
+                    style:
+                        const ButtonStyle(visualDensity: VisualDensity.compact),
+                    onPressed: () async {
+                      final url = Uri.parse(bangData.getUrl('').origin);
+
+                      final launchExternal = ref
+                              .read(settingsRepositoryProvider)
+                              .valueOrNull
+                              ?.launchUrlExternal ??
+                          false;
+
+                      if (launchExternal) {
+                        await ui_helper.launchUrlFeedback(context, url);
+                      } else {
+                        await ref
+                            .read(switchNewTabControllerProvider.notifier)
+                            .add(url);
+
+                        if (context.mounted) {
+                          context.go(KagiRoute().location);
+                        }
+                      }
+                    },
+                    label: Text(bangData.domain),
+                    icon: const Icon(Icons.open_in_new),
+                  ),
+                  Text(
+                    '!${bangData.trigger}',
+                    style: theme.textTheme.titleSmall,
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
@@ -0,0 +1,43 @@
+import 'package:bang_navigator/features/bangs/data/models/bang_data.dart';
+import 'package:bang_navigator/features/bangs/domain/providers.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_material_design_icons/flutter_material_design_icons.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:skeletonizer/skeletonizer.dart';
+
+class BangIcon extends HookConsumerWidget {
+  final double iconSize;
+  final BangData bangData;
+
+  const BangIcon(this.bangData, {this.iconSize = 34.0, super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final bangAsync = ref.watch(ensureIconAvailableProvider(bangData));
+    final bang = bangAsync.valueOrNull ?? bangData;
+
+    return Skeletonizer(
+      enabled: bangAsync.isLoading,
+      child: SizedBox.square(
+        dimension: iconSize,
+        child: (bang.iconData != null)
+            ? Image.memory(
+                bang.iconData!,
+                height: iconSize,
+                width: iconSize,
+                fit: BoxFit.fill,
+                errorBuilder: (context, error, stackTrace) {
+                  return Icon(
+                    MdiIcons.web,
+                    size: iconSize,
+                  );
+                },
+              )
+            : Icon(
+                MdiIcons.web,
+                size: iconSize,
+              ),
+      ),
+    );
+  }
+}