Add settings features from butterfly

Author: CodeDoctorDE

api/pubspec.lock

@@ -5,18 +5,18 @@ packages:
     dependency: transitive
     description:
       name: _fe_analyzer_shared
-      sha256: dc27559385e905ad30838356c5f5d574014ba39872d732111cd07ac0beff4c57
+      sha256: e55636ed79578b9abca5fecf9437947798f5ef7456308b5cb85720b793eac92f
       url: "https://pub.dev"
     source: hosted
-    version: "80.0.0"
+    version: "82.0.0"
   analyzer:
     dependency: transitive
     description:
       name: analyzer
-      sha256: "192d1c5b944e7e53b24b5586db760db934b177d4147c42fbca8c8c5f1eb8d11e"
+      sha256: "13c1e6c6fd460522ea840abec3f677cc226f5fec7872c04ad7b425517ccf54f7"
       url: "https://pub.dev"
     source: hosted
-    version: "7.3.0"
+    version: "7.4.4"
   ansicolor:
     dependency: transitive
     description:
@@ -574,18 +574,18 @@ packages:
     dependency: transitive
     description:
       name: web_socket
-      sha256: "3c12d96c0c9a4eec095246debcea7b86c0324f22df69893d538fcc6f1b8cce83"
+      sha256: bfe6f435f6ec49cb6c01da1e275ae4228719e59a6b067048c51e72d9d63bcc4b
       url: "https://pub.dev"
     source: hosted
-    version: "0.1.6"
+    version: "1.0.0"
   web_socket_channel:
     dependency: "direct main"
     description:
       name: web_socket_channel
-      sha256: "0b8e2457400d8a859b7b2030786835a28a8e80836ef64402abef392ff4f1d0e5"
+      sha256: d645757fb0f4773d602444000a8131ff5d48c9e47adfe9772652dd1a4f2d45c8
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.2"
+    version: "3.0.3"
   webkit_inspection_protocol:
     dependency: transitive
     description:

app/android/Gemfile.lock

@@ -11,8 +11,8 @@ GEM
     artifactory (3.0.17)
     atomos (0.1.3)
     aws-eventstream (1.3.2)
-    aws-partitions (1.1086.0)
-    aws-sdk-core (3.222.1)
+    aws-partitions (1.1090.0)
+    aws-sdk-core (3.222.2)
       aws-eventstream (~> 1, >= 1.3.0)
       aws-partitions (~> 1, >= 1.992.0)
       aws-sigv4 (~> 1.9)

app/lib/cubits/settings.dart

@@ -11,21 +11,42 @@ import '../api/storage/remote/model.dart';
 
 part 'settings.mapper.dart';
 
+@MappableEnum()
 enum ThemeDensity {
   system,
+  maximize,
+  desktop,
   compact,
   comfortable,
   standard;
 
   VisualDensity toFlutter() => switch (this) {
-        ThemeDensity.comfortable => VisualDensity.comfortable,
+        ThemeDensity.maximize =>
+          const VisualDensity(horizontal: -4, vertical: -4),
+        ThemeDensity.desktop =>
+          const VisualDensity(horizontal: -3, vertical: -3),
         ThemeDensity.compact => VisualDensity.compact,
+        ThemeDensity.comfortable => VisualDensity.comfortable,
         ThemeDensity.standard => VisualDensity.standard,
         ThemeDensity.system => VisualDensity.adaptivePlatformDensity,
       };
 }
 
-@MappableClass()
+final class ThemeModeMapper extends SimpleMapper<ThemeMode> {
+  const ThemeModeMapper();
+
+  @override
+  ThemeMode decode(Object value) {
+    return ThemeMode.values.byName(value.toString());
+  }
+
+  @override
+  String encode(ThemeMode value) {
+    return value.name;
+  }
+}
+
+@MappableClass(includeCustomMappers: [ThemeModeMapper()])
 class FlowSettings with FlowSettingsMappable, LeapSettings {
   final String locale;
   final ThemeMode themeMode;
@@ -84,6 +105,7 @@ class FlowSettings with FlowSettingsMappable, LeapSettings {
   }
 }
 
