timer toggle on tap

lib/file/state/files_state.dart

@@ -0,0 +1,30 @@
+import 'package:chrono_sheet/file/model/google_file.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import '../../logging/logging.dart';
+
+part 'files_state.g.dart';
+
+final _logger = getNamedLogger();
+
+class FilesInfo {
+
+  final GoogleFile? selected;
+  final List<GoogleFile> recent;
+
+  const FilesInfo(this.selected, [this.recent = const []]);
+}
+
+@riverpod
+class FilesInfoHolder extends _$FilesInfoHolder {
+  @override
+  FilesInfo build() {
+    return FilesInfo(null);
+  }
+
+  void select(GoogleFile file) {
+    _logger.info("file '${file.name}' is now active");
+    List<GoogleFile> recent = List.from(state.recent);
+    recent.removeWhere((recentFile) => recentFile.id == file.id);
+    state = FilesInfo(file, recent);
+  }
+}

lib/file/selected/widget/selected_file_widget.dart → lib/file/widget/selected_file_widget.dart

@@ -1,9 +1,10 @@
 import 'package:chrono_sheet/router/router.dart';
-import 'package:chrono_sheet/file/selected/model/selected_file.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 
+import '../state/files_state.dart';
+
 class SelectedFileWidget extends ConsumerWidget {
   const SelectedFileWidget({super.key});
 
@@ -13,7 +14,7 @@ class SelectedFileWidget extends ConsumerWidget {
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    final selectedFile = ref.watch(selectedFileProvider);
+    final files = ref.watch(filesInfoHolderProvider);
     return GestureDetector(
       onTap: () => _selectFile(context),
       child: Container(
@@ -25,11 +26,13 @@ class SelectedFileWidget extends ConsumerWidget {
               padding: EdgeInsets.all(16.0),
               child: Center(
                 child: Text(
-                  selectedFile?.name ?? 'tap to select a file', // TODO implement i18n
+                  files.selected?.name ?? 'tap to select a file', // TODO implement i18n
                   style: TextStyle(
-                      color: selectedFile?.name == null
-                          ? Colors.grey
-                          : Colors.black),
+                    // TODO implement use theme
+                    color: files.selected == null
+                        ? Colors.grey
+                        : Colors.black
+                  ),
                 ),
               )
           )

lib/measurement/model/measurement_state.dart

@@ -5,10 +5,14 @@ part 'measurement_state.g.dart';
 @riverpod
 class MeasurementState extends _$MeasurementState {
 
-  final Duration duration = Duration.zero;
-
   @override
-  MeasurementState build() {
-    return this;
+  Duration build() {
+    return Duration.zero;
+  }
+
+  void increment(Duration diff) {
+    state = state + diff;
   }
+
+  void reset() => state = Duration.zero;
 }

lib/measurement/widget/stop_watch_widget.dart

@@ -1,9 +1,51 @@
+import 'dart:async';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
-class StopWatch extends ConsumerWidget {
+import '../model/measurement_state.dart';
+
+class StopWatchWidget extends ConsumerStatefulWidget {
+
+  const StopWatchWidget({super.key});
+
+  @override
+  StopWatchState createState() => StopWatchState();
+}
+
+class StopWatchState extends ConsumerState<StopWatchWidget> {
 
-  const StopWatch({super.key});
+  late Timer _timer;
+  DateTime _lastMeasurementTime = DateTime.now();
+  bool _running = false;
+
+  void _toggle() {
+    if (_running) {
+      _timer.cancel();
+    } else {
+      _lastMeasurementTime = DateTime.now();
+      _timer = Timer.periodic(Duration(milliseconds: 100), (timer) {
+        setState(() {
+          final now = DateTime.now();
+          ref.read(measurementStateProvider.notifier).increment(
+              now.difference(_lastMeasurementTime)
+          );
+          _lastMeasurementTime = now;
+        });
+      });
+    }
+    setState(() {
+      _running = !_running;
+    });
+  }
+
+  void _reset() {
+    setState(() {
+      _timer.cancel();
+      _running = false;
+      ref.read(measurementStateProvider.notifier).reset();
+    });
+  }
 
   String _formatTime(Duration duration) {
     String twoDigits(int n) => n.toString().padLeft(2, '0');
@@ -14,17 +56,21 @@ class StopWatch extends ConsumerWidget {
   }
 
   @override
-  Widget build(BuildContext context, WidgetRef ref) {
+  Widget build(BuildContext context) {
+    final measurement = ref.watch(measurementStateProvider);
     return Column(
       mainAxisAlignment: MainAxisAlignment.center,
       crossAxisAlignment: CrossAxisAlignment.center,
       children: [
         Center(
-          child: Text(
-            _formatTime(Duration.zero),
-            style: TextStyle(
-              fontSize: 64,
-              fontWeight: FontWeight.bold,
+          child: GestureDetector(
+            onTap: _toggle,
+            child: Text(
+              _formatTime(measurement),
+              style: TextStyle(
+                fontSize: 64,
+                fontWeight: FontWeight.bold,
+              ),
             ),
           ),
         ),

lib/screen/choose_sheet_screen.dart

@@ -1,4 +1,4 @@
-import 'package:chrono_sheet/file/selected/model/selected_file.dart';
+import 'package:chrono_sheet/file/state/files_state.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
@@ -10,7 +10,7 @@ class ChooseSheetScreen extends ConsumerStatefulWidget {
   const ChooseSheetScreen({super.key});
 
   @override
-  ConsumerState createState() => ChooseSheetState();
+  ChooseSheetState createState() => ChooseSheetState();
 }
 
 class ChooseSheetState extends ConsumerState<ChooseSheetScreen> {
@@ -59,7 +59,7 @@ class ChooseSheetState extends ConsumerState<ChooseSheetScreen> {
                         style: theme.textTheme.headlineSmall,
                       ),
                       onTap: () {
-                        ref.read(selectedFileProvider.notifier).select(
+                        ref.read(filesInfoHolderProvider.notifier).select(
                             state.files[index]
                         );
                         context.pop();

lib/screen/main_screen.dart

@@ -1,5 +1,5 @@
+import 'package:chrono_sheet/file/widget/selected_file_widget.dart';
 import 'package:chrono_sheet/measurement/widget/stop_watch_widget.dart';
-import 'package:chrono_sheet/file/selected/widget/selected_file_widget.dart';
 import 'package:flutter/material.dart';
 
 class MainScreen extends StatelessWidget {
@@ -18,7 +18,7 @@ class MainScreen extends StatelessWidget {
             mainAxisAlignment: MainAxisAlignment.center,
             crossAxisAlignment: CrossAxisAlignment.center,
             children: [
-              StopWatch(),
+              StopWatchWidget(),
               SizedBox(height: 24),
               SelectedFileWidget(),
             ],