From 50b435b7e9619bd81cd2ef09d1968f0565dd0bae Mon Sep 17 00:00:00 2001
From: ggurdin <46800240+ggurdin@users.noreply.github.com>
Date: Fri, 13 Dec 2024 10:08:39 -0500
Subject: [PATCH] added clicking sounds on button click (#1236)

---
 assets/sounds/click.ogg                       | Bin 0 -> 8577 bytes
 lib/pages/chat/events/message.dart            |   3 +
 lib/pages/chat/events/message_content.dart    |   6 ++
 .../controllers/choreographer.dart            |   3 +
 lib/pangea/utils/play_click_sound.dart        |  20 ++++++
 .../widgets/chat/message_toolbar_buttons.dart |   2 +
 lib/pangea/widgets/pressable_button.dart      |   6 +-
 linux/flutter/generated_plugin_registrant.cc  |   4 ++
 linux/flutter/generated_plugins.cmake         |   1 +
 macos/Flutter/GeneratedPluginRegistrant.swift |   2 +
 pubspec.lock                                  |  60 +++++++++++++++++-
 pubspec.yaml                                  |   3 +-
 .../flutter/generated_plugin_registrant.cc    |   3 +
 windows/flutter/generated_plugins.cmake       |   1 +
 14 files changed, 110 insertions(+), 4 deletions(-)
 create mode 100644 assets/sounds/click.ogg
 create mode 100644 lib/pangea/utils/play_click_sound.dart

diff --git a/assets/sounds/click.ogg b/assets/sounds/click.ogg
new file mode 100644
index 0000000000000000000000000000000000000000..225eeb7ea78528a9608485a1214eaa9373597966
GIT binary patch
literal 8577
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
PZ}YtCP<UN!?ZE#4r|x$Z

literal 0
HcmV?d00001

diff --git a/lib/pages/chat/events/message.dart b/lib/pages/chat/events/message.dart
index 8919e6a7a..80a40ac60 100644
--- a/lib/pages/chat/events/message.dart
+++ b/lib/pages/chat/events/message.dart
@@ -391,6 +391,8 @@ class Message extends StatelessWidget {
                                         showToolbar(pangeaMessageEvent);
                                       },
                                       color: color,
