PE-4582: Audio Preview

assets/config/dev.json

@@ -7,7 +7,8 @@
   "allowedDataItemSizeForTurbo": 500000,
   "enableQuickSyncAuthoring": true,
   "enableMultipleFileDownload": true,
-  "enableVideoPreview": false,
+  "enableVideoPreview": true,
+  "enableAudioPreview": true,
   "stripePublishableKey": "pk_test_51JUAtwC8apPOWkDLh2FPZkQkiKZEkTo6wqgLCtQoClL6S4l2jlbbc5MgOdwOUdU9Tn93NNvqAGbu115lkJChMikG00XUfTmo2z",
   "enablePins": true
 }

assets/config/prod.json

@@ -8,6 +8,7 @@
   "enableQuickSyncAuthoring": true,
   "enableMultipleFileDownload": true,
   "enableVideoPreview": false,
+  "enableAudioPreview": false,
   "stripePublishableKey": "pk_live_51JUAtwC8apPOWkDLMQqNF9sPpfneNSPnwX8YZ8y1FNDl6v94hZIwzgFSYl27bWE4Oos8CLquunUswKrKcaDhDO6m002Yj9AeKj",
   "enablePins": true
 }

assets/config/staging.json

@@ -8,6 +8,7 @@
   "enableQuickSyncAuthoring": true,
   "enableMultipleFileDownload": true,
   "enableVideoPreview": false,
+  "enableAudioPreview": false,
   "stripePublishableKey": "pk_live_51JUAtwC8apPOWkDLMQqNF9sPpfneNSPnwX8YZ8y1FNDl6v94hZIwzgFSYl27bWE4Oos8CLquunUswKrKcaDhDO6m002Yj9AeKj",
   "enablePins": true
 }

lib/blocs/fs_entry_preview/fs_entry_preview_cubit.dart

@@ -85,6 +85,15 @@ class FsEntryPreviewCubit extends Cubit<FsEntryPreviewState> {
           }
 
           break;
+
+        case 'audio':
+          _previewAudio(
+            fileKey != null,
+            selectedItem,
+            previewUrl,
+          );
+          break;
+
         case 'video':
           _previewVideo(
             fileKey != null,
@@ -175,6 +184,16 @@ class FsEntryPreviewCubit extends Cubit<FsEntryPreviewState> {
               case 'image':
                 emitImagePreview(file, previewUrl);
                 break;
+
+              case 'audio':
+                _previewAudio(
+                  (selectedItem as FileDataTableItem).pinnedDataOwnerAddress ==
+                          null &&
+                      drive.isPrivate,
+                  selectedItem,
+                  previewUrl,
+                );
+                break;
               case 'video':
                 _previewVideo(
                   drive.isPrivate,
@@ -193,6 +212,23 @@ class FsEntryPreviewCubit extends Cubit<FsEntryPreviewState> {
     }
   }
 
+  void _previewAudio(
+      bool isPrivate, FileDataTableItem selectedItem, previewUrl) {
+    if (_configService.config.enableAudioPreview) {
+      if (isPrivate) {
+        emit(FsEntryPreviewUnavailable());
+        return;
+      }
+
+      emit(FsEntryPreviewAudio(
+          filename: selectedItem.name, previewUrl: previewUrl));
+
+      return;
+    }
+
+    emit(FsEntryPreviewUnavailable());
+  }
+
   void _previewVideo(
       bool isPrivate, FileDataTableItem selectedItem, previewUrl) {
     if (_configService.config.enableVideoPreview) {
@@ -201,7 +237,8 @@ class FsEntryPreviewCubit extends Cubit<FsEntryPreviewState> {
         return;
       }
 
-      emit(FsEntryPreviewVideo(previewUrl: previewUrl));
+      emit(FsEntryPreviewVideo(
+          filename: selectedItem.name, previewUrl: previewUrl));
 
       return;
     }
@@ -298,6 +335,9 @@ class FsEntryPreviewCubit extends Cubit<FsEntryPreviewState> {
       case 'image':
         return supportedImageTypesInFilePreview
             .any((element) => element.contains(fileExtension));
+      case 'audio':
+        return audioContentTypes
+            .any((element) => element.contains(fileExtension));
       case 'video':
         return videoContentTypes
             .any((element) => element.contains(fileExtension));

lib/blocs/fs_entry_preview/fs_entry_preview_state.dart

@@ -37,21 +37,25 @@ class FsEntryPreviewImage extends FsEntryPreviewSuccess {
 }
 
 class FsEntryPreviewAudio extends FsEntryPreviewSuccess {
-  const FsEntryPreviewAudio({
-    required String previewUrl,
-  }) : super(previewUrl: previewUrl);
+  final String filename;
+  const FsEntryPreviewAudio(
+      {required String previewUrl, required this.filename})
+      : super(previewUrl: previewUrl);
 
   @override
-  List<Object> get props => [previewUrl];
+  List<Object> get props => [previewUrl, filename];
 }
 
 class FsEntryPreviewVideo extends FsEntryPreviewSuccess {
+  final String filename;
+
   const FsEntryPreviewVideo({
     required String previewUrl,
+    required this.filename,
   }) : super(previewUrl: previewUrl);
 
   @override
-  List<Object> get props => [previewUrl];
+  List<Object> get props => [previewUrl, filename];
 }
 
 class FsEntryPreviewMemory extends FsEntryPreviewSuccess {

lib/dev_tools/app_dev_tools.dart

@@ -233,6 +233,19 @@ class AppConfigWindowManagerState extends State<AppConfigWindowManager> {
       type: ArDriveDevToolOptionType.bool,
     );
 
+    ArDriveDevToolOption enableAudioPreviewOption = ArDriveDevToolOption(
+      name: 'enableAudioPreview',
+      value: settings.enableAudioPreview,
+      onChange: (value) {
+        setState(() {
+          configService.updateAppConfig(
+            settings.copyWith(enableAudioPreview: value),
+          );
+        });
+      },
+      type: ArDriveDevToolOptionType.bool,
+    );
+
     ArDriveDevToolOption autoSyncIntervalInSecondsOption = ArDriveDevToolOption(
       name: 'autoSyncIntervalInSeconds',
       value: settings.autoSyncIntervalInSeconds,
@@ -323,6 +336,7 @@ class AppConfigWindowManagerState extends State<AppConfigWindowManager> {
       enableQuickSyncAuthoringOption,
       enableMultipleFileDownloadOption,
       enableVideoPreviewOption,
+      enableAudioPreviewOption,
       enableSeedPhreaseLogin,
       allowedDataItemSizeForTurboOption,
       defaultArweaveGatewayUrlOption,