feat: custom share url, publish url and copy link to share

frontend/appflowy_flutter/integration_test/desktop/cloud/workspace/share_menu_test.dart

@@ -54,7 +54,7 @@ void main() {
       );
 
       final shareValues = plainText!
-          .replaceAll('https://${ShareConstants.shareBaseUrl}/', '')
+          .replaceAll('https://${ShareConstants.baseWebDomain}/app/', '')
           .split('/');
       final workspaceId = shareValues[0];
       expect(workspaceId, isNotEmpty);

frontend/appflowy_flutter/lib/core/config/kv_keys.dart

@@ -58,6 +58,7 @@ class KVKeys {
 
   static const String kCloudType = 'kCloudType';
   static const String kAppflowyCloudBaseURL = 'kAppFlowyCloudBaseURL';
+  static const String kAppFlowyBaseShareDomain = 'kAppFlowyBaseShareDomain';
   static const String kAppFlowyEnableSyncTrace = 'kAppFlowyEnableSyncTrace';
 
   /// The key for saving the text scale factor.

frontend/appflowy_flutter/lib/env/backend_env.dart

@@ -1,6 +1,8 @@
 // ignore_for_file: non_constant_identifier_names
 
+import 'package:appflowy/plugins/shared/share/constants.dart';
 import 'package:json_annotation/json_annotation.dart';
+
 part 'backend_env.g.dart';
 
 @JsonSerializable()
@@ -40,6 +42,7 @@ class AppFlowyCloudConfiguration {
     required this.ws_base_url,
     required this.gotrue_url,
     required this.enable_sync_trace,
+    required this.base_web_domain,
   });
 
   factory AppFlowyCloudConfiguration.fromJson(Map<String, dynamic> json) =>
