fix: count title towards word count(#7042)

Author: asjqkkkk

frontend/appflowy_flutter/integration_test/desktop/document/document_more_actions_test.dart

@@ -1,4 +1,7 @@
 import 'package:appflowy/workspace/presentation/home/menu/view/view_item.dart';
+import 'package:appflowy/workspace/presentation/widgets/more_view_actions/widgets/view_meta_info.dart';
+import 'package:appflowy_editor/appflowy_editor.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:integration_test/integration_test.dart';
 
@@ -31,4 +34,37 @@ void main() {
       expect(pageFinder, findsNWidgets(1));
     });
   });
+
+  testWidgets('count title towards word count', (tester) async {
+    await tester.initializeAppFlowy();
+    await tester.tapAnonymousSignInButton();
+    await tester.createNewPageWithNameUnderParent();
+
+    final title = tester.editor.findDocumentTitle('');
+
+    await tester.openMoreViewActions();
+    Finder viewMetaInfo = find.byType(ViewMetaInfo);
+    expect(viewMetaInfo, findsOneWidget);
+
+    ViewMetaInfo viewMetaInfoWidget =
+        viewMetaInfo.evaluate().first.widget as ViewMetaInfo;
+    Counters titleCounter = viewMetaInfoWidget.titleCounters!;
+
+    expect(titleCounter.charCount, 0);
+    expect(titleCounter.wordCount, 0);
+
+    /// input [titleString] within title
+    const titleString = 'Title';
+    await tester.tapButton(title);
+    await simulateKeyDownEvent(LogicalKeyboardKey.escape);
+    await tester.pumpAndSettle();
+    await tester.enterText(title, titleString);
+    await tester.pumpAndSettle(const Duration(seconds: 1));
+    await tester.openMoreViewActions();
+    viewMetaInfo = find.byType(ViewMetaInfo);
+    viewMetaInfoWidget = viewMetaInfo.evaluate().first.widget as ViewMetaInfo;
+    titleCounter = viewMetaInfoWidget.titleCounters!;
+    expect(titleCounter.charCount, titleString.length);
+    expect(titleCounter.wordCount, 1);
+  });
 }

frontend/appflowy_flutter/lib/plugins/document/presentation/editor_plugins/header/cover_title.dart

@@ -5,6 +5,7 @@ import 'package:appflowy/plugins/document/presentation/editor_style.dart';
 import 'package:appflowy/shared/text_field/text_filed_with_metric_lines.dart';
 import 'package:appflowy/workspace/application/appearance_defaults.dart';
 import 'package:appflowy/workspace/application/view/view_bloc.dart';
+import 'package:appflowy/workspace/application/view_info/view_info_bloc.dart';
 import 'package:appflowy_backend/log.dart';
 import 'package:appflowy_backend/protobuf/flowy-folder/view.pb.dart';
 import 'package:appflowy_editor/appflowy_editor.dart';
@@ -220,6 +221,13 @@ class _InnerCoverTitleState extends State<_InnerCoverTitle> {
               .read<ViewBloc>()
               .add(ViewEvent.rename(titleTextController.text));
         }
+        try {
+          context
+              .read<ViewInfoBloc>()
+              .add(ViewInfoEvent.titleChanged(titleTextController.text));
+        } catch (e) {
+          Log.error('read ViewInfoBloc error', e);
+        }
       },
     );
   }

frontend/appflowy_flutter/lib/workspace/application/view_info/view_info_bloc.dart

@@ -11,7 +11,12 @@ class ViewInfoBloc extends Bloc<ViewInfoEvent, ViewInfoState> {
     on<ViewInfoEvent>((event, emit) {
       event.when(
         started: () {
-          emit(state.copyWith(createdAt: view.createTime.toDateTime()));
+          emit(
+            state.copyWith(
+              createdAt: view.createTime.toDateTime(),
+              titleCounters: _getTitleCounter(view.name),
+            ),
+          );
         },
         unregisterEditorState: () {
           _clearWordCountService();
@@ -36,6 +41,13 @@ class ViewInfoBloc extends Bloc<ViewInfoEvent, ViewInfoState> {
             ),
           );
         },
+        titleChanged: (s) {
+          emit(
+            state.copyWith(
+              titleCounters: _getTitleCounter(s),
+            ),
+          );
+        },
       );
     });
   }
