Add emoji sticker panel (MixinNetwork#733)

* add emoji sticker panel.

* keep emoji group selection

* refactor provider

* make emoji face as default selection

* improve scroll on Windows

* fix emoji clipped in smallest window size.

* fix analyze

* improve

* fix sticker page icon

lib/account/account_key_value.dart

@@ -1,3 +1,4 @@
+import '../utils/extension/extension.dart';
 import '../utils/hive_key_values.dart';
 
 class AccountKeyValue extends HiveKeyValue {
@@ -12,6 +13,7 @@ class AccountKeyValue extends HiveKeyValue {
   static const _refreshStickerLastTime = 'refreshStickerLastTime';
   static const _primarySessionId = 'primarySessionId';
   static const _hasNewAlbum = 'hasNewAlbum';
+  static const _keyRecentUsedEmoji = 'recentUsedEmoji';
 
   bool get hasSyncCircle =>
       box.get(_hasSyncCircle, defaultValue: false) as bool;
@@ -32,4 +34,29 @@ class AccountKeyValue extends HiveKeyValue {
   bool get hasNewAlbum => box.get(_hasNewAlbum, defaultValue: false) as bool;
 
   set hasNewAlbum(bool value) => box.put(_hasNewAlbum, value);
+
+  List<String>? _recentUsedEmoji;
+
+  List<String> get recentUsedEmoji => _recentUsedEmoji ??=
+      (box.get(_keyRecentUsedEmoji, defaultValue: []) as List).cast<String>();
+
+  void onEmojiUsed(String emoji) {
+    if (recentUsedEmoji.firstOrNull == emoji) {
+      return;
+    }
+    recentUsedEmoji
+      ..remove(emoji)
+      ..insert(0, emoji);
+
+    while (recentUsedEmoji.length > 50) {
+      recentUsedEmoji.removeLast();
+    }
+    box.put(_keyRecentUsedEmoji, recentUsedEmoji);
+  }
+
+  @override
+  Future delete() {
+    _recentUsedEmoji = null;
+    return super.delete();
+  }
 }

lib/ui/home/chat/input_container.dart

@@ -29,6 +29,7 @@ import '../../../widgets/menu.dart';
 import '../../../widgets/message/item/quote_message.dart';
 import '../../../widgets/message/item/text/mention_builder.dart';
 import '../../../widgets/sticker_page/bloc/cubit/sticker_albums_cubit.dart';
+import '../../../widgets/sticker_page/emoji_page.dart';
 import '../../../widgets/sticker_page/sticker_page.dart';
 import '../../../widgets/toast.dart';
 import '../bloc/conversation_cubit.dart';
@@ -222,7 +223,9 @@ class _InputContainer extends HookWidget {
                       _FileButton(actionColor: context.theme.icon),
                       const _ImagePickButton(),
                       const SizedBox(width: 6),
-                      const _StickerButton(),
+                      _StickerButton(
+                        textEditingController: textEditingController,
+                      ),
                       const SizedBox(width: 16),
                       Expanded(
                         child: _SendTextField(
@@ -538,7 +541,11 @@ class _FileButton extends StatelessWidget {
 }
 
 class _StickerButton extends HookWidget {
-  const _StickerButton();
+  const _StickerButton({
+    required this.textEditingController,
+  });
+
+  final TextEditingController textEditingController;
 
   @override
   Widget build(BuildContext context) {
@@ -553,11 +560,18 @@ class _StickerButton extends HookWidget {
     final tabLength =
         useBlocStateConverter<StickerAlbumsCubit, List<StickerAlbum>, int>(
       bloc: stickerAlbumsCubit,
-      converter: (state) => (state.length) + 3,
+      converter: (state) =>
+          (state.length) +
+          // no emoji page on Linux.
+          (Platform.isLinux ? 3 : 4),
     );
 
-    return BlocProvider.value(
-      value: stickerAlbumsCubit,
+    return MultiProvider(
+      providers: [
+        BlocProvider.value(value: stickerAlbumsCubit),
+        BlocProvider(create: (context) => EmojiSelectedGroupIndexCubit()),
+        ChangeNotifierProvider.value(value: textEditingController),
+      ],
       child: DefaultTabController(
         length: tabLength,
         initialIndex: 1,
@@ -595,7 +609,7 @@ class _StickerButton extends HookWidget {
             padding: const EdgeInsets.all(8),
             child: Builder(
               builder: (context) => StickerPage(
-                tabController: DefaultTabController.of(context),
+                tabController: DefaultTabController.of(context)!,
                 tabLength: tabLength,
               ),
             ),