✨ Debug options

assets/i18n/en-US.json

@@ -786,5 +786,6 @@
   "links": "Links",
   "addLink": "Add link",
   "linkKey": "Link Name",
-  "linkValue": "URL"
+  "linkValue": "URL",
+  "debugOptions": "Debug Options"
 }

lib/screens/about.dart

@@ -102,7 +102,10 @@ class _AboutScreenState extends ConsumerState<AboutScreen> {
               ? const Center(child: CircularProgressIndicator())
               : _errorMessage != null
               ? Center(child: Text(_errorMessage!))
-              : SingleChildScrollView(
+              : Center(
+                child: ConstrainedBox(
+                  constraints: const BoxConstraints(maxWidth: 540),
+                  child: SingleChildScrollView(
                     child: Column(
                       crossAxisAlignment: CrossAxisAlignment.center,
                       children: [
@@ -110,9 +113,8 @@ class _AboutScreenState extends ConsumerState<AboutScreen> {
                         // App Icon and Name
                         CircleAvatar(
                           radius: 50,
-                      backgroundColor: theme.colorScheme.primary.withOpacity(
+                          backgroundColor: theme.colorScheme.primary
-                        0.1,
+                              .withOpacity(0.1),
-                      ),
                           child: Image.asset(
                             'assets/icons/icon.png',
                             width: 56,
@@ -128,7 +130,10 @@ class _AboutScreenState extends ConsumerState<AboutScreen> {
                         ),
                         Text(
                           'aboutScreenVersionInfo'.tr(
-                        args: [_packageInfo.version, _packageInfo.buildNumber],
+                            args: [
+                              _packageInfo.version,
+                              _packageInfo.buildNumber,
+                            ],
                           ),
                           style: theme.textTheme.bodyMedium?.copyWith(
                             color: theme.textTheme.bodySmall?.color,
@@ -277,7 +282,8 @@ class _AboutScreenState extends ConsumerState<AboutScreen> {
                               icon: Symbols.email,
                               title: 'aboutScreenContactUsTitle'.tr(),
                               subtitle: 'lily@solsynth.dev',
-                          onTap: () => _launchURL('mailto:lily@solsynth.dev'),
+                              onTap:
+                                  () => _launchURL('mailto:lily@solsynth.dev'),
                             ),
                             _buildListTile(
                               context,
@@ -333,6 +339,8 @@ class _AboutScreenState extends ConsumerState<AboutScreen> {
                       ],
                     ),
                   ),
+                ),
+              ),
     );
   }
 

lib/screens/account.dart

@@ -1,12 +1,8 @@
 import 'package:easy_localization/easy_localization.dart';
-import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
-import 'package:flutter/services.dart';
 import 'package:gap/gap.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
-import 'package:island/pods/message.dart';
-import 'package:island/pods/network.dart';
 import 'package:island/pods/userinfo.dart';
 import 'package:island/screens/notification.dart';
 import 'package:island/services/responsive.dart';
@@ -15,6 +11,7 @@ import 'package:island/widgets/account/status.dart';
 import 'package:island/widgets/account/leveling_progress.dart';
 import 'package:island/widgets/app_scaffold.dart';
 import 'package:island/widgets/content/cloud_files.dart';
+import 'package:island/widgets/debug_sheet.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:styled_widget/styled_widget.dart';
 
@@ -276,30 +273,6 @@ class AccountScreen extends HookConsumerWidget {
                 context.pushNamed('accountSettings');
               },
             ),
-            if (kDebugMode) const Divider(height: 1).padding(vertical: 8),
-            if (kDebugMode)
-              ListTile(
-                minTileHeight: 48,
-                leading: const Icon(Symbols.copy_all),
-                trailing: const Icon(Symbols.chevron_right),
-                contentPadding: EdgeInsets.symmetric(horizontal: 24),
-                title: Text('Copy access token'),
-                onTap: () async {
-                  final tk = ref.watch(tokenProvider);
-                  Clipboard.setData(ClipboardData(text: tk!.token));
-                },
-              ),
-            if (kDebugMode)
-              ListTile(
-                minTileHeight: 48,
-                leading: const Icon(Symbols.delete),
-                trailing: const Icon(Symbols.chevron_right),
-                contentPadding: EdgeInsets.symmetric(horizontal: 24),
-                title: Text('Reset database'),
-                onTap: () async {
-                  resetDatabase(ref);
-                },
-              ),
             const Divider(height: 1).padding(vertical: 8),
             ListTile(
               minTileHeight: 48,
@@ -311,6 +284,19 @@ class AccountScreen extends HookConsumerWidget {
                 context.pushNamed('about');
               },
             ),
+            ListTile(
+              minTileHeight: 48,
+              leading: const Icon(Symbols.bug_report),
+              trailing: const Icon(Symbols.chevron_right),
+              contentPadding: EdgeInsets.symmetric(horizontal: 24),
+              title: Text('debugOptions').tr(),
+              onTap: () {
+                showModalBottomSheet(
+                  context: context,
+                  builder: (context) => DebugSheet(),
+                );
+              },
+            ),
             ListTile(
               minTileHeight: 48,
               leading: const Icon(Symbols.logout),

lib/widgets/debug_sheet.dart

@@ -0,0 +1,76 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_cache_manager/flutter_cache_manager.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:island/pods/message.dart';
+import 'package:island/pods/network.dart';
+import 'package:island/pods/websocket.dart';
+import 'package:island/widgets/content/network_status_sheet.dart';
+import 'package:island/widgets/content/sheet.dart';
+import 'package:material_symbols_icons/symbols.dart';
+
+class DebugSheet extends HookConsumerWidget {
+  const DebugSheet({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final wsNotifier = ref.watch(websocketStateProvider.notifier);
+
+    return SheetScaffold(
+      titleText: 'Debug',
+      child: Column(
+        children: [
+          ListTile(
+            minTileHeight: 48,
+            leading: const Icon(Symbols.wifi),
+            trailing: const Icon(Symbols.chevron_right),
+            title: Text('Connection Status'),
+            contentPadding: EdgeInsets.symmetric(horizontal: 24),
+            onTap: () {
+              showModalBottomSheet(
+                context: context,
+                isScrollControlled: true,
+                builder:
+                    (context) => NetworkStatusSheet(
+                      onReconnect: () => wsNotifier.connect(),
+                    ),
+              );
+            },
+          ),
+          const Divider(height: 1),
+          ListTile(
+            minTileHeight: 48,
+            leading: const Icon(Symbols.copy_all),
+            trailing: const Icon(Symbols.chevron_right),
+            contentPadding: EdgeInsets.symmetric(horizontal: 24),
+            title: Text('Copy access token'),
+            onTap: () async {
+              final tk = ref.watch(tokenProvider);
+              Clipboard.setData(ClipboardData(text: tk!.token));
+            },
+          ),
+          ListTile(
+            minTileHeight: 48,
+            leading: const Icon(Symbols.delete),
+            trailing: const Icon(Symbols.chevron_right),
+            contentPadding: EdgeInsets.symmetric(horizontal: 24),
+            title: Text('Reset database'),
+            onTap: () async {
+              resetDatabase(ref);
+            },
+          ),
+          ListTile(
+            minTileHeight: 48,
+            leading: const Icon(Symbols.clear),
+            trailing: const Icon(Symbols.chevron_right),
+            contentPadding: EdgeInsets.symmetric(horizontal: 24),
+            title: Text('Clear cache'),
+            onTap: () async {
+              DefaultCacheManager().emptyCache();
+            },
+          ),
+        ],
+      ),
+    );
+  }
+}