refactor: App widget

lib/widgets/fluffy_chat_app.dart

@@ -0,0 +1,107 @@
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+
+import 'package:adaptive_theme/adaptive_theme.dart';
+import 'package:dynamic_color/dynamic_color.dart';
+import 'package:flutter_gen/gen_l10n/l10n.dart';
+import 'package:matrix/matrix.dart';
+import 'package:vrouter/vrouter.dart';
+
+import 'package:fluffychat/config/routes.dart';
+import 'package:fluffychat/config/themes.dart';
+import '../config/app_config.dart';
+import '../utils/custom_scroll_behaviour.dart';
+import '../utils/space_navigator.dart';
+import 'matrix.dart';
+
+class FluffyChatApp extends StatefulWidget {
+  final Widget? testWidget;
+  final List<Client> clients;
+  final Map<String, String>? queryParameters;
+
+  const FluffyChatApp({
+    Key? key,
+    this.testWidget,
+    required this.clients,
+    this.queryParameters,
+  }) : super(key: key);
+
+  /// getInitialLink may rereturn the value multiple times if this view is
+  /// opened multiple times for example if the user logs out after they logged
+  /// in with qr code or magic link.
+  static bool gotInitialLink = false;
+
+  @override
+  FluffyChatAppState createState() => FluffyChatAppState();
+}
+
+class FluffyChatAppState extends State<FluffyChatApp> {
+  GlobalKey<VRouterState>? _router;
+  bool? columnMode;
+  String? _initialUrl;
+
+  @override
+  void initState() {
+    super.initState();
+    _initialUrl =
+        widget.clients.any((client) => client.isLogged()) ? '/rooms' : '/home';
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return DynamicColorBuilder(
+      builder: (lightColorScheme, darkColorScheme) => AdaptiveTheme(
+        light: FluffyThemes.buildTheme(
+          Brightness.light,
+          lightColorScheme,
+        ),
+        dark: FluffyThemes.buildTheme(
+          Brightness.dark,
+          lightColorScheme,
+        ),
+        initial: AdaptiveThemeMode.system,
+        builder: (theme, darkTheme) => LayoutBuilder(
+          builder: (context, constraints) {
+            const maxColumns = 3;
+            var newColumns =
+                (constraints.maxWidth / FluffyThemes.columnWidth).floor();
+            if (newColumns > maxColumns) newColumns = maxColumns;
+            columnMode ??= newColumns > 1;
+            _router ??= GlobalKey<VRouterState>();
+            if (columnMode != newColumns > 1) {
+              Logs().v('Set Column Mode = $columnMode');
+              WidgetsBinding.instance.addPostFrameCallback((_) {
+                setState(() {
+                  _initialUrl = _router?.currentState?.url;
+                  columnMode = newColumns > 1;
+                  _router = GlobalKey<VRouterState>();
+                });
+              });
+            }
+            return VRouter(
+              key: _router,
+              title: AppConfig.applicationName,
+              theme: theme,
+              scrollBehavior: CustomScrollBehavior(),
+              logs: kReleaseMode ? VLogs.none : VLogs.info,
+              darkTheme: darkTheme,
+              localizationsDelegates: L10n.localizationsDelegates,
+              navigatorObservers: [
+                SpaceNavigator.routeObserver,
+              ],
+              supportedLocales: L10n.supportedLocales,
+              initialUrl: _initialUrl ?? '/',
+              routes: AppRoutes(columnMode ?? false).routes,
+              builder: (context, child) => Matrix(
+                context: context,
+                router: _router,
+                clients: widget.clients,
+                child: child,
+              ),
+            );
+          },
+        ),
+      ),
+    );
+  }
+}

lib/widgets/matrix.dart

@@ -11,6 +11,7 @@ import 'package:desktop_notifications/desktop_notifications.dart';
 import 'package:flutter_app_lock/flutter_app_lock.dart';
 import 'package:flutter_gen/gen_l10n/l10n.dart';
 import 'package:flutter_secure_storage/flutter_secure_storage.dart';
+import 'package:future_loading_dialog/future_loading_dialog.dart';
 import 'package:http/http.dart' as http;
 import 'package:image_picker/image_picker.dart';
 import 'package:matrix/encryption.dart';
@@ -23,6 +24,7 @@ import 'package:vrouter/vrouter.dart';
 
 import 'package:fluffychat/config/themes.dart';
 import 'package:fluffychat/utils/client_manager.dart';
+import 'package:fluffychat/utils/localized_exception_extension.dart';
 import 'package:fluffychat/utils/platform_infos.dart';
 import 'package:fluffychat/utils/uia_request_manager.dart';
 import 'package:fluffychat/utils/voip_plugin.dart';
@@ -256,6 +258,16 @@ class MatrixState extends State<Matrix> with WidgetsBindingObserver {
     } else {
       initSettings();
     }
+    initLoadingDialog();
+  }
+
+  void initLoadingDialog() {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      LoadingDialog.defaultTitle = L10n.of(context)!.loadingPleaseWait;
+      LoadingDialog.defaultBackLabel = L10n.of(context)!.close;
+      LoadingDialog.defaultOnError =
+          (e) => (e as Object?)!.toLocalizedString(context);
+    });
   }
 
   Future<void> initConfig() async {