diff --git a/.metadata b/.metadata index d3910a9..ac7818b 100644 --- a/.metadata +++ b/.metadata @@ -4,7 +4,7 @@ # This file should be version controlled and should not be manually edited. version: - revision: "2663184aa79047d0a33a14a3b607954f8fdd8730" + revision: "4cf24164269a5ebf0c16a028a00727d0e77bbb05" channel: "stable" project_type: app @@ -13,11 +13,14 @@ project_type: app migration: platforms: - platform: root - create_revision: 2663184aa79047d0a33a14a3b607954f8fdd8730 - base_revision: 2663184aa79047d0a33a14a3b607954f8fdd8730 - - platform: ios - create_revision: 2663184aa79047d0a33a14a3b607954f8fdd8730 - base_revision: 2663184aa79047d0a33a14a3b607954f8fdd8730 + create_revision: 4cf24164269a5ebf0c16a028a00727d0e77bbb05 + base_revision: 4cf24164269a5ebf0c16a028a00727d0e77bbb05 + - platform: web + create_revision: 4cf24164269a5ebf0c16a028a00727d0e77bbb05 + base_revision: 4cf24164269a5ebf0c16a028a00727d0e77bbb05 + - platform: windows + create_revision: 4cf24164269a5ebf0c16a028a00727d0e77bbb05 + base_revision: 4cf24164269a5ebf0c16a028a00727d0e77bbb05 # User provided section diff --git a/analysis_options.yaml b/analysis_options.yaml index 0d29021..bf8d421 100644 --- a/analysis_options.yaml +++ b/analysis_options.yaml @@ -7,6 +7,15 @@ # The following line activates a set of recommended lints for Flutter apps, # packages, and plugins designed to encourage good coding practices. +analyzer: + exclude: + - build/** + - android/** + - ios/** + - web/** + - windows/** + - macos/** + - linux/** include: package:flutter_lints/flutter.yaml linter: diff --git a/android/app/build.gradle b/android/app/build.gradle index e0b5291..0629286 100644 --- a/android/app/build.gradle +++ b/android/app/build.gradle @@ -1,51 +1,46 @@ +plugins { + id 'com.android.application' + id 'org.jetbrains.kotlin.android' + id 'dev.flutter.flutter-gradle-plugin' +} + def localProperties = new Properties() def localPropertiesFile = rootProject.file('local.properties') + if (localPropertiesFile.exists()) { localPropertiesFile.withReader('UTF-8') { reader -> localProperties.load(reader) } } -def flutterRoot = localProperties.getProperty('flutter.sdk') -if (flutterRoot == null) { - throw new FileNotFoundException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.") -} - -apply plugin: 'com.android.application' -apply plugin: 'kotlin-android' -apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle" - android { namespace = "com.settimer.settimer" - compileSdk = 34 // Ensure this is appropriate for AGP 7.3.0 + compileSdk = 36 + ndkVersion = "28.2.13676358" compileOptions { - sourceCompatibility = JavaVersion.VERSION_11 - targetCompatibility = JavaVersion.VERSION_11 + sourceCompatibility = JavaVersion.VERSION_17 + targetCompatibility = JavaVersion.VERSION_17 } kotlinOptions { - jvmTarget = JavaVersion.VERSION_11 + jvmTarget = '17' } defaultConfig { applicationId = "com.settimer.settimer" - minSdk = 21 - targetSdk = 34 // Ensure this is appropriate + minSdkVersion = flutter.minSdkVersion + targetSdk = 36 versionCode = 1 versionName = "1.0.0" - multiDexEnabled true } signingConfigs { debug { - // Default debug signing config } + release { - // TODO: Configure your release signing key - // For now, this block can be empty or set up as needed for release builds. - // Do NOT put 'signingConfig signingConfigs.debug' here! } } @@ -55,18 +50,14 @@ android { debuggable true signingConfig signingConfigs.debug } + release { signingConfig signingConfigs.debug - minifyEnabled true - shrinkResources true - proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro' - - // Optimize for distribution - zipAlignEnabled true - debuggable false + minifyEnabled false + shrinkResources false } } - + buildFeatures { buildConfig true } @@ -76,6 +67,6 @@ flutter { source = '../..' } -dependencies { - implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk8:$kotlin_version" +flutter { + source = '../..' } diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml index 08275bd..ae73f1c 100644 --- a/android/app/src/main/AndroidManifest.xml +++ b/android/app/src/main/AndroidManifest.xml @@ -7,7 +7,7 @@ android:label="SetTimer" android:name="${applicationName}" android:icon="@mipmap/ic_launcher" - android:roundIcon="@mipmap/ic_launcher_round" + android:roundIcon="@mipmap/ic_launcher" android:allowBackup="false" android:supportsRtl="true" android:theme="@style/LaunchTheme"> diff --git a/android/build.gradle b/android/build.gradle index dcd263b..33c7816 100644 --- a/android/build.gradle +++ b/android/build.gradle @@ -1,16 +1,3 @@ -buildscript { - ext.kotlin_version = '1.9.24' - repositories { - google() - mavenCentral() - } - - dependencies { - classpath 'com.android.tools.build:gradle:7.3.0' - classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version" - } -} - allprojects { repositories { google() @@ -19,13 +6,15 @@ allprojects { } rootProject.buildDir = '../build' + subprojects { project.buildDir = "${rootProject.buildDir}/${project.name}" } + subprojects { project.evaluationDependsOn(':app') } tasks.register("clean", Delete) { delete rootProject.buildDir -} +} \ No newline at end of file diff --git a/android/build/reports/problems/problems-report.html b/android/build/reports/problems/problems-report.html new file mode 100644 index 0000000..01fee78 --- /dev/null +++ b/android/build/reports/problems/problems-report.html @@ -0,0 +1,663 @@ + + + + + + + + + + + + + Gradle Configuration Cache + + + +
+ +
+ Loading... +
+ + + + + + diff --git a/android/gradle.properties b/android/gradle.properties index 8804973..1451c01 100644 --- a/android/gradle.properties +++ b/android/gradle.properties @@ -1,7 +1,7 @@ org.gradle.jvmargs=-Xmx4G -XX:MaxMetaspaceSize=1G -XX:+HeapDumpOnOutOfMemoryError android.useAndroidX=true -android.enableJetifier=true -android.defaults.buildfeatures.buildconfig=true android.nonTransitiveRClass=false -android.nonFinalResIds=false -org.gradle.java.home=/Library/Java/JavaVirtualMachines/microsoft-11.jdk/Contents/Home +# This builtInKotlin flag was added automatically by Flutter migrator +android.builtInKotlin=false +# This newDsl flag was added automatically by Flutter migrator +android.newDsl=false diff --git a/android/gradle/wrapper/gradle-wrapper.properties b/android/gradle/wrapper/gradle-wrapper.properties index e1ca574..5237aff 100644 --- a/android/gradle/wrapper/gradle-wrapper.properties +++ b/android/gradle/wrapper/gradle-wrapper.properties @@ -2,4 +2,4 @@ distributionBase=GRADLE_USER_HOME distributionPath=wrapper/dists zipStoreBase=GRADLE_USER_HOME zipStorePath=wrapper/dists -distributionUrl=https\://services.gradle.org/distributions/gradle-7.6.3-all.zip +distributionUrl=https\://services.gradle.org/distributions/gradle-9.1.0-all.zip \ No newline at end of file diff --git a/android/settings.gradle b/android/settings.gradle index a32233a..e14c0be 100644 --- a/android/settings.gradle +++ b/android/settings.gradle @@ -18,8 +18,8 @@ pluginManagement { plugins { id "dev.flutter.flutter-plugin-loader" version "1.0.0" - id "com.android.application" version "7.3.0" apply false - id "org.jetbrains.kotlin.android" version "1.9.24" apply false + id "com.android.application" version "8.11.1" apply false + id "org.jetbrains.kotlin.android" version "2.2.20" apply false } -include ":app" +include ":app" \ No newline at end of file diff --git a/lib/controllers/timer_controller.dart b/lib/controllers/timer_controller.dart index bffd528..a4b66bf 100644 --- a/lib/controllers/timer_controller.dart +++ b/lib/controllers/timer_controller.dart @@ -1,5 +1,4 @@ import 'dart:async'; -import 'package:flutter/foundation.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:wakelock_plus/wakelock_plus.dart'; @@ -49,7 +48,8 @@ class TimerController extends ChangeNotifier with WidgetsBindingObserver { bool clearPreset = true, // Add flag to control preset clearing }) { // Only update if timer is not running - if (_timer.state != TimerState.running && _timer.state != TimerState.resting) { + if (_timer.state != TimerState.running && + _timer.state != TimerState.resting) { final newSetDuration = setDurationSeconds ?? _timer.setDurationSeconds; _timer = _timer.copyWith( @@ -57,18 +57,25 @@ class TimerController extends ChangeNotifier with WidgetsBindingObserver { setDurationSeconds: newSetDuration, restDurationSeconds: restDurationSeconds, restAfterSets: restAfterSets, - remainingSeconds: _timer.state == TimerState.idle ? newSetDuration : _timer.remainingSeconds, + remainingSeconds: _timer.state == TimerState.idle + ? newSetDuration + : _timer.remainingSeconds, currentSet: _timer.state == TimerState.idle ? 1 : _timer.currentSet, - isInRestPeriod: _timer.state == TimerState.idle ? false : _timer.isInRestPeriod, + isInRestPeriod: + _timer.state == TimerState.idle ? false : _timer.isInRestPeriod, ); // Clear preset when settings are manually changed (unless called from loadPreset) if (clearPreset && _currentPreset != null) { // Check if the settings still match the current preset - bool settingsMatch = (totalSets ?? _timer.totalSets) == _currentPreset!.totalSets && - (setDurationSeconds ?? _timer.setDurationSeconds) == _currentPreset!.setDurationSeconds && - (restDurationSeconds ?? _timer.restDurationSeconds) == _currentPreset!.restDurationSeconds && - (restAfterSets ?? _timer.restAfterSets) == _currentPreset!.restAfterSets; + bool settingsMatch = + (totalSets ?? _timer.totalSets) == _currentPreset!.totalSets && + (setDurationSeconds ?? _timer.setDurationSeconds) == + _currentPreset!.setDurationSeconds && + (restDurationSeconds ?? _timer.restDurationSeconds) == + _currentPreset!.restDurationSeconds && + (restAfterSets ?? _timer.restAfterSets) == + _currentPreset!.restAfterSets; if (!settingsMatch) { clearCurrentPreset(); @@ -129,7 +136,8 @@ class TimerController extends ChangeNotifier with WidgetsBindingObserver { // Enable wakelock to prevent screen from sleeping during workout try { await WakelockPlus.enable(); - print('🔒 Screen wakelock enabled - screen will stay on during workout'); + print( + '🔒 Screen wakelock enabled - screen will stay on during workout'); } catch (e) { print('⚠️ Failed to enable wakelock: $e'); } @@ -143,7 +151,8 @@ class TimerController extends ChangeNotifier with WidgetsBindingObserver { } void pauseTimer() async { - if (_timer.state == TimerState.running || _timer.state == TimerState.resting) { + if (_timer.state == TimerState.running || + _timer.state == TimerState.resting) { _countdownTimer?.cancel(); _timer = _timer.copyWith(state: TimerState.paused); @@ -287,7 +296,8 @@ class TimerController extends ChangeNotifier with WidgetsBindingObserver { await _sessionService.completeSession(); // Update achievements and check for new unlocks - final newlyUnlocked = await _achievementService.updateAchievementProgress(); + final newlyUnlocked = + await _achievementService.updateAchievementProgress(); // Show achievement notifications if any achievements were unlocked if (newlyUnlocked.isNotEmpty) { @@ -327,7 +337,8 @@ class TimerController extends ChangeNotifier with WidgetsBindingObserver { } void _handleAppPaused() async { - if (_timer.state == TimerState.running || _timer.state == TimerState.resting) { + if (_timer.state == TimerState.running || + _timer.state == TimerState.resting) { _pausedAt = DateTime.now(); await _sessionService.pauseSession(); print('📱 App paused - Timer will continue in background'); @@ -335,7 +346,9 @@ class TimerController extends ChangeNotifier with WidgetsBindingObserver { } void _handleAppResumed() async { - if (_pausedAt != null && (_timer.state == TimerState.running || _timer.state == TimerState.resting)) { + if (_pausedAt != null && + (_timer.state == TimerState.running || + _timer.state == TimerState.resting)) { final pauseDuration = DateTime.now().difference(_pausedAt!); final secondsPassed = pauseDuration.inSeconds; @@ -344,7 +357,8 @@ class TimerController extends ChangeNotifier with WidgetsBindingObserver { } // Re-enable wakelock when resuming active timer - if (_timer.state == TimerState.running || _timer.state == TimerState.resting) { + if (_timer.state == TimerState.running || + _timer.state == TimerState.resting) { try { await WakelockPlus.enable(); print('🔒 Screen wakelock re-enabled after app resume'); @@ -355,7 +369,8 @@ class TimerController extends ChangeNotifier with WidgetsBindingObserver { await _sessionService.resumeSession(); _pausedAt = null; - print('📱 App resumed - Timer synced after ${secondsPassed}s in background'); + print( + '📱 App resumed - Timer synced after ${secondsPassed}s in background'); } } @@ -457,12 +472,12 @@ class TimerController extends ChangeNotifier with WidgetsBindingObserver { _backgroundService.disableBackgroundMode(); _sessionService.dispose(); WidgetsBinding.instance.removeObserver(this); - + // Ensure wakelock is disabled when disposing WakelockPlus.disable().catchError((e) { print('⚠️ Failed to disable wakelock during dispose: $e'); }); - + super.dispose(); } } diff --git a/lib/main.dart b/lib/main.dart index 4f03e18..b53c34c 100644 --- a/lib/main.dart +++ b/lib/main.dart @@ -34,7 +34,8 @@ class WorkoutSetTimerApp extends StatelessWidget { return ChangeNotifierProvider( create: (context) { final controller = TimerController(); - controller.initialize(); // Initialize the controller and session service + controller + .initialize(); // Initialize the controller and session service return controller; }, child: MaterialApp( @@ -52,14 +53,16 @@ class WorkoutSetTimerApp extends StatelessWidget { // Improved input decoration theme inputDecorationTheme: InputDecorationTheme( filled: true, - fillColor: Colors.white.withOpacity(0.05), + fillColor: Colors.white.withValues(alpha: 0.05), border: OutlineInputBorder( borderRadius: BorderRadius.circular(12), - borderSide: BorderSide(color: Colors.white.withOpacity(0.2)), + borderSide: + BorderSide(color: Colors.white.withValues(alpha: 0.2)), ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(12), - borderSide: BorderSide(color: Colors.white.withOpacity(0.2)), + borderSide: + BorderSide(color: Colors.white.withValues(alpha: 0.2)), ), focusedBorder: const OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(12)), @@ -83,7 +86,7 @@ class WorkoutSetTimerApp extends StatelessWidget { outlinedButtonTheme: OutlinedButtonThemeData( style: OutlinedButton.styleFrom( foregroundColor: Colors.white70, - side: BorderSide(color: Colors.white.withOpacity(0.3)), + side: BorderSide(color: Colors.white.withValues(alpha: 0.3)), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), ), diff --git a/lib/services/achievement_service.dart b/lib/services/achievement_service.dart index 9576fbf..623b5a7 100644 --- a/lib/services/achievement_service.dart +++ b/lib/services/achievement_service.dart @@ -15,11 +15,15 @@ class AchievementService { final DatabaseService _databaseService = DatabaseService(); final WorkoutSessionService _sessionService = WorkoutSessionService(); - final StreamController _achievementUnlockedController = StreamController.broadcast(); - Stream get achievementUnlocked => _achievementUnlockedController.stream; + final StreamController _achievementUnlockedController = + StreamController.broadcast(); + Stream get achievementUnlocked => + _achievementUnlockedController.stream; - final StreamController> _achievementProgressController = StreamController>.broadcast(); - Stream> get achievementProgress => _achievementProgressController.stream; + final StreamController> _achievementProgressController = + StreamController>.broadcast(); + Stream> get achievementProgress => + _achievementProgressController.stream; List _achievements = []; bool _isInitialized = false; @@ -67,7 +71,10 @@ class AchievementService { final achievements = await getUnlockedAchievements(); final sevenDaysAgo = DateTime.now().subtract(const Duration(days: 7)); - return achievements.where((a) => a.unlockedAt != null && a.unlockedAt!.isAfter(sevenDaysAgo)).toList(); + return achievements + .where( + (a) => a.unlockedAt != null && a.unlockedAt!.isAfter(sevenDaysAgo)) + .toList(); } /// Update achievement progress after workout completion @@ -131,16 +138,22 @@ class AchievementService { return _personalStats['streak'] as int; case AchievementType.totalWorkouts: - return (_personalStats['analytics'] as Map)['totalWorkouts'] as int; + return (_personalStats['analytics'] + as Map)['totalWorkouts'] as int; case AchievementType.totalTime: - return (_personalStats['analytics'] as Map)['totalWorkoutTime'] as int; + return (_personalStats['analytics'] + as Map)['totalWorkoutTime'] as int; case AchievementType.completion: - return ((_personalStats['analytics'] as Map)['averageCompletionRate'] as double).round(); + return ((_personalStats['analytics'] + as Map)['averageCompletionRate'] as double) + .round(); case AchievementType.consistency: - return ((_personalStats['analytics'] as Map)['workoutConsistency'] as double).round(); + return ((_personalStats['analytics'] + as Map)['workoutConsistency'] as double) + .round(); case AchievementType.personal: return await _getPersonalAchievementProgress(achievement); @@ -149,7 +162,8 @@ class AchievementService { /// Get progress for personal achievements with detailed tracking Future _getPersonalAchievementProgress(Achievement achievement) async { - final personalBests = _personalStats['personalBests'] as Map; + final personalBests = + _personalStats['personalBests'] as Map; final sessions = _personalStats['sessions'] as List; switch (achievement.id) { @@ -184,7 +198,8 @@ class AchievementService { /// Check if user achieved speed demon (20 sets in under 10 minutes) bool _checkSpeedDemonAchievement(List sessions) { for (final session in sessions) { - if (session.completedSets >= 20 && session.actualWorkoutDurationSeconds <= 600) { + if (session.completedSets >= 20 && + session.actualWorkoutDurationSeconds <= 600) { return true; } } @@ -193,20 +208,26 @@ class AchievementService { /// Count workouts completed before 7 AM int _countEarlyMorningWorkouts(List sessions) { - return sessions.where((session) => session.isCompleted && session.startTime.hour < 7).length; + return sessions + .where((session) => session.isCompleted && session.startTime.hour < 7) + .length; } /// Count workouts completed after 10 PM int _countLateNightWorkouts(List sessions) { - return sessions.where((session) => session.isCompleted && session.startTime.hour >= 22).length; + return sessions + .where((session) => session.isCompleted && session.startTime.hour >= 22) + .length; } /// Count workouts completed on weekends int _countWeekendWorkouts(List sessions) { final weekendDates = {}; for (final session in sessions) { - if (session.isCompleted && (session.startTime.weekday == 6 || session.startTime.weekday == 7)) { - final dateKey = '${session.startTime.year}-${session.startTime.month}-${session.startTime.day}'; + if (session.isCompleted && + (session.startTime.weekday == 6 || session.startTime.weekday == 7)) { + final dateKey = + '${session.startTime.year}-${session.startTime.month}-${session.startTime.day}'; weekendDates.add(dateKey); } } @@ -215,8 +236,10 @@ class AchievementService { /// Count unique presets used int _countUniquePresets(List sessions) { - final uniquePresets = - sessions.where((session) => session.isCompleted && session.presetId != null).map((session) => session.presetId).toSet(); + final uniquePresets = sessions + .where((session) => session.isCompleted && session.presetId != null) + .map((session) => session.presetId) + .toSet(); return uniquePresets.length; } @@ -232,14 +255,16 @@ class AchievementService { debugPrint('🏆 Achievement Unlocked: ${achievement.title}'); debugPrint(' ${achievement.description}'); debugPrint(' Tier: ${achievement.tier.name.toUpperCase()}'); - debugPrint(' Points: ${AchievementDefinitions.getAchievementPoints(achievement)}'); + debugPrint( + ' Points: ${AchievementDefinitions.getAchievementPoints(achievement)}'); } } /// Get achievement statistics Future> getAchievementStatistics() async { final achievements = await getAllAchievements(); - final unlockedAchievements = achievements.where((a) => a.isUnlocked).toList(); + final unlockedAchievements = + achievements.where((a) => a.isUnlocked).toList(); final tierCounts = {}; final typeCounts = {}; @@ -254,25 +279,30 @@ class AchievementService { return { 'totalAchievements': achievements.length, 'unlockedAchievements': unlockedAchievements.length, - 'completionPercentage': (unlockedAchievements.length / achievements.length * 100).round(), + 'completionPercentage': + (unlockedAchievements.length / achievements.length * 100).round(), 'tierCounts': tierCounts, 'typeCounts': typeCounts, 'recentlyUnlocked': (await getRecentlyUnlockedAchievements()).length, 'totalPoints': totalPoints, 'totalPossiblePoints': AchievementDefinitions.totalPossiblePoints, - 'pointsPercentage': (totalPoints / AchievementDefinitions.totalPossiblePoints * 100).round(), + 'pointsPercentage': + (totalPoints / AchievementDefinitions.totalPossiblePoints * 100) + .round(), }; } /// Get next achievement to unlock for motivation Future getNextAchievementToUnlock() async { final achievements = await getAllAchievements(); - final lockedAchievements = achievements.where((a) => !a.isUnlocked).toList(); + final lockedAchievements = + achievements.where((a) => !a.isUnlocked).toList(); if (lockedAchievements.isEmpty) return null; // Sort by progress percentage (closest to completion first) - lockedAchievements.sort((a, b) => b.progressPercentage.compareTo(a.progressPercentage)); + lockedAchievements + .sort((a, b) => b.progressPercentage.compareTo(a.progressPercentage)); return lockedAchievements.first; } @@ -280,7 +310,9 @@ class AchievementService { /// Get achievements close to unlocking (above 80% progress) Future> getAchievementsCloseToUnlocking() async { final achievements = await getAllAchievements(); - return achievements.where((a) => !a.isUnlocked && a.progressPercentage >= 80).toList(); + return achievements + .where((a) => !a.isUnlocked && a.progressPercentage >= 80) + .toList(); } /// Get user's achievement level based on total points @@ -319,7 +351,9 @@ class AchievementService { 'nextLevel': nextLevel, 'currentPoints': totalPoints, 'pointsForNext': pointsForNext, - 'progress': pointsForNext > 0 ? (totalPoints / (totalPoints + pointsForNext) * 100).round() : 100, + 'progress': pointsForNext > 0 + ? (totalPoints / (totalPoints + pointsForNext) * 100).round() + : 100, }; } @@ -394,10 +428,12 @@ class AchievementUnlockedDialog extends StatefulWidget { }); @override - State createState() => _AchievementUnlockedDialogState(); + State createState() => + _AchievementUnlockedDialogState(); } -class _AchievementUnlockedDialogState extends State with SingleTickerProviderStateMixin { +class _AchievementUnlockedDialogState extends State + with SingleTickerProviderStateMixin { late AnimationController _animationController; late Animation _scaleAnimation; late Animation _rotationAnimation; @@ -452,12 +488,12 @@ class _AchievementUnlockedDialogState extends State w ), borderRadius: BorderRadius.circular(20), border: Border.all( - color: widget.achievement.color.withOpacity(0.5), + color: widget.achievement.color.withValues(alpha: 0.5), width: 2, ), boxShadow: [ BoxShadow( - color: widget.achievement.color.withOpacity(0.2), + color: widget.achievement.color.withValues(alpha: 0.2), blurRadius: 20, spreadRadius: 5, ), @@ -471,7 +507,7 @@ class _AchievementUnlockedDialogState extends State w width: 80, height: 80, decoration: BoxDecoration( - color: widget.achievement.color.withOpacity(0.2), + color: widget.achievement.color.withValues(alpha: 0.2), shape: BoxShape.circle, border: Border.all( color: widget.achievement.color, @@ -513,7 +549,7 @@ class _AchievementUnlockedDialogState extends State w Text( widget.achievement.description, style: TextStyle( - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), fontSize: 16, ), textAlign: TextAlign.center, diff --git a/lib/services/web_speech_service.dart b/lib/services/web_speech_service.dart index 7cfe154..f04e4e5 100644 --- a/lib/services/web_speech_service.dart +++ b/lib/services/web_speech_service.dart @@ -10,14 +10,14 @@ class WebSpeechService { WebSpeechService._internal(); bool _isSupported = false; - List _availableVoices = []; + final List _availableVoices = []; WebSpeechVoice? _selectedVoice; - + // Voice settings double _rate = 1.0; double _pitch = 1.0; double _volume = 1.0; - String _preferredLanguage = 'en-US'; + final String _preferredLanguage = 'en-US'; String _preferredGender = 'female'; // Getters @@ -39,7 +39,8 @@ class WebSpeechService { // Only initialize on web - the actual web implementation would go here // For now, we'll set it as not supported to avoid compilation issues print('🌐 Web Speech API initialization (web platform detected)'); - _isSupported = false; // Will be properly implemented when running on actual web + _isSupported = + false; // Will be properly implemented when running on actual web } /// Set voice preferences @@ -77,7 +78,7 @@ class WebSpeechService { print('⚠️ Web Speech API only works on web platforms'); return; } - + if (!_isSupported || text.isEmpty) { print('⚠️ Web Speech API not supported or text is empty'); return; @@ -90,7 +91,7 @@ class WebSpeechService { /// Stop current speech Future stop() async { if (!kIsWeb) return; - + if (_isSupported) { print('🛑 Web Speech stopped'); } @@ -98,7 +99,8 @@ class WebSpeechService { /// Test voice with a sample message Future testVoice() async { - await speak('Hello! This is a test of the Web Speech API. The voice quality is much better than the default text-to-speech.'); + await speak( + 'Hello! This is a test of the Web Speech API. The voice quality is much better than the default text-to-speech.'); } } @@ -122,4 +124,4 @@ class WebSpeechVoice { String toString() { return 'WebSpeechVoice(name: $name, lang: $lang, gender: $gender, local: $isLocal)'; } -} \ No newline at end of file +} diff --git a/lib/views/achievements_view.dart b/lib/views/achievements_view.dart index 4116baa..aae1af5 100644 --- a/lib/views/achievements_view.dart +++ b/lib/views/achievements_view.dart @@ -10,7 +10,8 @@ class AchievementsView extends StatefulWidget { State createState() => _AchievementsViewState(); } -class _AchievementsViewState extends State with TickerProviderStateMixin { +class _AchievementsViewState extends State + with TickerProviderStateMixin { final AchievementService _achievementService = AchievementService(); late TabController _tabController; @@ -145,12 +146,13 @@ class _AchievementsViewState extends State with TickerProvider decoration: BoxDecoration( gradient: LinearGradient( colors: [ - const Color(0xFF00D4AA).withOpacity(0.2), - const Color(0xFF00D4AA).withOpacity(0.1), + const Color(0xFF00D4AA).withValues(alpha: 0.2), + const Color(0xFF00D4AA).withValues(alpha: 0.1), ], ), borderRadius: BorderRadius.circular(16), - border: Border.all(color: const Color(0xFF00D4AA).withOpacity(0.3)), + border: + Border.all(color: const Color(0xFF00D4AA).withValues(alpha: 0.3)), ), child: Column( children: [ @@ -164,7 +166,7 @@ class _AchievementsViewState extends State with TickerProvider gradient: LinearGradient( colors: [ const Color(0xFF00D4AA), - const Color(0xFF00D4AA).withOpacity(0.7), + const Color(0xFF00D4AA).withValues(alpha: 0.7), ], ), ), @@ -190,7 +192,7 @@ class _AchievementsViewState extends State with TickerProvider Text( '${_userLevel['currentPoints']} points', style: TextStyle( - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), fontSize: 14, ), ), @@ -211,7 +213,7 @@ class _AchievementsViewState extends State with TickerProvider Text( 'Unlocked', style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 12, ), ), @@ -230,14 +232,14 @@ class _AchievementsViewState extends State with TickerProvider Text( 'Progress to ${_userLevel['nextLevel']}', style: TextStyle( - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), fontSize: 14, ), ), Text( '${_userLevel['pointsForNext']} points needed', style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 12, ), ), @@ -248,8 +250,9 @@ class _AchievementsViewState extends State with TickerProvider borderRadius: BorderRadius.circular(4), child: LinearProgressIndicator( value: _userLevel['progress'] / 100.0, - backgroundColor: Colors.white.withOpacity(0.1), - valueColor: const AlwaysStoppedAnimation(Color(0xFF00D4AA)), + backgroundColor: Colors.white.withValues(alpha: 0.1), + valueColor: + const AlwaysStoppedAnimation(Color(0xFF00D4AA)), minHeight: 6, ), ), @@ -281,12 +284,13 @@ class _AchievementsViewState extends State with TickerProvider } Widget _buildAchievementsByType(AchievementType type) { - final typeAchievements = _allAchievements.where((a) => a.type == type).toList() - ..sort((a, b) { - if (a.isUnlocked && !b.isUnlocked) return -1; - if (!a.isUnlocked && b.isUnlocked) return 1; - return a.targetValue.compareTo(b.targetValue); - }); + final typeAchievements = + _allAchievements.where((a) => a.type == type).toList() + ..sort((a, b) { + if (a.isUnlocked && !b.isUnlocked) return -1; + if (!a.isUnlocked && b.isUnlocked) return 1; + return a.targetValue.compareTo(b.targetValue); + }); return ListView.builder( padding: const EdgeInsets.all(16), @@ -314,17 +318,19 @@ class _AchievementsViewState extends State with TickerProvider gradient: LinearGradient( colors: isUnlocked ? [ - achievement.color.withOpacity(0.2), - achievement.color.withOpacity(0.1), + achievement.color.withValues(alpha: 0.2), + achievement.color.withValues(alpha: 0.1), ] : [ - Colors.white.withOpacity(0.05), - Colors.white.withOpacity(0.02), + Colors.white.withValues(alpha: 0.05), + Colors.white.withValues(alpha: 0.02), ], ), borderRadius: BorderRadius.circular(16), border: Border.all( - color: isUnlocked ? achievement.color.withOpacity(0.3) : Colors.white.withOpacity(0.1), + color: isUnlocked + ? achievement.color.withValues(alpha: 0.3) + : Colors.white.withValues(alpha: 0.1), ), ), child: Row( @@ -335,11 +341,15 @@ class _AchievementsViewState extends State with TickerProvider height: 50, decoration: BoxDecoration( shape: BoxShape.circle, - color: isUnlocked ? achievement.color.withOpacity(0.2) : Colors.white.withOpacity(0.1), + color: isUnlocked + ? achievement.color.withValues(alpha: 0.2) + : Colors.white.withValues(alpha: 0.1), ), child: Icon( achievement.icon, - color: isUnlocked ? achievement.color : Colors.white.withOpacity(0.5), + color: isUnlocked + ? achievement.color + : Colors.white.withValues(alpha: 0.5), size: 24, ), ), @@ -356,7 +366,9 @@ class _AchievementsViewState extends State with TickerProvider child: Text( achievement.title, style: TextStyle( - color: isUnlocked ? Colors.white : Colors.white.withOpacity(0.8), + color: isUnlocked + ? Colors.white + : Colors.white.withValues(alpha: 0.8), fontSize: 16, fontWeight: FontWeight.bold, ), @@ -369,7 +381,7 @@ class _AchievementsViewState extends State with TickerProvider Text( achievement.description, style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 14, ), ), @@ -401,9 +413,11 @@ class _AchievementsViewState extends State with TickerProvider children: [ Expanded( child: Text( - _achievementService.formatAchievementProgress(achievement), + _achievementService + .formatAchievementProgress(achievement), style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: + Colors.white.withValues(alpha: 0.6), fontSize: 12, ), ), @@ -423,8 +437,10 @@ class _AchievementsViewState extends State with TickerProvider borderRadius: BorderRadius.circular(2), child: LinearProgressIndicator( value: progress / 100, - backgroundColor: Colors.white.withOpacity(0.1), - valueColor: const AlwaysStoppedAnimation(Color(0xFF00D4AA)), + backgroundColor: + Colors.white.withValues(alpha: 0.1), + valueColor: const AlwaysStoppedAnimation( + Color(0xFF00D4AA)), minHeight: 3, ), ), @@ -468,9 +484,9 @@ class _AchievementsViewState extends State with TickerProvider return Container( padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2), decoration: BoxDecoration( - color: tierColor.withOpacity(0.2), + color: tierColor.withValues(alpha: 0.2), borderRadius: BorderRadius.circular(8), - border: Border.all(color: tierColor.withOpacity(0.5)), + border: Border.all(color: tierColor.withValues(alpha: 0.5)), ), child: Text( tierText.toUpperCase(), @@ -504,8 +520,8 @@ class _AchievementsViewState extends State with TickerProvider shape: BoxShape.circle, gradient: LinearGradient( colors: [ - achievement.color.withOpacity(0.3), - achievement.color.withOpacity(0.1), + achievement.color.withValues(alpha: 0.3), + achievement.color.withValues(alpha: 0.1), ], ), ), @@ -529,7 +545,7 @@ class _AchievementsViewState extends State with TickerProvider Text( achievement.description, style: TextStyle( - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), fontSize: 14, ), textAlign: TextAlign.center, @@ -537,9 +553,10 @@ class _AchievementsViewState extends State with TickerProvider const SizedBox(height: 16), if (achievement.isUnlocked) ...[ Container( - padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), + padding: + const EdgeInsets.symmetric(horizontal: 16, vertical: 8), decoration: BoxDecoration( - color: achievement.color.withOpacity(0.2), + color: achievement.color.withValues(alpha: 0.2), borderRadius: BorderRadius.circular(12), ), child: Row( @@ -565,7 +582,8 @@ class _AchievementsViewState extends State with TickerProvider Column( children: [ Text( - _achievementService.formatAchievementProgress(achievement), + _achievementService + .formatAchievementProgress(achievement), style: const TextStyle( color: Color(0xFF00D4AA), fontSize: 16, @@ -576,7 +594,7 @@ class _AchievementsViewState extends State with TickerProvider Text( _achievementService.getMotivationMessage(achievement), style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 12, ), textAlign: TextAlign.center, diff --git a/lib/views/analytics_dashboard_view.dart b/lib/views/analytics_dashboard_view.dart index 7168b51..ab9fb0f 100644 --- a/lib/views/analytics_dashboard_view.dart +++ b/lib/views/analytics_dashboard_view.dart @@ -11,7 +11,8 @@ class AnalyticsDashboardView extends StatefulWidget { State createState() => _AnalyticsDashboardViewState(); } -class _AnalyticsDashboardViewState extends State with SingleTickerProviderStateMixin { +class _AnalyticsDashboardViewState extends State + with SingleTickerProviderStateMixin { late TabController _tabController; final WorkoutSessionService _sessionService = WorkoutSessionService(); final AchievementService _achievementService = AchievementService(); @@ -39,7 +40,8 @@ class _AnalyticsDashboardViewState extends State with Si try { final analytics = await _sessionService.getAdvancedAnalytics(); - final intensityAnalysis = await _sessionService.getWorkoutIntensityAnalysis(); + final intensityAnalysis = + await _sessionService.getWorkoutIntensityAnalysis(); final streak = await _sessionService.getWorkoutStreak(); setState(() { @@ -102,7 +104,9 @@ class _AnalyticsDashboardViewState extends State with Si } Widget _buildOverviewTab() { - if (_analytics == null) return const Center(child: Text('No data available')); + if (_analytics == null) { + return const Center(child: Text('No data available')); + } return RefreshIndicator( onRefresh: _loadData, @@ -147,15 +151,15 @@ class _AnalyticsDashboardViewState extends State with Si begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [ - const Color(0xFFFF6B35).withOpacity(0.8), - const Color(0xFFFF8E53).withOpacity(0.6), - const Color(0xFFFFB366).withOpacity(0.4), + const Color(0xFFFF6B35).withValues(alpha: 0.8), + const Color(0xFFFF8E53).withValues(alpha: 0.6), + const Color(0xFFFFB366).withValues(alpha: 0.4), ], ), borderRadius: BorderRadius.circular(20), boxShadow: [ BoxShadow( - color: const Color(0xFFFF6B35).withOpacity(0.3), + color: const Color(0xFFFF6B35).withValues(alpha: 0.3), blurRadius: 20, offset: const Offset(0, 10), ), @@ -170,11 +174,11 @@ class _AnalyticsDashboardViewState extends State with Si Container( padding: const EdgeInsets.all(12), decoration: BoxDecoration( - color: Colors.white.withOpacity(0.2), + color: Colors.white.withValues(alpha: 0.2), shape: BoxShape.circle, boxShadow: [ BoxShadow( - color: Colors.white.withOpacity(0.3), + color: Colors.white.withValues(alpha: 0.3), blurRadius: 15, spreadRadius: 2, ), @@ -240,7 +244,7 @@ class _AnalyticsDashboardViewState extends State with Si return Container( padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8), decoration: BoxDecoration( - color: Colors.white.withOpacity(0.15), + color: Colors.white.withValues(alpha: 0.15), borderRadius: BorderRadius.circular(12), ), child: Row( @@ -278,15 +282,20 @@ class _AnalyticsDashboardViewState extends State with Si crossAxisSpacing: 16, mainAxisSpacing: 16, children: [ - _buildStatCard('Total Workouts', '$totalWorkouts', Icons.fitness_center, const Color(0xFF00D4AA)), - _buildStatCard('Total Time', _formatDuration(totalTime), Icons.timer, const Color(0xFF2196F3)), - _buildStatCard('Avg Completion', '${avgCompletion.toInt()}%', Icons.check_circle, const Color(0xFF4CAF50)), - _buildStatCard('Consistency', '${consistency.toInt()}%', Icons.trending_up, const Color(0xFFFF9800)), + _buildStatCard('Total Workouts', '$totalWorkouts', Icons.fitness_center, + const Color(0xFF00D4AA)), + _buildStatCard('Total Time', _formatDuration(totalTime), Icons.timer, + const Color(0xFF2196F3)), + _buildStatCard('Avg Completion', '${avgCompletion.toInt()}%', + Icons.check_circle, const Color(0xFF4CAF50)), + _buildStatCard('Consistency', '${consistency.toInt()}%', + Icons.trending_up, const Color(0xFFFF9800)), ], ); } - Widget _buildStatCard(String title, String value, IconData icon, Color color) { + Widget _buildStatCard( + String title, String value, IconData icon, Color color) { return Container( padding: const EdgeInsets.all(16), decoration: BoxDecoration( @@ -299,7 +308,7 @@ class _AnalyticsDashboardViewState extends State with Si ], ), borderRadius: BorderRadius.circular(16), - border: Border.all(color: color.withOpacity(0.2)), + border: Border.all(color: color.withValues(alpha: 0.2)), ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, @@ -311,7 +320,7 @@ class _AnalyticsDashboardViewState extends State with Si Container( padding: const EdgeInsets.all(4), decoration: BoxDecoration( - color: color.withOpacity(0.1), + color: color.withValues(alpha: 0.1), borderRadius: BorderRadius.circular(8), ), child: Icon(Icons.trending_up, color: color, size: 16), @@ -330,7 +339,7 @@ class _AnalyticsDashboardViewState extends State with Si Text( title, style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 12, ), ), @@ -373,23 +382,39 @@ class _AnalyticsDashboardViewState extends State with Si child: BarChart( BarChartData( alignment: BarChartAlignment.spaceAround, - maxY: frequency.values.isNotEmpty ? frequency.values.reduce((a, b) => a > b ? a : b).toDouble() * 1.2 : 10, + maxY: frequency.values.isNotEmpty + ? frequency.values + .reduce((a, b) => a > b ? a : b) + .toDouble() * + 1.2 + : 10, barTouchData: BarTouchData(enabled: true), titlesData: FlTitlesData( show: true, - rightTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)), - topTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)), + rightTitles: const AxisTitles( + sideTitles: SideTitles(showTitles: false)), + topTitles: const AxisTitles( + sideTitles: SideTitles(showTitles: false)), bottomTitles: AxisTitles( sideTitles: SideTitles( showTitles: true, getTitlesWidget: (value, meta) { - const days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; + const days = [ + 'Mon', + 'Tue', + 'Wed', + 'Thu', + 'Fri', + 'Sat', + 'Sun' + ]; if (value.toInt() >= 0 && value.toInt() < days.length) { return Padding( padding: const EdgeInsets.only(top: 8), child: Text( days[value.toInt()], - style: const TextStyle(color: Colors.white70, fontSize: 12), + style: const TextStyle( + color: Colors.white70, fontSize: 12), ), ); } @@ -405,7 +430,8 @@ class _AnalyticsDashboardViewState extends State with Si getTitlesWidget: (value, meta) { return Text( value.toInt().toString(), - style: const TextStyle(color: Colors.white70, fontSize: 12), + style: const TextStyle( + color: Colors.white70, fontSize: 12), ); }, ), @@ -423,7 +449,15 @@ class _AnalyticsDashboardViewState extends State with Si } List _buildBarGroups(Map frequency) { - const dayOrder = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']; + const dayOrder = [ + 'Monday', + 'Tuesday', + 'Wednesday', + 'Thursday', + 'Friday', + 'Saturday', + 'Sunday' + ]; return dayOrder.asMap().entries.map((entry) { final index = entry.key; final day = entry.value; @@ -444,7 +478,8 @@ class _AnalyticsDashboardViewState extends State with Si } Widget _buildTimeOfDayChart() { - final timeDistribution = _analytics!['timeOfDayDistribution'] as Map; + final timeDistribution = + _analytics!['timeOfDayDistribution'] as Map; if (timeDistribution.isEmpty) return const SizedBox(); return Container( @@ -560,7 +595,8 @@ class _AnalyticsDashboardViewState extends State with Si final presets = _analytics!['mostUsedPresets'] as Map; if (presets.isEmpty) return const SizedBox(); - final sortedPresets = presets.entries.toList()..sort((a, b) => b.value.compareTo(a.value)); + final sortedPresets = presets.entries.toList() + ..sort((a, b) => b.value.compareTo(a.value)); return Container( padding: const EdgeInsets.all(20), @@ -594,12 +630,14 @@ class _AnalyticsDashboardViewState extends State with Si Expanded( child: Text( entry.key, - style: const TextStyle(color: Colors.white, fontSize: 14), + style: + const TextStyle(color: Colors.white, fontSize: 14), ), ), Text( '${entry.value} uses', - style: const TextStyle(color: Colors.white70, fontSize: 14), + style: + const TextStyle(color: Colors.white70, fontSize: 14), ), ], ), @@ -610,7 +648,8 @@ class _AnalyticsDashboardViewState extends State with Si } Widget _buildMonthlyProgressChart() { - final monthlyProgress = _analytics!['monthlyProgress'] as Map>; + final monthlyProgress = + _analytics!['monthlyProgress'] as Map>; if (monthlyProgress.isEmpty) return const SizedBox(); return Container( @@ -644,22 +683,26 @@ class _AnalyticsDashboardViewState extends State with Si LineChartData( gridData: const FlGridData(show: false), titlesData: FlTitlesData( - rightTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)), - topTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)), + rightTitles: const AxisTitles( + sideTitles: SideTitles(showTitles: false)), + topTitles: const AxisTitles( + sideTitles: SideTitles(showTitles: false)), bottomTitles: AxisTitles( sideTitles: SideTitles( showTitles: true, reservedSize: 30, getTitlesWidget: (value, meta) { final months = monthlyProgress.keys.toList(); - if (value.toInt() >= 0 && value.toInt() < months.length) { + if (value.toInt() >= 0 && + value.toInt() < months.length) { final monthKey = months[value.toInt()]; final parts = monthKey.split('-'); return Padding( padding: const EdgeInsets.only(top: 8), child: Text( '${parts[1]}/${parts[0].substring(2)}', - style: const TextStyle(color: Colors.white70, fontSize: 10), + style: const TextStyle( + color: Colors.white70, fontSize: 10), ), ); } @@ -674,7 +717,8 @@ class _AnalyticsDashboardViewState extends State with Si getTitlesWidget: (value, meta) { return Text( value.toInt().toString(), - style: const TextStyle(color: Colors.white70, fontSize: 12), + style: const TextStyle( + color: Colors.white70, fontSize: 12), ); }, ), @@ -690,7 +734,7 @@ class _AnalyticsDashboardViewState extends State with Si dotData: const FlDotData(show: true), belowBarData: BarAreaData( show: true, - color: const Color(0xFF00D4AA).withOpacity(0.2), + color: const Color(0xFF00D4AA).withValues(alpha: 0.2), ), ), ], @@ -702,8 +746,10 @@ class _AnalyticsDashboardViewState extends State with Si ); } - List _buildMonthlySpots(Map> monthlyProgress) { - final sortedEntries = monthlyProgress.entries.toList()..sort((a, b) => a.key.compareTo(b.key)); + List _buildMonthlySpots( + Map> monthlyProgress) { + final sortedEntries = monthlyProgress.entries.toList() + ..sort((a, b) => a.key.compareTo(b.key)); return sortedEntries.asMap().entries.map((entry) { final index = entry.key; @@ -819,7 +865,8 @@ class _AnalyticsDashboardViewState extends State with Si child: LinearProgressIndicator( value: consistency / 100, backgroundColor: Colors.white24, - valueColor: const AlwaysStoppedAnimation(Color(0xFF00D4AA)), + valueColor: + const AlwaysStoppedAnimation(Color(0xFF00D4AA)), ), ), const SizedBox(width: 16), @@ -949,7 +996,9 @@ class _AnalyticsDashboardViewState extends State with Si } Widget _buildProgressTab() { - if (_analytics == null) return const Center(child: Text('No data available')); + if (_analytics == null) { + return const Center(child: Text('No data available')); + } return SingleChildScrollView( padding: const EdgeInsets.all(16), @@ -1028,7 +1077,9 @@ class _AnalyticsDashboardViewState extends State with Si final isCompleted = _currentStreak >= milestone; final isNext = !isCompleted && (_currentStreak < milestone) && - (milestones.indexOf(milestone) == 0 || _currentStreak >= milestones[milestones.indexOf(milestone) - 1]); + (milestones.indexOf(milestone) == 0 || + _currentStreak >= + milestones[milestones.indexOf(milestone) - 1]); return Padding( padding: const EdgeInsets.only(bottom: 12), @@ -1041,10 +1092,12 @@ class _AnalyticsDashboardViewState extends State with Si color: isCompleted ? const Color(0xFFFF6B35) : isNext - ? const Color(0xFFFF6B35).withOpacity(0.3) - : Colors.grey.withOpacity(0.2), + ? const Color(0xFFFF6B35).withValues(alpha: 0.3) + : Colors.grey.withValues(alpha: 0.2), shape: BoxShape.circle, - border: isNext ? Border.all(color: const Color(0xFFFF6B35), width: 2) : null, + border: isNext + ? Border.all(color: const Color(0xFFFF6B35), width: 2) + : null, ), child: Center( child: isCompleted @@ -1052,7 +1105,8 @@ class _AnalyticsDashboardViewState extends State with Si : Text( '$milestone', style: TextStyle( - color: isNext ? const Color(0xFFFF6B35) : Colors.grey, + color: + isNext ? const Color(0xFFFF6B35) : Colors.grey, fontSize: 12, fontWeight: FontWeight.bold, ), @@ -1069,7 +1123,8 @@ class _AnalyticsDashboardViewState extends State with Si style: TextStyle( color: isCompleted ? Colors.white : Colors.white70, fontSize: 16, - fontWeight: isCompleted ? FontWeight.bold : FontWeight.normal, + fontWeight: + isCompleted ? FontWeight.bold : FontWeight.normal, ), ), if (isNext) @@ -1126,7 +1181,8 @@ class _AnalyticsDashboardViewState extends State with Si future: _achievementService.getAchievementsByType(AchievementType.streak), builder: (context, snapshot) { if (!snapshot.hasData) { - return const Center(child: CircularProgressIndicator(color: Color(0xFF00D4AA))); + return const Center( + child: CircularProgressIndicator(color: Color(0xFF00D4AA))); } final streakAchievements = snapshot.data!; @@ -1138,12 +1194,13 @@ class _AnalyticsDashboardViewState extends State with Si begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [ - const Color(0xFFFF6B35).withOpacity(0.1), - const Color(0xFFFF8E53).withOpacity(0.05), + const Color(0xFFFF6B35).withValues(alpha: 0.1), + const Color(0xFFFF8E53).withValues(alpha: 0.05), ], ), borderRadius: BorderRadius.circular(16), - border: Border.all(color: const Color(0xFFFF6B35).withOpacity(0.3)), + border: Border.all( + color: const Color(0xFFFF6B35).withValues(alpha: 0.3)), ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, @@ -1166,7 +1223,8 @@ class _AnalyticsDashboardViewState extends State with Si ], ), const SizedBox(height: 16), - ...streakAchievements.map((achievement) => _buildStreakAchievementCard(achievement)), + ...streakAchievements.map( + (achievement) => _buildStreakAchievementCard(achievement)), ], ), ); @@ -1184,9 +1242,13 @@ class _AnalyticsDashboardViewState extends State with Si margin: const EdgeInsets.only(bottom: 12), padding: const EdgeInsets.all(16), decoration: BoxDecoration( - color: isUnlocked ? const Color(0xFFFF6B35).withOpacity(0.2) : Colors.white.withOpacity(0.05), + color: isUnlocked + ? const Color(0xFFFF6B35).withValues(alpha: 0.2) + : Colors.white.withValues(alpha: 0.05), borderRadius: BorderRadius.circular(12), - border: isUnlocked ? Border.all(color: const Color(0xFFFF6B35).withOpacity(0.5)) : Border.all(color: Colors.white.withOpacity(0.1)), + border: isUnlocked + ? Border.all(color: const Color(0xFFFF6B35).withValues(alpha: 0.5)) + : Border.all(color: Colors.white.withValues(alpha: 0.1)), ), child: Row( children: [ @@ -1194,7 +1256,9 @@ class _AnalyticsDashboardViewState extends State with Si width: 50, height: 50, decoration: BoxDecoration( - color: isUnlocked ? achievement.color : Colors.grey.withOpacity(0.3), + color: isUnlocked + ? achievement.color + : Colors.grey.withValues(alpha: 0.3), shape: BoxShape.circle, ), child: Center( @@ -1223,7 +1287,7 @@ class _AnalyticsDashboardViewState extends State with Si Text( achievement.description, style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 12, ), ), @@ -1231,7 +1295,7 @@ class _AnalyticsDashboardViewState extends State with Si if (!isUnlocked) ...[ LinearProgressIndicator( value: progressPercentage / 100, - backgroundColor: Colors.white.withOpacity(0.1), + backgroundColor: Colors.white.withValues(alpha: 0.1), valueColor: const AlwaysStoppedAnimation( Color(0xFFFF6B35), ), diff --git a/lib/views/audio_settings_view.dart b/lib/views/audio_settings_view.dart index 36e9cd4..efd8185 100644 --- a/lib/views/audio_settings_view.dart +++ b/lib/views/audio_settings_view.dart @@ -9,7 +9,8 @@ class AudioSettingsView extends StatefulWidget { State createState() => _AudioSettingsViewState(); } -class _AudioSettingsViewState extends State with TickerProviderStateMixin { +class _AudioSettingsViewState extends State + with TickerProviderStateMixin { final AudioService _audioService = AudioService(); late AnimationController _fadeController; late Animation _fadeAnimation; @@ -94,12 +95,12 @@ class _AudioSettingsViewState extends State with TickerProvid shape: BoxShape.circle, gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.12), - Colors.white.withOpacity(0.06), + Colors.white.withValues(alpha: 0.12), + Colors.white.withValues(alpha: 0.06), ], ), border: Border.all( - color: Colors.white.withOpacity(0.15), + color: Colors.white.withValues(alpha: 0.15), width: 1, ), ), @@ -128,7 +129,7 @@ class _AudioSettingsViewState extends State with TickerProvid Text( 'Customize your workout audio experience', style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 14, ), ), @@ -142,8 +143,8 @@ class _AudioSettingsViewState extends State with TickerProvid shape: BoxShape.circle, gradient: LinearGradient( colors: [ - const Color(0xFF00D4AA).withOpacity(0.2), - const Color(0xFF00D4AA).withOpacity(0.1), + const Color(0xFF00D4AA).withValues(alpha: 0.2), + const Color(0xFF00D4AA).withValues(alpha: 0.1), ], ), ), @@ -197,28 +198,30 @@ class _AudioSettingsViewState extends State with TickerProvid gradient: isSelected ? LinearGradient( colors: [ - color.withOpacity(0.2), - color.withOpacity(0.1), + color.withValues(alpha: 0.2), + color.withValues(alpha: 0.1), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ) : LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: isSelected ? color.withOpacity(0.5) : Colors.white.withOpacity(0.12), + color: isSelected + ? color.withValues(alpha: 0.5) + : Colors.white.withValues(alpha: 0.12), width: isSelected ? 2 : 1, ), boxShadow: isSelected ? [ BoxShadow( - color: color.withOpacity(0.3), + color: color.withValues(alpha: 0.3), blurRadius: 12, offset: const Offset(0, 4), ), @@ -243,11 +246,11 @@ class _AudioSettingsViewState extends State with TickerProvid decoration: BoxDecoration( shape: BoxShape.circle, gradient: LinearGradient( - colors: [color, color.withOpacity(0.7)], + colors: [color, color.withValues(alpha: 0.7)], ), boxShadow: [ BoxShadow( - color: color.withOpacity(0.4), + color: color.withValues(alpha: 0.4), blurRadius: 6, offset: const Offset(0, 2), ), @@ -281,7 +284,7 @@ class _AudioSettingsViewState extends State with TickerProvid child: Text( pack.description, style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 9, ), textAlign: TextAlign.center, @@ -295,7 +298,7 @@ class _AudioSettingsViewState extends State with TickerProvid Text( _audioService.getSoundPackInfo(pack)['intensity'] ?? '', style: TextStyle( - color: _getSoundPackColor(pack).withOpacity(0.8), + color: _getSoundPackColor(pack).withValues(alpha: 0.8), fontSize: 8, fontWeight: FontWeight.w600, ), @@ -308,10 +311,11 @@ class _AudioSettingsViewState extends State with TickerProvid if (isSelected) ...[ const SizedBox(height: 4), Container( - padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2), + padding: + const EdgeInsets.symmetric(horizontal: 6, vertical: 2), decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), - color: color.withOpacity(0.2), + color: color.withValues(alpha: 0.2), ), child: Text( 'ACTIVE', @@ -348,14 +352,14 @@ class _AudioSettingsViewState extends State with TickerProvid borderRadius: BorderRadius.circular(16), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: Colors.white.withOpacity(0.12), + color: Colors.white.withValues(alpha: 0.12), width: 1, ), ), @@ -415,7 +419,7 @@ class _AudioSettingsViewState extends State with TickerProvid height: 32, decoration: BoxDecoration( shape: BoxShape.circle, - color: color.withOpacity(0.2), + color: color.withValues(alpha: 0.2), ), child: Icon( icon, @@ -438,7 +442,7 @@ class _AudioSettingsViewState extends State with TickerProvid padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), - color: color.withOpacity(0.2), + color: color.withValues(alpha: 0.2), ), child: Text( '${(value * 100).round()}%', @@ -455,9 +459,9 @@ class _AudioSettingsViewState extends State with TickerProvid SliderTheme( data: SliderTheme.of(context).copyWith( activeTrackColor: color, - inactiveTrackColor: Colors.white.withOpacity(0.2), + inactiveTrackColor: Colors.white.withValues(alpha: 0.2), thumbColor: color, - overlayColor: color.withOpacity(0.2), + overlayColor: color.withValues(alpha: 0.2), trackHeight: 4, thumbShape: const RoundSliderThumbShape(enabledThumbRadius: 8), ), @@ -482,14 +486,14 @@ class _AudioSettingsViewState extends State with TickerProvid borderRadius: BorderRadius.circular(12), gradient: LinearGradient( colors: [ - const Color(0xFF00D4AA).withOpacity(0.1), - const Color(0xFF00D4AA).withOpacity(0.05), + const Color(0xFF00D4AA).withValues(alpha: 0.1), + const Color(0xFF00D4AA).withValues(alpha: 0.05), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: const Color(0xFF00D4AA).withOpacity(0.3), + color: const Color(0xFF00D4AA).withValues(alpha: 0.3), width: 1, ), ), @@ -500,7 +504,7 @@ class _AudioSettingsViewState extends State with TickerProvid height: 36, decoration: BoxDecoration( shape: BoxShape.circle, - color: const Color(0xFF00D4AA).withOpacity(0.2), + color: const Color(0xFF00D4AA).withValues(alpha: 0.2), ), child: const Icon( Icons.volume_up, @@ -524,7 +528,7 @@ class _AudioSettingsViewState extends State with TickerProvid Text( 'Reset to optimized loud settings', style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 12, ), ), @@ -535,10 +539,10 @@ class _AudioSettingsViewState extends State with TickerProvid onPressed: () async { await _audioService.resetVolumeToDefaults(); setState(() {}); - + // Play test sound to demonstrate new volume await _audioService.testSound(SoundType.setEnd); - + // Show feedback HapticFeedback.lightImpact(); ScaffoldMessenger.of(context).showSnackBar( @@ -587,14 +591,14 @@ class _AudioSettingsViewState extends State with TickerProvid borderRadius: BorderRadius.circular(16), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: Colors.white.withOpacity(0.12), + color: Colors.white.withValues(alpha: 0.12), width: 1, ), ), @@ -639,7 +643,7 @@ class _AudioSettingsViewState extends State with TickerProvid height: 40, decoration: BoxDecoration( shape: BoxShape.circle, - color: color.withOpacity(0.2), + color: color.withValues(alpha: 0.2), ), child: Icon( icon, @@ -663,7 +667,7 @@ class _AudioSettingsViewState extends State with TickerProvid Text( subtitle, style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 13, ), ), @@ -678,10 +682,10 @@ class _AudioSettingsViewState extends State with TickerProvid // Then update UI state setState(() {}); }, - activeColor: color, - activeTrackColor: color.withOpacity(0.3), - inactiveThumbColor: Colors.white.withOpacity(0.5), - inactiveTrackColor: Colors.white.withOpacity(0.2), + activeThumbColor: color, + activeTrackColor: color.withValues(alpha: 0.3), + inactiveThumbColor: Colors.white.withValues(alpha: 0.5), + inactiveTrackColor: Colors.white.withValues(alpha: 0.2), ), ], ); @@ -703,14 +707,14 @@ class _AudioSettingsViewState extends State with TickerProvid borderRadius: BorderRadius.circular(16), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: Colors.white.withOpacity(0.12), + color: Colors.white.withValues(alpha: 0.12), width: 1, ), ), @@ -788,12 +792,12 @@ class _AudioSettingsViewState extends State with TickerProvid borderRadius: BorderRadius.circular(12), gradient: LinearGradient( colors: [ - color.withOpacity(0.2), - color.withOpacity(0.1), + color.withValues(alpha: 0.2), + color.withValues(alpha: 0.1), ], ), border: Border.all( - color: color.withOpacity(0.3), + color: color.withValues(alpha: 0.3), width: 1, ), ), @@ -836,8 +840,8 @@ class _AudioSettingsViewState extends State with TickerProvid shape: BoxShape.circle, gradient: LinearGradient( colors: [ - const Color(0xFF00D4AA).withOpacity(0.2), - const Color(0xFF00D4AA).withOpacity(0.1), + const Color(0xFF00D4AA).withValues(alpha: 0.2), + const Color(0xFF00D4AA).withValues(alpha: 0.1), ], ), ), @@ -863,7 +867,7 @@ class _AudioSettingsViewState extends State with TickerProvid Text( subtitle, style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 13, ), ), @@ -876,13 +880,14 @@ class _AudioSettingsViewState extends State with TickerProvid Color _getSoundPackColor(SoundPack pack) { final colorString = _audioService.getSoundPackColor(pack); - return Color(int.parse(colorString.substring(1, 7), radix: 16) + 0xFF000000); + return Color( + int.parse(colorString.substring(1, 7), radix: 16) + 0xFF000000); } Future _selectSoundPack(SoundPack pack) async { // Save the sound pack setting first await _audioService.setSoundPack(pack); - + // Update UI state setState(() {}); diff --git a/lib/views/preset_selection_view.dart b/lib/views/preset_selection_view.dart index 8b2b855..2de46c4 100644 --- a/lib/views/preset_selection_view.dart +++ b/lib/views/preset_selection_view.dart @@ -47,7 +47,9 @@ class _PresetSelectionViewState extends State { List get _filteredPresets { if (_selectedCategory == 'All') return _presets; - return _presets.where((preset) => preset.category == _selectedCategory).toList(); + return _presets + .where((preset) => preset.category == _selectedCategory) + .toList(); } @override @@ -71,7 +73,8 @@ class _PresetSelectionViewState extends State { children: [ _buildHeader(), if (_isLoading) - const Expanded(child: Center(child: CircularProgressIndicator())) + const Expanded( + child: Center(child: CircularProgressIndicator())) else ...[ _buildCategoryFilter(), Expanded(child: _buildPresetGrid()), @@ -93,9 +96,9 @@ class _PresetSelectionViewState extends State { height: 48, decoration: BoxDecoration( shape: BoxShape.circle, - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), border: Border.all( - color: Colors.white.withOpacity(0.2), + color: Colors.white.withValues(alpha: 0.2), width: 1, ), ), @@ -124,7 +127,7 @@ class _PresetSelectionViewState extends State { Text( 'Quick start with proven routines', style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 14, ), ), @@ -137,9 +140,9 @@ class _PresetSelectionViewState extends State { height: 48, decoration: BoxDecoration( shape: BoxShape.circle, - color: Colors.blue.withOpacity(0.2), + color: Colors.blue.withValues(alpha: 0.2), border: Border.all( - color: Colors.blue.withOpacity(0.4), + color: Colors.blue.withValues(alpha: 0.4), width: 1, ), ), @@ -179,14 +182,16 @@ class _PresetSelectionViewState extends State { _selectedCategory = category; }); }, - backgroundColor: Colors.white.withOpacity(0.1), - selectedColor: const Color(0xFF00D4AA).withOpacity(0.3), + backgroundColor: Colors.white.withValues(alpha: 0.1), + selectedColor: const Color(0xFF00D4AA).withValues(alpha: 0.3), labelStyle: TextStyle( color: isSelected ? const Color(0xFF00D4AA) : Colors.white70, fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal, ), side: BorderSide( - color: isSelected ? const Color(0xFF00D4AA) : Colors.white.withOpacity(0.2), + color: isSelected + ? const Color(0xFF00D4AA) + : Colors.white.withValues(alpha: 0.2), ), ), ); @@ -203,7 +208,7 @@ class _PresetSelectionViewState extends State { child: Text( 'No presets found', style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 16, ), ), @@ -231,9 +236,9 @@ class _PresetSelectionViewState extends State { return Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(16), - color: Colors.white.withOpacity(0.05), + color: Colors.white.withValues(alpha: 0.05), border: Border.all( - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), width: 1, ), ), @@ -255,7 +260,8 @@ class _PresetSelectionViewState extends State { height: 40, decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), - color: _getCategoryColor(preset.category).withOpacity(0.2), + color: _getCategoryColor(preset.category) + .withValues(alpha: 0.2), ), child: Icon( _getCategoryIcon(preset.iconName ?? 'timer'), @@ -265,10 +271,12 @@ class _PresetSelectionViewState extends State { ), const Spacer(), Container( - padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), + padding: const EdgeInsets.symmetric( + horizontal: 8, vertical: 4), decoration: BoxDecoration( borderRadius: BorderRadius.circular(12), - color: _getCategoryColor(preset.category).withOpacity(0.2), + color: _getCategoryColor(preset.category) + .withValues(alpha: 0.2), ), child: Text( preset.category, @@ -297,7 +305,7 @@ class _PresetSelectionViewState extends State { child: Text( preset.description, style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 12, ), maxLines: 2, @@ -324,13 +332,13 @@ class _PresetSelectionViewState extends State { Icon( Icons.fitness_center, size: 12, - color: Colors.white.withOpacity(0.5), + color: Colors.white.withValues(alpha: 0.5), ), const SizedBox(width: 4), Text( '${preset.totalSets} sets', style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 11, ), ), @@ -342,14 +350,14 @@ class _PresetSelectionViewState extends State { Icon( Icons.schedule, size: 12, - color: Colors.white.withOpacity(0.5), + color: Colors.white.withValues(alpha: 0.5), ), const SizedBox(width: 4), Expanded( child: Text( preset.formattedDuration, style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 11, ), maxLines: 1, @@ -364,13 +372,13 @@ class _PresetSelectionViewState extends State { Icon( Icons.timer, size: 12, - color: Colors.white.withOpacity(0.5), + color: Colors.white.withValues(alpha: 0.5), ), const SizedBox(width: 4), Text( preset.estimatedDuration, style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 11, ), ), diff --git a/lib/views/template_management_view.dart b/lib/views/template_management_view.dart index 6877cff..e8d56db 100644 --- a/lib/views/template_management_view.dart +++ b/lib/views/template_management_view.dart @@ -32,7 +32,8 @@ class _TemplateManagementViewState extends State { try { final allPresets = await _presetService.getAllPresets(); - final customPresets = allPresets.where((preset) => !preset.isDefault).toList(); + final customPresets = + allPresets.where((preset) => !preset.isDefault).toList(); final categories = await _presetService.getCategories(); setState(() { @@ -50,7 +51,9 @@ class _TemplateManagementViewState extends State { List get _filteredPresets { if (_selectedCategory == 'All') return _customPresets; - return _customPresets.where((preset) => preset.category == _selectedCategory).toList(); + return _customPresets + .where((preset) => preset.category == _selectedCategory) + .toList(); } @override @@ -74,7 +77,10 @@ class _TemplateManagementViewState extends State { children: [ _buildModernHeader(), if (_isLoading) - const Expanded(child: Center(child: CircularProgressIndicator(color: Color(0xFF00D4AA)))) + const Expanded( + child: Center( + child: CircularProgressIndicator( + color: Color(0xFF00D4AA)))) else ...[ if (_categories.length > 1) _buildCategoryFilter(), Expanded(child: _buildContent()), @@ -99,12 +105,12 @@ class _TemplateManagementViewState extends State { shape: BoxShape.circle, gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.12), - Colors.white.withOpacity(0.06), + Colors.white.withValues(alpha: 0.12), + Colors.white.withValues(alpha: 0.06), ], ), border: Border.all( - color: Colors.white.withOpacity(0.15), + color: Colors.white.withValues(alpha: 0.15), width: 1, ), ), @@ -133,7 +139,7 @@ class _TemplateManagementViewState extends State { Text( 'Manage your custom workout templates', style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 14, ), ), @@ -166,14 +172,16 @@ class _TemplateManagementViewState extends State { _selectedCategory = category; }); }, - backgroundColor: Colors.white.withOpacity(0.1), - selectedColor: const Color(0xFF00D4AA).withOpacity(0.3), + backgroundColor: Colors.white.withValues(alpha: 0.1), + selectedColor: const Color(0xFF00D4AA).withValues(alpha: 0.3), labelStyle: TextStyle( color: isSelected ? const Color(0xFF00D4AA) : Colors.white70, fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal, ), side: BorderSide( - color: isSelected ? const Color(0xFF00D4AA) : Colors.white.withOpacity(0.2), + color: isSelected + ? const Color(0xFF00D4AA) + : Colors.white.withValues(alpha: 0.2), ), ), ); @@ -214,20 +222,22 @@ class _TemplateManagementViewState extends State { shape: BoxShape.circle, gradient: LinearGradient( colors: [ - const Color(0xFF00D4AA).withOpacity(0.2), - const Color(0xFF00D4AA).withOpacity(0.1), + const Color(0xFF00D4AA).withValues(alpha: 0.2), + const Color(0xFF00D4AA).withValues(alpha: 0.1), ], ), ), child: Icon( Icons.library_add_outlined, size: 40, - color: const Color(0xFF00D4AA).withOpacity(0.7), + color: const Color(0xFF00D4AA).withValues(alpha: 0.7), ), ), const SizedBox(height: 24), Text( - _customPresets.isEmpty ? 'No Custom Templates' : 'No Templates in "$_selectedCategory"', + _customPresets.isEmpty + ? 'No Custom Templates' + : 'No Templates in "$_selectedCategory"', style: const TextStyle( fontSize: 20, fontWeight: FontWeight.w600, @@ -242,7 +252,7 @@ class _TemplateManagementViewState extends State { textAlign: TextAlign.center, style: TextStyle( fontSize: 14, - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), ), ), ], @@ -257,14 +267,14 @@ class _TemplateManagementViewState extends State { borderRadius: BorderRadius.circular(16), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: Colors.white.withOpacity(0.12), + color: Colors.white.withValues(alpha: 0.12), width: 1, ), ), @@ -288,7 +298,8 @@ class _TemplateManagementViewState extends State { gradient: LinearGradient( colors: [ _getCategoryColor(preset.category), - _getCategoryColor(preset.category).withOpacity(0.7), + _getCategoryColor(preset.category) + .withValues(alpha: 0.7), ], ), ), @@ -315,7 +326,7 @@ class _TemplateManagementViewState extends State { Text( preset.description, style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 13, ), maxLines: 1, @@ -325,20 +336,23 @@ class _TemplateManagementViewState extends State { ), ), PopupMenuButton( - onSelected: (action) => _handlePresetAction(action, preset), + onSelected: (action) => + _handlePresetAction(action, preset), color: const Color(0xFF2A2A2A), icon: Icon( Icons.more_vert, - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), ), itemBuilder: (context) => [ const PopupMenuItem( value: 'edit', child: Row( children: [ - Icon(Icons.edit, color: Color(0xFF00D4AA), size: 20), + Icon(Icons.edit, + color: Color(0xFF00D4AA), size: 20), SizedBox(width: 12), - Text('Edit', style: TextStyle(color: Colors.white)), + Text('Edit', + style: TextStyle(color: Colors.white)), ], ), ), @@ -348,7 +362,8 @@ class _TemplateManagementViewState extends State { children: [ Icon(Icons.delete, color: Colors.red, size: 20), SizedBox(width: 12), - Text('Delete', style: TextStyle(color: Colors.red)), + Text('Delete', + style: TextStyle(color: Colors.red)), ], ), ), @@ -361,15 +376,17 @@ class _TemplateManagementViewState extends State { padding: const EdgeInsets.all(12), decoration: BoxDecoration( borderRadius: BorderRadius.circular(10), - color: Colors.black.withOpacity(0.3), + color: Colors.black.withValues(alpha: 0.3), ), child: Row( children: [ _buildStatChip('${preset.totalSets} sets', Icons.repeat), const SizedBox(width: 8), - _buildStatChip('${preset.setDurationSeconds}s work', Icons.play_arrow), + _buildStatChip('${preset.setDurationSeconds}s work', + Icons.play_arrow), const SizedBox(width: 8), - _buildStatChip('${preset.restDurationSeconds}s rest', Icons.pause), + _buildStatChip( + '${preset.restDurationSeconds}s rest', Icons.pause), ], ), ), @@ -378,10 +395,12 @@ class _TemplateManagementViewState extends State { mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( - padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), + padding: const EdgeInsets.symmetric( + horizontal: 8, vertical: 4), decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), - color: _getCategoryColor(preset.category).withOpacity(0.2), + color: _getCategoryColor(preset.category) + .withValues(alpha: 0.2), ), child: Text( preset.category, @@ -395,7 +414,7 @@ class _TemplateManagementViewState extends State { Text( preset.estimatedDuration, style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 12, fontWeight: FontWeight.w500, ), @@ -414,7 +433,7 @@ class _TemplateManagementViewState extends State { return Container( padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 3), decoration: BoxDecoration( - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), borderRadius: BorderRadius.circular(6), ), child: Row( @@ -425,7 +444,7 @@ class _TemplateManagementViewState extends State { Text( text, style: TextStyle( - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), fontSize: 10, fontWeight: FontWeight.w500, ), @@ -457,7 +476,8 @@ class _TemplateManagementViewState extends State { } void _loadPreset(PresetModel preset) { - final timerController = Provider.of(context, listen: false); + final timerController = + Provider.of(context, listen: false); timerController.updateTimerSettings( totalSets: preset.totalSets, @@ -485,15 +505,17 @@ class _TemplateManagementViewState extends State { context: context, builder: (context) => AlertDialog( backgroundColor: const Color(0xFF1A1A1A), - title: const Text('Delete Template', style: TextStyle(color: Colors.white)), + title: const Text('Delete Template', + style: TextStyle(color: Colors.white)), content: Text( 'Are you sure you want to delete "${preset.name}"? This action cannot be undone.', - style: TextStyle(color: Colors.white.withOpacity(0.8)), + style: TextStyle(color: Colors.white.withValues(alpha: 0.8)), ), actions: [ TextButton( onPressed: () => Navigator.of(context).pop(false), - child: const Text('Cancel', style: TextStyle(color: Colors.white70)), + child: + const Text('Cancel', style: TextStyle(color: Colors.white70)), ), TextButton( onPressed: () => Navigator.of(context).pop(true), @@ -516,7 +538,8 @@ class _TemplateManagementViewState extends State { } void _showSaveCurrentTemplateDialog() { - final timerController = Provider.of(context, listen: false); + final timerController = + Provider.of(context, listen: false); showDialog( context: context, @@ -677,7 +700,8 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { widget.onSaved?.call(); ScaffoldMessenger.of(context).showSnackBar( SnackBar( - content: Text('Template "${updatedTemplate.name}" updated successfully!'), + content: Text( + 'Template "${updatedTemplate.name}" updated successfully!'), backgroundColor: const Color(0xFF00D4AA), ), ); @@ -710,7 +734,7 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { color: const Color(0xFF1A1A1A), borderRadius: BorderRadius.circular(20), border: Border.all( - color: const Color(0xFF00D4AA).withOpacity(0.3), + color: const Color(0xFF00D4AA).withValues(alpha: 0.3), width: 1, ), ), @@ -723,7 +747,7 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { decoration: BoxDecoration( gradient: LinearGradient( colors: [ - const Color(0xFF00D4AA).withOpacity(0.1), + const Color(0xFF00D4AA).withValues(alpha: 0.1), Colors.transparent, ], ), @@ -737,7 +761,7 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { Container( padding: const EdgeInsets.all(6), decoration: BoxDecoration( - color: const Color(0xFF00D4AA).withOpacity(0.2), + color: const Color(0xFF00D4AA).withValues(alpha: 0.2), borderRadius: BorderRadius.circular(10), ), child: const Icon( @@ -787,23 +811,28 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { const SizedBox(height: 6), TextFormField( controller: _nameController, - style: const TextStyle(color: Colors.white, fontSize: 14), + style: + const TextStyle(color: Colors.white, fontSize: 14), decoration: InputDecoration( hintText: 'Enter template name', - hintStyle: TextStyle(color: Colors.white.withOpacity(0.5)), + hintStyle: TextStyle( + color: Colors.white.withValues(alpha: 0.5)), filled: true, - fillColor: Colors.white.withOpacity(0.05), + fillColor: Colors.white.withValues(alpha: 0.05), border: OutlineInputBorder( borderRadius: BorderRadius.circular(10), - borderSide: BorderSide(color: Colors.white.withOpacity(0.2)), + borderSide: BorderSide( + color: Colors.white.withValues(alpha: 0.2)), ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(10), - borderSide: BorderSide(color: Colors.white.withOpacity(0.2)), + borderSide: BorderSide( + color: Colors.white.withValues(alpha: 0.2)), ), focusedBorder: const OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10)), - borderSide: BorderSide(color: Color(0xFF00D4AA), width: 2), + borderSide: + BorderSide(color: Color(0xFF00D4AA), width: 2), ), contentPadding: const EdgeInsets.all(14), ), @@ -828,24 +857,29 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { const SizedBox(height: 6), TextFormField( controller: _descriptionController, - style: const TextStyle(color: Colors.white, fontSize: 14), + style: + const TextStyle(color: Colors.white, fontSize: 14), maxLines: 2, decoration: InputDecoration( hintText: 'Describe your workout routine...', - hintStyle: TextStyle(color: Colors.white.withOpacity(0.5)), + hintStyle: TextStyle( + color: Colors.white.withValues(alpha: 0.5)), filled: true, - fillColor: Colors.white.withOpacity(0.05), + fillColor: Colors.white.withValues(alpha: 0.05), border: OutlineInputBorder( borderRadius: BorderRadius.circular(10), - borderSide: BorderSide(color: Colors.white.withOpacity(0.2)), + borderSide: BorderSide( + color: Colors.white.withValues(alpha: 0.2)), ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(10), - borderSide: BorderSide(color: Colors.white.withOpacity(0.2)), + borderSide: BorderSide( + color: Colors.white.withValues(alpha: 0.2)), ), focusedBorder: const OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10)), - borderSide: BorderSide(color: Color(0xFF00D4AA), width: 2), + borderSide: + BorderSide(color: Color(0xFF00D4AA), width: 2), ), contentPadding: const EdgeInsets.all(14), ), @@ -869,23 +903,27 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { ), const SizedBox(height: 6), DropdownButtonFormField( - value: _selectedCategory, - style: const TextStyle(color: Colors.white, fontSize: 14), + initialValue: _selectedCategory, + style: + const TextStyle(color: Colors.white, fontSize: 14), dropdownColor: const Color(0xFF2A2A2A), decoration: InputDecoration( filled: true, - fillColor: Colors.white.withOpacity(0.05), + fillColor: Colors.white.withValues(alpha: 0.05), border: OutlineInputBorder( borderRadius: BorderRadius.circular(10), - borderSide: BorderSide(color: Colors.white.withOpacity(0.2)), + borderSide: BorderSide( + color: Colors.white.withValues(alpha: 0.2)), ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(10), - borderSide: BorderSide(color: Colors.white.withOpacity(0.2)), + borderSide: BorderSide( + color: Colors.white.withValues(alpha: 0.2)), ), focusedBorder: const OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10)), - borderSide: BorderSide(color: Color(0xFF00D4AA), width: 2), + borderSide: + BorderSide(color: Color(0xFF00D4AA), width: 2), ), contentPadding: const EdgeInsets.all(14), ), @@ -916,7 +954,8 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { GridView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), - gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( + gridDelegate: + const SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 4, crossAxisSpacing: 6, mainAxisSpacing: 6, @@ -936,13 +975,20 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { decoration: BoxDecoration( gradient: isSelected ? const LinearGradient( - colors: [Color(0xFF00D4AA), Color(0xFF00B4AA)], + colors: [ + Color(0xFF00D4AA), + Color(0xFF00B4AA) + ], ) : null, - color: isSelected ? null : Colors.white.withOpacity(0.1), + color: isSelected + ? null + : Colors.white.withValues(alpha: 0.1), borderRadius: BorderRadius.circular(8), border: Border.all( - color: isSelected ? const Color(0xFF00D4AA) : Colors.white.withOpacity(0.2), + color: isSelected + ? const Color(0xFF00D4AA) + : Colors.white.withValues(alpha: 0.2), width: isSelected ? 2 : 1, ), ), @@ -951,7 +997,9 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { children: [ Icon( _getIconData(iconData['name']!), - color: isSelected ? Colors.white : Colors.white70, + color: isSelected + ? Colors.white + : Colors.white70, size: 16, ), const SizedBox(height: 2), @@ -959,8 +1007,12 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { iconData['label']!, style: TextStyle( fontSize: 7, - color: isSelected ? Colors.white : Colors.white70, - fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal, + color: isSelected + ? Colors.white + : Colors.white70, + fontWeight: isSelected + ? FontWeight.w600 + : FontWeight.normal, ), textAlign: TextAlign.center, maxLines: 1, @@ -984,7 +1036,7 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { decoration: BoxDecoration( border: Border( top: BorderSide( - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), width: 1, ), ), @@ -993,10 +1045,13 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { children: [ Expanded( child: OutlinedButton( - onPressed: _isLoading ? null : () => Navigator.of(context).pop(false), + onPressed: _isLoading + ? null + : () => Navigator.of(context).pop(false), style: OutlinedButton.styleFrom( foregroundColor: Colors.white70, - side: BorderSide(color: Colors.white.withOpacity(0.3)), + side: BorderSide( + color: Colors.white.withValues(alpha: 0.3)), padding: const EdgeInsets.symmetric(vertical: 12), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10), @@ -1024,7 +1079,8 @@ class _EditTemplateDialogState extends State<_EditTemplateDialog> { height: 14, child: CircularProgressIndicator( strokeWidth: 2, - valueColor: AlwaysStoppedAnimation(Colors.white), + valueColor: + AlwaysStoppedAnimation(Colors.white), ), ) : const Text('Update Template'), diff --git a/lib/views/timer_view.dart b/lib/views/timer_view.dart index ce7bf5f..3e7a0c6 100644 --- a/lib/views/timer_view.dart +++ b/lib/views/timer_view.dart @@ -1,5 +1,4 @@ import 'package:flutter/material.dart'; -import 'package:flutter/services.dart'; import 'package:provider/provider.dart'; import '../controllers/timer_controller.dart'; import '../models/timer_model.dart'; @@ -97,8 +96,10 @@ class _TimerViewState extends State with TickerProviderStateMixin { } final screenSize = MediaQuery.of(context).size; - final isSmallScreen = screenSize.height < 700 || screenSize.width < 400; - final isVerySmallScreen = screenSize.height < 600 || screenSize.width < 350; + final isSmallScreen = + screenSize.height < 700 || screenSize.width < 400; + final isVerySmallScreen = + screenSize.height < 600 || screenSize.width < 350; // Responsive spacing final headerSpacing = isVerySmallScreen @@ -137,7 +138,8 @@ class _TimerViewState extends State with TickerProviderStateMixin { ), child: SafeArea( child: Padding( - padding: EdgeInsets.symmetric(horizontal: sidePadding, vertical: 12.0), + padding: EdgeInsets.symmetric( + horizontal: sidePadding, vertical: 12.0), child: Column( children: [ // Header with settings @@ -197,20 +199,20 @@ class _TimerViewState extends State with TickerProviderStateMixin { decoration: BoxDecoration( gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.03), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.03), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), borderRadius: BorderRadius.circular(16), border: Border.all( - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), width: 1, ), boxShadow: [ BoxShadow( - color: Colors.black.withOpacity(0.15), + color: Colors.black.withValues(alpha: 0.15), blurRadius: 10, offset: const Offset(0, 2), ), @@ -230,7 +232,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { ), boxShadow: [ BoxShadow( - color: const Color(0xFF00D4AA).withOpacity(0.3), + color: const Color(0xFF00D4AA).withValues(alpha: 0.3), blurRadius: 8, spreadRadius: 0, ), @@ -269,7 +271,10 @@ class _TimerViewState extends State with TickerProviderStateMixin { style: TextStyle( fontWeight: FontWeight.w400, fontSize: 11, - color: presetName != null ? const Color(0xFF00D4AA).withOpacity(0.8) : Colors.white.withOpacity(0.6), + color: presetName != null + ? const Color(0xFF00D4AA) + .withValues(alpha: 0.8) + : Colors.white.withValues(alpha: 0.6), letterSpacing: 0.1, height: 1.0, ), @@ -292,7 +297,8 @@ class _TimerViewState extends State with TickerProviderStateMixin { const SizedBox(width: 12), // Action buttons with better spacing - _buildHeaderActionButtons(controller, isVerySmallScreen, isSmallScreen), + _buildHeaderActionButtons( + controller, isVerySmallScreen, isSmallScreen), ], ), ); @@ -312,13 +318,13 @@ class _TimerViewState extends State with TickerProviderStateMixin { decoration: BoxDecoration( gradient: LinearGradient( colors: [ - const Color(0xFFFF6B35).withOpacity(0.3), - const Color(0xFFFF8E53).withOpacity(0.2), + const Color(0xFFFF6B35).withValues(alpha: 0.3), + const Color(0xFFFF8E53).withValues(alpha: 0.2), ], ), borderRadius: BorderRadius.circular(12), border: Border.all( - color: const Color(0xFFFF6B35).withOpacity(0.4), + color: const Color(0xFFFF6B35).withValues(alpha: 0.4), width: 1, ), ), @@ -345,7 +351,8 @@ class _TimerViewState extends State with TickerProviderStateMixin { ); } - Widget _buildHeaderActionButtons(TimerController controller, bool isVerySmallScreen, bool isSmallScreen) { + Widget _buildHeaderActionButtons( + TimerController controller, bool isVerySmallScreen, bool isSmallScreen) { final buttonSize = isVerySmallScreen ? 40.0 : 44.0; final buttonSpacing = isVerySmallScreen ? 8.0 : 10.0; @@ -355,8 +362,8 @@ class _TimerViewState extends State with TickerProviderStateMixin { // Quick access - Presets _buildModernHeaderButton( icon: Icons.library_books_outlined, - color: Colors.white.withOpacity(0.06), - iconColor: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.06), + iconColor: Colors.white.withValues(alpha: 0.8), size: buttonSize, onPressed: () => Navigator.push( context, @@ -370,7 +377,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { // History _buildModernHeaderButton( icon: Icons.analytics_outlined, - color: const Color(0xFF2196F3).withOpacity(0.12), + color: const Color(0xFF2196F3).withValues(alpha: 0.12), iconColor: const Color(0xFF2196F3), size: buttonSize, onPressed: () => Navigator.push( @@ -385,7 +392,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { // More options menu - consolidated for clean look _buildModernHeaderButton( icon: Icons.tune_rounded, - color: const Color(0xFF00D4AA).withOpacity(0.12), + color: const Color(0xFF00D4AA).withValues(alpha: 0.12), iconColor: const Color(0xFF00D4AA), size: buttonSize, onPressed: () => _showQuickActionsMenu(context, controller), @@ -410,19 +417,21 @@ class _TimerViewState extends State with TickerProviderStateMixin { color: color, borderRadius: BorderRadius.circular(14), border: Border.all( - color: isHighlighted ? const Color(0xFF00D4AA).withOpacity(0.3) : Colors.white.withOpacity(0.12), + color: isHighlighted + ? const Color(0xFF00D4AA).withValues(alpha: 0.3) + : Colors.white.withValues(alpha: 0.12), width: 1, ), boxShadow: [ if (isHighlighted) BoxShadow( - color: const Color(0xFF00D4AA).withOpacity(0.2), + color: const Color(0xFF00D4AA).withValues(alpha: 0.2), blurRadius: 8, offset: const Offset(0, 2), ) else BoxShadow( - color: Colors.black.withOpacity(0.1), + color: Colors.black.withValues(alpha: 0.1), blurRadius: 4, offset: const Offset(0, 1), ), @@ -477,7 +486,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { ), boxShadow: [ BoxShadow( - color: const Color(0xFF00FF88).withOpacity(0.5), + color: const Color(0xFF00FF88).withValues(alpha: 0.5), blurRadius: 30, spreadRadius: 10, ), @@ -510,7 +519,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { Text( 'Great job! You completed all sets.', style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 16, ), ), @@ -572,11 +581,11 @@ class _TimerViewState extends State with TickerProviderStateMixin { height: 70, decoration: BoxDecoration( shape: BoxShape.circle, - color: color.withOpacity(isPrimary ? 1.0 : 0.3), + color: color.withValues(alpha: isPrimary ? 1.0 : 0.3), boxShadow: isPrimary ? [ BoxShadow( - color: color.withOpacity(0.4), + color: color.withValues(alpha: 0.4), blurRadius: 20, spreadRadius: 5, ), @@ -596,7 +605,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { Text( label, style: TextStyle( - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), fontSize: 12, fontWeight: FontWeight.w500, ), @@ -608,7 +617,9 @@ class _TimerViewState extends State with TickerProviderStateMixin { Widget _buildProgressSection(TimerModel timer) { final screenSize = MediaQuery.of(context).size; final isSmallScreen = screenSize.height < 700 || screenSize.width < 400; - final primaryColor = timer.isInRestPeriod ? const Color(0xFFFF6B35) : const Color(0xFF00D4AA); + final primaryColor = timer.isInRestPeriod + ? const Color(0xFFFF6B35) + : const Color(0xFF00D4AA); return Container( padding: const EdgeInsets.all(20), @@ -617,19 +628,19 @@ class _TimerViewState extends State with TickerProviderStateMixin { borderRadius: BorderRadius.circular(20), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.06), - Colors.white.withOpacity(0.02), + Colors.white.withValues(alpha: 0.06), + Colors.white.withValues(alpha: 0.02), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), width: 1, ), boxShadow: [ BoxShadow( - color: Colors.black.withOpacity(0.15), + color: Colors.black.withValues(alpha: 0.15), blurRadius: 12, offset: const Offset(0, 4), ), @@ -652,12 +663,12 @@ class _TimerViewState extends State with TickerProviderStateMixin { padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), decoration: BoxDecoration( borderRadius: BorderRadius.circular(12), - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), ), child: Text( 'of', style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: isSmallScreen ? 13 : 14, fontWeight: FontWeight.w500, ), @@ -666,7 +677,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { const SizedBox(width: 12), _buildSetCounterBadge( value: timer.totalSets, - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), isActive: false, isSmallScreen: isSmallScreen, ), @@ -685,19 +696,20 @@ class _TimerViewState extends State with TickerProviderStateMixin { Text( 'Workout Progress', style: TextStyle( - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), fontSize: 13, fontWeight: FontWeight.w600, letterSpacing: 0.5, ), ), Container( - padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 2), + padding: + const EdgeInsets.symmetric(horizontal: 8, vertical: 2), decoration: BoxDecoration( borderRadius: BorderRadius.circular(10), - color: primaryColor.withOpacity(0.15), + color: primaryColor.withValues(alpha: 0.15), border: Border.all( - color: primaryColor.withOpacity(0.3), + color: primaryColor.withValues(alpha: 0.3), width: 1, ), ), @@ -719,8 +731,8 @@ class _TimerViewState extends State with TickerProviderStateMixin { borderRadius: BorderRadius.circular(4), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.05), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.05), ], ), ), @@ -756,26 +768,28 @@ class _TimerViewState extends State with TickerProviderStateMixin { gradient: isActive ? LinearGradient( colors: [ - color.withOpacity(0.2), - color.withOpacity(0.1), + color.withValues(alpha: 0.2), + color.withValues(alpha: 0.1), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ) : LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], ), border: Border.all( - color: isActive ? color.withOpacity(0.4) : Colors.white.withOpacity(0.2), + color: isActive + ? color.withValues(alpha: 0.4) + : Colors.white.withValues(alpha: 0.2), width: 1.5, ), boxShadow: isActive ? [ BoxShadow( - color: color.withOpacity(0.2), + color: color.withValues(alpha: 0.2), blurRadius: 8, offset: const Offset(0, 2), ), @@ -796,26 +810,32 @@ class _TimerViewState extends State with TickerProviderStateMixin { Widget _buildAnimatedTimerCircle(TimerModel timer) { final isRest = timer.isInRestPeriod; - final primaryColor = isRest ? const Color(0xFFFF6B35) : const Color(0xFF00D4AA); - final isRunning = timer.state == TimerState.running || timer.state == TimerState.resting; + final primaryColor = + isRest ? const Color(0xFFFF6B35) : const Color(0xFF00D4AA); + final isRunning = + timer.state == TimerState.running || timer.state == TimerState.resting; return LayoutBuilder( builder: (context, constraints) { final screenSize = MediaQuery.of(context).size; final isSmallScreen = screenSize.height < 700 || screenSize.width < 400; - final isVerySmallScreen = screenSize.height < 600 || screenSize.width < 350; + final isVerySmallScreen = + screenSize.height < 600 || screenSize.width < 350; // Calculate optimal circle size based on available space and screen characteristics final availableWidth = constraints.maxWidth; final availableHeight = constraints.maxHeight; - final minDimension = availableWidth < availableHeight ? availableWidth : availableHeight; + final minDimension = + availableWidth < availableHeight ? availableWidth : availableHeight; // Calculate max allowed size first final maxAllowedSize = minDimension * 0.9; const absoluteMinSize = 80.0; // Reduced absolute minimum // Ensure we have a valid range for clamping - final effectiveMinSize = absoluteMinSize > maxAllowedSize ? maxAllowedSize * 0.8 : absoluteMinSize; + final effectiveMinSize = absoluteMinSize > maxAllowedSize + ? maxAllowedSize * 0.8 + : absoluteMinSize; // More conservative sizing to prevent overflow double circleSize; @@ -831,7 +851,9 @@ class _TimerViewState extends State with TickerProviderStateMixin { circleSize = circleSize.clamp(effectiveMinSize, maxAllowedSize); // Calculate progress - final totalDuration = timer.isInRestPeriod ? timer.restDurationSeconds : timer.setDurationSeconds; + final totalDuration = timer.isInRestPeriod + ? timer.restDurationSeconds + : timer.setDurationSeconds; final elapsed = totalDuration - timer.remainingSeconds; final progressValue = totalDuration > 0 ? elapsed / totalDuration : 0.0; @@ -858,16 +880,16 @@ class _TimerViewState extends State with TickerProviderStateMixin { shape: BoxShape.circle, gradient: RadialGradient( colors: [ - primaryColor.withOpacity(0.2), - primaryColor.withOpacity(0.1), - primaryColor.withOpacity(0.05), + primaryColor.withValues(alpha: 0.2), + primaryColor.withValues(alpha: 0.1), + primaryColor.withValues(alpha: 0.05), Colors.transparent, ], stops: const [0.0, 0.3, 0.6, 1.0], ), boxShadow: [ BoxShadow( - color: primaryColor.withOpacity(0.4), + color: primaryColor.withValues(alpha: 0.4), blurRadius: circleSize * 0.12, spreadRadius: 0, ), @@ -884,12 +906,12 @@ class _TimerViewState extends State with TickerProviderStateMixin { shape: BoxShape.circle, gradient: RadialGradient( colors: [ - Colors.black.withOpacity(0.6), - Colors.black.withOpacity(0.8), + Colors.black.withValues(alpha: 0.6), + Colors.black.withValues(alpha: 0.8), ], ), border: Border.all( - color: primaryColor.withOpacity(0.3), + color: primaryColor.withValues(alpha: 0.3), width: 2, ), ), @@ -903,8 +925,10 @@ class _TimerViewState extends State with TickerProviderStateMixin { child: CircularProgressIndicator( value: progressValue, strokeWidth: (circleSize * 0.025).clamp(4.0, 8.0), - backgroundColor: Colors.white.withOpacity(0.1), - valueColor: AlwaysStoppedAnimation(primaryColor), + backgroundColor: + Colors.white.withValues(alpha: 0.1), + valueColor: + AlwaysStoppedAnimation(primaryColor), strokeCap: StrokeCap.round, ), ), @@ -928,12 +952,13 @@ class _TimerViewState extends State with TickerProviderStateMixin { gradient: LinearGradient( colors: [ primaryColor, - primaryColor.withOpacity(0.8), + primaryColor.withValues(alpha: 0.8), ], ), boxShadow: [ BoxShadow( - color: primaryColor.withOpacity(0.5), + color: + primaryColor.withValues(alpha: 0.5), blurRadius: 12, offset: const Offset(0, 2), ), @@ -960,9 +985,9 @@ class _TimerViewState extends State with TickerProviderStateMixin { ), decoration: BoxDecoration( borderRadius: BorderRadius.circular(12), - color: Colors.black.withOpacity(0.5), + color: Colors.black.withValues(alpha: 0.5), border: Border.all( - color: Colors.white.withOpacity(0.2), + color: Colors.white.withValues(alpha: 0.2), width: 1, ), ), @@ -973,7 +998,9 @@ class _TimerViewState extends State with TickerProviderStateMixin { fontWeight: FontWeight.w300, color: Colors.white, height: 1.0, - fontFeatures: const [FontFeature.tabularFigures()], + fontFeatures: const [ + FontFeature.tabularFigures() + ], ), ), ), @@ -988,7 +1015,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { ), decoration: BoxDecoration( borderRadius: BorderRadius.circular(16), - color: primaryColor.withOpacity(0.2), + color: primaryColor.withValues(alpha: 0.2), ), child: Text( '${(progressValue * 100).toInt()}%', @@ -1010,13 +1037,15 @@ class _TimerViewState extends State with TickerProviderStateMixin { ), decoration: BoxDecoration( borderRadius: BorderRadius.circular(10), - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), ), child: Text( _getStateText(timer.state), style: TextStyle( - fontSize: (circleSize * 0.035).clamp(9.0, 11.0), - color: Colors.white.withOpacity(0.7), + fontSize: + (circleSize * 0.035).clamp(9.0, 11.0), + color: + Colors.white.withValues(alpha: 0.7), letterSpacing: 0.5, fontWeight: FontWeight.w500, ), @@ -1038,7 +1067,8 @@ class _TimerViewState extends State with TickerProviderStateMixin { ); } - Widget _buildEnhancedControlButtons(TimerController controller, TimerModel timer) { + Widget _buildEnhancedControlButtons( + TimerController controller, TimerModel timer) { final screenSize = MediaQuery.of(context).size; final isSmallScreen = screenSize.height < 700 || screenSize.width < 400; final isVerySmallScreen = screenSize.height < 600 || screenSize.width < 350; @@ -1066,19 +1096,19 @@ class _TimerViewState extends State with TickerProviderStateMixin { borderRadius: BorderRadius.circular(24), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: Colors.white.withOpacity(0.12), + color: Colors.white.withValues(alpha: 0.12), width: 1, ), boxShadow: [ BoxShadow( - color: Colors.black.withOpacity(0.2), + color: Colors.black.withValues(alpha: 0.2), blurRadius: 12, offset: const Offset(0, 4), ), @@ -1091,7 +1121,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { _buildControlButton( icon: Icons.refresh_rounded, onPressed: controller.resetTimer, - color: Colors.white.withOpacity(0.2), + color: Colors.white.withValues(alpha: 0.2), size: sideButtonSize, label: 'Reset', isEnabled: timer.state != TimerState.idle, @@ -1100,13 +1130,23 @@ class _TimerViewState extends State with TickerProviderStateMixin { // Main play/pause button _buildControlButton( - icon: timer.state == TimerState.running || timer.state == TimerState.resting ? Icons.pause_rounded : Icons.play_arrow_rounded, - onPressed: - timer.state == TimerState.running || timer.state == TimerState.resting ? controller.pauseTimer : controller.startTimer, - color: timer.isInRestPeriod ? const Color(0xFFFF6B35) : const Color(0xFF00D4AA), + icon: timer.state == TimerState.running || + timer.state == TimerState.resting + ? Icons.pause_rounded + : Icons.play_arrow_rounded, + onPressed: timer.state == TimerState.running || + timer.state == TimerState.resting + ? controller.pauseTimer + : controller.startTimer, + color: timer.isInRestPeriod + ? const Color(0xFFFF6B35) + : const Color(0xFF00D4AA), size: mainButtonSize, isMain: true, - label: timer.state == TimerState.running || timer.state == TimerState.resting ? 'Pause' : 'Start', + label: timer.state == TimerState.running || + timer.state == TimerState.resting + ? 'Pause' + : 'Start', isEnabled: true, isSmallScreen: isVerySmallScreen, ), @@ -1115,10 +1155,11 @@ class _TimerViewState extends State with TickerProviderStateMixin { _buildControlButton( icon: Icons.tune_rounded, onPressed: () => _showSettingsModal(context, controller), - color: Colors.white.withOpacity(0.2), + color: Colors.white.withValues(alpha: 0.2), size: sideButtonSize, label: 'Settings', - isEnabled: timer.state == TimerState.idle || timer.state == TimerState.paused, + isEnabled: timer.state == TimerState.idle || + timer.state == TimerState.paused, isSmallScreen: isVerySmallScreen, ), ], @@ -1136,8 +1177,9 @@ class _TimerViewState extends State with TickerProviderStateMixin { bool isEnabled = true, bool isSmallScreen = false, }) { - final buttonColor = isEnabled ? color : Colors.grey.withOpacity(0.3); - final iconColor = isEnabled ? Colors.white : Colors.white.withOpacity(0.5); + final buttonColor = isEnabled ? color : Colors.grey.withValues(alpha: 0.3); + final iconColor = + isEnabled ? Colors.white : Colors.white.withValues(alpha: 0.5); final labelFontSize = isSmallScreen ? 10.0 : 12.0; return Column( @@ -1152,7 +1194,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { ? RadialGradient( colors: [ buttonColor, - buttonColor.withOpacity(0.8), + buttonColor.withValues(alpha: 0.8), ], ) : null, @@ -1160,7 +1202,9 @@ class _TimerViewState extends State with TickerProviderStateMixin { boxShadow: isEnabled ? [ BoxShadow( - color: isMain ? buttonColor.withOpacity(0.5) : Colors.black.withOpacity(0.3), + color: isMain + ? buttonColor.withValues(alpha: 0.5) + : Colors.black.withValues(alpha: 0.3), blurRadius: isMain ? 20 : 10, spreadRadius: isMain ? 2 : 1, offset: const Offset(0, 3), @@ -1185,7 +1229,9 @@ class _TimerViewState extends State with TickerProviderStateMixin { Text( label, style: TextStyle( - color: isEnabled ? Colors.white.withOpacity(0.8) : Colors.white.withOpacity(0.4), + color: isEnabled + ? Colors.white.withValues(alpha: 0.8) + : Colors.white.withValues(alpha: 0.4), fontSize: labelFontSize, fontWeight: FontWeight.w500, ), @@ -1271,7 +1317,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { width: 36, height: 3, decoration: BoxDecoration( - color: Colors.white.withOpacity(0.3), + color: Colors.white.withValues(alpha: 0.3), borderRadius: BorderRadius.circular(2), ), ), @@ -1285,8 +1331,8 @@ class _TimerViewState extends State with TickerProviderStateMixin { decoration: BoxDecoration( gradient: LinearGradient( colors: [ - const Color(0xFF00D4AA).withOpacity(0.2), - const Color(0xFF00D4AA).withOpacity(0.1), + const Color(0xFF00D4AA).withValues(alpha: 0.2), + const Color(0xFF00D4AA).withValues(alpha: 0.1), ], ), borderRadius: BorderRadius.circular(12), @@ -1390,12 +1436,12 @@ class _TimerViewState extends State with TickerProviderStateMixin { borderRadius: BorderRadius.circular(16), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.05), - Colors.white.withOpacity(0.02), + Colors.white.withValues(alpha: 0.05), + Colors.white.withValues(alpha: 0.02), ], ), border: Border.all( - color: Colors.white.withOpacity(0.08), + color: Colors.white.withValues(alpha: 0.08), width: 1, ), ), @@ -1411,7 +1457,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { Container( padding: const EdgeInsets.all(10), decoration: BoxDecoration( - color: color.withOpacity(0.15), + color: color.withValues(alpha: 0.15), borderRadius: BorderRadius.circular(12), ), child: Icon( @@ -1437,7 +1483,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { Text( subtitle, style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 13, ), ), @@ -1446,7 +1492,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { ), Icon( Icons.arrow_forward_ios_rounded, - color: Colors.white.withOpacity(0.3), + color: Colors.white.withValues(alpha: 0.3), size: 16, ), ], @@ -1490,13 +1536,13 @@ class _TimerViewState extends State with TickerProviderStateMixin { begin: Alignment.centerLeft, end: Alignment.centerRight, colors: [ - const Color(0xFFFF6B35).withOpacity(0.2), - const Color(0xFFFF8E53).withOpacity(0.1), + const Color(0xFFFF6B35).withValues(alpha: 0.2), + const Color(0xFFFF8E53).withValues(alpha: 0.1), ], ), borderRadius: BorderRadius.circular(16), border: Border.all( - color: const Color(0xFFFF6B35).withOpacity(0.3), + color: const Color(0xFFFF6B35).withValues(alpha: 0.3), width: 1, ), ), @@ -1531,7 +1577,7 @@ class _TimerViewState extends State with TickerProviderStateMixin { Text( _getStreakMessage(streak), style: TextStyle( - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), fontSize: 14, ), textAlign: TextAlign.center, @@ -1621,13 +1667,16 @@ class _SettingsModalState extends State<_SettingsModal> { _buildSlider('Total Sets', _totalSets, 1, 20, (value) { setState(() => _totalSets = value.round()); }, context), - _buildSlider('Set Duration (seconds)', _setDuration, 10, 300, (value) { + _buildSlider('Set Duration (seconds)', _setDuration, 10, 300, + (value) { setState(() => _setDuration = value.round()); }, context), - _buildSlider('Rest Duration (seconds)', _restDuration, 5, 120, (value) { + _buildSlider('Rest Duration (seconds)', _restDuration, 5, 120, + (value) { setState(() => _restDuration = value.round()); }, context), - _buildSlider('Rest After Sets', _restAfterSets, 1, 5, (value) { + _buildSlider('Rest After Sets', _restAfterSets, 1, 5, + (value) { setState(() => _restAfterSets = value.round()); }, context), ], @@ -1707,7 +1756,8 @@ class _SettingsModalState extends State<_SettingsModal> { ); } - Widget _buildSlider(String label, int value, int min, int max, ValueChanged onChanged, BuildContext context) { + Widget _buildSlider(String label, int value, int min, int max, + ValueChanged onChanged, BuildContext context) { return Padding( padding: const EdgeInsets.only(bottom: 20), child: Column( @@ -1738,9 +1788,9 @@ class _SettingsModalState extends State<_SettingsModal> { SliderTheme( data: SliderTheme.of(context).copyWith( activeTrackColor: const Color(0xFF00D4AA), - inactiveTrackColor: Colors.white.withOpacity(0.2), + inactiveTrackColor: Colors.white.withValues(alpha: 0.2), thumbColor: const Color(0xFF00D4AA), - overlayColor: const Color(0xFF00D4AA).withOpacity(0.2), + overlayColor: const Color(0xFF00D4AA).withValues(alpha: 0.2), trackHeight: 4, ), child: Slider( diff --git a/lib/views/voice_coaching_settings_view.dart b/lib/views/voice_coaching_settings_view.dart index e86229e..2599401 100644 --- a/lib/views/voice_coaching_settings_view.dart +++ b/lib/views/voice_coaching_settings_view.dart @@ -7,10 +7,12 @@ class VoiceCoachingSettingsView extends StatefulWidget { const VoiceCoachingSettingsView({super.key}); @override - State createState() => _VoiceCoachingSettingsViewState(); + State createState() => + _VoiceCoachingSettingsViewState(); } -class _VoiceCoachingSettingsViewState extends State with TickerProviderStateMixin { +class _VoiceCoachingSettingsViewState extends State + with TickerProviderStateMixin { final VoiceCoachingService _voiceService = VoiceCoachingService(); late AnimationController _fadeController; late Animation _fadeAnimation; @@ -97,12 +99,12 @@ class _VoiceCoachingSettingsViewState extends State w shape: BoxShape.circle, gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.12), - Colors.white.withOpacity(0.06), + Colors.white.withValues(alpha: 0.12), + Colors.white.withValues(alpha: 0.06), ], ), border: Border.all( - color: Colors.white.withOpacity(0.15), + color: Colors.white.withValues(alpha: 0.15), width: 1, ), ), @@ -131,7 +133,7 @@ class _VoiceCoachingSettingsViewState extends State w Text( 'Personalize your workout voice coach', style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 14, ), ), @@ -145,8 +147,8 @@ class _VoiceCoachingSettingsViewState extends State w shape: BoxShape.circle, gradient: LinearGradient( colors: [ - const Color(0xFF9C27B0).withOpacity(0.2), - const Color(0xFF9C27B0).withOpacity(0.1), + const Color(0xFF9C27B0).withValues(alpha: 0.2), + const Color(0xFF9C27B0).withValues(alpha: 0.1), ], ), ), @@ -177,14 +179,14 @@ class _VoiceCoachingSettingsViewState extends State w borderRadius: BorderRadius.circular(16), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: Colors.white.withOpacity(0.12), + color: Colors.white.withValues(alpha: 0.12), width: 1, ), ), @@ -245,21 +247,24 @@ class _VoiceCoachingSettingsViewState extends State w ); } - Widget _buildGenderOption(String label, IconData icon, VoiceGender gender, bool isSelected) { + Widget _buildGenderOption( + String label, IconData icon, VoiceGender gender, bool isSelected) { return Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(12), gradient: isSelected ? LinearGradient( colors: [ - const Color(0xFF9C27B0).withOpacity(0.2), - const Color(0xFF9C27B0).withOpacity(0.1), + const Color(0xFF9C27B0).withValues(alpha: 0.2), + const Color(0xFF9C27B0).withValues(alpha: 0.1), ], ) : null, - color: isSelected ? null : Colors.white.withOpacity(0.05), + color: isSelected ? null : Colors.white.withValues(alpha: 0.05), border: Border.all( - color: isSelected ? const Color(0xFF9C27B0) : Colors.white.withOpacity(0.2), + color: isSelected + ? const Color(0xFF9C27B0) + : Colors.white.withValues(alpha: 0.2), width: isSelected ? 2 : 1, ), ), @@ -272,11 +277,11 @@ class _VoiceCoachingSettingsViewState extends State w await _voiceService.setVoiceGender(gender); // Then update UI state setState(() {}); - + // Play a test sample so user can hear the difference immediately await Future.delayed(const Duration(milliseconds: 300)); await _voiceService.testVoice(); - + // Show feedback HapticFeedback.lightImpact(); }, @@ -294,7 +299,8 @@ class _VoiceCoachingSettingsViewState extends State w Text( label, style: TextStyle( - color: isSelected ? const Color(0xFF9C27B0) : Colors.white70, + color: + isSelected ? const Color(0xFF9C27B0) : Colors.white70, fontSize: 14, fontWeight: FontWeight.w600, ), @@ -347,28 +353,30 @@ class _VoiceCoachingSettingsViewState extends State w gradient: isSelected ? LinearGradient( colors: [ - color.withOpacity(0.2), - color.withOpacity(0.1), + color.withValues(alpha: 0.2), + color.withValues(alpha: 0.1), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ) : LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: isSelected ? color.withOpacity(0.5) : Colors.white.withOpacity(0.12), + color: isSelected + ? color.withValues(alpha: 0.5) + : Colors.white.withValues(alpha: 0.12), width: isSelected ? 2 : 1, ), boxShadow: isSelected ? [ BoxShadow( - color: color.withOpacity(0.3), + color: color.withValues(alpha: 0.3), blurRadius: 12, offset: const Offset(0, 4), ), @@ -396,11 +404,11 @@ class _VoiceCoachingSettingsViewState extends State w decoration: BoxDecoration( shape: BoxShape.circle, gradient: LinearGradient( - colors: [color, color.withOpacity(0.7)], + colors: [color, color.withValues(alpha: 0.7)], ), boxShadow: [ BoxShadow( - color: color.withOpacity(0.4), + color: color.withValues(alpha: 0.4), blurRadius: 8, offset: const Offset(0, 2), ), @@ -426,7 +434,7 @@ class _VoiceCoachingSettingsViewState extends State w Text( styleInfo['description'] as String, style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 11, ), textAlign: TextAlign.center, @@ -457,14 +465,14 @@ class _VoiceCoachingSettingsViewState extends State w borderRadius: BorderRadius.circular(16), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: Colors.white.withOpacity(0.12), + color: Colors.white.withValues(alpha: 0.12), width: 1, ), ), @@ -524,7 +532,7 @@ class _VoiceCoachingSettingsViewState extends State w height: 32, decoration: BoxDecoration( shape: BoxShape.circle, - color: color.withOpacity(0.2), + color: color.withValues(alpha: 0.2), ), child: Icon( icon, @@ -547,7 +555,7 @@ class _VoiceCoachingSettingsViewState extends State w padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), - color: color.withOpacity(0.2), + color: color.withValues(alpha: 0.2), ), child: Text( _formatSliderValue(label, value), @@ -564,9 +572,9 @@ class _VoiceCoachingSettingsViewState extends State w SliderTheme( data: SliderTheme.of(context).copyWith( activeTrackColor: color, - inactiveTrackColor: Colors.white.withOpacity(0.2), + inactiveTrackColor: Colors.white.withValues(alpha: 0.2), thumbColor: color, - overlayColor: color.withOpacity(0.2), + overlayColor: color.withValues(alpha: 0.2), trackHeight: 4, thumbShape: const RoundSliderThumbShape(enabledThumbRadius: 8), ), @@ -602,14 +610,14 @@ class _VoiceCoachingSettingsViewState extends State w borderRadius: BorderRadius.circular(16), gradient: LinearGradient( colors: [ - Colors.white.withOpacity(0.08), - Colors.white.withOpacity(0.04), + Colors.white.withValues(alpha: 0.08), + Colors.white.withValues(alpha: 0.04), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: Colors.white.withOpacity(0.12), + color: Colors.white.withValues(alpha: 0.12), width: 1, ), ), @@ -664,12 +672,12 @@ class _VoiceCoachingSettingsViewState extends State w borderRadius: BorderRadius.circular(16), gradient: LinearGradient( colors: [ - const Color(0xFF9C27B0).withOpacity(0.2), - const Color(0xFF9C27B0).withOpacity(0.1), + const Color(0xFF9C27B0).withValues(alpha: 0.2), + const Color(0xFF9C27B0).withValues(alpha: 0.1), ], ), border: Border.all( - color: const Color(0xFF9C27B0).withOpacity(0.3), + color: const Color(0xFF9C27B0).withValues(alpha: 0.3), width: 1, ), ), @@ -725,7 +733,7 @@ class _VoiceCoachingSettingsViewState extends State w height: 40, decoration: BoxDecoration( shape: BoxShape.circle, - color: color.withOpacity(0.2), + color: color.withValues(alpha: 0.2), ), child: Icon( icon, @@ -749,7 +757,7 @@ class _VoiceCoachingSettingsViewState extends State w Text( subtitle, style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 13, ), ), @@ -764,10 +772,10 @@ class _VoiceCoachingSettingsViewState extends State w // Then update UI state setState(() {}); }, - activeColor: color, - activeTrackColor: color.withOpacity(0.3), - inactiveThumbColor: Colors.white.withOpacity(0.5), - inactiveTrackColor: Colors.white.withOpacity(0.2), + activeThumbColor: color, + activeTrackColor: color.withValues(alpha: 0.3), + inactiveThumbColor: Colors.white.withValues(alpha: 0.5), + inactiveTrackColor: Colors.white.withValues(alpha: 0.2), ), ], ); @@ -783,8 +791,8 @@ class _VoiceCoachingSettingsViewState extends State w shape: BoxShape.circle, gradient: LinearGradient( colors: [ - const Color(0xFF9C27B0).withOpacity(0.2), - const Color(0xFF9C27B0).withOpacity(0.1), + const Color(0xFF9C27B0).withValues(alpha: 0.2), + const Color(0xFF9C27B0).withValues(alpha: 0.1), ], ), ), @@ -810,7 +818,7 @@ class _VoiceCoachingSettingsViewState extends State w Text( subtitle, style: TextStyle( - color: Colors.white.withOpacity(0.6), + color: Colors.white.withValues(alpha: 0.6), fontSize: 13, ), ), @@ -862,22 +870,24 @@ class _VoiceCoachingSettingsViewState extends State w gradient: isSelected ? LinearGradient( colors: [ - color.withOpacity(0.2), - color.withOpacity(0.1), + color.withValues(alpha: 0.2), + color.withValues(alpha: 0.1), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ) : LinearGradient( colors: [ - Colors.white.withOpacity(available ? 0.08 : 0.04), - Colors.white.withOpacity(available ? 0.04 : 0.02), + Colors.white.withValues(alpha: available ? 0.08 : 0.04), + Colors.white.withValues(alpha: available ? 0.04 : 0.02), ], begin: Alignment.topLeft, end: Alignment.bottomRight, ), border: Border.all( - color: isSelected ? color.withOpacity(0.5) : Colors.white.withOpacity(available ? 0.12 : 0.06), + color: isSelected + ? color.withValues(alpha: 0.5) + : Colors.white.withValues(alpha: available ? 0.12 : 0.06), width: isSelected ? 2 : 1, ), ), @@ -885,65 +895,74 @@ class _VoiceCoachingSettingsViewState extends State w color: Colors.transparent, child: InkWell( borderRadius: BorderRadius.circular(12), - onTap: available ? () async { - // Switch TTS provider - await _voiceService.setTtsProvider(provider); - setState(() {}); - - // Test the new voice immediately - await Future.delayed(const Duration(milliseconds: 300)); - await _voiceService.testVoice(); - - HapticFeedback.lightImpact(); - - ScaffoldMessenger.of(context).showSnackBar( - SnackBar( - content: Text('Voice quality changed to ${providerInfo['name']}! Listen to the difference!'), - backgroundColor: color, - behavior: SnackBarBehavior.floating, - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)), - duration: const Duration(seconds: 3), - ), - ); - } : () { - // Show unavailable message with helpful hint - final String platformHint = kIsWeb - ? 'This feature is not yet fully implemented.' - : 'Try running the app in a web browser (Chrome/Safari) for better voice quality!'; - - ScaffoldMessenger.of(context).showSnackBar( - SnackBar( - content: Text('${providerInfo['name']} is not available on this platform. $platformHint'), - backgroundColor: Colors.orange, - behavior: SnackBarBehavior.floating, - shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)), - duration: const Duration(seconds: 4), - ), - ); - }, + onTap: available + ? () async { + // Switch TTS provider + await _voiceService.setTtsProvider(provider); + setState(() {}); + + // Test the new voice immediately + await Future.delayed(const Duration(milliseconds: 300)); + await _voiceService.testVoice(); + + HapticFeedback.lightImpact(); + + ScaffoldMessenger.of(context).showSnackBar( + SnackBar( + content: Text( + 'Voice quality changed to ${providerInfo['name']}! Listen to the difference!'), + backgroundColor: color, + behavior: SnackBarBehavior.floating, + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.circular(8)), + duration: const Duration(seconds: 3), + ), + ); + } + : () { + // Show unavailable message with helpful hint + const String platformHint = kIsWeb + ? 'This feature is not yet fully implemented.' + : 'Try running the app in a web browser (Chrome/Safari) for better voice quality!'; + + ScaffoldMessenger.of(context).showSnackBar( + SnackBar( + content: Text( + '${providerInfo['name']} is not available on this platform. $platformHint'), + backgroundColor: Colors.orange, + behavior: SnackBarBehavior.floating, + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.circular(8)), + duration: const Duration(seconds: 4), + ), + ); + }, child: Padding( padding: const EdgeInsets.all(16), child: Row( children: [ - Container( - width: 48, - height: 48, - decoration: BoxDecoration( - shape: BoxShape.circle, - gradient: available - ? LinearGradient( - colors: [color, color.withOpacity(0.7)], - ) - : LinearGradient( - colors: [Colors.grey.withOpacity(0.5), Colors.grey.withOpacity(0.3)], - ), - ), - child: Icon( - providerInfo['icon'] as IconData, - color: available ? Colors.white : Colors.grey.shade400, - size: 24, - ), + Container( + width: 48, + height: 48, + decoration: BoxDecoration( + shape: BoxShape.circle, + gradient: available + ? LinearGradient( + colors: [color, color.withValues(alpha: 0.7)], + ) + : LinearGradient( + colors: [ + Colors.grey.withValues(alpha: 0.5), + Colors.grey.withValues(alpha: 0.3) + ], + ), ), + child: Icon( + providerInfo['icon'] as IconData, + color: available ? Colors.white : Colors.grey.shade400, + size: 24, + ), + ), const SizedBox(width: 16), Expanded( child: Column( @@ -953,7 +972,7 @@ class _VoiceCoachingSettingsViewState extends State w Text( providerInfo['name'] as String, style: TextStyle( - color: available + color: available ? (isSelected ? color : Colors.white) : Colors.grey, fontSize: 16, @@ -964,9 +983,9 @@ class _VoiceCoachingSettingsViewState extends State w Text( providerInfo['description'] as String, style: TextStyle( - color: available - ? Colors.white.withOpacity(0.7) - : Colors.grey.withOpacity(0.7), + color: available + ? Colors.white.withValues(alpha: 0.7) + : Colors.grey.withValues(alpha: 0.7), fontSize: 12, ), ), @@ -975,12 +994,13 @@ class _VoiceCoachingSettingsViewState extends State w ), if (providerInfo['badge'] != null) Container( - padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), + padding: + const EdgeInsets.symmetric(horizontal: 8, vertical: 4), decoration: BoxDecoration( borderRadius: BorderRadius.circular(8), - color: available - ? color.withOpacity(0.2) - : Colors.grey.withOpacity(0.2), + color: available + ? color.withValues(alpha: 0.2) + : Colors.grey.withValues(alpha: 0.2), ), child: Text( providerInfo['badge'] as String, @@ -1000,8 +1020,8 @@ class _VoiceCoachingSettingsViewState extends State w } Map _getTtsProviderInfo(TtsProvider provider) { - final bool isWeb = kIsWeb; - + const bool isWeb = kIsWeb; + switch (provider) { case TtsProvider.device: return { @@ -1015,7 +1035,7 @@ class _VoiceCoachingSettingsViewState extends State w case TtsProvider.cloud: return { 'name': isWeb ? 'Web Speech API' : 'Cloud TTS', - 'description': isWeb + 'description': isWeb ? 'High-quality browser voices (web only)' : 'Premium cloud voices (web only for now)', 'icon': isWeb ? Icons.web : Icons.cloud_off, diff --git a/lib/views/workout_history_view.dart b/lib/views/workout_history_view.dart index b25a9d7..51c9deb 100644 --- a/lib/views/workout_history_view.dart +++ b/lib/views/workout_history_view.dart @@ -11,7 +11,8 @@ class WorkoutHistoryView extends StatefulWidget { State createState() => _WorkoutHistoryViewState(); } -class _WorkoutHistoryViewState extends State with SingleTickerProviderStateMixin { +class _WorkoutHistoryViewState extends State + with SingleTickerProviderStateMixin { final WorkoutSessionService _sessionService = WorkoutSessionService(); late TabController _tabController; @@ -79,7 +80,8 @@ class _WorkoutHistoryViewState extends State with SingleTick case 'This Week': filteredSessions = await _sessionService.getThisWeeksWorkouts(); final now = DateTime.now(); - final startOfWeek = DateTime(now.year, now.month, now.day - now.weekday + 1); + final startOfWeek = + DateTime(now.year, now.month, now.day - now.weekday + 1); filteredStats = await _sessionService.getWorkoutStatistics( startDate: startOfWeek, endDate: now, @@ -189,13 +191,13 @@ class _WorkoutHistoryViewState extends State with SingleTick begin: Alignment.topLeft, end: Alignment.bottomRight, colors: [ - const Color(0xFFFF6B35).withOpacity(0.15), - const Color(0xFFFF8E53).withOpacity(0.08), + const Color(0xFFFF6B35).withValues(alpha: 0.15), + const Color(0xFFFF8E53).withValues(alpha: 0.08), ], ), borderRadius: BorderRadius.circular(16), border: Border.all( - color: const Color(0xFFFF6B35).withOpacity(0.3), + color: const Color(0xFFFF6B35).withValues(alpha: 0.3), width: 1, ), ), @@ -204,7 +206,7 @@ class _WorkoutHistoryViewState extends State with SingleTick Container( padding: const EdgeInsets.all(12), decoration: BoxDecoration( - color: const Color(0xFFFF6B35).withOpacity(0.2), + color: const Color(0xFFFF6B35).withValues(alpha: 0.2), shape: BoxShape.circle, ), child: const Text( @@ -220,7 +222,7 @@ class _WorkoutHistoryViewState extends State with SingleTick Text( 'Current Streak', style: TextStyle( - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), fontSize: 14, fontWeight: FontWeight.w500, ), @@ -239,12 +241,13 @@ class _WorkoutHistoryViewState extends State with SingleTick ), if (streak >= 7) Container( - padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6), + padding: + const EdgeInsets.symmetric(horizontal: 12, vertical: 6), decoration: BoxDecoration( - color: const Color(0xFFFFD700).withOpacity(0.2), + color: const Color(0xFFFFD700).withValues(alpha: 0.2), borderRadius: BorderRadius.circular(12), border: Border.all( - color: const Color(0xFFFFD700).withOpacity(0.5), + color: const Color(0xFFFFD700).withValues(alpha: 0.5), ), ), child: const Row( @@ -290,13 +293,14 @@ class _WorkoutHistoryViewState extends State with SingleTick selected: isSelected, onSelected: (_) => _filterSessions(filter), backgroundColor: const Color(0xFF2A2A2A), - selectedColor: const Color(0xFF00D4AA).withOpacity(0.2), + selectedColor: const Color(0xFF00D4AA).withValues(alpha: 0.2), labelStyle: TextStyle( color: isSelected ? const Color(0xFF00D4AA) : Colors.white70, fontWeight: isSelected ? FontWeight.bold : FontWeight.normal, ), side: BorderSide( - color: isSelected ? const Color(0xFF00D4AA) : Colors.transparent, + color: + isSelected ? const Color(0xFF00D4AA) : Colors.transparent, ), ), ); @@ -329,7 +333,7 @@ class _WorkoutHistoryViewState extends State with SingleTick shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(12), side: BorderSide( - color: _getStatusColor(session.status).withOpacity(0.3), + color: _getStatusColor(session.status).withValues(alpha: 0.3), width: 1, ), ), @@ -451,7 +455,7 @@ class _WorkoutHistoryViewState extends State with SingleTick return Container( padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 4), decoration: BoxDecoration( - color: _getStatusColor(status).withOpacity(0.2), + color: _getStatusColor(status).withValues(alpha: 0.2), borderRadius: BorderRadius.circular(12), border: Border.all( color: _getStatusColor(status), @@ -613,14 +617,15 @@ class _WorkoutHistoryViewState extends State with SingleTick ); } - Widget _buildStatCard(String title, String value, IconData icon, Color color) { + Widget _buildStatCard( + String title, String value, IconData icon, Color color) { return Container( padding: const EdgeInsets.all(16), decoration: BoxDecoration( color: const Color(0xFF1A1A1A), borderRadius: BorderRadius.circular(12), border: Border.all( - color: color.withOpacity(0.3), + color: color.withValues(alpha: 0.3), width: 1, ), ), @@ -721,7 +726,20 @@ class _WorkoutHistoryViewState extends State with SingleTick } String _formatDateTime(DateTime dateTime) { - final months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; + final months = [ + 'Jan', + 'Feb', + 'Mar', + 'Apr', + 'May', + 'Jun', + 'Jul', + 'Aug', + 'Sep', + 'Oct', + 'Nov', + 'Dec' + ]; return '${months[dateTime.month - 1]} ${dateTime.day}, ${dateTime.year} • ${dateTime.hour.toString().padLeft(2, '0')}:${dateTime.minute.toString().padLeft(2, '0')}'; } @@ -743,7 +761,8 @@ class _WorkoutHistoryViewState extends State with SingleTick } Widget _buildWorkoutFrequencyChart() { - final frequency = _advancedAnalytics!['workoutFrequency'] as Map; + final frequency = + _advancedAnalytics!['workoutFrequency'] as Map; if (frequency.isEmpty) return const SizedBox(); return Container( @@ -752,7 +771,7 @@ class _WorkoutHistoryViewState extends State with SingleTick color: const Color(0xFF1A1A1A), borderRadius: BorderRadius.circular(16), border: Border.all( - color: const Color(0xFF00D4AA).withOpacity(0.2), + color: const Color(0xFF00D4AA).withValues(alpha: 0.2), ), ), child: Column( @@ -772,13 +791,26 @@ class _WorkoutHistoryViewState extends State with SingleTick child: BarChart( BarChartData( alignment: BarChartAlignment.spaceAround, - maxY: frequency.values.isNotEmpty ? frequency.values.reduce((a, b) => a > b ? a : b).toDouble() * 1.2 : 10, + maxY: frequency.values.isNotEmpty + ? frequency.values + .reduce((a, b) => a > b ? a : b) + .toDouble() * + 1.2 + : 10, barTouchData: BarTouchData( enabled: true, touchTooltipData: BarTouchTooltipData( tooltipBgColor: const Color(0xFF2A2A2A), getTooltipItem: (group, groupIndex, rod, rodIndex) { - final days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; + final days = [ + 'Mon', + 'Tue', + 'Wed', + 'Thu', + 'Fri', + 'Sat', + 'Sun' + ]; return BarTooltipItem( '${days[group.x]}: ${rod.toY.round()} workouts', const TextStyle(color: Colors.white, fontSize: 14), @@ -788,19 +820,30 @@ class _WorkoutHistoryViewState extends State with SingleTick ), titlesData: FlTitlesData( show: true, - rightTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)), - topTitles: const AxisTitles(sideTitles: SideTitles(showTitles: false)), + rightTitles: const AxisTitles( + sideTitles: SideTitles(showTitles: false)), + topTitles: const AxisTitles( + sideTitles: SideTitles(showTitles: false)), bottomTitles: AxisTitles( sideTitles: SideTitles( showTitles: true, getTitlesWidget: (value, meta) { - const days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; + const days = [ + 'Mon', + 'Tue', + 'Wed', + 'Thu', + 'Fri', + 'Sat', + 'Sun' + ]; if (value.toInt() >= 0 && value.toInt() < days.length) { return Padding( padding: const EdgeInsets.only(top: 8), child: Text( days[value.toInt()], - style: const TextStyle(color: Colors.white70, fontSize: 12), + style: const TextStyle( + color: Colors.white70, fontSize: 12), ), ); } @@ -816,7 +859,8 @@ class _WorkoutHistoryViewState extends State with SingleTick getTitlesWidget: (value, meta) { return Text( value.toInt().toString(), - style: const TextStyle(color: Colors.white70, fontSize: 12), + style: const TextStyle( + color: Colors.white70, fontSize: 12), ); }, ), @@ -834,7 +878,15 @@ class _WorkoutHistoryViewState extends State with SingleTick } List _buildBarGroups(Map frequency) { - const dayOrder = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']; + const dayOrder = [ + 'Monday', + 'Tuesday', + 'Wednesday', + 'Thursday', + 'Friday', + 'Saturday', + 'Sunday' + ]; return dayOrder.asMap().entries.map((entry) { final index = entry.key; final day = entry.value; @@ -872,11 +924,11 @@ class _WorkoutHistoryViewState extends State with SingleTick ), borderRadius: BorderRadius.circular(20), border: Border.all( - color: const Color(0xFF00D4AA).withOpacity(0.2), + color: const Color(0xFF00D4AA).withValues(alpha: 0.2), ), boxShadow: [ BoxShadow( - color: const Color(0xFF00D4AA).withOpacity(0.1), + color: const Color(0xFF00D4AA).withValues(alpha: 0.1), blurRadius: 20, offset: const Offset(0, 10), ), @@ -890,7 +942,7 @@ class _WorkoutHistoryViewState extends State with SingleTick Container( padding: const EdgeInsets.all(8), decoration: BoxDecoration( - color: const Color(0xFF00D4AA).withOpacity(0.2), + color: const Color(0xFF00D4AA).withValues(alpha: 0.2), borderRadius: BorderRadius.circular(12), ), child: const Icon( @@ -926,9 +978,9 @@ class _WorkoutHistoryViewState extends State with SingleTick height: 140, decoration: BoxDecoration( shape: BoxShape.circle, - color: Colors.white.withOpacity(0.05), + color: Colors.white.withValues(alpha: 0.05), border: Border.all( - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), width: 2, ), ), @@ -972,7 +1024,7 @@ class _WorkoutHistoryViewState extends State with SingleTick Text( 'Consistent', style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 12, fontWeight: FontWeight.w500, ), @@ -1001,7 +1053,7 @@ class _WorkoutHistoryViewState extends State with SingleTick ), Container( width: 1, - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), margin: const EdgeInsets.symmetric(horizontal: 8), ), Expanded( @@ -1009,12 +1061,12 @@ class _WorkoutHistoryViewState extends State with SingleTick 'Total Days', totalDays.toString(), Icons.calendar_today, - Colors.white.withOpacity(0.7), + Colors.white.withValues(alpha: 0.7), ), ), Container( width: 1, - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), margin: const EdgeInsets.symmetric(horizontal: 8), ), Expanded( @@ -1035,10 +1087,12 @@ class _WorkoutHistoryViewState extends State with SingleTick Container( padding: const EdgeInsets.all(16), decoration: BoxDecoration( - color: _getConsistencyMessageColor(consistency).withOpacity(0.1), + color: _getConsistencyMessageColor(consistency) + .withValues(alpha: 0.1), borderRadius: BorderRadius.circular(12), border: Border.all( - color: _getConsistencyMessageColor(consistency).withOpacity(0.3), + color: _getConsistencyMessageColor(consistency) + .withValues(alpha: 0.3), ), ), child: Row( @@ -1053,7 +1107,7 @@ class _WorkoutHistoryViewState extends State with SingleTick child: Text( _getConsistencyMessage(consistency), style: TextStyle( - color: Colors.white.withOpacity(0.9), + color: Colors.white.withValues(alpha: 0.9), fontSize: 14, fontWeight: FontWeight.w500, ), @@ -1067,7 +1121,8 @@ class _WorkoutHistoryViewState extends State with SingleTick ); } - Widget _buildConsistencyStatItem(String label, String value, IconData icon, Color color) { + Widget _buildConsistencyStatItem( + String label, String value, IconData icon, Color color) { return Column( mainAxisAlignment: MainAxisAlignment.center, mainAxisSize: MainAxisSize.min, @@ -1091,7 +1146,7 @@ class _WorkoutHistoryViewState extends State with SingleTick Text( label, style: TextStyle( - color: Colors.white.withOpacity(0.7), + color: Colors.white.withValues(alpha: 0.7), fontSize: 12, fontWeight: FontWeight.w500, ), @@ -1164,7 +1219,10 @@ class _WorkoutHistoryViewState extends State with SingleTick ), Text( value, - style: const TextStyle(color: Colors.white, fontSize: 14, fontWeight: FontWeight.bold), + style: const TextStyle( + color: Colors.white, + fontSize: 14, + fontWeight: FontWeight.bold), ), ], ), diff --git a/lib/views/workout_session_detail_view.dart b/lib/views/workout_session_detail_view.dart index 1b87a24..cda598a 100644 --- a/lib/views/workout_session_detail_view.dart +++ b/lib/views/workout_session_detail_view.dart @@ -51,7 +51,7 @@ class WorkoutSessionDetailView extends StatelessWidget { color: const Color(0xFF1A1A1A), borderRadius: BorderRadius.circular(16), border: Border.all( - color: _getStatusColor(session.status).withOpacity(0.3), + color: _getStatusColor(session.status).withValues(alpha: 0.3), width: 2, ), ), @@ -293,7 +293,7 @@ class WorkoutSessionDetailView extends StatelessWidget { color: const Color(0xFF1A1A1A), borderRadius: BorderRadius.circular(12), border: Border.all( - color: color.withOpacity(0.3), + color: color.withValues(alpha: 0.3), width: 1, ), ), @@ -327,7 +327,7 @@ class WorkoutSessionDetailView extends StatelessWidget { return Container( padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6), decoration: BoxDecoration( - color: _getStatusColor(status).withOpacity(0.2), + color: _getStatusColor(status).withValues(alpha: 0.2), borderRadius: BorderRadius.circular(16), border: Border.all( color: _getStatusColor(status), diff --git a/lib/widgets/achievement_notification_widget.dart b/lib/widgets/achievement_notification_widget.dart index addfb3b..7cfe8d0 100644 --- a/lib/widgets/achievement_notification_widget.dart +++ b/lib/widgets/achievement_notification_widget.dart @@ -13,10 +13,12 @@ class AchievementNotificationWidget extends StatefulWidget { }); @override - State createState() => _AchievementNotificationWidgetState(); + State createState() => + _AchievementNotificationWidgetState(); } -class _AchievementNotificationWidgetState extends State with TickerProviderStateMixin { +class _AchievementNotificationWidgetState + extends State with TickerProviderStateMixin { late AnimationController _slideController; late AnimationController _scaleController; late Animation _slideAnimation; @@ -114,8 +116,8 @@ class _AchievementNotificationWidgetState extends State 0.5 ? Colors.black87 : Colors.white, + color: tierColor.computeLuminance() > 0.5 + ? Colors.black87 + : Colors.white, fontSize: 10, fontWeight: FontWeight.bold, ), diff --git a/lib/widgets/save_template_dialog.dart b/lib/widgets/save_template_dialog.dart index 92d803b..3ca2f99 100644 --- a/lib/widgets/save_template_dialog.dart +++ b/lib/widgets/save_template_dialog.dart @@ -128,7 +128,9 @@ class _SaveTemplateDialogState extends State { constraints: BoxConstraints( maxWidth: isSmallScreen ? screenSize.width * 0.95 : 420, maxHeight: isKeyboardVisible - ? screenSize.height - keyboardHeight - 60 // Conservative space for keyboard + ? screenSize.height - + keyboardHeight - + 60 // Conservative space for keyboard : screenSize.height * 0.85, ), child: Container( @@ -136,12 +138,12 @@ class _SaveTemplateDialogState extends State { color: const Color(0xFF1A1A1A), borderRadius: BorderRadius.circular(20), border: Border.all( - color: const Color(0xFF00D4AA).withOpacity(0.3), + color: const Color(0xFF00D4AA).withValues(alpha: 0.3), width: 1, ), boxShadow: [ BoxShadow( - color: const Color(0xFF00D4AA).withOpacity(0.1), + color: const Color(0xFF00D4AA).withValues(alpha: 0.1), blurRadius: 20, spreadRadius: 5, ), @@ -156,7 +158,7 @@ class _SaveTemplateDialogState extends State { decoration: BoxDecoration( gradient: LinearGradient( colors: [ - const Color(0xFF00D4AA).withOpacity(0.1), + const Color(0xFF00D4AA).withValues(alpha: 0.1), Colors.transparent, ], begin: Alignment.topCenter, @@ -172,7 +174,7 @@ class _SaveTemplateDialogState extends State { Container( padding: const EdgeInsets.all(6), decoration: BoxDecoration( - color: const Color(0xFF00D4AA).withOpacity(0.2), + color: const Color(0xFF00D4AA).withValues(alpha: 0.2), borderRadius: BorderRadius.circular(10), ), child: const Icon( @@ -226,13 +228,14 @@ class _SaveTemplateDialogState extends State { decoration: BoxDecoration( gradient: LinearGradient( colors: [ - const Color(0xFF00D4AA).withOpacity(0.1), - const Color(0xFF00D4AA).withOpacity(0.05), + const Color(0xFF00D4AA).withValues(alpha: 0.1), + const Color(0xFF00D4AA).withValues(alpha: 0.05), ], ), borderRadius: BorderRadius.circular(10), border: Border.all( - color: const Color(0xFF00D4AA).withOpacity(0.3), + color: const Color(0xFF00D4AA) + .withValues(alpha: 0.3), width: 1, ), ), @@ -251,7 +254,8 @@ class _SaveTemplateDialogState extends State { Text( 'Current Settings', style: TextStyle( - color: Colors.white.withOpacity(0.9), + color: + Colors.white.withValues(alpha: 0.9), fontWeight: FontWeight.w600, fontSize: 12, ), @@ -263,10 +267,18 @@ class _SaveTemplateDialogState extends State { spacing: 6, runSpacing: 4, children: [ - _buildSettingChip('${widget.currentSettings.totalSets} sets', Icons.repeat), - _buildSettingChip('${widget.currentSettings.setDurationSeconds}s work', Icons.play_arrow), - _buildSettingChip('${widget.currentSettings.restDurationSeconds}s rest', Icons.pause), - _buildSettingChip('Rest after ${widget.currentSettings.restAfterSets}', Icons.schedule), + _buildSettingChip( + '${widget.currentSettings.totalSets} sets', + Icons.repeat), + _buildSettingChip( + '${widget.currentSettings.setDurationSeconds}s work', + Icons.play_arrow), + _buildSettingChip( + '${widget.currentSettings.restDurationSeconds}s rest', + Icons.pause), + _buildSettingChip( + 'Rest after ${widget.currentSettings.restAfterSets}', + Icons.schedule), ], ), ], @@ -279,7 +291,8 @@ class _SaveTemplateDialogState extends State { 'Template Name', TextFormField( controller: _nameController, - style: const TextStyle(color: Colors.white, fontSize: 14), + style: const TextStyle( + color: Colors.white, fontSize: 14), decoration: _buildInputDecoration( 'e.g., My Custom HIIT', Icons.edit, @@ -311,7 +324,8 @@ class _SaveTemplateDialogState extends State { 'Description', TextFormField( controller: _descriptionController, - style: const TextStyle(color: Colors.white, fontSize: 14), + style: const TextStyle( + color: Colors.white, fontSize: 14), maxLines: isKeyboardVisible ? 1 : 2, decoration: _buildInputDecoration( 'Describe your workout routine...', @@ -338,8 +352,9 @@ class _SaveTemplateDialogState extends State { _buildInputSection( 'Category', DropdownButtonFormField( - value: _selectedCategory, - style: const TextStyle(color: Colors.white, fontSize: 14), + initialValue: _selectedCategory, + style: const TextStyle( + color: Colors.white, fontSize: 14), dropdownColor: const Color(0xFF2A2A2A), decoration: _buildInputDecoration( 'Select category', @@ -367,7 +382,8 @@ class _SaveTemplateDialogState extends State { GridView.builder( shrinkWrap: true, physics: const NeverScrollableScrollPhysics(), - gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( + gridDelegate: + const SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 4, crossAxisSpacing: 6, mainAxisSpacing: 6, @@ -376,7 +392,8 @@ class _SaveTemplateDialogState extends State { itemCount: _iconOptions.length, itemBuilder: (context, index) { final iconData = _iconOptions[index]; - final isSelected = _selectedIcon == iconData['name']; + final isSelected = + _selectedIcon == iconData['name']; return GestureDetector( onTap: () { setState(() { @@ -387,22 +404,33 @@ class _SaveTemplateDialogState extends State { decoration: BoxDecoration( gradient: isSelected ? const LinearGradient( - colors: [Color(0xFF00D4AA), Color(0xFF00B4AA)], + colors: [ + Color(0xFF00D4AA), + Color(0xFF00B4AA) + ], ) : null, - color: isSelected ? null : Colors.white.withOpacity(0.1), + color: isSelected + ? null + : Colors.white.withValues(alpha: 0.1), borderRadius: BorderRadius.circular(8), border: Border.all( - color: isSelected ? const Color(0xFF00D4AA) : Colors.white.withOpacity(0.2), + color: isSelected + ? const Color(0xFF00D4AA) + : Colors.white + .withValues(alpha: 0.2), width: isSelected ? 2 : 1, ), ), child: Column( - mainAxisAlignment: MainAxisAlignment.center, + mainAxisAlignment: + MainAxisAlignment.center, children: [ Icon( _getIconData(iconData['name']!), - color: isSelected ? Colors.white : Colors.white70, + color: isSelected + ? Colors.white + : Colors.white70, size: 16, ), const SizedBox(height: 2), @@ -410,8 +438,12 @@ class _SaveTemplateDialogState extends State { iconData['label']!, style: TextStyle( fontSize: 7, - color: isSelected ? Colors.white : Colors.white70, - fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal, + color: isSelected + ? Colors.white + : Colors.white70, + fontWeight: isSelected + ? FontWeight.w600 + : FontWeight.normal, ), textAlign: TextAlign.center, maxLines: 1, @@ -437,7 +469,7 @@ class _SaveTemplateDialogState extends State { decoration: BoxDecoration( border: Border( top: BorderSide( - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), width: 1, ), ), @@ -446,18 +478,23 @@ class _SaveTemplateDialogState extends State { children: [ Expanded( child: OutlinedButton( - onPressed: _isLoading ? null : () => Navigator.of(context).pop(false), + onPressed: _isLoading + ? null + : () => Navigator.of(context).pop(false), style: OutlinedButton.styleFrom( foregroundColor: Colors.white70, - side: BorderSide(color: Colors.white.withOpacity(0.3)), - padding: EdgeInsets.symmetric(vertical: isKeyboardVisible ? 10 : 12), + side: BorderSide( + color: Colors.white.withValues(alpha: 0.3)), + padding: EdgeInsets.symmetric( + vertical: isKeyboardVisible ? 10 : 12), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10), ), ), child: const Text( 'Cancel', - style: TextStyle(fontWeight: FontWeight.w600, fontSize: 14), + style: TextStyle( + fontWeight: FontWeight.w600, fontSize: 14), ), ), ), @@ -470,11 +507,13 @@ class _SaveTemplateDialogState extends State { backgroundColor: const Color(0xFF00D4AA), foregroundColor: Colors.white, elevation: 0, - padding: EdgeInsets.symmetric(vertical: isKeyboardVisible ? 10 : 12), + padding: EdgeInsets.symmetric( + vertical: isKeyboardVisible ? 10 : 12), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10), ), - shadowColor: const Color(0xFF00D4AA).withOpacity(0.3), + shadowColor: + const Color(0xFF00D4AA).withValues(alpha: 0.3), ), child: _isLoading ? const SizedBox( @@ -482,7 +521,8 @@ class _SaveTemplateDialogState extends State { height: 14, child: CircularProgressIndicator( strokeWidth: 2, - valueColor: AlwaysStoppedAnimation(Colors.white), + valueColor: AlwaysStoppedAnimation( + Colors.white), ), ) : const Row( @@ -492,7 +532,9 @@ class _SaveTemplateDialogState extends State { SizedBox(width: 4), Text( 'Save Template', - style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13), + style: TextStyle( + fontWeight: FontWeight.bold, + fontSize: 13), ), ], ), @@ -512,7 +554,7 @@ class _SaveTemplateDialogState extends State { return Container( padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 3), decoration: BoxDecoration( - color: Colors.white.withOpacity(0.1), + color: Colors.white.withValues(alpha: 0.1), borderRadius: BorderRadius.circular(6), ), child: Row( @@ -527,7 +569,7 @@ class _SaveTemplateDialogState extends State { Text( text, style: TextStyle( - color: Colors.white.withOpacity(0.8), + color: Colors.white.withValues(alpha: 0.8), fontSize: 10, fontWeight: FontWeight.w500, ), @@ -544,7 +586,7 @@ class _SaveTemplateDialogState extends State { Text( label, style: TextStyle( - color: Colors.white.withOpacity(0.9), + color: Colors.white.withValues(alpha: 0.9), fontSize: 13, fontWeight: FontWeight.w600, ), @@ -559,7 +601,7 @@ class _SaveTemplateDialogState extends State { return InputDecoration( hintText: hint, hintStyle: TextStyle( - color: Colors.white.withOpacity(0.5), + color: Colors.white.withValues(alpha: 0.5), fontSize: 13, ), prefixIcon: Icon( @@ -568,18 +610,18 @@ class _SaveTemplateDialogState extends State { size: 18, ), filled: true, - fillColor: Colors.white.withOpacity(0.05), + fillColor: Colors.white.withValues(alpha: 0.05), border: OutlineInputBorder( borderRadius: BorderRadius.circular(10), borderSide: BorderSide( - color: Colors.white.withOpacity(0.2), + color: Colors.white.withValues(alpha: 0.2), width: 1, ), ), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.circular(10), borderSide: BorderSide( - color: Colors.white.withOpacity(0.2), + color: Colors.white.withValues(alpha: 0.2), width: 1, ), ), diff --git a/web/favicon.png b/web/favicon.png new file mode 100644 index 0000000..8aaa46a Binary files /dev/null and b/web/favicon.png differ diff --git a/web/icons/Icon-192.png b/web/icons/Icon-192.png new file mode 100644 index 0000000..b749bfe Binary files /dev/null and b/web/icons/Icon-192.png differ diff --git a/web/icons/Icon-512.png b/web/icons/Icon-512.png new file mode 100644 index 0000000..88cfd48 Binary files /dev/null and b/web/icons/Icon-512.png differ diff --git a/web/icons/Icon-maskable-192.png b/web/icons/Icon-maskable-192.png new file mode 100644 index 0000000..eb9b4d7 Binary files /dev/null and b/web/icons/Icon-maskable-192.png differ diff --git a/web/icons/Icon-maskable-512.png b/web/icons/Icon-maskable-512.png new file mode 100644 index 0000000..d69c566 Binary files /dev/null and b/web/icons/Icon-maskable-512.png differ diff --git a/web/index.html b/web/index.html new file mode 100644 index 0000000..6781da3 --- /dev/null +++ b/web/index.html @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + settimer + + + + + + + diff --git a/web/manifest.json b/web/manifest.json new file mode 100644 index 0000000..db73034 --- /dev/null +++ b/web/manifest.json @@ -0,0 +1,35 @@ +{ + "name": "settimer", + "short_name": "settimer", + "start_url": ".", + "display": "standalone", + "background_color": "#0175C2", + "theme_color": "#0175C2", + "description": "A new Flutter project.", + "orientation": "portrait-primary", + "prefer_related_applications": false, + "icons": [ + { + "src": "icons/Icon-192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "icons/Icon-512.png", + "sizes": "512x512", + "type": "image/png" + }, + { + "src": "icons/Icon-maskable-192.png", + "sizes": "192x192", + "type": "image/png", + "purpose": "maskable" + }, + { + "src": "icons/Icon-maskable-512.png", + "sizes": "512x512", + "type": "image/png", + "purpose": "maskable" + } + ] +} diff --git a/windows/.gitignore b/windows/.gitignore new file mode 100644 index 0000000..d492d0d --- /dev/null +++ b/windows/.gitignore @@ -0,0 +1,17 @@ +flutter/ephemeral/ + +# Visual Studio user-specific files. +*.suo +*.user +*.userosscache +*.sln.docstates + +# Visual Studio build-related files. +x64/ +x86/ + +# Visual Studio cache files +# files ending in .cache can be ignored +*.[Cc]ache +# but keep track of directories ending in .cache +!*.[Cc]ache/ diff --git a/windows/CMakeLists.txt b/windows/CMakeLists.txt new file mode 100644 index 0000000..f0ec684 --- /dev/null +++ b/windows/CMakeLists.txt @@ -0,0 +1,108 @@ +# Project-level configuration. +cmake_minimum_required(VERSION 3.14) +project(settimer LANGUAGES CXX) + +# The name of the executable created for the application. Change this to change +# the on-disk name of your application. +set(BINARY_NAME "settimer") + +# Explicitly opt in to modern CMake behaviors to avoid warnings with recent +# versions of CMake. +cmake_policy(VERSION 3.14...3.25) + +# Define build configuration option. +get_property(IS_MULTICONFIG GLOBAL PROPERTY GENERATOR_IS_MULTI_CONFIG) +if(IS_MULTICONFIG) + set(CMAKE_CONFIGURATION_TYPES "Debug;Profile;Release" + CACHE STRING "" FORCE) +else() + if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES) + set(CMAKE_BUILD_TYPE "Debug" CACHE + STRING "Flutter build mode" FORCE) + set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS + "Debug" "Profile" "Release") + endif() +endif() +# Define settings for the Profile build mode. +set(CMAKE_EXE_LINKER_FLAGS_PROFILE "${CMAKE_EXE_LINKER_FLAGS_RELEASE}") +set(CMAKE_SHARED_LINKER_FLAGS_PROFILE "${CMAKE_SHARED_LINKER_FLAGS_RELEASE}") +set(CMAKE_C_FLAGS_PROFILE "${CMAKE_C_FLAGS_RELEASE}") +set(CMAKE_CXX_FLAGS_PROFILE "${CMAKE_CXX_FLAGS_RELEASE}") + +# Use Unicode for all projects. +add_definitions(-DUNICODE -D_UNICODE) + +# Compilation settings that should be applied to most targets. +# +# Be cautious about adding new options here, as plugins use this function by +# default. In most cases, you should add new options to specific targets instead +# of modifying this function. +function(APPLY_STANDARD_SETTINGS TARGET) + target_compile_features(${TARGET} PUBLIC cxx_std_17) + target_compile_options(${TARGET} PRIVATE /W4 /WX /wd"4100") + target_compile_options(${TARGET} PRIVATE /EHsc) + target_compile_definitions(${TARGET} PRIVATE "_HAS_EXCEPTIONS=0") + target_compile_definitions(${TARGET} PRIVATE "$<$:_DEBUG>") +endfunction() + +# Flutter library and tool build rules. +set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter") +add_subdirectory(${FLUTTER_MANAGED_DIR}) + +# Application build; see runner/CMakeLists.txt. +add_subdirectory("runner") + + +# Generated plugin build rules, which manage building the plugins and adding +# them to the application. +include(flutter/generated_plugins.cmake) + + +# === Installation === +# Support files are copied into place next to the executable, so that it can +# run in place. This is done instead of making a separate bundle (as on Linux) +# so that building and running from within Visual Studio will work. +set(BUILD_BUNDLE_DIR "$") +# Make the "install" step default, as it's required to run. +set(CMAKE_VS_INCLUDE_INSTALL_TO_DEFAULT_BUILD 1) +if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT) + set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE) +endif() + +set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data") +set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}") + +install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}" + COMPONENT Runtime) + +install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" + COMPONENT Runtime) + +install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" + COMPONENT Runtime) + +if(PLUGIN_BUNDLED_LIBRARIES) + install(FILES "${PLUGIN_BUNDLED_LIBRARIES}" + DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" + COMPONENT Runtime) +endif() + +# Copy the native assets provided by the build.dart from all packages. +set(NATIVE_ASSETS_DIR "${PROJECT_BUILD_DIR}native_assets/windows/") +install(DIRECTORY "${NATIVE_ASSETS_DIR}" + DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" + COMPONENT Runtime) + +# Fully re-copy the assets directory on each build to avoid having stale files +# from a previous install. +set(FLUTTER_ASSET_DIR_NAME "flutter_assets") +install(CODE " + file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\") + " COMPONENT Runtime) +install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}" + DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime) + +# Install the AOT library on non-Debug builds only. +install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" + CONFIGURATIONS Profile;Release + COMPONENT Runtime) diff --git a/windows/flutter/CMakeLists.txt b/windows/flutter/CMakeLists.txt new file mode 100644 index 0000000..903f489 --- /dev/null +++ b/windows/flutter/CMakeLists.txt @@ -0,0 +1,109 @@ +# This file controls Flutter-level build steps. It should not be edited. +cmake_minimum_required(VERSION 3.14) + +set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral") + +# Configuration provided via flutter tool. +include(${EPHEMERAL_DIR}/generated_config.cmake) + +# TODO: Move the rest of this into files in ephemeral. See +# https://github.com/flutter/flutter/issues/57146. +set(WRAPPER_ROOT "${EPHEMERAL_DIR}/cpp_client_wrapper") + +# Set fallback configurations for older versions of the flutter tool. +if (NOT DEFINED FLUTTER_TARGET_PLATFORM) + set(FLUTTER_TARGET_PLATFORM "windows-x64") +endif() + +# === Flutter Library === +set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/flutter_windows.dll") + +# Published to parent scope for install step. +set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE) +set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE) +set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE) +set(AOT_LIBRARY "${PROJECT_DIR}/build/windows/app.so" PARENT_SCOPE) + +list(APPEND FLUTTER_LIBRARY_HEADERS + "flutter_export.h" + "flutter_windows.h" + "flutter_messenger.h" + "flutter_plugin_registrar.h" + "flutter_texture_registrar.h" +) +list(TRANSFORM FLUTTER_LIBRARY_HEADERS PREPEND "${EPHEMERAL_DIR}/") +add_library(flutter INTERFACE) +target_include_directories(flutter INTERFACE + "${EPHEMERAL_DIR}" +) +target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}.lib") +add_dependencies(flutter flutter_assemble) + +# === Wrapper === +list(APPEND CPP_WRAPPER_SOURCES_CORE + "core_implementations.cc" + "standard_codec.cc" +) +list(TRANSFORM CPP_WRAPPER_SOURCES_CORE PREPEND "${WRAPPER_ROOT}/") +list(APPEND CPP_WRAPPER_SOURCES_PLUGIN + "plugin_registrar.cc" +) +list(TRANSFORM CPP_WRAPPER_SOURCES_PLUGIN PREPEND "${WRAPPER_ROOT}/") +list(APPEND CPP_WRAPPER_SOURCES_APP + "flutter_engine.cc" + "flutter_view_controller.cc" +) +list(TRANSFORM CPP_WRAPPER_SOURCES_APP PREPEND "${WRAPPER_ROOT}/") + +# Wrapper sources needed for a plugin. +add_library(flutter_wrapper_plugin STATIC + ${CPP_WRAPPER_SOURCES_CORE} + ${CPP_WRAPPER_SOURCES_PLUGIN} +) +apply_standard_settings(flutter_wrapper_plugin) +set_target_properties(flutter_wrapper_plugin PROPERTIES + POSITION_INDEPENDENT_CODE ON) +set_target_properties(flutter_wrapper_plugin PROPERTIES + CXX_VISIBILITY_PRESET hidden) +target_link_libraries(flutter_wrapper_plugin PUBLIC flutter) +target_include_directories(flutter_wrapper_plugin PUBLIC + "${WRAPPER_ROOT}/include" +) +add_dependencies(flutter_wrapper_plugin flutter_assemble) + +# Wrapper sources needed for the runner. +add_library(flutter_wrapper_app STATIC + ${CPP_WRAPPER_SOURCES_CORE} + ${CPP_WRAPPER_SOURCES_APP} +) +apply_standard_settings(flutter_wrapper_app) +target_link_libraries(flutter_wrapper_app PUBLIC flutter) +target_include_directories(flutter_wrapper_app PUBLIC + "${WRAPPER_ROOT}/include" +) +add_dependencies(flutter_wrapper_app flutter_assemble) + +# === Flutter tool backend === +# _phony_ is a non-existent file to force this command to run every time, +# since currently there's no way to get a full input/output list from the +# flutter tool. +set(PHONY_OUTPUT "${CMAKE_CURRENT_BINARY_DIR}/_phony_") +set_source_files_properties("${PHONY_OUTPUT}" PROPERTIES SYMBOLIC TRUE) +add_custom_command( + OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS} + ${CPP_WRAPPER_SOURCES_CORE} ${CPP_WRAPPER_SOURCES_PLUGIN} + ${CPP_WRAPPER_SOURCES_APP} + ${PHONY_OUTPUT} + COMMAND ${CMAKE_COMMAND} -E env + ${FLUTTER_TOOL_ENVIRONMENT} + "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.bat" + ${FLUTTER_TARGET_PLATFORM} $ + VERBATIM +) +add_custom_target(flutter_assemble DEPENDS + "${FLUTTER_LIBRARY}" + ${FLUTTER_LIBRARY_HEADERS} + ${CPP_WRAPPER_SOURCES_CORE} + ${CPP_WRAPPER_SOURCES_PLUGIN} + ${CPP_WRAPPER_SOURCES_APP} +) diff --git a/windows/flutter/generated_plugin_registrant.cc b/windows/flutter/generated_plugin_registrant.cc new file mode 100644 index 0000000..6dfdf77 --- /dev/null +++ b/windows/flutter/generated_plugin_registrant.cc @@ -0,0 +1,17 @@ +// +// Generated file. Do not edit. +// + +// clang-format off + +#include "generated_plugin_registrant.h" + +#include +#include + +void RegisterPlugins(flutter::PluginRegistry* registry) { + AudioplayersWindowsPluginRegisterWithRegistrar( + registry->GetRegistrarForPlugin("AudioplayersWindowsPlugin")); + FlutterTtsPluginRegisterWithRegistrar( + registry->GetRegistrarForPlugin("FlutterTtsPlugin")); +} diff --git a/windows/flutter/generated_plugin_registrant.h b/windows/flutter/generated_plugin_registrant.h new file mode 100644 index 0000000..dc139d8 --- /dev/null +++ b/windows/flutter/generated_plugin_registrant.h @@ -0,0 +1,15 @@ +// +// Generated file. Do not edit. +// + +// clang-format off + +#ifndef GENERATED_PLUGIN_REGISTRANT_ +#define GENERATED_PLUGIN_REGISTRANT_ + +#include + +// Registers Flutter plugins. +void RegisterPlugins(flutter::PluginRegistry* registry); + +#endif // GENERATED_PLUGIN_REGISTRANT_ diff --git a/windows/flutter/generated_plugins.cmake b/windows/flutter/generated_plugins.cmake new file mode 100644 index 0000000..e9ee6df --- /dev/null +++ b/windows/flutter/generated_plugins.cmake @@ -0,0 +1,26 @@ +# +# Generated file, do not edit. +# + +list(APPEND FLUTTER_PLUGIN_LIST + audioplayers_windows + flutter_tts +) + +list(APPEND FLUTTER_FFI_PLUGIN_LIST + jni +) + +set(PLUGIN_BUNDLED_LIBRARIES) + +foreach(plugin ${FLUTTER_PLUGIN_LIST}) + add_subdirectory(flutter/ephemeral/.plugin_symlinks/${plugin}/windows plugins/${plugin}) + target_link_libraries(${BINARY_NAME} PRIVATE ${plugin}_plugin) + list(APPEND PLUGIN_BUNDLED_LIBRARIES $) + list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries}) +endforeach(plugin) + +foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST}) + add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/windows plugins/${ffi_plugin}) + list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries}) +endforeach(ffi_plugin) diff --git a/windows/runner/CMakeLists.txt b/windows/runner/CMakeLists.txt new file mode 100644 index 0000000..394917c --- /dev/null +++ b/windows/runner/CMakeLists.txt @@ -0,0 +1,40 @@ +cmake_minimum_required(VERSION 3.14) +project(runner LANGUAGES CXX) + +# Define the application target. To change its name, change BINARY_NAME in the +# top-level CMakeLists.txt, not the value here, or `flutter run` will no longer +# work. +# +# Any new source files that you add to the application should be added here. +add_executable(${BINARY_NAME} WIN32 + "flutter_window.cpp" + "main.cpp" + "utils.cpp" + "win32_window.cpp" + "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc" + "Runner.rc" + "runner.exe.manifest" +) + +# Apply the standard set of build settings. This can be removed for applications +# that need different build settings. +apply_standard_settings(${BINARY_NAME}) + +# Add preprocessor definitions for the build version. +target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION=\"${FLUTTER_VERSION}\"") +target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MAJOR=${FLUTTER_VERSION_MAJOR}") +target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MINOR=${FLUTTER_VERSION_MINOR}") +target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_PATCH=${FLUTTER_VERSION_PATCH}") +target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_BUILD=${FLUTTER_VERSION_BUILD}") + +# Disable Windows macros that collide with C++ standard library functions. +target_compile_definitions(${BINARY_NAME} PRIVATE "NOMINMAX") + +# Add dependency libraries and include directories. Add any application-specific +# dependencies here. +target_link_libraries(${BINARY_NAME} PRIVATE flutter flutter_wrapper_app) +target_link_libraries(${BINARY_NAME} PRIVATE "dwmapi.lib") +target_include_directories(${BINARY_NAME} PRIVATE "${CMAKE_SOURCE_DIR}") + +# Run the Flutter tool portions of the build. This must not be removed. +add_dependencies(${BINARY_NAME} flutter_assemble) diff --git a/windows/runner/Runner.rc b/windows/runner/Runner.rc new file mode 100644 index 0000000..ec9b7d4 --- /dev/null +++ b/windows/runner/Runner.rc @@ -0,0 +1,121 @@ +// Microsoft Visual C++ generated resource script. +// +#pragma code_page(65001) +#include "resource.h" + +#define APSTUDIO_READONLY_SYMBOLS +///////////////////////////////////////////////////////////////////////////// +// +// Generated from the TEXTINCLUDE 2 resource. +// +#include "winres.h" + +///////////////////////////////////////////////////////////////////////////// +#undef APSTUDIO_READONLY_SYMBOLS + +///////////////////////////////////////////////////////////////////////////// +// English (United States) resources + +#if !defined(AFX_RESOURCE_DLL) || defined(AFX_TARG_ENU) +LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US + +#ifdef APSTUDIO_INVOKED +///////////////////////////////////////////////////////////////////////////// +// +// TEXTINCLUDE +// + +1 TEXTINCLUDE +BEGIN + "resource.h\0" +END + +2 TEXTINCLUDE +BEGIN + "#include ""winres.h""\r\n" + "\0" +END + +3 TEXTINCLUDE +BEGIN + "\r\n" + "\0" +END + +#endif // APSTUDIO_INVOKED + + +///////////////////////////////////////////////////////////////////////////// +// +// Icon +// + +// Icon with lowest ID value placed first to ensure application icon +// remains consistent on all systems. +IDI_APP_ICON ICON "resources\\app_icon.ico" + + +///////////////////////////////////////////////////////////////////////////// +// +// Version +// + +#if defined(FLUTTER_VERSION_MAJOR) && defined(FLUTTER_VERSION_MINOR) && defined(FLUTTER_VERSION_PATCH) && defined(FLUTTER_VERSION_BUILD) +#define VERSION_AS_NUMBER FLUTTER_VERSION_MAJOR,FLUTTER_VERSION_MINOR,FLUTTER_VERSION_PATCH,FLUTTER_VERSION_BUILD +#else +#define VERSION_AS_NUMBER 1,0,0,0 +#endif + +#if defined(FLUTTER_VERSION) +#define VERSION_AS_STRING FLUTTER_VERSION +#else +#define VERSION_AS_STRING "1.0.0" +#endif + +VS_VERSION_INFO VERSIONINFO + FILEVERSION VERSION_AS_NUMBER + PRODUCTVERSION VERSION_AS_NUMBER + FILEFLAGSMASK VS_FFI_FILEFLAGSMASK +#ifdef _DEBUG + FILEFLAGS VS_FF_DEBUG +#else + FILEFLAGS 0x0L +#endif + FILEOS VOS__WINDOWS32 + FILETYPE VFT_APP + FILESUBTYPE 0x0L +BEGIN + BLOCK "StringFileInfo" + BEGIN + BLOCK "040904e4" + BEGIN + VALUE "CompanyName", "com.settimer" "\0" + VALUE "FileDescription", "settimer" "\0" + VALUE "FileVersion", VERSION_AS_STRING "\0" + VALUE "InternalName", "settimer" "\0" + VALUE "LegalCopyright", "Copyright (C) 2026 com.settimer. All rights reserved." "\0" + VALUE "OriginalFilename", "settimer.exe" "\0" + VALUE "ProductName", "settimer" "\0" + VALUE "ProductVersion", VERSION_AS_STRING "\0" + END + END + BLOCK "VarFileInfo" + BEGIN + VALUE "Translation", 0x409, 1252 + END +END + +#endif // English (United States) resources +///////////////////////////////////////////////////////////////////////////// + + + +#ifndef APSTUDIO_INVOKED +///////////////////////////////////////////////////////////////////////////// +// +// Generated from the TEXTINCLUDE 3 resource. +// + + +///////////////////////////////////////////////////////////////////////////// +#endif // not APSTUDIO_INVOKED diff --git a/windows/runner/flutter_window.cpp b/windows/runner/flutter_window.cpp new file mode 100644 index 0000000..955ee30 --- /dev/null +++ b/windows/runner/flutter_window.cpp @@ -0,0 +1,71 @@ +#include "flutter_window.h" + +#include + +#include "flutter/generated_plugin_registrant.h" + +FlutterWindow::FlutterWindow(const flutter::DartProject& project) + : project_(project) {} + +FlutterWindow::~FlutterWindow() {} + +bool FlutterWindow::OnCreate() { + if (!Win32Window::OnCreate()) { + return false; + } + + RECT frame = GetClientArea(); + + // The size here must match the window dimensions to avoid unnecessary surface + // creation / destruction in the startup path. + flutter_controller_ = std::make_unique( + frame.right - frame.left, frame.bottom - frame.top, project_); + // Ensure that basic setup of the controller was successful. + if (!flutter_controller_->engine() || !flutter_controller_->view()) { + return false; + } + RegisterPlugins(flutter_controller_->engine()); + SetChildContent(flutter_controller_->view()->GetNativeWindow()); + + flutter_controller_->engine()->SetNextFrameCallback([&]() { + this->Show(); + }); + + // Flutter can complete the first frame before the "show window" callback is + // registered. The following call ensures a frame is pending to ensure the + // window is shown. It is a no-op if the first frame hasn't completed yet. + flutter_controller_->ForceRedraw(); + + return true; +} + +void FlutterWindow::OnDestroy() { + if (flutter_controller_) { + flutter_controller_ = nullptr; + } + + Win32Window::OnDestroy(); +} + +LRESULT +FlutterWindow::MessageHandler(HWND hwnd, UINT const message, + WPARAM const wparam, + LPARAM const lparam) noexcept { + // Give Flutter, including plugins, an opportunity to handle window messages. + if (flutter_controller_) { + std::optional result = + flutter_controller_->HandleTopLevelWindowProc(hwnd, message, wparam, + lparam); + if (result) { + return *result; + } + } + + switch (message) { + case WM_FONTCHANGE: + flutter_controller_->engine()->ReloadSystemFonts(); + break; + } + + return Win32Window::MessageHandler(hwnd, message, wparam, lparam); +} diff --git a/windows/runner/flutter_window.h b/windows/runner/flutter_window.h new file mode 100644 index 0000000..6da0652 --- /dev/null +++ b/windows/runner/flutter_window.h @@ -0,0 +1,33 @@ +#ifndef RUNNER_FLUTTER_WINDOW_H_ +#define RUNNER_FLUTTER_WINDOW_H_ + +#include +#include + +#include + +#include "win32_window.h" + +// A window that does nothing but host a Flutter view. +class FlutterWindow : public Win32Window { + public: + // Creates a new FlutterWindow hosting a Flutter view running |project|. + explicit FlutterWindow(const flutter::DartProject& project); + virtual ~FlutterWindow(); + + protected: + // Win32Window: + bool OnCreate() override; + void OnDestroy() override; + LRESULT MessageHandler(HWND window, UINT const message, WPARAM const wparam, + LPARAM const lparam) noexcept override; + + private: + // The project to run. + flutter::DartProject project_; + + // The Flutter instance hosted by this window. + std::unique_ptr flutter_controller_; +}; + +#endif // RUNNER_FLUTTER_WINDOW_H_ diff --git a/windows/runner/main.cpp b/windows/runner/main.cpp new file mode 100644 index 0000000..f477dc3 --- /dev/null +++ b/windows/runner/main.cpp @@ -0,0 +1,43 @@ +#include +#include +#include + +#include "flutter_window.h" +#include "utils.h" + +int APIENTRY wWinMain(_In_ HINSTANCE instance, _In_opt_ HINSTANCE prev, + _In_ wchar_t *command_line, _In_ int show_command) { + // Attach to console when present (e.g., 'flutter run') or create a + // new console when running with a debugger. + if (!::AttachConsole(ATTACH_PARENT_PROCESS) && ::IsDebuggerPresent()) { + CreateAndAttachConsole(); + } + + // Initialize COM, so that it is available for use in the library and/or + // plugins. + ::CoInitializeEx(nullptr, COINIT_APARTMENTTHREADED); + + flutter::DartProject project(L"data"); + + std::vector command_line_arguments = + GetCommandLineArguments(); + + project.set_dart_entrypoint_arguments(std::move(command_line_arguments)); + + FlutterWindow window(project); + Win32Window::Point origin(10, 10); + Win32Window::Size size(1280, 720); + if (!window.Create(L"settimer", origin, size)) { + return EXIT_FAILURE; + } + window.SetQuitOnClose(true); + + ::MSG msg; + while (::GetMessage(&msg, nullptr, 0, 0)) { + ::TranslateMessage(&msg); + ::DispatchMessage(&msg); + } + + ::CoUninitialize(); + return EXIT_SUCCESS; +} diff --git a/windows/runner/resource.h b/windows/runner/resource.h new file mode 100644 index 0000000..66a65d1 --- /dev/null +++ b/windows/runner/resource.h @@ -0,0 +1,16 @@ +//{{NO_DEPENDENCIES}} +// Microsoft Visual C++ generated include file. +// Used by Runner.rc +// +#define IDI_APP_ICON 101 + +// Next default values for new objects +// +#ifdef APSTUDIO_INVOKED +#ifndef APSTUDIO_READONLY_SYMBOLS +#define _APS_NEXT_RESOURCE_VALUE 102 +#define _APS_NEXT_COMMAND_VALUE 40001 +#define _APS_NEXT_CONTROL_VALUE 1001 +#define _APS_NEXT_SYMED_VALUE 101 +#endif +#endif diff --git a/windows/runner/resources/app_icon.ico b/windows/runner/resources/app_icon.ico new file mode 100644 index 0000000..c04e20c Binary files /dev/null and b/windows/runner/resources/app_icon.ico differ diff --git a/windows/runner/runner.exe.manifest b/windows/runner/runner.exe.manifest new file mode 100644 index 0000000..153653e --- /dev/null +++ b/windows/runner/runner.exe.manifest @@ -0,0 +1,14 @@ + + + + + PerMonitorV2 + + + + + + + + + diff --git a/windows/runner/utils.cpp b/windows/runner/utils.cpp new file mode 100644 index 0000000..3cb7146 --- /dev/null +++ b/windows/runner/utils.cpp @@ -0,0 +1,69 @@ +#include "utils.h" + +#include +#include +#include +#include + +#include + +void CreateAndAttachConsole() { + if (::AllocConsole()) { + FILE *unused; + if (freopen_s(&unused, "CONOUT$", "w", stdout)) { + _dup2(_fileno(stdout), 1); + } + if (freopen_s(&unused, "CONOUT$", "w", stderr)) { + _dup2(_fileno(stdout), 2); + } + std::ios::sync_with_stdio(); + FlutterDesktopResyncOutputStreams(); + } +} + +std::vector GetCommandLineArguments() { + // Convert the UTF-16 command line arguments to UTF-8 for the Engine to use. + int argc; + wchar_t** argv = ::CommandLineToArgvW(::GetCommandLineW(), &argc); + if (argv == nullptr) { + return std::vector(); + } + + std::vector command_line_arguments; + + // Skip the first argument as it's the binary name. + for (int i = 1; i < argc; i++) { + command_line_arguments.push_back(Utf8FromUtf16(argv[i])); + } + + ::LocalFree(argv); + + return command_line_arguments; +} + +std::string Utf8FromUtf16(const wchar_t* utf16_string) { + if (utf16_string == nullptr) { + return std::string(); + } + // First, find the length of the string with a safe upper bound (CWE-126). + // UNICODE_STRING_MAX_CHARS (32767) is the maximum length of a UNICODE_STRING. + int input_length = static_cast(wcsnlen(utf16_string, UNICODE_STRING_MAX_CHARS)); + // Now use that bounded length to determine the required buffer size. + // When an explicit length is passed, WideCharToMultiByte does not include + // the null terminator in its returned size. + int target_length = ::WideCharToMultiByte( + CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string, + input_length, nullptr, 0, nullptr, nullptr); + std::string utf8_string; + if (target_length == 0 || static_cast(target_length) > utf8_string.max_size()) { + return utf8_string; + } + utf8_string.resize(target_length); + int converted_length = ::WideCharToMultiByte( + CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string, + input_length, utf8_string.data(), target_length, nullptr, nullptr); + if (converted_length == 0) { + return std::string(); + } + return utf8_string; +} diff --git a/windows/runner/utils.h b/windows/runner/utils.h new file mode 100644 index 0000000..3879d54 --- /dev/null +++ b/windows/runner/utils.h @@ -0,0 +1,19 @@ +#ifndef RUNNER_UTILS_H_ +#define RUNNER_UTILS_H_ + +#include +#include + +// Creates a console for the process, and redirects stdout and stderr to +// it for both the runner and the Flutter library. +void CreateAndAttachConsole(); + +// Takes a null-terminated wchar_t* encoded in UTF-16 and returns a std::string +// encoded in UTF-8. Returns an empty std::string on failure. +std::string Utf8FromUtf16(const wchar_t* utf16_string); + +// Gets the command line arguments passed in as a std::vector, +// encoded in UTF-8. Returns an empty std::vector on failure. +std::vector GetCommandLineArguments(); + +#endif // RUNNER_UTILS_H_ diff --git a/windows/runner/win32_window.cpp b/windows/runner/win32_window.cpp new file mode 100644 index 0000000..60608d0 --- /dev/null +++ b/windows/runner/win32_window.cpp @@ -0,0 +1,288 @@ +#include "win32_window.h" + +#include +#include + +#include "resource.h" + +namespace { + +/// Window attribute that enables dark mode window decorations. +/// +/// Redefined in case the developer's machine has a Windows SDK older than +/// version 10.0.22000.0. +/// See: https://docs.microsoft.com/windows/win32/api/dwmapi/ne-dwmapi-dwmwindowattribute +#ifndef DWMWA_USE_IMMERSIVE_DARK_MODE +#define DWMWA_USE_IMMERSIVE_DARK_MODE 20 +#endif + +constexpr const wchar_t kWindowClassName[] = L"FLUTTER_RUNNER_WIN32_WINDOW"; + +/// Registry key for app theme preference. +/// +/// A value of 0 indicates apps should use dark mode. A non-zero or missing +/// value indicates apps should use light mode. +constexpr const wchar_t kGetPreferredBrightnessRegKey[] = + L"Software\\Microsoft\\Windows\\CurrentVersion\\Themes\\Personalize"; +constexpr const wchar_t kGetPreferredBrightnessRegValue[] = L"AppsUseLightTheme"; + +// The number of Win32Window objects that currently exist. +static int g_active_window_count = 0; + +using EnableNonClientDpiScaling = BOOL __stdcall(HWND hwnd); + +// Scale helper to convert logical scaler values to physical using passed in +// scale factor +int Scale(int source, double scale_factor) { + return static_cast(source * scale_factor); +} + +// Dynamically loads the |EnableNonClientDpiScaling| from the User32 module. +// This API is only needed for PerMonitor V1 awareness mode. +void EnableFullDpiSupportIfAvailable(HWND hwnd) { + HMODULE user32_module = LoadLibraryA("User32.dll"); + if (!user32_module) { + return; + } + auto enable_non_client_dpi_scaling = + reinterpret_cast( + GetProcAddress(user32_module, "EnableNonClientDpiScaling")); + if (enable_non_client_dpi_scaling != nullptr) { + enable_non_client_dpi_scaling(hwnd); + } + FreeLibrary(user32_module); +} + +} // namespace + +// Manages the Win32Window's window class registration. +class WindowClassRegistrar { + public: + ~WindowClassRegistrar() = default; + + // Returns the singleton registrar instance. + static WindowClassRegistrar* GetInstance() { + if (!instance_) { + instance_ = new WindowClassRegistrar(); + } + return instance_; + } + + // Returns the name of the window class, registering the class if it hasn't + // previously been registered. + const wchar_t* GetWindowClass(); + + // Unregisters the window class. Should only be called if there are no + // instances of the window. + void UnregisterWindowClass(); + + private: + WindowClassRegistrar() = default; + + static WindowClassRegistrar* instance_; + + bool class_registered_ = false; +}; + +WindowClassRegistrar* WindowClassRegistrar::instance_ = nullptr; + +const wchar_t* WindowClassRegistrar::GetWindowClass() { + if (!class_registered_) { + WNDCLASS window_class{}; + window_class.hCursor = LoadCursor(nullptr, IDC_ARROW); + window_class.lpszClassName = kWindowClassName; + window_class.style = CS_HREDRAW | CS_VREDRAW; + window_class.cbClsExtra = 0; + window_class.cbWndExtra = 0; + window_class.hInstance = GetModuleHandle(nullptr); + window_class.hIcon = + LoadIcon(window_class.hInstance, MAKEINTRESOURCE(IDI_APP_ICON)); + window_class.hbrBackground = 0; + window_class.lpszMenuName = nullptr; + window_class.lpfnWndProc = Win32Window::WndProc; + RegisterClass(&window_class); + class_registered_ = true; + } + return kWindowClassName; +} + +void WindowClassRegistrar::UnregisterWindowClass() { + UnregisterClass(kWindowClassName, nullptr); + class_registered_ = false; +} + +Win32Window::Win32Window() { + ++g_active_window_count; +} + +Win32Window::~Win32Window() { + --g_active_window_count; + Destroy(); +} + +bool Win32Window::Create(const std::wstring& title, + const Point& origin, + const Size& size) { + Destroy(); + + const wchar_t* window_class = + WindowClassRegistrar::GetInstance()->GetWindowClass(); + + const POINT target_point = {static_cast(origin.x), + static_cast(origin.y)}; + HMONITOR monitor = MonitorFromPoint(target_point, MONITOR_DEFAULTTONEAREST); + UINT dpi = FlutterDesktopGetDpiForMonitor(monitor); + double scale_factor = dpi / 96.0; + + HWND window = CreateWindow( + window_class, title.c_str(), WS_OVERLAPPEDWINDOW, + Scale(origin.x, scale_factor), Scale(origin.y, scale_factor), + Scale(size.width, scale_factor), Scale(size.height, scale_factor), + nullptr, nullptr, GetModuleHandle(nullptr), this); + + if (!window) { + return false; + } + + UpdateTheme(window); + + return OnCreate(); +} + +bool Win32Window::Show() { + return ShowWindow(window_handle_, SW_SHOWNORMAL); +} + +// static +LRESULT CALLBACK Win32Window::WndProc(HWND const window, + UINT const message, + WPARAM const wparam, + LPARAM const lparam) noexcept { + if (message == WM_NCCREATE) { + auto window_struct = reinterpret_cast(lparam); + SetWindowLongPtr(window, GWLP_USERDATA, + reinterpret_cast(window_struct->lpCreateParams)); + + auto that = static_cast(window_struct->lpCreateParams); + EnableFullDpiSupportIfAvailable(window); + that->window_handle_ = window; + } else if (Win32Window* that = GetThisFromHandle(window)) { + return that->MessageHandler(window, message, wparam, lparam); + } + + return DefWindowProc(window, message, wparam, lparam); +} + +LRESULT +Win32Window::MessageHandler(HWND hwnd, + UINT const message, + WPARAM const wparam, + LPARAM const lparam) noexcept { + switch (message) { + case WM_DESTROY: + window_handle_ = nullptr; + Destroy(); + if (quit_on_close_) { + PostQuitMessage(0); + } + return 0; + + case WM_DPICHANGED: { + auto newRectSize = reinterpret_cast(lparam); + LONG newWidth = newRectSize->right - newRectSize->left; + LONG newHeight = newRectSize->bottom - newRectSize->top; + + SetWindowPos(hwnd, nullptr, newRectSize->left, newRectSize->top, newWidth, + newHeight, SWP_NOZORDER | SWP_NOACTIVATE); + + return 0; + } + case WM_SIZE: { + RECT rect = GetClientArea(); + if (child_content_ != nullptr) { + // Size and position the child window. + MoveWindow(child_content_, rect.left, rect.top, rect.right - rect.left, + rect.bottom - rect.top, TRUE); + } + return 0; + } + + case WM_ACTIVATE: + if (child_content_ != nullptr) { + SetFocus(child_content_); + } + return 0; + + case WM_DWMCOLORIZATIONCOLORCHANGED: + UpdateTheme(hwnd); + return 0; + } + + return DefWindowProc(window_handle_, message, wparam, lparam); +} + +void Win32Window::Destroy() { + OnDestroy(); + + if (window_handle_) { + DestroyWindow(window_handle_); + window_handle_ = nullptr; + } + if (g_active_window_count == 0) { + WindowClassRegistrar::GetInstance()->UnregisterWindowClass(); + } +} + +Win32Window* Win32Window::GetThisFromHandle(HWND const window) noexcept { + return reinterpret_cast( + GetWindowLongPtr(window, GWLP_USERDATA)); +} + +void Win32Window::SetChildContent(HWND content) { + child_content_ = content; + SetParent(content, window_handle_); + RECT frame = GetClientArea(); + + MoveWindow(content, frame.left, frame.top, frame.right - frame.left, + frame.bottom - frame.top, true); + + SetFocus(child_content_); +} + +RECT Win32Window::GetClientArea() { + RECT frame; + GetClientRect(window_handle_, &frame); + return frame; +} + +HWND Win32Window::GetHandle() { + return window_handle_; +} + +void Win32Window::SetQuitOnClose(bool quit_on_close) { + quit_on_close_ = quit_on_close; +} + +bool Win32Window::OnCreate() { + // No-op; provided for subclasses. + return true; +} + +void Win32Window::OnDestroy() { + // No-op; provided for subclasses. +} + +void Win32Window::UpdateTheme(HWND const window) { + DWORD light_mode; + DWORD light_mode_size = sizeof(light_mode); + LSTATUS result = RegGetValue(HKEY_CURRENT_USER, kGetPreferredBrightnessRegKey, + kGetPreferredBrightnessRegValue, + RRF_RT_REG_DWORD, nullptr, &light_mode, + &light_mode_size); + + if (result == ERROR_SUCCESS) { + BOOL enable_dark_mode = light_mode == 0; + DwmSetWindowAttribute(window, DWMWA_USE_IMMERSIVE_DARK_MODE, + &enable_dark_mode, sizeof(enable_dark_mode)); + } +} diff --git a/windows/runner/win32_window.h b/windows/runner/win32_window.h new file mode 100644 index 0000000..e901dde --- /dev/null +++ b/windows/runner/win32_window.h @@ -0,0 +1,102 @@ +#ifndef RUNNER_WIN32_WINDOW_H_ +#define RUNNER_WIN32_WINDOW_H_ + +#include + +#include +#include +#include + +// A class abstraction for a high DPI-aware Win32 Window. Intended to be +// inherited from by classes that wish to specialize with custom +// rendering and input handling +class Win32Window { + public: + struct Point { + unsigned int x; + unsigned int y; + Point(unsigned int x, unsigned int y) : x(x), y(y) {} + }; + + struct Size { + unsigned int width; + unsigned int height; + Size(unsigned int width, unsigned int height) + : width(width), height(height) {} + }; + + Win32Window(); + virtual ~Win32Window(); + + // Creates a win32 window with |title| that is positioned and sized using + // |origin| and |size|. New windows are created on the default monitor. Window + // sizes are specified to the OS in physical pixels, hence to ensure a + // consistent size this function will scale the inputted width and height as + // as appropriate for the default monitor. The window is invisible until + // |Show| is called. Returns true if the window was created successfully. + bool Create(const std::wstring& title, const Point& origin, const Size& size); + + // Show the current window. Returns true if the window was successfully shown. + bool Show(); + + // Release OS resources associated with window. + void Destroy(); + + // Inserts |content| into the window tree. + void SetChildContent(HWND content); + + // Returns the backing Window handle to enable clients to set icon and other + // window properties. Returns nullptr if the window has been destroyed. + HWND GetHandle(); + + // If true, closing this window will quit the application. + void SetQuitOnClose(bool quit_on_close); + + // Return a RECT representing the bounds of the current client area. + RECT GetClientArea(); + + protected: + // Processes and route salient window messages for mouse handling, + // size change and DPI. Delegates handling of these to member overloads that + // inheriting classes can handle. + virtual LRESULT MessageHandler(HWND window, + UINT const message, + WPARAM const wparam, + LPARAM const lparam) noexcept; + + // Called when CreateAndShow is called, allowing subclass window-related + // setup. Subclasses should return false if setup fails. + virtual bool OnCreate(); + + // Called when Destroy is called. + virtual void OnDestroy(); + + private: + friend class WindowClassRegistrar; + + // OS callback called by message pump. Handles the WM_NCCREATE message which + // is passed when the non-client area is being created and enables automatic + // non-client DPI scaling so that the non-client area automatically + // responds to changes in DPI. All other messages are handled by + // MessageHandler. + static LRESULT CALLBACK WndProc(HWND const window, + UINT const message, + WPARAM const wparam, + LPARAM const lparam) noexcept; + + // Retrieves a class instance pointer for |window| + static Win32Window* GetThisFromHandle(HWND const window) noexcept; + + // Update the window frame's theme to match the system theme. + static void UpdateTheme(HWND const window); + + bool quit_on_close_ = false; + + // window handle for top level window. + HWND window_handle_ = nullptr; + + // window handle for hosted content. + HWND child_content_ = nullptr; +}; + +#endif // RUNNER_WIN32_WINDOW_H_