feat: Send multiple images at once

assets/l10n/intl_en.arb

@@ -2850,5 +2850,11 @@
   "storeInAppleKeyChain": "Store in Apple KeyChain",
   "@storeInAppleKeyChain": {},
   "storeSecurlyOnThisDevice": "Store securely on this device",
-  "@storeSecurlyOnThisDevice": {}
+  "@storeSecurlyOnThisDevice": {},
+  "countFiles": "{count} files",
+  "@countFiles": {
+    "placeholders": {
+      "count": {}
+    }
+  }
 }

lib/pages/chat/chat.dart

@@ -70,21 +70,33 @@ class ChatController extends State<Chat> {
 
   void onDragDone(DropDoneDetails details) async {
     setState(() => dragging = false);
-    for (final xfile in details.files) {
+    final bytesList = await showFutureLoadingDialog(
-      final bytes = await xfile.readAsBytes();
+      context: context,
+      future: () => Future.wait(
+        details.files.map(
+          (xfile) => xfile.readAsBytes(),
+        ),
+      ),
+    );
+    if (bytesList.error != null) return;
+
+    final matrixFiles = <MatrixFile>[];
+    for (var i = 0; i < bytesList.result!.length; i++) {
+      matrixFiles.add(MatrixFile(
+        bytes: bytesList.result![i],
+        name: details.files[i].name,
+      ).detectFileType);
+    }
+
     await showDialog(
       context: context,
       useRootNavigator: false,
       builder: (c) => SendFileDialog(
-          file: MatrixFile(
+        files: matrixFiles,
-            bytes: bytes,
-            name: xfile.name,
-          ).detectFileType,
         room: room!,
       ),
     );
   }
-  }
 
   bool get canSaveSelectedEvent =>
       selectedEvents.length == 1 &&
@@ -308,34 +320,41 @@ class ChatController extends State<Chat> {
   }
 
   void sendFileAction() async {
-    final result =
+    final result = await FilePickerCross.importMultipleFromStorage(
-        await FilePickerCross.importFromStorage(type: FileTypeCross.any);
+      type: FileTypeCross.any,
-    if (result.fileName == null) return;
+    );
+    if (result.isEmpty) return;
     await showDialog(
       context: context,
       useRootNavigator: false,
       builder: (c) => SendFileDialog(
-        file: MatrixFile(
+        files: result
-          bytes: result.toUint8List(),
+            .map((xfile) => MatrixFile(
-          name: result.fileName!,
+                  bytes: xfile.toUint8List(),
-        ).detectFileType,
+                  name: xfile.fileName!,
+                ).detectFileType)
+            .toList(),
         room: room!,
       ),
     );
   }
 
   void sendImageAction() async {
-    final result =
+    final result = await FilePickerCross.importMultipleFromStorage(
-        await FilePickerCross.importFromStorage(type: FileTypeCross.image);
+      type: FileTypeCross.image,
-    if (result.fileName == null) return;
+    );
+    if (result.isEmpty) return;
+
     await showDialog(
       context: context,
       useRootNavigator: false,
       builder: (c) => SendFileDialog(
-        file: MatrixImageFile(
+        files: result
-          bytes: result.toUint8List(),
+            .map((xfile) => MatrixFile(
-          name: result.fileName!,
+                  bytes: xfile.toUint8List(),
-        ),
+                  name: xfile.fileName!,
+                ).detectFileType)
+            .toList(),
         room: room!,
       ),
     );
@@ -351,10 +370,12 @@ class ChatController extends State<Chat> {
       context: context,
       useRootNavigator: false,
       builder: (c) => SendFileDialog(
-        file: MatrixImageFile(
+        files: [
+          MatrixImageFile(
             bytes: bytes,
             name: file.path,
-        ),
+          )
+        ],
         room: room!,
       ),
     );
@@ -370,10 +391,12 @@ class ChatController extends State<Chat> {
       context: context,
       useRootNavigator: false,
       builder: (c) => SendFileDialog(
-        file: MatrixVideoFile(
+        files: [
+          MatrixVideoFile(
             bytes: bytes,
             name: file.path,
-        ),
+          )
+        ],
         room: room!,
       ),
     );

lib/pages/chat/send_file_dialog.dart

@@ -4,16 +4,16 @@ import 'package:flutter_gen/gen_l10n/l10n.dart';
 import 'package:future_loading_dialog/future_loading_dialog.dart';
 import 'package:matrix/matrix.dart';
 
-import '../../utils/matrix_sdk_extensions.dart/matrix_file_extension.dart';
+import 'package:fluffychat/utils/size_string.dart';
 import '../../utils/resize_image.dart';
 
 class SendFileDialog extends StatefulWidget {
   final Room room;
-  final MatrixFile file;
+  final List<MatrixFile> files;
 
   const SendFileDialog({
     required this.room,
-    required this.file,
+    required this.files,
     Key? key,
   }) : super(key: key);
 
@@ -28,7 +28,7 @@ class _SendFileDialogState extends State<SendFileDialog> {
   static const int minSizeToCompress = 20 * 1024;
 
   Future<void> _send() async {
-    var file = widget.file;
+    for (var file in widget.files) {
       MatrixImageFile? thumbnail;
       if (file is MatrixVideoFile && file.bytes.length > minSizeToCompress) {
         await showFutureLoadingDialog(
@@ -50,27 +50,37 @@ class _SendFileDialogState extends State<SendFileDialog> {
           SnackBar(content: Text(e.toLocalizedString())),
         );
       });
-
+    }
     Navigator.of(context, rootNavigator: false).pop();
+
     return;
   }
 
   @override
   Widget build(BuildContext context) {
     var sendStr = L10n.of(context)!.sendFile;
-    if (widget.file is MatrixImageFile) {
+    final bool allFilesAreImages =
+        widget.files.every((file) => file is MatrixImageFile);
+    final sizeString = widget.files
+        .fold<double>(0, (p, file) => p + file.bytes.length)
+        .sizeString;
+    final fileName = widget.files.length == 1
+        ? widget.files.single.name
+        : L10n.of(context)!.countFiles(widget.files.length.toString());
+
+    if (allFilesAreImages) {
       sendStr = L10n.of(context)!.sendImage;
-    } else if (widget.file is MatrixAudioFile) {
+    } else if (widget.files.every((file) => file is MatrixAudioFile)) {
       sendStr = L10n.of(context)!.sendAudio;
-    } else if (widget.file is MatrixVideoFile) {
+    } else if (widget.files.every((file) => file is MatrixVideoFile)) {
       sendStr = L10n.of(context)!.sendVideo;
     }
     Widget contentWidget;
-    if (widget.file is MatrixImageFile) {
+    if (allFilesAreImages) {
       contentWidget = Column(mainAxisSize: MainAxisSize.min, children: <Widget>[
         Flexible(
           child: Image.memory(
-            widget.file.bytes,
+            widget.files.first.bytes,
             fit: BoxFit.contain,
           ),
         ),
@@ -82,14 +92,13 @@ class _SendFileDialogState extends State<SendFileDialog> {
             ),
             InkWell(
               onTap: () => setState(() => origImage = !origImage),
-              child: Text(L10n.of(context)!.sendOriginal +
+              child: Text(L10n.of(context)!.sendOriginal + ' ($sizeString)'),
-                  ' (${widget.file.sizeString})'),
             ),
           ],
         )
       ]);
     } else {
-      contentWidget = Text('${widget.file.name} (${widget.file.sizeString})');
+      contentWidget = Text('$fileName ($sizeString)');
     }
     return AlertDialog(
       title: Text(sendStr),

lib/pages/chat_list/chat_list_item.dart

@@ -103,7 +103,7 @@ class ChatListItem extends StatelessWidget {
               context: context,
               useRootNavigator: false,
               builder: (c) => SendFileDialog(
-                file: Matrix.of(context).shareContent!['file'],
+                files: [Matrix.of(context).shareContent!['file']],
                 room: room,
               ),
             );

lib/utils/matrix_sdk_extensions.dart/event_extension.dart

@@ -45,20 +45,8 @@ extension LocalizedBody on Event {
   String? get sizeString {
     if (content['info'] is Map<String, dynamic> &&
         content['info'].containsKey('size')) {
-      num size = content['info']['size'];
+      final size = content['info']['size'];
-      if (size < 1000000) {
+      return size.sizeString;
-        size = size / 1000;
-        size = (size * 10).round() / 10;
-        return '${size.toString()} KB';
-      } else if (size < 1000000000) {
-        size = size / 1000000;
-        size = (size * 10).round() / 10;
-        return '${size.toString()} MB';
-      } else {
-        size = size / 1000000000;
-        size = (size * 10).round() / 10;
-        return '${size.toString()} GB';
-      }
     } else {
       return null;
     }

lib/utils/matrix_sdk_extensions.dart/matrix_file_extension.dart

@@ -8,6 +8,7 @@ import 'package:path_provider/path_provider.dart';
 import 'package:share_plus/share_plus.dart';
 
 import 'package:fluffychat/utils/platform_infos.dart';
+import 'package:fluffychat/utils/size_string.dart';
 
 extension MatrixFileExtension on MatrixFile {
   void save(BuildContext context) async {
@@ -46,20 +47,5 @@ extension MatrixFileExtension on MatrixFile {
     return this;
   }
 
-  String get sizeString {
+  String get sizeString => size.sizeString;
-    var size = this.size.toDouble();
-    if (size < 1000000) {
-      size = size / 1000;
-      size = (size * 10).round() / 10;
-      return '${size.toString()} KB';
-    } else if (size < 1000000000) {
-      size = size / 1000000;
-      size = (size * 10).round() / 10;
-      return '${size.toString()} MB';
-    } else {
-      size = size / 1000000000;
-      size = (size * 10).round() / 10;
-      return '${size.toString()} GB';
-    }
-  }
 }

lib/utils/size_string.dart

@@ -0,0 +1,18 @@
+extension SizeString on num {
+  String get sizeString {
+    var size = toDouble();
+    if (size < 1000000) {
+      size = size / 1000;
+      size = (size * 10).round() / 10;
+      return '${size.toString()} KB';
+    } else if (size < 1000000000) {
+      size = size / 1000000;
+      size = (size * 10).round() / 10;
+      return '${size.toString()} MB';
+    } else {
+      size = size / 1000000000;
+      size = (size * 10).round() / 10;
+      return '${size.toString()} GB';
+    }
+  }
+}