✨ Follow the manifest to load emotes

lib/bootstrapper.dart

@@ -8,6 +8,7 @@ import 'package:solian/providers/auth.dart';
 import 'package:solian/providers/content/channel.dart';
 import 'package:solian/providers/content/realm.dart';
 import 'package:solian/providers/relation.dart';
+import 'package:solian/providers/stickers.dart';
 import 'package:solian/providers/theme_switcher.dart';
 import 'package:solian/providers/websocket.dart';
 import 'package:solian/services.dart';
@@ -116,6 +117,7 @@ class _BootstrapperShellState extends State<BootstrapperShell> {
             Get.find<RealmProvider>().refreshAvailableRealms(),
             Get.find<ChannelProvider>().refreshAvailableChannel(),
             Get.find<RelationshipProvider>().refreshRelativeList(),
+            Get.find<StickerProvider>().refreshAvailableStickers(),
           ]);
         }
       },

lib/main.dart

@@ -11,6 +11,7 @@ import 'package:solian/bootstrapper.dart';
 import 'package:solian/firebase_options.dart';
 import 'package:solian/platform.dart';
 import 'package:solian/providers/attachment_uploader.dart';
+import 'package:solian/providers/stickers.dart';
 import 'package:solian/providers/theme_switcher.dart';
 import 'package:solian/providers/websocket.dart';
 import 'package:solian/providers/auth.dart';
@@ -120,6 +121,7 @@ class SolianApp extends StatelessWidget {
     Get.lazyPut(() => AuthProvider());
     Get.lazyPut(() => RelationshipProvider());
     Get.lazyPut(() => PostProvider());
+    Get.lazyPut(() => StickerProvider());
     Get.lazyPut(() => AttachmentProvider());
     Get.lazyPut(() => WebSocketProvider());
     Get.lazyPut(() => StatusProvider());

lib/providers/stickers.dart

@@ -1,5 +1,38 @@
 import 'package:get/get.dart';
+import 'package:solian/models/pagination.dart';
+import 'package:solian/models/stickers.dart';
+import 'package:solian/services.dart';
 
 class StickerProvider extends GetxController {
+  final RxMap<String, String> aliasImageMapping = RxMap();
+  final RxMap<String, List<Sticker>> availableStickers = RxMap();
 
+  Future<void> refreshAvailableStickers() async {
+    final client = ServiceFinder.configureClient('files');
+    final resp = await client.get(
+      '/stickers/manifest?take=100',
+    );
+    if (resp.statusCode == 200) {
+      final result = PaginationResult.fromJson(resp.body);
+      final out = result.data?.map((e) => StickerPack.fromJson(e)).toList();
+      if (out == null) return;
+
+      for (final pack in out) {
+        for (final sticker in (pack.stickers ?? List<Sticker>.empty())) {
+          sticker.pack = pack;
+          final imageUrl = ServiceFinder.buildUrl(
+            'files',
+            '/attachments/${sticker.attachmentId}',
+          );
+          aliasImageMapping['${pack.prefix}${sticker.alias}'.camelCase!] =
+              imageUrl;
+          if (availableStickers[pack.prefix] == null) {
+            availableStickers[pack.prefix] = List.empty(growable: true);
+          }
+          availableStickers[pack.prefix]!.add(sticker);
+        }
+      }
+    }
+    availableStickers.refresh();
+  }
 }

lib/screens/account/stickers.dart

@@ -6,6 +6,7 @@ import 'package:solian/models/pagination.dart';
 import 'package:solian/models/stickers.dart';
 import 'package:solian/platform.dart';
 import 'package:solian/providers/auth.dart';
+import 'package:solian/providers/stickers.dart';
 import 'package:solian/services.dart';
 import 'package:solian/widgets/stickers/sticker_uploader.dart';
 
@@ -132,6 +133,8 @@ class _StickerScreenState extends State<StickerScreen> {
 
   @override
   void dispose() {
+    final StickerProvider sticker = Get.find();
+    sticker.refreshAvailableStickers();
     _pagingController.dispose();
     super.dispose();
   }

lib/widgets/markdown_text_content.dart

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_markdown_selectionarea/flutter_markdown.dart';
+import 'package:get/get.dart';
 import 'package:markdown/markdown.dart' as markdown;
 import 'package:markdown/markdown.dart';
+import 'package:solian/providers/stickers.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 
 import 'account/account_profile_popup.dart';
@@ -101,10 +103,15 @@ class _CustomEmoteInlineSyntax extends InlineSyntax {
 
   @override
   bool onMatch(markdown.InlineParser parser, Match match) {
-    // final alias = match[1]!;
-    // TODO mapping things...
+    final StickerProvider sticker = Get.find();
+    final alias = match[1]!;
+    if (sticker.aliasImageMapping[alias] == null) {
+      parser.advanceBy(1);
+      return false;
+    }
+
     final element = markdown.Element.empty('img');
-    element.attributes['src'] = 'https://www.twitch.tv/creatorcamp/assets/uploads/lul.png';
+    element.attributes['src'] = sticker.aliasImageMapping[alias]!;
     parser.addNode(element);
 
     return true;