DEV DEMO

Author: chrisbobbe

lib/widgets/compose_box.dart

@@ -176,6 +176,8 @@ class _StreamContentInput extends StatefulWidget {
 class _StreamContentInputState extends State<_StreamContentInput> {
   MentionAutocompleteView? _mentionAutocompleteView; // TODO different autocomplete view types
 
+  Iterable<MentionAutocompleteResult>? _devDemoResults;
+
   late String _topicTextNormalized;
 
   _topicChanged() {
@@ -187,8 +189,19 @@ class _StreamContentInputState extends State<_StreamContentInput> {
   _changed() {
     final newAutocompleteIntent = widget.controller.autocompleteIntent();
     if (newAutocompleteIntent != null) {
-      _mentionAutocompleteView ??= MentionAutocompleteView.init(
-        store: widget.store, narrow: widget.narrow);
+      if (_mentionAutocompleteView == null) {
+        _mentionAutocompleteView = MentionAutocompleteView.init(
+          store: widget.store, narrow: widget.narrow);
+        _mentionAutocompleteView!.addListener(() {
+          if (_mentionAutocompleteView == null) {
+            _devDemoResults = [];
+            return;
+          }
+          setState(() {
+            _devDemoResults = _mentionAutocompleteView!.results;
+          });
+        });
+      }
       _mentionAutocompleteView!.query = newAutocompleteIntent.query;
     } else {
       if (_mentionAutocompleteView != null) {
@@ -215,6 +228,7 @@ class _StreamContentInputState extends State<_StreamContentInput> {
 
   @override
   Widget build(BuildContext context) {
+    print('autocomplete suggestions (max 5 shown): ${_devDemoResults?.take(5).map((r) => (r as UserMentionAutocompleteResult).userId)}');
     final streamName = widget.store.streams[widget.streamId]?.name ?? '(unknown stream)';
 
     ColorScheme colorScheme = Theme.of(context).colorScheme;