Add audio file caching

lib/apis/record_api.dart

@@ -163,7 +163,7 @@ class RecordApi {
     final digests = [voiceDigest];
 
     final record = Record.fromRequiredData(
-      recordType: RecordType.texture,
+      recordType: RecordType.audio,
       userId: client.userId,
       machineId: machineId,
       assetUri: voiceDigest.dbUri,

lib/clients/api_client.dart

@@ -130,6 +130,9 @@ class ApiClient {
       // TODO: Show the login screen again if cached login was unsuccessful.
       throw "You are not authorized to do that. $error";
     }
+    if (response.statusCode == 404) {
+      throw "Resource not found. $error";
+    }
     if (response.statusCode == 500) {
       throw "Internal server error. $error";
     }

lib/clients/audio_cache_client.dart

@@ -0,0 +1,24 @@
+import 'dart:io';
+
+import 'package:contacts_plus_plus/auxiliary.dart';
+import 'package:contacts_plus_plus/clients/api_client.dart';
+import 'package:http/http.dart' as http;
+import 'package:contacts_plus_plus/models/message.dart';
+import 'package:path/path.dart';
+import 'package:path_provider/path_provider.dart';
+
+class AudioCacheClient {
+  final Future<Directory> _directoryFuture = getTemporaryDirectory();
+
+  Future<File> cachedNetworkAudioFile(AudioClipContent clip) async {
+    final directory = await _directoryFuture;
+    final file = File("${directory.path}/${basename(clip.assetUri)}");
+    if (!await file.exists()) {
+      await file.create(recursive: true);
+      final response = await http.get(Uri.parse(Aux.neosDbToHttp(clip.assetUri)));
+      ApiClient.checkResponse(response);
+      await file.writeAsBytes(response.bodyBytes);
+    }
+    return file;
+  }
+}

lib/widgets/messages/message_audio_player.dart

@@ -2,10 +2,12 @@ import 'dart:convert';
 import 'dart:io' show Platform;
 
 import 'package:contacts_plus_plus/auxiliary.dart';
+import 'package:contacts_plus_plus/clients/audio_cache_client.dart';
 import 'package:contacts_plus_plus/models/message.dart';
 import 'package:contacts_plus_plus/widgets/messages/message_state_indicator.dart';
 import 'package:flutter/material.dart';
 import 'package:just_audio/just_audio.dart';
+import 'package:provider/provider.dart';
 
 class MessageAudioPlayer extends StatefulWidget {
   const MessageAudioPlayer({required this.message, this.foregroundColor, super.key});
@@ -19,19 +21,13 @@ class MessageAudioPlayer extends StatefulWidget {
 
 class _MessageAudioPlayerState extends State<MessageAudioPlayer> with WidgetsBindingObserver {
   final AudioPlayer _audioPlayer = AudioPlayer();
+  Future? _audioFileFuture;
   double _sliderValue = 0;
 
   @override
   void initState() {
     super.initState();
     WidgetsBinding.instance.addObserver(this);
-    if (Platform.isAndroid) {
-      //TODO: Add caching of audio-files
-      _audioPlayer.setUrl(
-          Aux.neosDbToHttp(AudioClipContent
-              .fromMap(jsonDecode(widget.message.content)).assetUri),
-          preload: true).whenComplete(() => _audioPlayer.setLoopMode(LoopMode.off));
-    }
   }
 
   @override
@@ -44,10 +40,9 @@ class _MessageAudioPlayerState extends State<MessageAudioPlayer> with WidgetsBin
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    _audioPlayer.setUrl(
+    final audioCache = Provider.of<AudioCacheClient>(context);
-        Aux.neosDbToHttp(AudioClipContent
+    _audioFileFuture = audioCache.cachedNetworkAudioFile(AudioClipContent.fromMap(jsonDecode(widget.message.content)))
-            .fromMap(jsonDecode(widget.message.content)).assetUri),
+        .then((value) => _audioPlayer.setFilePath(value.path)).whenComplete(() => _audioPlayer.setLoopMode(LoopMode.off));
-        preload: true).whenComplete(() => _audioPlayer.setLoopMode(LoopMode.off));
   }
 
   @override
@@ -90,6 +85,10 @@ class _MessageAudioPlayerState extends State<MessageAudioPlayer> with WidgetsBin
     if (!Platform.isAndroid) {
       return _createErrorWidget("Sorry, audio-messages are not\n supported on this platform.");
     }
+    return FutureBuilder(
+      future: _audioFileFuture,
+      builder: (context, snapshot) {
+        if (snapshot.hasData) {
           return IntrinsicWidth(
           child: StreamBuilder<PlayerState>(
               stream: _audioPlayer.playerStateStream,
@@ -201,5 +200,37 @@ class _MessageAudioPlayerState extends State<MessageAudioPlayer> with WidgetsBin
               }
           ),
         );
+        } else if (snapshot.hasError) {
+          return SizedBox(
+            width: 300,
+            child: Row(
+              children: [
+                const Icon(Icons.volume_off),
+                const SizedBox(width: 8,),
+                Expanded(
+                  child: Text(
+                    "Failed to load voice message: ${snapshot.error}",
+                    maxLines: 4,
+                    overflow: TextOverflow.ellipsis,
+                    softWrap: true,
+                  ),
+                ),
+              ],
+            ),
+          );
+        } else {
+          return const Padding(
+            padding: EdgeInsets.all(8.0),
+            child: Row(
+              children: [
+                Icon(Icons.volume_up),
+                SizedBox(width: 8,),
+                Center(child: CircularProgressIndicator()),
+              ],
+            ),
+          );
+        }
+      }
+    );
   }
 }

lib/widgets/messages/message_camera_view.dart

@@ -15,6 +15,8 @@ class MessageCameraView extends StatefulWidget {
 class _MessageCameraViewState extends State<MessageCameraView> {
   final List<CameraDescription> _cameras = [];
   late final CameraController _cameraController;
+  int _cameraIndex = 0;
+  FlashMode _flashMode = FlashMode.off;
   Future? _initializeControllerFuture;
 
   @override
@@ -23,16 +25,20 @@ class _MessageCameraViewState extends State<MessageCameraView> {
     availableCameras().then((List<CameraDescription> cameras) {
       _cameras.clear();
       _cameras.addAll(cameras);
+      if (cameras.isEmpty) {
+        _initializeControllerFuture = Future.error("Failed to initialize camera");
+      } else {
         _cameraController = CameraController(cameras.first, ResolutionPreset.high);
-      setState(() {
+        _cameraIndex = 0;
-        _initializeControllerFuture = _cameraController.initialize();
+        _initializeControllerFuture = _cameraController.initialize().whenComplete(() => _cameraController.setFlashMode(_flashMode));
-      });
+      }
+      setState(() {});
     });
   }
 
   @override
   void dispose() {
-    _cameraController.dispose();
+    _cameraController.setFlashMode(FlashMode.off).whenComplete(() => _cameraController.dispose());
     super.dispose();
   }
 
@@ -47,13 +53,100 @@ class _MessageCameraViewState extends State<MessageCameraView> {
         builder: (context, snapshot) {
           // Can't use hasData since the future returns void.
           if (snapshot.connectionState == ConnectionState.done) {
-            return Column(
+            return Stack(
+              children: [
+                Column(
                   children: [
                     Expanded(child: CameraPreview(_cameraController)),
                     Row(
-                  mainAxisAlignment: MainAxisAlignment.center,
+                      crossAxisAlignment: CrossAxisAlignment.center,
+                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                       children: [
-                    IconButton(onPressed: () async {
+                        IconButton(
+                          onPressed: _cameras.isEmpty ? null : () async {
+                            setState(() {
+                              _cameraIndex = (_cameraIndex+1) % _cameras.length;
+                            });
+                            _cameraController.setDescription(_cameras[_cameraIndex]);
+                          },
+                          iconSize: 32,
+                          icon: const Icon(Icons.switch_camera),
+                        ),
+                        const SizedBox(width: 64, height: 72,),
+                        AnimatedSwitcher(
+                          duration: const Duration(milliseconds: 200),
+                          transitionBuilder: (Widget child, Animation<double> animation) =>
+                              FadeTransition(
+                                opacity: animation,
+                                child: RotationTransition(
+                                  turns: Tween<double>(begin: 0.6, end: 1).animate(animation),
+                                  child: child,
+                                ),
+                              ),
+                          child: switch (_flashMode) {
+                            FlashMode.off =>
+                                IconButton(
+                                  key: const ValueKey("button-flash-off"),
+                                  iconSize: 32,
+                                  onPressed: () async {
+                                    _flashMode = FlashMode.auto;
+                                    await _cameraController.setFlashMode(_flashMode);
+                                    setState(() {});
+                                  },
+                                  icon: const Icon(Icons.flash_off),
+                                ),
+                            FlashMode.auto =>
+                                IconButton(
+                                  key: const ValueKey("button-flash-auto"),
+                                  iconSize: 32,
+                                  onPressed: () async {
+                                    _flashMode = FlashMode.always;
+                                    await _cameraController.setFlashMode(_flashMode);
+                                    setState(() {});
+                                  },
+                                  icon: const Icon(Icons.flash_auto),
+                                ),
+                            FlashMode.always =>
+                                IconButton(
+                                  key: const ValueKey("button-flash-always"),
+                                  iconSize: 32,
+                                  onPressed: () async {
+                                    _flashMode = FlashMode.torch;
+                                    await _cameraController.setFlashMode(_flashMode);
+                                    setState(() {});
+                                  },
+                                  icon: const Icon(Icons.flash_on),
+                                ),
+                            FlashMode.torch =>
+                                IconButton(
+                                  key: const ValueKey("button-flash-torch"),
+                                  iconSize: 32,
+                                  onPressed: () async {
+                                    _flashMode = FlashMode.off;
+                                    await _cameraController.setFlashMode(_flashMode);
+                                    setState(() {});
+                                  },
+                                  icon: const Icon(Icons.flashlight_on),
+                                ),
+                          },
+                        ),
+                      ],
+                    )
+                  ],
+                ),
+                Align(
+                  alignment: Alignment.bottomCenter,
+                  child: Container(
+                    decoration: BoxDecoration(
+                      color: Theme
+                          .of(context)
+                          .colorScheme
+                          .surface,
+                      borderRadius: BorderRadius.circular(64),
+                    ),
+                    margin: const EdgeInsets.all(16),
+                    child: IconButton(
+                      onPressed: () async {
                         final sMsgr = ScaffoldMessenger.of(context);
                         final nav = Navigator.of(context);
                         try {
@@ -63,9 +156,18 @@ class _MessageCameraViewState extends State<MessageCameraView> {
                         } catch (e) {
                           sMsgr.showSnackBar(SnackBar(content: Text("Failed to capture image: $e")));
                         }
-                    }, icon: const Icon(Icons.circle_outlined))
+                      },
-                  ],
+                      style: IconButton.styleFrom(
-                )
+                        foregroundColor: Theme
+                            .of(context)
+                            .colorScheme
+                            .primary,
+                      ),
+                      icon: const Icon(Icons.camera),
+                      iconSize: 64,
+                    ),
+                  ),
+                ),
               ],
             );
           } else if (snapshot.hasError) {
@@ -79,5 +181,4 @@ class _MessageCameraViewState extends State<MessageCameraView> {
       ),
     );
   }
-
 }

lib/widgets/messages/message_record_button.dart

@@ -33,19 +33,16 @@ class _MessageRecordButtonState extends State<MessageRecordButton> {
     return Material(
       child: GestureDetector(
         onTapDown: widget.disabled ? null : (_) async {
-          // TODO: Implement voice message recording
-          debugPrint("Down");
           HapticFeedback.vibrate();
           widget.onRecordStart?.call();
           final dir = await getTemporaryDirectory();
           await _recorder.start(
-            path: "${dir.path}/A-${const Uuid().v4()}.wav",
+            path: "${dir.path}/A-${const Uuid().v4()}.ogg",
-            encoder: AudioEncoder.wav,
+            encoder: AudioEncoder.opus,
             samplingRate: 44100,
           );
         },
         onTapUp: (_) async {
-          debugPrint("Up");
           if (await _recorder.isRecording()) {
             final recording = await _recorder.stop();
             widget.onRecordEnd?.call(recording == null ? null : File(recording));

lib/widgets/messages/messages_list.dart

@@ -1,11 +1,11 @@
 import 'dart:convert';
 import 'dart:io';
-import 'dart:math';
 
 import 'package:collection/collection.dart';
 import 'package:contacts_plus_plus/apis/record_api.dart';
 import 'package:contacts_plus_plus/client_holder.dart';
 import 'package:contacts_plus_plus/clients/api_client.dart';
+import 'package:contacts_plus_plus/clients/audio_cache_client.dart';
 import 'package:contacts_plus_plus/clients/messaging_client.dart';
 import 'package:contacts_plus_plus/models/friend.dart';
 import 'package:contacts_plus_plus/models/message.dart';
@@ -125,7 +125,6 @@ class _MessagesListState extends State<MessagesList> with SingleTickerProviderSt
     _hasText = false;
   }
 
-
   Future<void> sendVoiceMessage(ApiClient client, MessagingClient mClient, File file, String machineId,
       void Function(double progress) progressCallback) async {
     final record = await RecordApi.uploadVoiceClip(
@@ -291,7 +290,9 @@ class _MessagesListState extends State<MessagesList> with SingleTickerProviderSt
                               ),
                             );
                           }
-                          return ListView.builder(
+                          return Provider(
+                            create: (BuildContext context) => AudioCacheClient(),
+                            child: ListView.builder(
                               controller: _messageScrollController,
                               reverse: true,
                               itemCount: cache.messages.length,
@@ -305,6 +306,7 @@ class _MessagesListState extends State<MessagesList> with SingleTickerProviderSt
                                 }
                                 return MessageBubble(message: entry,);
                               },
+                            ),
                           );
                         },
                       ),