@@ -58,6 +70,12 @@ class ViewInfoBloc extends Bloc<ViewInfoEvent, ViewInfoState> {
       ..dispose();
     _wordCountService = null;
   }
+
+  Counters _getTitleCounter(String title) {
+    final wordCount = RegExp(r"\S+").allMatches(title).length;
+    final charCount = title.runes.length;
+    return Counters(wordCount: wordCount, charCount: charCount);
+  }
 }
 
 @freezed
@@ -71,17 +89,21 @@ class ViewInfoEvent with _$ViewInfoEvent {
   }) = _RegisterEditorState;
 
   const factory ViewInfoEvent.wordCountChanged() = _WordCountChanged;
+
+  const factory ViewInfoEvent.titleChanged(String title) = _TitleChanged;
 }
 
 @freezed
 class ViewInfoState with _$ViewInfoState {
   const factory ViewInfoState({
     required Counters? documentCounters,
+    required Counters? titleCounters,
     required DateTime? createdAt,
   }) = _ViewInfoState;
 
   factory ViewInfoState.initial() => const ViewInfoState(
         documentCounters: null,
+        titleCounters: null,
         createdAt: null,
       );
 }

frontend/appflowy_flutter/lib/workspace/presentation/widgets/more_view_actions/more_view_actions.dart

@@ -129,6 +129,7 @@ class _MoreViewActionsState extends State<MoreViewActions> {
           dateFormat: dateFormat,
           timeFormat: timeFormat,
           documentCounters: state.documentCounters,
+          titleCounters: state.titleCounters,
           createdAt: state.createdAt,
         ),
         const VSpace(4.0),

frontend/appflowy_flutter/lib/workspace/presentation/widgets/more_view_actions/widgets/view_meta_info.dart

@@ -13,12 +13,14 @@ class ViewMetaInfo extends StatelessWidget {
     required this.dateFormat,
     required this.timeFormat,
     this.documentCounters,
+    this.titleCounters,
     this.createdAt,
   });
 
   final UserDateFormatPB dateFormat;
   final UserTimeFormatPB timeFormat;
   final Counters? documentCounters;
+  final Counters? titleCounters;
   final DateTime? createdAt;
 
   @override
@@ -31,11 +33,15 @@ class ViewMetaInfo extends StatelessWidget {
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
-          if (documentCounters != null) ...[
+          if (documentCounters != null && titleCounters != null) ...[
             FlowyText.regular(
               LocaleKeys.moreAction_wordCount.tr(
                 args: [
-                  numberFormat.format(documentCounters!.wordCount).toString(),
+                  numberFormat
+                      .format(
+                        documentCounters!.wordCount + titleCounters!.wordCount,
+                      )
+                      .toString(),
                 ],
               ),
               fontSize: 12,
@@ -45,14 +51,18 @@ class ViewMetaInfo extends StatelessWidget {
             FlowyText.regular(
               LocaleKeys.moreAction_charCount.tr(
                 args: [
-                  numberFormat.format(documentCounters!.charCount).toString(),
+                  numberFormat
+                      .format(
+                        documentCounters!.charCount + titleCounters!.charCount,
+                      )
+                      .toString(),
                 ],
               ),
               fontSize: 12,
               color: Theme.of(context).hintColor,
             ),
           ],
-          if (createdAt != null) ...[
+          if (createdAt != null && titleCounters != null) ...[
             if (documentCounters != null) const VSpace(2),
             FlowyText.regular(
               LocaleKeys.moreAction_createdAt.tr(