@@ -50,6 +53,13 @@ class AppFlowyCloudConfiguration {
   final String gotrue_url;
   final bool enable_sync_trace;
 
+  /// The base domain is used in
+  ///
+  /// - Share URL
+  /// - Publish URL
+  /// - Copy Link To Block
+  final String base_web_domain;
+
   Map<String, dynamic> toJson() => _$AppFlowyCloudConfigurationToJson(this);
 
   static AppFlowyCloudConfiguration defaultConfig() {
@@ -58,6 +68,7 @@ class AppFlowyCloudConfiguration {
       ws_base_url: '',
       gotrue_url: '',
       enable_sync_trace: false,
+      base_web_domain: ShareConstants.baseWebDomain,
     );
   }
 

frontend/appflowy_flutter/lib/env/cloud_env.dart

@@ -2,6 +2,7 @@ import 'package:appflowy/core/config/kv.dart';
 import 'package:appflowy/core/config/kv_keys.dart';
 import 'package:appflowy/env/backend_env.dart';
 import 'package:appflowy/env/env.dart';
+import 'package:appflowy/plugins/shared/share/constants.dart';
 import 'package:appflowy/startup/startup.dart';
 import 'package:appflowy_backend/log.dart';
 
@@ -155,6 +156,13 @@ Future<void> _setAppFlowyCloudUrl(String? url) async {
   await getIt<KeyValueStorage>().set(KVKeys.kAppflowyCloudBaseURL, url ?? '');
 }
 
+Future<void> useBaseWebDomain(String? url) async {
+  await getIt<KeyValueStorage>().set(
+    KVKeys.kAppFlowyBaseShareDomain,
+    url ?? ShareConstants.baseWebDomain,
+  );
+}
+
 Future<void> useSelfHostedAppFlowyCloudWithURL(String url) async {
   await _setAuthenticatorType(AuthenticatorType.appflowyCloudSelfHost);
   await _setAppFlowyCloudUrl(url);
@@ -213,6 +221,7 @@ class AppFlowyCloudSharedEnv {
         ws_base_url: await _getAppFlowyCloudWSUrl(Env.afCloudUrl),
         gotrue_url: await _getAppFlowyCloudGotrueUrl(Env.afCloudUrl),
         enable_sync_trace: false,
+        base_web_domain: Env.baseWebDomain,
       );
 
       return AppFlowyCloudSharedEnv(
@@ -233,6 +242,7 @@ Future<AppFlowyCloudConfiguration> configurationFromUri(
   Uri baseUri,
   String baseUrl,
   AuthenticatorType authenticatorType,
+  String baseShareDomain,
 ) async {
   // In development mode, the app is configured to access the AppFlowy cloud server directly through specific ports.
   // This setup bypasses the need for Nginx, meaning that the AppFlowy cloud should be running without an Nginx server
@@ -243,13 +253,17 @@ Future<AppFlowyCloudConfiguration> configurationFromUri(
       ws_base_url: "ws://${baseUri.host}:8000/ws/v1",
       gotrue_url: "$baseUrl:9999",
       enable_sync_trace: true,
+      base_web_domain: ShareConstants.testBaseWebDomain,
     );
   } else {
     return AppFlowyCloudConfiguration(
       base_url: baseUrl,
       ws_base_url: await _getAppFlowyCloudWSUrl(baseUrl),
       gotrue_url: await _getAppFlowyCloudGotrueUrl(baseUrl),
       enable_sync_trace: await getSyncLogEnabled(),
+      base_web_domain: authenticatorType == AuthenticatorType.appflowyCloud
+          ? ShareConstants.baseWebDomain
+          : baseShareDomain,
     );
   }
 }
@@ -258,10 +272,16 @@ Future<AppFlowyCloudConfiguration> getAppFlowyCloudConfig(
   AuthenticatorType authenticatorType,
 ) async {
   final baseURL = await getAppFlowyCloudUrl();
+  final baseShareDomain = await getBaseShareDomain();
 
   try {
     final uri = Uri.parse(baseURL);
-    return await configurationFromUri(uri, baseURL, authenticatorType);
+    return await configurationFromUri(
+      uri,
+      baseURL,
+      authenticatorType,
+      baseShareDomain,
+    );
   } catch (e) {
     Log.error("Failed to parse AppFlowy Cloud URL: $e");
     return AppFlowyCloudConfiguration.defaultConfig();
@@ -274,6 +294,12 @@ Future<String> getAppFlowyCloudUrl() async {
   return result ?? kAppflowyCloudUrl;
 }
 
+Future<String> getBaseShareDomain() async {
+  final result =
+      await getIt<KeyValueStorage>().get(KVKeys.kAppFlowyBaseShareDomain);
+  return result ?? ShareConstants.baseWebDomain;
+}
+
 Future<bool> getSyncLogEnabled() async {
   final result =
       await getIt<KeyValueStorage>().get(KVKeys.kAppFlowyEnableSyncTrace);

frontend/appflowy_flutter/lib/env/env.dart

@@ -1,5 +1,6 @@
 // lib/env/env.dart
 import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/plugins/shared/share/constants.dart';
 import 'package:envied/envied.dart';
 
 part 'env.g.dart';
@@ -43,4 +44,11 @@ abstract class Env {
     defaultValue: '',
   )
   static const String sentryDsn = _Env.sentryDsn;
+
+  @EnviedField(
+    obfuscate: false,
+    varName: 'BASE_WEB_DOMAIN',
+    defaultValue: ShareConstants.baseWebDomain,
+  )
+  static const String baseWebDomain = _Env.baseWebDomain;
 }

frontend/appflowy_flutter/lib/plugins/shared/share/constants.dart

@@ -1,31 +1,55 @@
+import 'package:appflowy/env/cloud_env.dart';
+import 'package:appflowy/startup/startup.dart';
+
 class ShareConstants {
-  static const String publishBaseUrl = 'appflowy.com';
-  static const String shareBaseUrl = 'appflowy.com/app';
+  static const String baseWebDomain = 'appflowy.com';
+  static const String testBaseWebDomain = 'test.appflowy.com';
 
   static String buildPublishUrl({
     required String nameSpace,
     required String publishName,
   }) {
-    return 'https://$publishBaseUrl/$nameSpace/$publishName';
+    final baseShareDomain =
+        getIt<AppFlowyCloudSharedEnv>().appflowyCloudConfig.base_web_domain;
+    final url = '$baseShareDomain/$nameSpace/$publishName'.addSchemaIfNeeded();
+    return url;
   }
 
   static String buildNamespaceUrl({
     required String nameSpace,
     bool withHttps = false,
   }) {
-    final url = withHttps ? 'https://$publishBaseUrl' : publishBaseUrl;
-    return '$url/$nameSpace';
+    final baseShareDomain =
+        getIt<AppFlowyCloudSharedEnv>().appflowyCloudConfig.base_web_domain;
+    String url = baseShareDomain.addSchemaIfNeeded();
+    if (!withHttps) {
+      url = url.replaceFirst('https://', '');
+    }
+    return '$url/app/$nameSpace';
   }
 
   static String buildShareUrl({
     required String workspaceId,
     required String viewId,
     String? blockId,
   }) {
-    final url = 'https://$shareBaseUrl/$workspaceId/$viewId';
+    final baseShareDomain =
+        getIt<AppFlowyCloudSharedEnv>().appflowyCloudConfig.base_web_domain;
+    final url = '$baseShareDomain/app/$workspaceId/$viewId'.addSchemaIfNeeded();
     if (blockId == null || blockId.isEmpty) {
       return url;
     }
     return '$url?blockId=$blockId';
   }
 }
+
+extension on String {
+  String addSchemaIfNeeded() {
+    final schema = Uri.parse(this).scheme;
+    // if the schema is empty, add https schema by default
+    if (schema.isEmpty) {
+      return 'https://$this';
+    }
+    return this;
+  }
+}

frontend/appflowy_flutter/lib/workspace/application/settings/appflowy_cloud_urls_bloc.dart

@@ -24,6 +24,15 @@ class AppFlowyCloudURLsBloc
             ),
           );
         },
+        updateBaseWebDomain: (url) {
+          emit(
+            state.copyWith(
+              updatedBaseWebDomain: url,
+              urlError: null,
+              showRestartHint: url.isNotEmpty,
+            ),
+          );
+        },
         confirmUpdate: () async {
           if (state.updatedServerUrl.isEmpty) {
             emit(
@@ -35,13 +44,27 @@ class AppFlowyCloudURLsBloc
               ),
             );
           } else {
-            validateUrl(state.updatedServerUrl).fold(
+            bool isSuccess = false;
+
+            await validateUrl(state.updatedServerUrl).fold(
               (url) async {
                 await useSelfHostedAppFlowyCloudWithURL(url);
-                add(const AppFlowyCloudURLsEvent.didSaveConfig());
+                isSuccess = true;
+              },
+              (err) async => emit(state.copyWith(urlError: err)),
+            );
+
+            await validateUrl(state.updatedBaseWebDomain).fold(
+              (url) async {
+                await useBaseWebDomain(url);
+                isSuccess = true;
               },
-              (err) => emit(state.copyWith(urlError: err)),
+              (err) async => emit(state.copyWith(urlError: err)),
             );
+
+            if (isSuccess) {
+              add(const AppFlowyCloudURLsEvent.didSaveConfig());
+            }
           }
         },
         didSaveConfig: () {
@@ -62,6 +85,8 @@ class AppFlowyCloudURLsEvent with _$AppFlowyCloudURLsEvent {
   const factory AppFlowyCloudURLsEvent.initial() = _Initial;
   const factory AppFlowyCloudURLsEvent.updateServerUrl(String text) =
       _ServerUrl;
+  const factory AppFlowyCloudURLsEvent.updateBaseWebDomain(String text) =
+      _UpdateBaseWebDomain;
   const factory AppFlowyCloudURLsEvent.confirmUpdate() = _UpdateConfig;
   const factory AppFlowyCloudURLsEvent.didSaveConfig() = _DidSaveConfig;
 }
@@ -71,6 +96,7 @@ class AppFlowyCloudURLsState with _$AppFlowyCloudURLsState {
   const factory AppFlowyCloudURLsState({
     required AppFlowyCloudConfiguration config,
     required String updatedServerUrl,
+    required String updatedBaseWebDomain,
     required String? urlError,
     required bool restartApp,
     required bool showRestartHint,
@@ -81,6 +107,8 @@ class AppFlowyCloudURLsState with _$AppFlowyCloudURLsState {
         urlError: null,
         updatedServerUrl:
             getIt<AppFlowyCloudSharedEnv>().appflowyCloudConfig.base_url,
+        updatedBaseWebDomain:
+            getIt<AppFlowyCloudSharedEnv>().appflowyCloudConfig.base_web_domain,
         showRestartHint: getIt<AppFlowyCloudSharedEnv>()
             .appflowyCloudConfig
             .base_url