feat: add support for option list

Author: bradly0cjw

assets/feature_flags.json

@@ -1,5 +1,9 @@
 {
   "enable_dummy_feature": false,
   "dummy_string_value": "Hello World",
-  "dummy_int_value": 42
+  "dummy_int_value": 42,
+  "dummy_theme": {
+    "value": "system",
+    "options": ["light", "dark", "system"]
+  }
 }

lib/repositories/feature_flag_repository.dart

@@ -8,11 +8,13 @@ class FeatureFlag {
   final String key;
   final dynamic defaultValue;
   final dynamic overrideValue;
+  final List<dynamic>? options;
 
   const FeatureFlag({
     required this.key,
     required this.defaultValue,
     this.overrideValue,
+    this.options,
   });
 
   dynamic get value => overrideValue ?? defaultValue;
@@ -56,7 +58,14 @@ class FeatureFlagRepository {
 
     for (final entry in defaults.entries) {
       final key = entry.key;
-      final defVal = entry.value;
+      dynamic defVal = entry.value;
+      List<dynamic>? options;
+
+      if (defVal is Map<String, dynamic> && defVal.containsKey('value') && defVal.containsKey('options')) {
+        options = defVal['options'] as List;
+        defVal = defVal['value'];
+      }
+
       dynamic overrideVal;
       switch (defVal) {
         case bool _: overrideVal = await _prefs.getBool('ff_$key');
@@ -70,6 +79,7 @@ class FeatureFlagRepository {
           key: key,
           defaultValue: defVal,
           overrideValue: overrideVal,
+          options: options,
         ),
       );
     }

lib/screens/main/profile/feature_flag_screen.dart

@@ -80,6 +80,11 @@ class FeatureFlagScreen extends ConsumerWidget {
   }
 
   void _editValue(BuildContext context, WidgetRef ref, FeatureFlag flag) {
+    if (flag.options != null) {
+      _showDropdownDialog(context, ref, flag, flag.options!.map((e) => e.toString()).toList());
+      return;
+    }
+
     final controller = TextEditingController(text: flag.value.toString());
     showDialog(
       context: context,
@@ -117,4 +122,38 @@ class FeatureFlagScreen extends ConsumerWidget {
       },
     );
   }
+
+  void _showDropdownDialog(BuildContext context, WidgetRef ref, FeatureFlag flag, List<String> options) {
+    showDialog(
+      context: context,
+      builder: (context) {
+        return AlertDialog(
+          title: Text(flag.key),
+          content: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: options.map((option) {
+              return RadioListTile<String>(
+                title: Text(option),
+                value: option,
+                groupValue: flag.value as String,
+                onChanged: (newValue) {
+                  if (newValue != null) {
+                    ref.read(featureFlagsProvider.notifier).setFlag(flag.key, newValue);
+                  }
+                  Navigator.of(context).pop();
+                },
+              );
+            }).toList(),
+          ),
+          actions: [
+            TextButton(
+              onPressed: () => Navigator.of(context).pop(),
+              child: const Text('Cancel'),
+            ),
+          ],
+        );
+      },
+    );
+  }
 }
+

lib/screens/main/profile/profile_providers.dart

@@ -39,3 +39,14 @@ final dummyIntValueProvider = FutureProvider.autoDispose<int>((ref) async {
   return val as int? ?? 42;
 });
 
+enum ThemeOption { light, dark, system }
+
+final dummyThemeProvider = FutureProvider.autoDispose<ThemeOption>((ref) async {
+  final val = await ref.watch(featureFlagValueProvider('dummy_theme').future);
+  return switch (val) {
+    'light' => ThemeOption.light,
+    'dark' => ThemeOption.dark,
+    _ => ThemeOption.system,
+  };
+});
+

lib/screens/main/profile/profile_screen.dart

@@ -114,6 +114,7 @@ class ProfileScreen extends ConsumerWidget {
     final isDummyFeatureEnabled = ref.watch(isDummyFeatureEnabledProvider).value == true;
     final dummyString = ref.watch(dummyStringValueProvider).value ?? 'Hello World';
     final dummyInt = ref.watch(dummyIntValueProvider).value ?? 42;
+    final dummyTheme = ref.watch(dummyThemeProvider).value ?? ThemeOption.system;
 
     // settings options for the profile tab
     final options = [
@@ -162,7 +163,7 @@ class ProfileScreen extends ConsumerWidget {
         OptionEntryTile.icon(
           icon: Icons.science_outlined,
           title: t.profile.options.dummyFeature,
-          description: 'String: $dummyString | Int: $dummyInt',
+          description: 'String: $dummyString | Int: $dummyInt | Theme: ${dummyTheme.name}',
           onTap: () => _showDemoTap(context),
         ),
       OptionEntryTile.icon(

lib/services/feature_flag/feature_flag_service.dart

@@ -4,20 +4,12 @@ import 'package:riverpod/riverpod.dart';
 
 /// Provides the [FeatureFlagService] instance.
 final featureFlagServiceProvider = Provider<FeatureFlagService>((ref) {
-  return LocalFeatureFlagService();
+  return FeatureFlagService();
 });
 
-/// Abstract interface for fetching feature flags.
-abstract interface class FeatureFlagService {
-  /// Fetches the default feature flags.
-  /// This returns a map constructed from JSON config,
-  /// suitable for extension with Firebase Remote Config later.
-  Future<Map<String, dynamic>> fetchDefaultFlags();
-}
-
-/// Implementation reading flags from the local `assets/feature_flags.json`.
-class LocalFeatureFlagService implements FeatureFlagService {
-  @override
+/// Service for fetching default feature flags from the local JSON config.
+/// Designed for future extension with Firebase Remote Config.
+class FeatureFlagService {
   Future<Map<String, dynamic>> fetchDefaultFlags() async {
     final jsonString = await rootBundle.loadString('assets/feature_flags.json');
     return jsonDecode(jsonString) as Map<String, dynamic>;