Initial commit

2026-09-11 15:59:56 -03:00
commit 0037b0b9cf
651 changed files with 199705 additions and 0 deletions
--- a/lib/pages/chat/sticker_picker_dialog.dart
+++ b/lib/pages/chat/sticker_picker_dialog.dart
@@ -0,0 +1,187 @@
+// SPDX-FileCopyrightText: 2019-Present Christian Kußowski
+// SPDX-FileCopyrightText: 2019-Present Contributors to FluffyChat
+//
+// SPDX-License-Identifier: AGPL-3.0-or-later
+
+import 'package:tatchat/config/app_config.dart';
+import 'package:tatchat/l10n/l10n.dart';
+import 'package:tatchat/utils/url_launcher.dart';
+import 'package:tatchat/widgets/mxc_image.dart';
+import 'package:material_ui/material_ui.dart';
+import 'package:matrix/matrix.dart';
+
+import '../../widgets/avatar.dart';
+
+class StickerPickerDialog extends StatefulWidget {
+  final Room room;
+  final ImagePackUsage usage;
+  final void Function(ImagePackImageContent) onSelected;
+
+  const StickerPickerDialog({
+    required this.onSelected,
+    required this.room,
+    this.usage = ImagePackUsage.sticker,
+    super.key,
+  });
+
+  @override
+  StickerPickerDialogState createState() => StickerPickerDialogState();
+}
+
+class StickerPickerDialogState extends State<StickerPickerDialog> {
+  String? searchFilter;
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+
+    final stickerPacks = widget.room.getImagePacks(widget.usage);
+    final packSlugs = stickerPacks.keys.toList();
+
+    return Material(
+      color: theme.colorScheme.onInverseSurface,
+      child: SafeArea(
+        top: false,
+        child: CustomScrollView(
+          slivers: <Widget>[
+            SliverAppBar(
+              floating: true,
+              primary: false,
+              toolbarHeight: 72,
+              scrolledUnderElevation: 0,
+              backgroundColor: Colors.transparent,
+              automaticallyImplyLeading: false,
+              title: TextField(
+                autofocus: false,
+                decoration: InputDecoration(
+                  filled: true,
+                  fillColor: theme.colorScheme.secondaryContainer,
+                  border: OutlineInputBorder(
+                    borderSide: BorderSide.none,
+                    borderRadius: BorderRadius.circular(99),
+                  ),
+                  contentPadding: EdgeInsets.zero,
+                  hintText: L10n.of(context).search,
+                  hintStyle: TextStyle(
+                    color: theme.colorScheme.onPrimaryContainer,
+                    fontWeight: FontWeight.normal,
+                  ),
+                  floatingLabelBehavior: FloatingLabelBehavior.never,
+                  prefixIcon: const Icon(Icons.search_outlined),
+                ),
+                onChanged: (s) => setState(() => searchFilter = s),
+              ),
+            ),
+            if (packSlugs.isEmpty)
+              SliverFillRemaining(
+                child: Center(
+                  child: Column(
+                    mainAxisSize: .min,
+                    children: [
+                      Text(L10n.of(context).noEmotesFound),
+                      const SizedBox(height: 12),
+                      OutlinedButton.icon(
+                        onPressed: () => UrlLauncher(
+                          context,
+                          AppConfig.howDoIGetStickersTutorial,
+                        ).launchUrl(),
+                        icon: const Icon(Icons.explore_outlined),
+                        label: Text(L10n.of(context).discover),
+                      ),
+                    ],
+                  ),
+                ),
+              )
+            else
+              SliverList.builder(
+                itemCount: packSlugs.length,
+                itemBuilder: (BuildContext context, int packIndex) {
+                  final pack = stickerPacks[packSlugs[packIndex]]!;
+                  final filteredImagePackImageEntried = pack.images.entries
+                      .toList();
+                  if (searchFilter?.isNotEmpty ?? false) {
+                    filteredImagePackImageEntried.removeWhere(
+                      (e) =>
+                          !(e.key.toLowerCase().contains(
+                                searchFilter!.toLowerCase(),
+                              ) ||
+                              (e.value.body?.toLowerCase().contains(
+                                    searchFilter!.toLowerCase(),
+                                  ) ??
+                                  false)),
+                    );
+                  }
+                  final imageKeys = filteredImagePackImageEntried
+                      .map((e) => e.key)
+                      .toList();
+                  if (imageKeys.isEmpty) {
+                    return const SizedBox.shrink();
+                  }
+                  final packName =
+                      pack.pack.displayName ?? packSlugs[packIndex];
+                  return Column(
+                    children: <Widget>[
+                      if (packIndex != 0) const SizedBox(height: 20),
+                      if (packName != 'user')
+                        ListTile(
+                          leading: Avatar(
+                            mxContent: pack.pack.avatarUrl,
+                            name: packName,
+                            client: widget.room.client,
+                          ),
+                          title: Text(packName),
+                        ),
+                      const SizedBox(height: 6),
+                      GridView.builder(
+                        padding: EdgeInsets.zero,
+                        itemCount: imageKeys.length,
+                        gridDelegate:
+                            const SliverGridDelegateWithMaxCrossAxisExtent(
+                              maxCrossAxisExtent: 84,
+                              mainAxisSpacing: 8.0,
+                              crossAxisSpacing: 8.0,
+                            ),
+                        shrinkWrap: true,
+                        physics: const NeverScrollableScrollPhysics(),
+                        itemBuilder: (BuildContext context, int imageIndex) {
+                          final image = pack.images[imageKeys[imageIndex]]!;
+                          return Tooltip(
+                            message: image.body ?? imageKeys[imageIndex],
+                            child: InkWell(
+                              radius: AppConfig.borderRadius,
+                              key: ValueKey(image.url.toString()),
+                              onTap: () {
+                                // copy the image
+                                final imageCopy =
+                                    ImagePackImageContent.fromJson(
+                                      image.toJson().copy(),
+                                    );
+                                // set the body, if it doesn't exist, to the key
+                                imageCopy.body ??= imageKeys[imageIndex];
+                                widget.onSelected(imageCopy);
+                              },
+                              child: AbsorbPointer(
+                                absorbing: true,
+                                child: MxcImage(
+                                  uri: image.url,
+                                  fit: BoxFit.contain,
+                                  width: 128,
+                                  height: 128,
+                                  animated: true,
+                                  isThumbnail: false,
+                                ),
+                              ),
+                            ),
+                          );
+                        },
+                      ),
+                    ],
+                  );
+                },
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+}