+                                      clickPlayer:
+                                          controller.choreographer.clickPlayer,
                                       child:
                                           // Pangea#
                                           Container(
@@ -519,6 +521,7 @@ class Message extends StatelessWidget {
                                                   controller: controller,
                                                   nextEvent: nextEvent,
                                                   prevEvent: previousEvent,
+                                                  isButton: isButton,
                                                   // Pangea#
                                                 ),
                                                 if (event.hasAggregatedEvents(
diff --git a/lib/pages/chat/events/message_content.dart b/lib/pages/chat/events/message_content.dart
index b68cd0a8c..6b842a0a1 100644
--- a/lib/pages/chat/events/message_content.dart
+++ b/lib/pages/chat/events/message_content.dart
@@ -41,6 +41,7 @@ class MessageContent extends StatelessWidget {
   final ChatController controller;
   final Event? nextEvent;
   final Event? prevEvent;
+  final bool isButton;
   // Pangea#
 
   const MessageContent(
@@ -55,6 +56,7 @@ class MessageContent extends StatelessWidget {
     required this.controller,
     this.nextEvent,
     this.prevEvent,
+    this.isButton = false,
     // Pangea#
     required this.borderRadius,
   });
@@ -331,6 +333,10 @@ class MessageContent extends StatelessWidget {
                     return;
                   }
 
+                  if (isButton) {
+                    controller.choreographer.clickPlayer.play();
+                  }
+
                   controller.showToolbar(
                     event,
                     pangeaMessageEvent: pangeaMessageEvent,
diff --git a/lib/pangea/choreographer/controllers/choreographer.dart b/lib/pangea/choreographer/controllers/choreographer.dart
index c6e2dac7f..4594711f9 100644
--- a/lib/pangea/choreographer/controllers/choreographer.dart
+++ b/lib/pangea/choreographer/controllers/choreographer.dart
@@ -17,6 +17,7 @@ import 'package:fluffychat/pangea/models/tokens_event_content_model.dart';
 import 'package:fluffychat/pangea/utils/any_state_holder.dart';
 import 'package:fluffychat/pangea/utils/error_handler.dart';
 import 'package:fluffychat/pangea/utils/overlay.dart';
+import 'package:fluffychat/pangea/utils/play_click_sound.dart';
 import 'package:fluffychat/pangea/widgets/chat/tts_controller.dart';
 import 'package:fluffychat/pangea/widgets/igc/paywall_card.dart';
 import 'package:flutter/foundation.dart';
@@ -42,6 +43,7 @@ class Choreographer {
   late AlternativeTranslator altTranslator;
   late ErrorService errorService;
   final tts = TtsController();
+  final clickPlayer = ClickPlayer();
 
   bool isFetching = false;
   int _timesClicked = 0;
@@ -483,6 +485,7 @@ class Choreographer {
     _textController.dispose();
     trialStream?.cancel();
     tts.dispose();
+    clickPlayer.dispose();
   }
 
   LanguageModel? get l2Lang {
diff --git a/lib/pangea/utils/play_click_sound.dart b/lib/pangea/utils/play_click_sound.dart
new file mode 100644
index 000000000..31231c388
--- /dev/null
+++ b/lib/pangea/utils/play_click_sound.dart
@@ -0,0 +1,20 @@
+import 'package:audioplayers/audioplayers.dart';
+
+class ClickPlayer {
+  late AudioPlayer _player;
+
+  ClickPlayer() {
+    _player = AudioPlayer();
+    _player.setPlayerMode(PlayerMode.lowLatency);
+    _player.setVolume(0.5);
+  }
+
+  Future<void> play() async {
+    await _player.stop();
+    _player.play(AssetSource('sounds/click.ogg'));
+  }
+
+  void dispose() {
+    _player.dispose();
+  }
+}
diff --git a/lib/pangea/widgets/chat/message_toolbar_buttons.dart b/lib/pangea/widgets/chat/message_toolbar_buttons.dart
index bfa3ab746..71a20189f 100644
--- a/lib/pangea/widgets/chat/message_toolbar_buttons.dart
+++ b/lib/pangea/widgets/chat/message_toolbar_buttons.dart
@@ -109,6 +109,8 @@ class ToolbarButtons extends StatelessWidget {
                       onPressed: enabled
                           ? () => overlayController.updateToolbarMode(mode)
                           : null,
+                      clickPlayer: overlayController
+                          .widget.chatController.choreographer.clickPlayer,
                       child: AnimatedContainer(
                         duration: FluffyThemes.animationDuration,
                         height: buttonSize,
diff --git a/lib/pangea/widgets/pressable_button.dart b/lib/pangea/widgets/pressable_button.dart
index ae84bc486..bb06fdce6 100644
--- a/lib/pangea/widgets/pressable_button.dart
+++ b/lib/pangea/widgets/pressable_button.dart
@@ -1,5 +1,6 @@
 import 'dart:async';
 
+import 'package:fluffychat/pangea/utils/play_click_sound.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
@@ -13,6 +14,7 @@ class PressableButton extends StatefulWidget {
 
   final void Function()? onPressed;
   final Stream? triggerAnimation;
+  final ClickPlayer? clickPlayer;
 
   const PressableButton({
     required this.borderRadius,
@@ -22,6 +24,7 @@ class PressableButton extends StatefulWidget {
     this.buttonHeight = 5,
     this.depressed = false,
     this.triggerAnimation,
+    this.clickPlayer,
     super.key,
   });
 
@@ -79,10 +82,11 @@ class PressableButtonState extends State<PressableButton>
     if (_animationCompleter != null) {
       await _animationCompleter!.future;
     }
-    if (mounted) _controller.reverse();
+    widget.clickPlayer?.play();
     if (!kIsWeb) {
       HapticFeedback.mediumImpact();
     }
+    if (mounted) _controller.reverse();
   }
 
   void _onTapCancel() {
diff --git a/linux/flutter/generated_plugin_registrant.cc b/linux/flutter/generated_plugin_registrant.cc
index 99fe9d9d6..8a1e26c05 100644
--- a/linux/flutter/generated_plugin_registrant.cc
+++ b/linux/flutter/generated_plugin_registrant.cc
@@ -6,6 +6,7 @@
 
 #include "generated_plugin_registrant.h"
 
+#include <audioplayers_linux/audioplayers_linux_plugin.h>
 #include <dynamic_color/dynamic_color_plugin.h>
 #include <emoji_picker_flutter/emoji_picker_flutter_plugin.h>
 #include <file_selector_linux/file_selector_plugin.h>
@@ -20,6 +21,9 @@
 #include <window_to_front/window_to_front_plugin.h>
 
 void fl_register_plugins(FlPluginRegistry* registry) {
+  g_autoptr(FlPluginRegistrar) audioplayers_linux_registrar =
+      fl_plugin_registry_get_registrar_for_plugin(registry, "AudioplayersLinuxPlugin");
+  audioplayers_linux_plugin_register_with_registrar(audioplayers_linux_registrar);
   g_autoptr(FlPluginRegistrar) dynamic_color_registrar =
       fl_plugin_registry_get_registrar_for_plugin(registry, "DynamicColorPlugin");
   dynamic_color_plugin_register_with_registrar(dynamic_color_registrar);
diff --git a/linux/flutter/generated_plugins.cmake b/linux/flutter/generated_plugins.cmake
index de98e488d..7c2b2bd52 100644
--- a/linux/flutter/generated_plugins.cmake
+++ b/linux/flutter/generated_plugins.cmake
@@ -3,6 +3,7 @@
 #
 
 list(APPEND FLUTTER_PLUGIN_LIST
+  audioplayers_linux
   dynamic_color
   emoji_picker_flutter
   file_selector_linux
diff --git a/macos/Flutter/GeneratedPluginRegistrant.swift b/macos/Flutter/GeneratedPluginRegistrant.swift
index 94d578564..011b37ee1 100644
--- a/macos/Flutter/GeneratedPluginRegistrant.swift
+++ b/macos/Flutter/GeneratedPluginRegistrant.swift
@@ -7,6 +7,7 @@ import Foundation
 
 import appkit_ui_element_colors
 import audio_session
+import audioplayers_darwin
 import device_info_plus
 import dynamic_color
 import emoji_picker_flutter
@@ -46,6 +47,7 @@ import window_to_front
 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
   AppkitUiElementColorsPlugin.register(with: registry.registrar(forPlugin: "AppkitUiElementColorsPlugin"))
   AudioSessionPlugin.register(with: registry.registrar(forPlugin: "AudioSessionPlugin"))
+  AudioplayersDarwinPlugin.register(with: registry.registrar(forPlugin: "AudioplayersDarwinPlugin"))
   DeviceInfoPlusMacosPlugin.register(with: registry.registrar(forPlugin: "DeviceInfoPlusMacosPlugin"))
   DynamicColorPlugin.register(with: registry.registrar(forPlugin: "DynamicColorPlugin"))
   EmojiPickerFlutterPlugin.register(with: registry.registrar(forPlugin: "EmojiPickerFlutterPlugin"))
diff --git a/pubspec.lock b/pubspec.lock
index 31d245fd7..a1ea075e7 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -97,6 +97,62 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.1.20"
+  audioplayers:
+    dependency: "direct main"
+    description:
+      name: audioplayers
+      sha256: c346ba5a39dc208f1bab55fc239855f573d69b0e832402114bf0b793622adc4d
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.1.0"
+  audioplayers_android:
+    dependency: transitive
+    description:
+      name: audioplayers_android
+      sha256: de576b890befe27175c2f511ba8b742bec83765fa97c3ce4282bba46212f58e4
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.0"
+  audioplayers_darwin:
+    dependency: transitive
+    description:
+      name: audioplayers_darwin
+      sha256: e507887f3ff18d8e5a10a668d7bedc28206b12e10b98347797257c6ae1019c3b
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.0.0"
+  audioplayers_linux:
+    dependency: transitive
+    description:
+      name: audioplayers_linux
+      sha256: "3d3d244c90436115417f170426ce768856d8fe4dfc5ed66a049d2890acfa82f9"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.0"
+  audioplayers_platform_interface:
+    dependency: transitive
+    description:
+      name: audioplayers_platform_interface
+      sha256: "6834dd48dfb7bc6c2404998ebdd161f79cd3774a7e6779e1348d54a3bfdcfaa5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.0"
+  audioplayers_web:
+    dependency: transitive
+    description:
+      name: audioplayers_web
+      sha256: "3609bdf0e05e66a3d9750ee40b1e37f2a622c4edb796cc600b53a90a30a2ace4"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.0.1"
+  audioplayers_windows:
+    dependency: transitive
+    description:
+      name: audioplayers_windows
+      sha256: "8605762dddba992138d476f6a0c3afd9df30ac5b96039929063eceed416795c2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.0"
   badges:
     dependency: "direct main"
     description:
@@ -412,10 +468,10 @@ packages:
     dependency: transitive
     description:
       name: ffi
-      sha256: "493f37e7df1804778ff3a53bd691d8692ddf69702cf4c1c1096a2e41b4779e21"
+      sha256: "16ed7b077ef01ad6170a3d0c57caa4a112a38d7a2ed5602e0aca9ca6f3d98da6"
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.3"
   file:
     dependency: transitive
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index 5a7cf83f7..2e05bd747 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -6,7 +6,7 @@ description: Learn a language while texting your friends.
 # Pangea#
 publish_to: none
 # On version bump also increase the build number for F-Droid
-version: 1.23.17+3576
+version: 1.23.18+1
 
 environment:
   sdk: ">=3.0.0 <4.0.0"
@@ -111,6 +111,7 @@ dependencies:
   webrtc_interface: ^1.0.13
   # #Pangea
   android_intent_plus: ^5.2.0
+  audioplayers: ^6.1.0
   country_picker: ^2.0.25
   csv: ^6.0.0
   dropdown_button2: ^2.3.9
diff --git a/windows/flutter/generated_plugin_registrant.cc b/windows/flutter/generated_plugin_registrant.cc
index cb606b32d..bd80c81e1 100644
--- a/windows/flutter/generated_plugin_registrant.cc
+++ b/windows/flutter/generated_plugin_registrant.cc
@@ -6,6 +6,7 @@
 
 #include "generated_plugin_registrant.h"
 
+#include <audioplayers_windows/audioplayers_windows_plugin.h>
 #include <dynamic_color/dynamic_color_plugin_c_api.h>
 #include <emoji_picker_flutter/emoji_picker_flutter_plugin_c_api.h>
 #include <file_selector_windows/file_selector_windows.h>
@@ -25,6 +26,8 @@
 #include <window_to_front/window_to_front_plugin.h>
 
 void RegisterPlugins(flutter::PluginRegistry* registry) {
+  AudioplayersWindowsPluginRegisterWithRegistrar(
+      registry->GetRegistrarForPlugin("AudioplayersWindowsPlugin"));
   DynamicColorPluginCApiRegisterWithRegistrar(
       registry->GetRegistrarForPlugin("DynamicColorPluginCApi"));
   EmojiPickerFlutterPluginCApiRegisterWithRegistrar(
diff --git a/windows/flutter/generated_plugins.cmake b/windows/flutter/generated_plugins.cmake
index 981947647..095209a76 100644
--- a/windows/flutter/generated_plugins.cmake
+++ b/windows/flutter/generated_plugins.cmake
@@ -3,6 +3,7 @@
 #
 
 list(APPEND FLUTTER_PLUGIN_LIST
+  audioplayers_windows
   dynamic_color
   emoji_picker_flutter
   file_selector_windows