feat(flutter/theme): themeModeProvider with secure-storage persistence

AsyncNotifier wrapping flutter_secure_storage's "theme_mode" key.
Returns AppThemeMode.system as the default. set(mode) writes the
value + updates state.

Used by MinstrelApp (next commit) to drive MaterialApp.themeMode and
by the Settings appearance section to persist the operator's pick.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-09 15:47:00 -04:00
parent caa19f2d91
commit 6dc488652e
2 changed files with 116 additions and 0 deletions
@@ -0,0 +1,40 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../auth/auth_provider.dart';
const _kThemeModeKey = 'theme_mode';
enum AppThemeMode { system, dark, light }
extension AppThemeModeMaterial on AppThemeMode {
ThemeMode get materialMode => switch (this) {
AppThemeMode.system => ThemeMode.system,
AppThemeMode.dark => ThemeMode.dark,
AppThemeMode.light => ThemeMode.light,
};
}
class ThemeModeController extends AsyncNotifier<AppThemeMode> {
@override
Future<AppThemeMode> build() async {
final storage = ref.watch(secureStorageProvider);
final raw = await storage.read(key: _kThemeModeKey);
return switch (raw) {
'dark' => AppThemeMode.dark,
'light' => AppThemeMode.light,
_ => AppThemeMode.system,
};
}
Future<void> set(AppThemeMode mode) async {
final storage = ref.read(secureStorageProvider);
await storage.write(key: _kThemeModeKey, value: mode.name);
state = AsyncData(mode);
}
}
final themeModeProvider =
AsyncNotifierProvider<ThemeModeController, AppThemeMode>(
ThemeModeController.new,
);
@@ -0,0 +1,76 @@
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_secure_storage/flutter_secure_storage.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:mocktail/mocktail.dart';
import 'package:minstrel/auth/auth_provider.dart';
import 'package:minstrel/theme/theme_mode_provider.dart';
class _MockStorage extends Mock implements FlutterSecureStorage {}
void main() {
late _MockStorage storage;
setUpAll(() {
registerFallbackValue('');
});
setUp(() {
storage = _MockStorage();
when(() => storage.write(key: any(named: 'key'), value: any(named: 'value')))
.thenAnswer((_) async {});
});
test('defaults to system when nothing stored', () async {
when(() => storage.read(key: 'theme_mode')).thenAnswer((_) async => null);
final container = ProviderContainer(overrides: [
secureStorageProvider.overrideWithValue(storage),
]);
addTearDown(container.dispose);
final mode = await container.read(themeModeProvider.future);
expect(mode, AppThemeMode.system);
});
test('reads stored "dark" → AppThemeMode.dark', () async {
when(() => storage.read(key: 'theme_mode')).thenAnswer((_) async => 'dark');
final container = ProviderContainer(overrides: [
secureStorageProvider.overrideWithValue(storage),
]);
addTearDown(container.dispose);
final mode = await container.read(themeModeProvider.future);
expect(mode, AppThemeMode.dark);
});
test('reads stored "light" → AppThemeMode.light', () async {
when(() => storage.read(key: 'theme_mode')).thenAnswer((_) async => 'light');
final container = ProviderContainer(overrides: [
secureStorageProvider.overrideWithValue(storage),
]);
addTearDown(container.dispose);
final mode = await container.read(themeModeProvider.future);
expect(mode, AppThemeMode.light);
});
test('set(.light) writes "light" to storage and updates state', () async {
when(() => storage.read(key: 'theme_mode')).thenAnswer((_) async => null);
final container = ProviderContainer(overrides: [
secureStorageProvider.overrideWithValue(storage),
]);
addTearDown(container.dispose);
await container.read(themeModeProvider.future);
await container.read(themeModeProvider.notifier).set(AppThemeMode.light);
verify(() => storage.write(key: 'theme_mode', value: 'light')).called(1);
expect(container.read(themeModeProvider).value, AppThemeMode.light);
});
test('materialMode extension maps each enum to ThemeMode', () {
expect(AppThemeMode.system.materialMode.name, 'system');
expect(AppThemeMode.dark.materialMode.name, 'dark');
expect(AppThemeMode.light.materialMode.name, 'light');
});
}