feat: call the publish event

frontend/appflowy_flutter/lib/plugins/document/application/document_share_bloc.dart

@@ -23,30 +23,9 @@ class DocumentShareBloc extends Bloc<DocumentShareEvent, DocumentShareState> {
             return;
           }
 
-          emit(
+          emit(state.copyWith(isLoading: true));
-            state.copyWith(isLoading: true),
-          );
 
-          final exporter = DocumentExporter(view);
+          final result = await _export(type, path);
-          final FlowyResult<ExportDataPB, FlowyError> result =
-              await exporter.export(type.exportType).then((value) {
-            return value.fold(
-              (s) {
-                if (path != null) {
-                  switch (type) {
-                    case DocumentShareType.markdown:
-                      return FlowyResult.success(_saveMarkdownToPath(s, path));
-                    case DocumentShareType.html:
-                      return FlowyResult.success(_saveHTMLToPath(s, path));
-                    default:
-                      break;
-                  }
-                }
-                return FlowyResult.failure(FlowyError());
-              },
-              (f) => FlowyResult.failure(f),
-            );
-          });
 
           emit(
             state.copyWith(
@@ -55,11 +34,41 @@ class DocumentShareBloc extends Bloc<DocumentShareEvent, DocumentShareState> {
             ),
           );
         },
+        publish: (url) async {
+          emit(state.copyWith(isPublished: true));
+        },
+        unPublish: () async {
+          emit(state.copyWith(isPublished: false));
+        },
       );
     });
   }
 
   final ViewPB view;
+  late final exporter = DocumentExporter(view);
+
+  Future<FlowyResult<ExportDataPB, FlowyError>> _export(
+    DocumentShareType type,
+    String? path,
+  ) async {
+    final result = await exporter.export(type.exportType);
+    return result.fold(
+      (s) {
+        if (path != null) {
+          switch (type) {
+            case DocumentShareType.markdown:
+              return FlowySuccess(_saveMarkdownToPath(s, path));
+            case DocumentShareType.html:
+              return FlowySuccess(_saveHTMLToPath(s, path));
+            default:
+              break;
+          }
+        }
+        return FlowyResult.failure(FlowyError());
+      },
+      (f) => FlowyResult.failure(f),
+    );
+  }
 
   ExportDataPB _saveMarkdownToPath(String markdown, String path) {
     File(path).writeAsStringSync(markdown);
@@ -103,7 +112,9 @@ class DocumentShareEvent with _$DocumentShareEvent {
   const factory DocumentShareEvent.share(
     DocumentShareType type,
     String? path,
-  ) = Share;
+  ) = _Share;
+  const factory DocumentShareEvent.publish(String url) = _Publish;
+  const factory DocumentShareEvent.unPublish() = _UnPublish;
 }
 
 @freezed
@@ -111,9 +122,12 @@ class DocumentShareState with _$DocumentShareState {
   const factory DocumentShareState({
     required bool isLoading,
     FlowyResult<ExportDataPB, FlowyError>? exportResult,
+    required bool isPublished,
+    FlowyResult<void, FlowyError>? publishResult,
   }) = _DocumentShareState;
 
   factory DocumentShareState.initial() => const DocumentShareState(
         isLoading: false,
+        isPublished: false,
       );
 }

frontend/appflowy_flutter/lib/plugins/document/presentation/share/publish_tab.dart

@@ -1,25 +1,31 @@
 import 'package:appflowy/generated/flowy_svgs.g.dart';
 import 'package:appflowy/generated/locale_keys.g.dart';
+import 'package:appflowy/plugins/document/application/document_share_bloc.dart';
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flowy_infra_ui/flowy_infra_ui.dart';
 import 'package:flowy_infra_ui/widget/rounded_button.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
 
-class PublishTab extends StatefulWidget {
+class PublishTab extends StatelessWidget {
   const PublishTab({super.key});
 
-  @override
-  State<PublishTab> createState() => _PublishTabState();
-}
-
-class _PublishTabState extends State<PublishTab> {
-  bool isPublished = false;
-
   @override
   Widget build(BuildContext context) {
-    return isPublished
+    return context.watch<DocumentShareBloc>().state.isPublished
-        ? _PublishedWidget(onUnPublish: () {}, onVisitSite: () {})
+        ? _PublishedWidget(
-        : _UnPublishWidget(onPublish: () => setState(() => isPublished = true));
+            onUnPublish: () {
+              context
+                  .read<DocumentShareBloc>()
+                  .add(const DocumentShareEvent.unPublish());
+            },
+            onVisitSite: () {},
+          )
+        : _UnPublishWidget(
+            onPublish: () => context
+                .read<DocumentShareBloc>()
+                .add(const DocumentShareEvent.publish('')),
+          );
   }
 }
 

frontend/appflowy_flutter/lib/plugins/document/presentation/share/share_button.dart

@@ -41,7 +41,9 @@ class DocumentShareButton extends StatelessWidget {
           }
         },
         child: BlocBuilder<DocumentShareBloc, DocumentShareState>(
-          builder: (context, state) => SizedBox(
+          builder: (context, state) {
+            final shareBloc = context.read<DocumentShareBloc>();
+            return SizedBox(
               height: 32.0,
               child: IntrinsicWidth(
                 child: AppFlowyPopover(
@@ -51,7 +53,10 @@ class DocumentShareButton extends StatelessWidget {
                   ),
                   margin: const EdgeInsets.all(16),
                   offset: const Offset(0, 8),
-                popupBuilder: (context) => const ShareMenu(),
+                  popupBuilder: (context) => BlocProvider.value(
+                    value: shareBloc,
+                    child: const ShareMenu(),
+                  ),
                   child: RoundedTextButton(
                     title: LocaleKeys.shareAction_buttonText.tr(),
                     padding: const EdgeInsets.symmetric(horizontal: 12.0),
@@ -60,7 +65,8 @@ class DocumentShareButton extends StatelessWidget {
                   ),
                 ),
               ),
-          ),
+            );
+          },
         ),
       ),
     );

frontend/appflowy_flutter/lib/plugins/document/presentation/share/share_menu.dart

@@ -51,10 +51,13 @@ class _ShareMenuState extends State<ShareMenu> {
     return Column(
       mainAxisSize: MainAxisSize.min,
       children: [
-        CustomSlidingSegmentedControl<ShareMenuTab>(
+        SizedBox(
+          height: 34,
+          child: CustomSlidingSegmentedControl<ShareMenuTab>(
             initialValue: selectedTab,
             curve: Curves.linear,
             padding: 0,
+            fixedWidth: 128,
             innerPadding: const EdgeInsets.all(3.0),
             children: children,
             decoration: BoxDecoration(
@@ -78,6 +81,7 @@ class _ShareMenuState extends State<ShareMenu> {
               });
             },
           ),
+        ),
         _buildTab(context),
       ],
     );
@@ -108,13 +112,10 @@ class _Segment extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final textColor = isSelected ? null : Theme.of(context).hintColor;
-    return SizedBox(
+    return FlowyText(
-      width: 128,
-      child: FlowyText(
       title,
       textAlign: TextAlign.center,
       color: textColor,
-      ),
     );
   }
 }