compose_box: Send "typing stopped" notices on app lifecycle updates

This is a bonus feature that covers some cases that FocusNode doesn't
cover.  We send a "typing stopped" notice when the app loses focus or
becomes invisible.

An example of WidgetsBindingObserver can be found here:
  https://api.flutter.dev/flutter/widgets/WidgetsBindingObserver-class.html

Signed-off-by: Zixuan James Li <[email protected]>

Author: PIG208

lib/widgets/compose_box.dart

@@ -288,12 +288,13 @@ class _ContentInput extends StatefulWidget {
   State<_ContentInput> createState() => _ContentInputState();
 }
 
-class _ContentInputState extends State<_ContentInput> {
+class _ContentInputState extends State<_ContentInput> with WidgetsBindingObserver {
   @override
   void initState() {
     super.initState();
     widget.controller.addListener(_contentChanged);
     widget.focusNode.addListener(_focusChanged);
+    WidgetsBinding.instance.addObserver(this);
   }
 
   @override
@@ -313,6 +314,7 @@ class _ContentInputState extends State<_ContentInput> {
   void dispose() {
     widget.controller.removeListener(_contentChanged);
     widget.focusNode.removeListener(_focusChanged);
+    WidgetsBinding.instance.removeObserver(this);
     super.dispose();
   }
 
@@ -337,6 +339,22 @@ class _ContentInputState extends State<_ContentInput> {
     store.typingNotifier.stoppedComposing();
   }
 
+  @override
+  void didChangeAppLifecycleState(AppLifecycleState state) {
+    switch (state) {
+      // For AppLifecycleState changes, only signal the end of typing when
+      // > [the] application is not currently visible to the user, and not
+      // > responding to user input.
+      case AppLifecycleState.hidden:
+      case AppLifecycleState.paused:
+        final store = PerAccountStoreWidget.of(context);
+        store.typingNotifier.stoppedComposing();
+      case AppLifecycleState.detached:
+      case AppLifecycleState.inactive:
+      case AppLifecycleState.resumed:
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     ColorScheme colorScheme = Theme.of(context).colorScheme;

test/widgets/compose_box_test.dart

@@ -361,6 +361,28 @@ void main() {
       await tester.pump(store.typingNotifier.typingStoppedWaitPeriod);
       checkTypingRequest(TypingOp.stop, narrow);
     });
+
+    testWidgets('unfocusing app sends "typing stopped" notice', (tester) async {
+      await prepareComposeBox(tester, narrow: narrow);
+
+      await checkStartTyping(tester, narrow);
+
+      connection.prepare(json: {});
+      // While this state lives on [ServicesBinding], testWidgets resets it
+      // for us when the test ends so we don't have to:
+      //   https://github.com/flutter/flutter/blob/c78c166e3ecf963ca29ed503e710fd3c71eda5c9/packages/flutter_test/lib/src/binding.dart#L1189
+      // On iOS and Android, a transition to [hidden] is synthesized before
+      // transitioning into [paused].
+      WidgetsBinding.instance.handleAppLifecycleStateChanged(
+        AppLifecycleState.hidden);
+      await tester.pump(Duration.zero);
+      checkTypingRequest(TypingOp.stop, narrow);
+
+      WidgetsBinding.instance.handleAppLifecycleStateChanged(
+        AppLifecycleState.paused);
+      await tester.pump(Duration.zero);
+      check(connection.lastRequest).isNull();
+    });
   });
 
   group('message-send request response', () {