import 'dart:io'; import 'package:appflowy/mobile/application/mobile_router.dart'; import 'package:appflowy/plugins/document/application/document_appearance_cubit.dart'; import 'package:appflowy/startup/startup.dart'; import 'package:appflowy/user/application/reminder/reminder_bloc.dart'; import 'package:appflowy/user/application/user_settings_service.dart'; import 'package:appflowy/workspace/application/notifications/notification_action.dart'; import 'package:appflowy/workspace/application/notifications/notification_action_bloc.dart'; import 'package:appflowy/workspace/application/notifications/notification_service.dart'; import 'package:appflowy/workspace/application/settings/appearance/appearance_cubit.dart'; import 'package:appflowy/workspace/application/settings/notifications/notification_settings_cubit.dart'; import 'package:appflowy/workspace/application/sidebar/rename_view/rename_view_bloc.dart'; import 'package:appflowy/workspace/application/view/view_ext.dart'; import 'package:appflowy_backend/log.dart'; import 'package:appflowy_backend/protobuf/flowy-user/protobuf.dart'; import 'package:appflowy_editor/appflowy_editor.dart' hide Log; import 'package:easy_localization/easy_localization.dart'; import 'package:flowy_infra/theme.dart'; import 'package:flowy_infra_ui/flowy_infra_ui.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:go_router/go_router.dart'; import 'prelude.dart'; class InitAppWidgetTask extends LaunchTask { const InitAppWidgetTask(); @override LaunchTaskType get type => LaunchTaskType.appLauncher; @override Future initialize(LaunchContext context) async { WidgetsFlutterBinding.ensureInitialized(); await NotificationService.initialize(); final widget = context.getIt().create(context.config); final appearanceSetting = await UserSettingsBackendService().getAppearanceSetting(); final dateTimeSettings = await UserSettingsBackendService().getDateTimeSettings(); // If the passed-in context is not the same as the context of the // application widget, the application widget will be rebuilt. final app = ApplicationWidget( key: ValueKey(context), appearanceSetting: appearanceSetting, dateTimeSettings: dateTimeSettings, appTheme: await appTheme(appearanceSetting.theme), child: widget, ); Bloc.observer = ApplicationBlocObserver(); runApp( EasyLocalization( supportedLocales: const [ // In alphabetical order Locale('am', 'ET'), Locale('ar', 'SA'), Locale('ca', 'ES'), Locale('cs', 'CZ'), Locale('ckb', 'KU'), Locale('de', 'DE'), Locale('en'), Locale('es', 'VE'), Locale('eu', 'ES'), Locale('el', 'GR'), Locale('fr', 'FR'), Locale('fr', 'CA'), Locale('hu', 'HU'), Locale('id', 'ID'), Locale('it', 'IT'), Locale('ja', 'JP'), Locale('ko', 'KR'), Locale('pl', 'PL'), Locale('pt', 'BR'), Locale('ru', 'RU'), Locale('sv', 'SE'), Locale('th', 'TH'), Locale('tr', 'TR'), Locale('uk', 'UA'), Locale('ur'), Locale('vi', 'VN'), Locale('zh', 'CN'), Locale('zh', 'TW'), Locale('fa'), Locale('hin'), ], path: 'assets/translations', fallbackLocale: const Locale('en'), useFallbackTranslations: true, child: app, ), ); return; } @override Future dispose() async {} } class ApplicationWidget extends StatefulWidget { const ApplicationWidget({ super.key, required this.child, required this.appTheme, required this.appearanceSetting, required this.dateTimeSettings, }); final Widget child; final AppTheme appTheme; final AppearanceSettingsPB appearanceSetting; final DateTimeSettingsPB dateTimeSettings; @override State createState() => _ApplicationWidgetState(); } class _ApplicationWidgetState extends State { late final GoRouter routerConfig; @override void initState() { super.initState(); // avoid rebuild routerConfig when the appTheme is changed. routerConfig = generateRouter(widget.child); } @override Widget build(BuildContext context) { return MultiBlocProvider( providers: [ BlocProvider( create: (_) => AppearanceSettingsCubit( widget.appearanceSetting, widget.dateTimeSettings, widget.appTheme, )..readLocaleWhenAppLaunch(context), ), BlocProvider( create: (_) => NotificationSettingsCubit(), ), BlocProvider( create: (_) => DocumentAppearanceCubit()..fetch(), ), BlocProvider.value(value: getIt()), BlocProvider.value(value: getIt()), BlocProvider.value( value: getIt()..add(const ReminderEvent.started()), ), ], child: BlocListener( listenWhen: (_, curr) => curr.action != null, listener: (context, state) { final action = state.action; WidgetsBinding.instance.addPostFrameCallback((_) { if (action?.type == ActionType.openView && PlatformExtension.isDesktop) { final view = action!.arguments?[ActionArgumentKeys.view]; if (view != null) { AppGlobals.rootNavKey.currentContext?.pushView(view); } } else if (action?.type == ActionType.openRow && PlatformExtension.isMobile) { final view = action!.arguments?[ActionArgumentKeys.view]; if (view != null) { final view = action.arguments?[ActionArgumentKeys.view]; final rowId = action.arguments?[ActionArgumentKeys.rowId]; AppGlobals.rootNavKey.currentContext?.pushView(view, { PluginArgumentKeys.rowId: rowId, }); } } }); }, child: BlocBuilder( builder: (context, state) { _setSystemOverlayStyle(state); return MaterialApp.router( builder: (context, child) => MediaQuery( // use the 1.0 as the textScaleFactor to avoid the text size // affected by the system setting. data: MediaQuery.of(context).copyWith( textScaler: TextScaler.linear(state.textScaleFactor), ), child: overlayManagerBuilder(context, child), ), debugShowCheckedModeBanner: false, theme: state.lightTheme, darkTheme: state.darkTheme, themeMode: state.themeMode, localizationsDelegates: context.localizationDelegates, supportedLocales: context.supportedLocales, locale: state.locale, routerConfig: routerConfig, ); }, ), ), ); } void _setSystemOverlayStyle(AppearanceSettingsState state) { if (Platform.isAndroid) { SystemUiOverlayStyle style = SystemUiOverlayStyle.dark; final themeMode = state.themeMode; if (themeMode == ThemeMode.dark) { style = SystemUiOverlayStyle.light; } else if (themeMode == ThemeMode.light) { style = SystemUiOverlayStyle.dark; } else { final brightness = Theme.of(context).brightness; // reverse the brightness of the system status bar. style = brightness == Brightness.dark ? SystemUiOverlayStyle.light : SystemUiOverlayStyle.dark; } SystemChrome.setSystemUIOverlayStyle( style.copyWith( statusBarColor: Colors.transparent, systemNavigationBarColor: Colors.transparent, ), ); } } } class AppGlobals { // static GlobalKey scaffoldMessengerKey = GlobalKey(); static GlobalKey rootNavKey = GlobalKey(); static NavigatorState get nav => rootNavKey.currentState!; } class ApplicationBlocObserver extends BlocObserver { @override void onError(BlocBase bloc, Object error, StackTrace stackTrace) { Log.debug(error); super.onError(bloc, error, stackTrace); } } Future appTheme(String themeName) async { if (themeName.isEmpty) { return AppTheme.fallback; } else { try { return await AppTheme.fromName(themeName); } catch (e) { return AppTheme.fallback; } } }