+@MappableEnum()
 enum SyncMode { always, noMobile, manual }
 
 enum SyncStatus { synced, syncing, error }
@@ -146,4 +168,16 @@ class SettingsCubit extends Cubit<FlowSettings>
     emit(state.copyWith(highContrast: highContrast));
     return state.save();
   }
+
+  Future<void> importSettings(String data) {
+    final settings = FlowSettingsMapper.fromJson(data).copyWith(
+      remotes: state.remotes,
+    );
+    emit(settings);
+    return state.save();
+  }
+
+  Future<String> exportSettings() async {
+    return state.toJson();
+  }
 }

app/lib/cubits/settings.mapper.dart

@@ -318,5 +318,9 @@
         "example": "1"
       }
     }
-  }
+  },
+  "systemTheme": "System theme",
+  "desktop": "Desktop",
+  "restoreSettingsFromFile": "Restore settings from file",
+  "exportSettingsToFile": "Export settings to file"
 }

app/lib/l10n/app_en.arb

@@ -1,9 +1,13 @@
+import 'dart:convert';
+
+import 'package:file_selector/file_selector.dart';
 import 'package:flow/api/storage/sources.dart';
 import 'package:flow/theme.dart';
 import 'package:flow/visualizer/sync.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flow/src/generated/i18n/app_localizations.dart';
+import 'package:lw_sysapi/lw_sysapi.dart';
 import 'package:material_leap/material_leap.dart';
 import 'package:phosphor_flutter/phosphor_flutter.dart';
 
@@ -85,9 +89,60 @@ class DataSettingsPage extends StatelessWidget {
                     ]),
               ),
             ),
+            Card(
+              margin: settingsCardMargin,
+              child: Padding(
+                padding: settingsCardPadding,
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.stretch,
+                  children: [
+                    ListTile(
+                      title: Text(
+                          AppLocalizations.of(context).restoreSettingsFromFile),
+                      leading: Icon(PhosphorIconsLight.arrowSquareIn),
+                      onTap: () => _importSettings(context),
+                    ),
+                    ListTile(
+                      title: Text(
+                          AppLocalizations.of(context).exportSettingsToFile),
+                      leading: Icon(PhosphorIconsLight.arrowSquareOut),
+                      onTap: () => _exportSettings(context),
+                    ),
+                  ],
+                ),
+              ),
+            ),
           ],
         ),
       ),
     );
   }
+
+  void _importSettings(BuildContext context) async {
+    final settingsCubit = context.read<SettingsCubit>();
+    final file = await openFile(acceptedTypeGroups: [
+      XTypeGroup(
+        label: 'Settings',
+        extensions: ['json'],
+      ),
+    ]);
+    if (file == null) return;
+    final data = await file.readAsString();
+    settingsCubit.importSettings(data);
+  }
+
+  void _exportSettings(BuildContext context) async {
+    final settingsCubit = context.read<SettingsCubit>();
+    final data = await settingsCubit.exportSettings();
+    if (!context.mounted) return;
+    await exportFile(
+      bytes: utf8.encode(data),
+      context: context,
+      fileExtension: 'json',
+      fileName: 'settings',
+      label: AppLocalizations.of(context).exportSettingsToFile,
+      mimeType: 'application/json',
+      uniformTypeIdentifier: 'public.json',
+    );
+  }
 }

app/lib/pages/settings/data.dart

@@ -25,10 +25,12 @@ class PersonalizationSettingsPage extends StatelessWidget {
 
   String _getDensityName(BuildContext context, ThemeDensity density) =>
       switch (density) {
-        ThemeDensity.system => AppLocalizations.of(context).systemDefault,
-        ThemeDensity.comfortable => AppLocalizations.of(context).comfortable,
+        ThemeDensity.system => AppLocalizations.of(context).systemTheme,
+        ThemeDensity.maximize => LeapLocalizations.of(context).maximize,
+        ThemeDensity.desktop => AppLocalizations.of(context).desktop,
         ThemeDensity.compact => AppLocalizations.of(context).compact,
         ThemeDensity.standard => AppLocalizations.of(context).standard,
+        ThemeDensity.comfortable => AppLocalizations.of(context).comfortable,
       };
 
   @override