feat: avatar cropping

lib/pages/chat/events/message_content.dart

@@ -161,10 +161,8 @@ class MessageContent extends StatelessWidget {
           case MessageTypes.Audio:
             if (PlatformInfos.isMobile ||
                 PlatformInfos.isMacOS ||
-                PlatformInfos.isWeb
-            // Disabled until https://github.com/bleonard252/just_audio_mpv/issues/3
-            // is fixed
-            //   || PlatformInfos.isLinux
+                PlatformInfos.isWeb ||
+                PlatformInfos.isLinux
             ) {
               return AudioPlayerWidget(
                 event,

lib/pages/settings/settings.dart

@@ -1,4 +1,5 @@
 import 'dart:async';
+import 'dart:typed_data';
 
 import 'package:flutter/material.dart';
 
@@ -15,6 +16,7 @@ import 'package:fluffychat/utils/platform_infos.dart';
 import 'package:fluffychat/widgets/adaptive_dialogs/show_modal_action_popup.dart';
 import 'package:fluffychat/widgets/adaptive_dialogs/show_ok_cancel_alert_dialog.dart';
 import 'package:fluffychat/widgets/adaptive_dialogs/show_text_input_dialog.dart';
+import 'package:fluffychat/widgets/avatar_crop_dialog.dart';
 import 'package:fluffychat/widgets/future_loading_dialog.dart';
 import '../../widgets/matrix.dart';
 import 'settings_view.dart';
@@ -126,6 +128,8 @@ class SettingsController extends State<Settings> {
       return;
     }
     MatrixFile file;
+    Uint8List bytes;
+    String name;
     if (PlatformInfos.isMobile) {
       final result = await ImagePicker().pickImage(
         source: action == AvatarAction.camera
@@ -134,16 +138,25 @@ class SettingsController extends State<Settings> {
         imageQuality: 50,
       );
       if (result == null) return;
-      file = MatrixFile(bytes: await result.readAsBytes(), name: result.path);
+      bytes = await result.readAsBytes();
+      name = result.path;
     } else {
       final result = await selectFiles(context, type: FileType.image);
       final pickedFile = result.firstOrNull;
       if (pickedFile == null) return;
-      file = MatrixFile(
-        bytes: await pickedFile.readAsBytes(),
-        name: pickedFile.name,
-      );
+      bytes = await pickedFile.readAsBytes();
+      name = pickedFile.name;
     }
+    final cropped = await showDialog<Uint8List>(
+      context: context,
+      builder: (contect) => AvatarCropDialog(image: bytes),
+    );
+    if (cropped == null) return;
+    bytes = cropped;
+    file = MatrixFile(
+      bytes: bytes,
+      name: name,
+    );
     final success = await showFutureLoadingDialog(
       context: context,
       future: () => matrix.client.setAvatar(file),

lib/widgets/avatar_crop_dialog.dart

@@ -0,0 +1,70 @@
+import 'dart:typed_data';
+import 'dart:ui' as ui;
+
+import 'package:crop_image/crop_image.dart';
+import 'package:fluffychat/l10n/l10n.dart';
+import 'package:flutter/material.dart';
+
+class AvatarCropDialog extends StatefulWidget {
+  final Uint8List image;
+
+  const AvatarCropDialog({super.key, required this.image});
+
+  @override
+  AvatarCropDialogController createState() => AvatarCropDialogController();
+}
+
+class AvatarCropDialogController extends State<AvatarCropDialog> {
+  final controller = CropController(
+    aspectRatio: 1,
+    defaultCrop: const Rect.fromLTWH(0.1, 0.1, 0.8, 0.8),
+  );
+
+  void onCancelAction() => Navigator.of(context).pop();
+
+  Future<void> onCropAction() async {
+    final image = await controller.croppedBitmap();
+    if (mounted) {
+      final data = await image.toByteData(format: ui.ImageByteFormat.png);
+      Navigator.of(context).pop(data?.buffer.asUint8List());
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) => AvatarCropDialogView(this);
+}
+
+class AvatarCropDialogView extends StatelessWidget {
+  final AvatarCropDialogController controller;
+
+  const AvatarCropDialogView(this.controller, {super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return AlertDialog(
+      title: Text(L10n.of(context).changeYourAvatar),
+      content: SizedBox(
+        width: 400,
+        height: 400,
+        child: CropImage(
+          controller: controller.controller,
+          image: Image.memory(controller.widget.image),
+          gridColor: Colors.white,
+          gridCornerSize: 20,
+          touchSize: 20,
+          alwaysShowThirdLines: true,
+        ),
+      ),
+      actions: [
+        TextButton(
+          onPressed: controller.onCancelAction,
+          child: Text(L10n.of(context).cancel),
+        ),
+        TextButton(
+          onPressed: controller.onCropAction,
+          child: Text(L10n.of(context).ok),
+        ),
+      ],
+    );
+  }
+}