Add about page

lib/common/data/app_info.dart

@@ -0,0 +1,7 @@
+import 'package:package_info_plus/package_info_plus.dart';
+
+PackageInfo? packageInfo;
+
+Future<void> initializePackageInfo() async {
+  packageInfo = await PackageInfo.fromPlatform();
+}

lib/main.dart

@@ -11,6 +11,7 @@ import 'package:clock_app/audio/logic/audio_session.dart';
 import 'package:clock_app/audio/types/ringtone_manager.dart';
 import 'package:clock_app/audio/types/ringtone_player.dart';
 import 'package:clock_app/clock/logic/timezone_database.dart';
+import 'package:clock_app/common/data/app_info.dart';
 import 'package:clock_app/common/data/paths.dart';
 import 'package:clock_app/common/logic/lock_screen_flags.dart';
 import 'package:clock_app/common/utils/debug.dart';
@@ -26,6 +27,7 @@ void main() async {
   WidgetsFlutterBinding.ensureInitialized();
 
   initializeTimeZones();
+  await initializePackageInfo();
   await initializeAppDataDirectory();
   await initializeSettings();
   await initializeDatabases();

lib/settings/data/accessibility_settings_schema.dart

@@ -0,0 +1,10 @@
+import 'package:clock_app/settings/types/setting.dart';
+import 'package:clock_app/settings/types/setting_group.dart';
+import 'package:flutter/material.dart';
+
+SettingGroup accessibilitySettingsSchema = SettingGroup(
+  "Accessibility",
+  [SwitchSetting("Left Handed Mode", false)],
+  icon: Icons.accessibility_new_rounded,
+  showExpandedView: false,
+);

lib/settings/data/alarm_settings_schema.dart

@@ -0,0 +1,54 @@
+import 'package:clock_app/alarm/data/alarm_settings_schema.dart';
+import 'package:clock_app/alarm/types/notification_action.dart';
+import 'package:clock_app/alarm/widgets/notification_actions/area_notification_action.dart';
+import 'package:clock_app/alarm/widgets/notification_actions/buttons_notification_action.dart';
+import 'package:clock_app/alarm/widgets/notification_actions/slide_notification_action.dart';
+import 'package:clock_app/icons/flux_icons.dart';
+import 'package:clock_app/settings/types/setting.dart';
+import 'package:clock_app/settings/types/setting_group.dart';
+import 'package:flutter/material.dart';
+
+SettingGroup alarmAppSettingsSchema = SettingGroup(
+  "Alarm",
+  [
+    SettingGroup(
+      "Default Settings",
+      [...alarmSettingsSchema.settingItems],
+      description: "Set default settings for new alarms",
+      icon: Icons.settings,
+    ),
+    SelectSetting<NotificationAction>("Dismiss Action Type", searchTags: [
+      "action"
+    ], [
+      SelectSettingOption(
+        "Slide",
+        NotificationAction(
+          builder: (onDismiss, onSnooze) => SlideNotificationAction(
+            onDismiss: onDismiss,
+            onSnooze: onSnooze,
+          ),
+        ),
+      ),
+      SelectSettingOption(
+        "Buttons",
+        NotificationAction(
+          builder: (onDismiss, onSnooze) => ButtonsNotificationAction(
+            onDismiss: onDismiss,
+            onSnooze: onSnooze,
+          ),
+        ),
+      ),
+      SelectSettingOption(
+        "Area Buttons",
+        NotificationAction(
+          builder: (onDismiss, onSnooze) => AreaNotificationAction(
+            onDismiss: onDismiss,
+            onSnooze: onSnooze,
+          ),
+        ),
+      )
+    ]),
+    SwitchSetting("Show Filters", true),
+  ],
+  icon: FluxIcons.alarm,
+);

lib/settings/data/appearance_settings_schema.dart

@@ -0,0 +1,94 @@
+import 'package:clock_app/app.dart';
+import 'package:clock_app/settings/data/settings_schema.dart';
+import 'package:clock_app/settings/types/setting.dart';
+import 'package:clock_app/settings/types/setting_group.dart';
+import 'package:clock_app/theme/screens/themes_screen.dart';
+import 'package:clock_app/theme/theme.dart';
+import 'package:clock_app/theme/types/color_scheme.dart';
+import 'package:clock_app/theme/types/style_theme.dart';
+import 'package:clock_app/theme/utils/color_scheme.dart';
+import 'package:clock_app/theme/utils/style_theme.dart';
+import 'package:flutter/material.dart';
+
+SettingGroup appearanceSettingsSchema = SettingGroup(
+  "Appearance",
+  [
+    SettingGroup(
+      "Colors",
+      [
+        CustomSetting(
+          "Color Scheme",
+          description:
+              "Select from predefined color schemes or create your own",
+          defaultColorScheme,
+          (context, setting) => ThemesScreen(
+            saveTag: 'color_schemes',
+            setting: setting,
+            getThemeFromItem: (theme, themeItem) =>
+                getThemeFromColorScheme(theme, themeItem),
+            createThemeItem: () => ColorSchemeData(),
+          ),
+          (context, setting) => Text(
+            setting.value.name,
+            style: Theme.of(context).textTheme.bodyMedium,
+          ),
+          onChange: (context, colorScheme) {
+            App.setColorScheme(context, colorScheme);
+            appSettings.save();
+          },
+          searchTags: ["theme", "style", "visual", "dark mode"],
+        ),
+        SwitchSetting("Override Accent Color", false,
+            onChange: (context, value) {
+          App.setColorScheme(context);
+        }, searchTags: ["primary", "color"]),
+        ColorSetting("Accent Color", Colors.cyan, onChange: (context, color) {
+          App.setColorScheme(context);
+        }, enableConditions: [
+          SettingEnableConditionParameter("Override Accent Color", true)
+        ], searchTags: [
+          "primary",
+          "color"
+        ]),
+      ],
+    ),
+    SettingGroup(
+      "Style",
+      [
+        CustomSetting<StyleTheme>(
+          "Style Theme",
+          description: "Change styles like shadows, outlines and opacities",
+          defaultStyleTheme,
+          (context, setting) => ThemesScreen(
+            saveTag: 'style_themes',
+            setting: setting,
+            getThemeFromItem: (theme, themeItem) =>
+                getThemeFromStyleTheme(theme, themeItem),
+            createThemeItem: () => StyleTheme(),
+          ),
+          (context, setting) => Text(
+            setting.value.name,
+            style: Theme.of(context).textTheme.bodyMedium,
+          ),
+          onChange: (context, styleTheme) {
+            App.setStyleTheme(context, styleTheme);
+            appSettings.save();
+          },
+          searchTags: [
+            "scheme",
+            "visual",
+            "shadow",
+            "outline",
+            "elevation",
+            "card",
+            "border",
+            "opacity",
+            "blur"
+          ],
+        ),
+      ],
+    ),
+  ],
+  icon: Icons.palette_outlined,
+  description: "Set themes, colors and change layout",
+);

lib/settings/data/backup_settings_schema.dart

@@ -0,0 +1,69 @@
+import 'dart:convert';
+import 'dart:io';
+import 'dart:typed_data';
+
+import 'package:clock_app/app.dart';
+import 'package:clock_app/settings/data/settings_schema.dart';
+import 'package:clock_app/settings/types/setting_action.dart';
+import 'package:clock_app/settings/types/setting_group.dart';
+import 'package:flutter/material.dart';
+import 'package:pick_or_save/pick_or_save.dart';
+
+SettingGroup backupSettingsSchema = SettingGroup(
+  "Backup",
+  description: "Export or Import your settings locally",
+  icon: Icons.restore_rounded,
+  [
+    SettingGroup(
+      "Settings",
+      [
+        SettingAction(
+          "Export",
+          (context) async {
+            saveBackupFile(json.encode(appSettings.valueToJson()), "settings");
+          },
+          searchTags: ["settings", "export", "backup", "save"],
+          description: "Export settings to a local file",
+        ),
+        SettingAction(
+          "Import",
+          (context) async {
+            loadBackupFile(
+              (data) {
+                appSettings.loadValueFromJson(json.decode(data));
+                appSettings.callAllListeners();
+                App.refreshTheme(context);
+              },
+            );
+          },
+          searchTags: ["settings", "import", "backup", "load"],
+          description: "Import settings from a local file",
+        ),
+      ],
+    ),
+  ],
+);
+
+saveBackupFile(String data, String label) async {
+  await PickOrSave().fileSaver(
+      params: FileSaverParams(
+    saveFiles: [
+      SaveFileInfo(
+        fileData: Uint8List.fromList(utf8.encode(data)),
+        fileName: "chrono_${label}_backup_${DateTime.now().toIso8601String()}",
+      )
+    ],
+  ));
+}
+
+loadBackupFile(Function(String) onSuccess) async {
+  List<String>? result = await PickOrSave().filePicker(
+    params: FilePickerParams(
+      getCachedFilePath: true,
+    ),
+  );
+  if (result != null && result.isNotEmpty) {
+    File file = File(result[0]);
+    onSuccess(utf8.decode(file.readAsBytesSync()));
+  }
+}

lib/settings/data/developer_settings_schema.dart

@@ -0,0 +1,19 @@
+import 'package:clock_app/settings/types/setting.dart';
+import 'package:clock_app/settings/types/setting_group.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+
+SettingGroup developerSettingsSchema = SettingGroup(
+  "Developer Options",
+  [
+    SettingGroup("Alarm", [
+      SwitchSetting(
+        "Show Instant Alarm Button",
+        kDebugMode,
+        description:
+            "Show a button on the alarm screen that creates an alarm that rings one second in the future",
+      ),
+    ]),
+  ],
+  icon: Icons.code_rounded,
+);

lib/settings/data/general_settings_schema.dart

@@ -0,0 +1,118 @@
+import 'package:app_settings/app_settings.dart';
+import 'package:auto_start_flutter/auto_start_flutter.dart';
+import 'package:clock_app/clock/types/time.dart';
+import 'package:clock_app/icons/flux_icons.dart';
+import 'package:clock_app/settings/screens/vendor_list_screen.dart';
+import 'package:clock_app/settings/types/setting.dart';
+import 'package:clock_app/settings/types/setting_action.dart';
+import 'package:clock_app/settings/types/setting_group.dart';
+import 'package:clock_app/settings/types/setting_link.dart';
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:intl/intl.dart';
+
+SelectSettingOption<String> _getDateSettingOption(String format) {
+  return SelectSettingOption(
+      "${DateFormat(format).format(DateTime.now())} ($format)", format);
+}
+
+SettingGroup generalSettingsSchema = SettingGroup(
+  "General",
+  [
+    SettingGroup("Display", [
+      DynamicSelectSetting<String>(
+        "Date Format",
+        () => [
+          _getDateSettingOption("dd/MM/yyyy"),
+          _getDateSettingOption("dd-MM-yyyy"),
+          _getDateSettingOption("d/M/yyyy"),
+          _getDateSettingOption("d-M-yyyy"),
+          _getDateSettingOption("MM/dd/yyyy"),
+          _getDateSettingOption("MM-dd-yyyy"),
+          _getDateSettingOption("M/d/yy"),
+          _getDateSettingOption("M-d-yy"),
+          _getDateSettingOption("M/d/yyyy"),
+          _getDateSettingOption("M-d-yyyy"),
+          _getDateSettingOption("yyyy/dd/MM"),
+          _getDateSettingOption("yyyy-dd-MM"),
+          _getDateSettingOption("yyyy/MM/dd"),
+          _getDateSettingOption("yyyy-MM-dd"),
+          // SelectSettingOption(DateTime.now().toIso8601Date(), "YYYY-MM-DD"),
+          _getDateSettingOption("d MMM yyyy"),
+          _getDateSettingOption("d MMMM yyyy"),
+        ],
+        description: "How to display the dates",
+      ),
+      SelectSetting<TimeFormat>(
+        "Time Format",
+        [
+          SelectSettingOption("12 Hours", TimeFormat.h12),
+          SelectSettingOption("24 Hours", TimeFormat.h24),
+          SelectSettingOption("Device Settings", TimeFormat.device),
+        ],
+        description: "12 or 24 hour time",
+      ),
+      SwitchSetting("Show Seconds", true),
+    ]),
+    SettingGroup("Reliability", [
+      SettingPageLink(
+        "Vendor Specific",
+        const VendorListScreen(),
+        description: "Manually disable vendor-specific optimizations",
+      ),
+      SettingAction(
+        "Disable Battery Optimization",
+        (context) async {
+          AppSettings.openAppSettings(
+              type: AppSettingsType.batteryOptimization);
+        },
+        description:
+            "Disable battery optimization for this app to prevent alarms from being delayed",
+      ),
+      SettingAction(
+        "Allow Notifications",
+        (context) async {
+          AppSettings.openAppSettings(type: AppSettingsType.notification);
+        },
+        description: "Allow lock screen notifications for alarms and timers",
+      ),
+      SettingAction(
+        "Auto Start",
+        (context) async {
+          try {
+            //check auto-start availability.
+            var test = (await isAutoStartAvailable) ?? false;
+            //if available then navigate to auto-start setting page.
+            if (test) {
+              await getAutoStartPermission();
+            } else {
+              // ignore: use_build_context_synchronously
+              ScaffoldMessenger.of(context).removeCurrentSnackBar();
+
+              SnackBar snackBar = SnackBar(
+                content: Container(
+                    alignment: Alignment.centerLeft,
+                    height: 28,
+                    child: const Text(
+                        "Auto Start is not available for your device")),
+                margin: const EdgeInsets.only(left: 20, right: 20, bottom: 4),
+                elevation: 2,
+                dismissDirection: DismissDirection.none,
+              );
+
+              // ignore: use_build_context_synchronously
+              ScaffoldMessenger.of(context).showSnackBar(snackBar);
+            }
+          } on PlatformException catch (e) {
+            if (kDebugMode) print(e.message);
+          }
+        },
+        description:
+            "Some devices require Auto Start to be enabled for alarms to ring while app is closed.",
+      )
+    ]),
+  ],
+  icon: FluxIcons.settings,
+  description: "Set app wide settings like time format",
+);