compose [nfc]: Extract typing-notifier-state logic into a mixin

Author: chrisbobbe

lib/widgets/compose_box.dart

@@ -393,79 +393,7 @@ class _ContentInput extends StatefulWidget {
   State<_ContentInput> createState() => _ContentInputState();
 }
 
-class _ContentInputState extends State<_ContentInput> with WidgetsBindingObserver {
-  @override
-  void initState() {
-    super.initState();
-    widget.controller.content.addListener(_contentChanged);
-    widget.controller.contentFocusNode.addListener(_focusChanged);
-    WidgetsBinding.instance.addObserver(this);
-  }
-
-  @override
-  void didUpdateWidget(covariant _ContentInput oldWidget) {
-    super.didUpdateWidget(oldWidget);
-    if (widget.controller != oldWidget.controller) {
-      oldWidget.controller.content.removeListener(_contentChanged);
-      widget.controller.content.addListener(_contentChanged);
-      oldWidget.controller.contentFocusNode.removeListener(_focusChanged);
-      widget.controller.contentFocusNode.addListener(_focusChanged);
-    }
-  }
-
-  @override
-  void dispose() {
-    widget.controller.content.removeListener(_contentChanged);
-    widget.controller.contentFocusNode.removeListener(_focusChanged);
-    WidgetsBinding.instance.removeObserver(this);
-    super.dispose();
-  }
-
-  void _contentChanged() {
-    final store = PerAccountStoreWidget.of(context);
-    (widget.controller.content.text.isEmpty)
-      ? store.typingNotifier.stoppedComposing()
-      : store.typingNotifier.keystroke(widget.destination);
-  }
-
-  void _focusChanged() {
-    if (widget.controller.contentFocusNode.hasFocus) {
-      // Content input getting focus doesn't necessarily mean that
-      // the user started typing, so do nothing.
-      return;
-    }
-    final store = PerAccountStoreWidget.of(context);
-    store.typingNotifier.stoppedComposing();
-  }
-
-  @override
-  void didChangeAppLifecycleState(AppLifecycleState state) {
-    switch (state) {
-      case AppLifecycleState.hidden:
-      case AppLifecycleState.paused:
-      case AppLifecycleState.detached:
-        // Transition to either [hidden] or [paused] signals that
-        // > [the] application is not currently visible to the user, and not
-        // > responding to user input.
-        //
-        // When transitioning to [detached], the compose box can't exist:
-        // > The application defaults to this state before it initializes, and
-        // > can be in this state (applicable on Android, iOS, and web) after
-        // > all views have been detached.
-        //
-        // For all these states, we can conclude that the user is not
-        // composing a message.
-        final store = PerAccountStoreWidget.of(context);
-        store.typingNotifier.stoppedComposing();
-      case AppLifecycleState.inactive:
-        // > At least one view of the application is visible, but none have
-        // > input focus. The application is otherwise running normally.
-        // For example, we expect this state when the user is selecting a file
-        // to upload.
-      case AppLifecycleState.resumed:
-    }
-  }
-
+class _ContentInputState extends State<_ContentInput> with WidgetsBindingObserver, _TypingNotifierMixin {
   static double maxHeight(BuildContext context) {
     final clampingTextScaler = MediaQuery.textScalerOf(context)
       .clamp(maxScaleFactor: 1.5);
@@ -540,6 +468,80 @@ class _ContentInputState extends State<_ContentInput> with WidgetsBindingObserve
   }
 }
 
+mixin _TypingNotifierMixin on State<_ContentInput>, WidgetsBindingObserver {
+  @override
+  void initState() {
+    super.initState();
+    widget.controller.content.addListener(_contentChanged);
+    widget.controller.contentFocusNode.addListener(_focusChanged);
+    WidgetsBinding.instance.addObserver(this);
+  }
+
+  @override
+  void didUpdateWidget(covariant _ContentInput oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (widget.controller != oldWidget.controller) {
+      oldWidget.controller.content.removeListener(_contentChanged);
+      widget.controller.content.addListener(_contentChanged);
+      oldWidget.controller.contentFocusNode.removeListener(_focusChanged);
+      widget.controller.contentFocusNode.addListener(_focusChanged);
+    }
+  }
+
+  @override
+  void dispose() {
+    widget.controller.content.removeListener(_contentChanged);
+    widget.controller.contentFocusNode.removeListener(_focusChanged);
+    WidgetsBinding.instance.removeObserver(this);
+    super.dispose();
+  }
+
+  void _contentChanged() {
+    final store = PerAccountStoreWidget.of(context);
+    (widget.controller.content.text.isEmpty)
+      ? store.typingNotifier.stoppedComposing()
+      : store.typingNotifier.keystroke(widget.destination);
+  }
+
+  void _focusChanged() {
+    if (widget.controller.contentFocusNode.hasFocus) {
+      // Content input getting focus doesn't necessarily mean that
+      // the user started typing, so do nothing.
+      return;
+    }
+    final store = PerAccountStoreWidget.of(context);
+    store.typingNotifier.stoppedComposing();
+  }
+
+  @override
+  void didChangeAppLifecycleState(AppLifecycleState state) {
+    switch (state) {
+      case AppLifecycleState.hidden:
+      case AppLifecycleState.paused:
+      case AppLifecycleState.detached:
+        // Transition to either [hidden] or [paused] signals that
+        // > [the] application is not currently visible to the user, and not
+        // > responding to user input.
+        //
+        // When transitioning to [detached], the compose box can't exist:
+        // > The application defaults to this state before it initializes, and
+        // > can be in this state (applicable on Android, iOS, and web) after
+        // > all views have been detached.
+        //
+        // For all these states, we can conclude that the user is not
+        // composing a message.
+        final store = PerAccountStoreWidget.of(context);
+        store.typingNotifier.stoppedComposing();
+      case AppLifecycleState.inactive:
+        // > At least one view of the application is visible, but none have
+        // > input focus. The application is otherwise running normally.
+        // For example, we expect this state when the user is selecting a file
+        // to upload.
+      case AppLifecycleState.resumed:
+    }
+  }
+}
+
 /// The content input for _StreamComposeBox.
 class _StreamContentInput extends StatefulWidget {
   const _StreamContentInput({required this.narrow, required this.controller});