Load profile information on startup

moneymgr_mobile/lib/routes/profile/profile_screen.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:moneymgr_mobile/services/api/api_client.dart';
 import 'package:moneymgr_mobile/services/storage/prefs.dart';
 
 class ProfileScreen extends HookConsumerWidget {
@@ -8,7 +9,60 @@ class ProfileScreen extends HookConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final data = ref.watch(prefsProvider);
+    final api = ref.watch(apiServiceProvider);
     if (data.value == null) return CircularProgressIndicator();
-    return Text("dd\n\n\n${data.value!.serverConfig()}");
+
+    final profile = data.value?.authInfo();
+
+    return Scaffold(
+      appBar: AppBar(title: Text("Profile")),
+      body: ListView(
+        children: [
+          ListEntry(
+            title: "Server URL",
+            value: api?.token.apiUrl,
+            icon: Icons.link,
+          ),
+          ListEntry(
+            title: "Token ID",
+            value: api?.token.tokenId.toString(),
+            icon: Icons.key,
+          ),
+          ListEntry(
+            title: "User ID",
+            value: profile?.id.toString(),
+            icon: Icons.perm_contact_calendar_outlined,
+          ),
+          ListEntry(
+            title: "User name",
+            value: profile?.name,
+            icon: Icons.person,
+          ),
+          ListEntry(title: "User mail", value: profile?.mail, icon: Icons.mail),
+        ],
+      ),
+    );
+  }
+}
+
+class ListEntry extends StatelessWidget {
+  final String title;
+  final String? value;
+  final IconData icon;
+
+  const ListEntry({
+    super.key,
+    required this.title,
+    required this.value,
+    required this.icon,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return ListTile(
+      title: Text(title),
+      subtitle: Text(value ?? ""),
+      leading: Icon(icon),
+    );
   }
 }

moneymgr_mobile/lib/services/api/api_client.dart

@@ -1,6 +1,7 @@
 import 'package:dart_jsonwebtoken/dart_jsonwebtoken.dart';
 import 'package:dio/dio.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:logging/logging.dart';
 import 'package:moneymgr_mobile/services/api/api_token.dart';
 import 'package:moneymgr_mobile/services/storage/prefs.dart';
 import 'package:moneymgr_mobile/services/storage/secure_storage.dart';
@@ -24,6 +25,7 @@ class ApiClient {
 
   /// Get Dio instance
   Future<Response<T>> execute<T>(String uri, {String method = "GET"}) async {
+    Logger.root.fine("Request on ${token.apiUrl} - URI $uri");
     return client.request(
       uri,
       options: Options(

moneymgr_mobile/lib/services/api/auth_api.dart

@@ -1,10 +1,12 @@
 // ignore_for_file: non_constant_identifier_names
 
 import 'package:freezed_annotation/freezed_annotation.dart';
+import 'package:logging/logging.dart';
 import 'package:moneymgr_mobile/services/api/api_client.dart';
+import 'package:moneymgr_mobile/services/storage/prefs.dart';
 
-part 'auth_api.g.dart';
 part 'auth_api.freezed.dart';
+part 'auth_api.g.dart';
 
 @freezed
 abstract class AuthInfo with _$AuthInfo {
@@ -27,4 +29,24 @@ extension AuthApi on ApiClient {
     final response = await execute("/auth/info", method: "GET");
     return AuthInfo.fromJson(response.data);
   }
+
+  /// Get authentication information, returning cached information in case of failure
+  Future<AuthInfo> authInfoOrCache() async {
+    try {
+      final config = await authInfo();
+      this.prefs.setAuthInfo(config);
+      return config;
+    } catch (e, s) {
+      Logger.root.warning("Failed to fetch user information! $e $s");
+    }
+
+    final cached = this.prefs.authInfo();
+    if (cached == null) {
+      throw Exception(
+        "Could not fetch user information, cached version is unavailable!",
+      );
+    }
+    return cached;
+  }
+
 }

moneymgr_mobile/lib/services/api/server_api.dart

@@ -1,10 +1,8 @@
 // ignore_for_file: non_constant_identifier_names
 
 import 'package:freezed_annotation/freezed_annotation.dart';
-import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:logging/logging.dart';
 import 'package:moneymgr_mobile/services/storage/prefs.dart';
-import 'package:riverpod_annotation/riverpod_annotation.dart';
 
 import 'api_client.dart';
 
@@ -40,33 +38,30 @@ abstract class ServerConfig with _$ServerConfig {
 
 /// Auth API
 extension ServerApi on ApiClient {
-  /// Get authentication information from server
+  /// Get server configuration
   Future<ServerConfig> serverConfig() async {
     final response = await execute("/server/config", method: "GET");
     return ServerConfig.fromJson(response.data);
   }
 
+  /// Get server configuration, or retrieve cached information (if available, in
+  /// case of failure)
+  Future<ServerConfig> serverConfigOrCache() async {
+    try {
+      final config = await serverConfig();
+      this.prefs.setServerConfig(config);
+      return config;
+    } catch (e, s) {
+      Logger.root.warning("Failed to fetch server configuration! $e $s");
+    }
 
+    final cached = this.prefs.serverConfig();
+    if (cached == null) {
+      throw Exception(
+        "Could not fetch server configuration, cached version is unavailable!",
+      );
+    }
+    return cached;
+  }
 }
 
-/// Get authentication information from server, or retrieve cached information (if available, in
-/// case of failure)
-@riverpod
-Future<ServerConfig> serverConfigOrCache(Ref ref) async {
-  final client = ref.watch(apiServiceProvider)!;
-  try {
-    final config = await client.serverConfig();
-    client.prefs.setServerConfig(config);
-    return config;
-  } catch (e, s) {
-    Logger.root.warning("Failed to fetch server configuration! $e $s");
-  }
-
-  final cached = client.prefs.serverConfig();
-  if (cached == null) {
-    throw Exception(
-      "Could not fetch server configuration, cached version is unavailable!",
-    );
-  }
-  return cached;
-}

moneymgr_mobile/lib/services/router/router.dart

@@ -8,7 +8,7 @@ import 'package:moneymgr_mobile/routes/login/qr_auth_screen.dart';
 import 'package:moneymgr_mobile/routes/profile/profile_screen.dart';
 import 'package:moneymgr_mobile/routes/settings/settings_screen.dart';
 import 'package:moneymgr_mobile/services/router/routes_list.dart';
-import 'package:moneymgr_mobile/widgets/loaders/load_server_config.dart';
+import 'package:moneymgr_mobile/widgets/load_startup_data.dart';
 import 'package:moneymgr_mobile/widgets/scaffold_with_navigation.dart';
 import 'package:riverpod_annotation/riverpod_annotation.dart';
 
@@ -81,7 +81,7 @@ GoRouter router(Ref ref) {
             GoRoute(
               path: item.path,
               pageBuilder: (context, _) => NoTransitionPage(
-                child: LoadServerConfig(
+                child: LoadStartupData(
                   child: ScaffoldWithNavigation(
                     selectedIndex: index,
                     navigationItems: navigationItems,

moneymgr_mobile/lib/services/storage/prefs.dart

@@ -1,6 +1,7 @@
 import 'dart:convert';
 
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:moneymgr_mobile/services/api/auth_api.dart';
 import 'package:moneymgr_mobile/services/api/server_api.dart';
 import 'package:riverpod_annotation/riverpod_annotation.dart';
 import 'package:shared_preferences/shared_preferences.dart';
@@ -27,4 +28,18 @@ extension MoneyMgrSharedPreferences on SharedPreferencesWithCache {
   Future<void> clearServerConfig() async {
     await remove("serverConfig");
   }
+
+  AuthInfo? authInfo() {
+    final json = getString("authInfo");
+    if (json != null) return AuthInfo.fromJson(jsonDecode(json));
+    return null;
+  }
+
+  Future<void> setAuthInfo(AuthInfo info) async {
+    await setString("authInfo", jsonEncode(info));
+  }
+
+  Future<void> clearAuthInfo() async {
+    await remove("authInfo");
+  }
 }

moneymgr_mobile/lib/widgets/load_startup_data.dart

@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:logging/logging.dart';
+import 'package:moneymgr_mobile/providers/auth_state.dart';
+import 'package:moneymgr_mobile/services/api/api_client.dart';
+import 'package:moneymgr_mobile/services/api/auth_api.dart';
+import 'package:moneymgr_mobile/services/api/server_api.dart';
+import 'package:moneymgr_mobile/widgets/full_screen_error.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+
+part 'load_startup_data.g.dart';
+
+@riverpod
+Future<void> _loadStartupElements(Ref ref) async {
+  final svc = ref.watch(apiServiceProvider);
+  if (svc == null) {
+    throw Exception("API client has not be initialized yet!");
+  }
+
+  Logger.root.info("Start to load startup elements");
+  await svc.serverConfigOrCache();
+  await svc.authInfoOrCache();
+  Logger.root.info("Finish to load startup elements");
+}
+
+class LoadStartupData extends HookConsumerWidget {
+  final Widget child;
+
+  const LoadStartupData({super.key, required this.child});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final serverConfig = ref.watch(_loadStartupElementsProvider);
+
+    tryAgain() {
+      ref.refresh(_loadStartupElementsProvider);
+    }
+
+    handleSignOut() {
+      ref.watch(currentAuthStateProvider.notifier).logout();
+    }
+
+    return switch (serverConfig) {
+      AsyncData() => child,
+      AsyncError(:final error) => FullScreenError(
+        message: "Failed to load server configuration!",
+        error: error.toString(),
+        actions: [
+          MaterialButton(
+            onPressed: tryAgain,
+            child: Text("Try again".toUpperCase()),
+          ),
+          MaterialButton(
+            onPressed: handleSignOut,
+            child: Text("Sign out".toUpperCase()),
+          ),
+        ],
+      ),
+      _ => const Scaffold(body: Center(child: CircularProgressIndicator())),
+    };
+  }
+}

moneymgr_mobile/lib/widgets/loaders/load_server_config.dart

@@ -1,35 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:hooks_riverpod/hooks_riverpod.dart';
-import 'package:moneymgr_mobile/providers/auth_state.dart';
-import 'package:moneymgr_mobile/services/api/server_api.dart';
-import 'package:moneymgr_mobile/widgets/full_screen_error.dart';
-
-class LoadServerConfig extends HookConsumerWidget {
-  final Widget child;
-
-  const LoadServerConfig({super.key, required this.child});
-
-  @override
-  Widget build(BuildContext context, WidgetRef ref) {
-    final serverConfig = ref.watch(serverConfigOrCacheProvider);
-
-    handleSignOut() {
-      ref.watch(currentAuthStateProvider.notifier).logout();
-    }
-
-    return switch (serverConfig) {
-      AsyncData() => child,
-      AsyncError(:final error) => FullScreenError(
-        message: "Failed to load server configuration!",
-        error: error.toString(),
-        actions: [
-          MaterialButton(
-            onPressed: handleSignOut,
-            child: Text("Sign out".toUpperCase()),
-          ),
-        ],
-      ),
-      _ => const Scaffold(body: Center(child: CircularProgressIndicator())),
-    };
-  }
-}