From b44bd0be32782773a4559311a5fa393bff032dc9 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Tue, 16 Jul 2024 03:48:45 +0200
Subject: [PATCH] [Media UI] Download Audio support.

---
 .../src/components/panels/Media/Browser.vue   |  2 ++
 .../src/components/panels/Media/Index.vue     | 25 +++++++++++++------
 .../src/components/panels/Media/Item.vue      |  3 +++
 .../panels/Media/Providers/Mixin.vue          |  1 +
 .../panels/Media/Providers/YouTube.vue        |  3 +++
 .../Media/Providers/YouTube/Channel.vue       |  2 ++
 .../panels/Media/Providers/YouTube/Feed.vue   |  2 ++
 .../Media/Providers/YouTube/Playlist.vue      |  2 ++
 .../Media/Providers/YouTube/Playlists.vue     |  2 ++
 .../Media/Providers/YouTube/Subscriptions.vue |  2 ++
 .../src/components/panels/Media/Results.vue   |  5 +++-
 11 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Browser.vue b/platypush/backend/http/webapp/src/components/panels/Media/Browser.vue
index adecd59797..b224ed6b4d 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Browser.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Browser.vue
@@ -28,6 +28,7 @@
             @add-to-playlist="$emit('add-to-playlist', $event)"
             @back="back"
             @download="$emit('download', $event)"
+            @download-audio="$emit('download-audio', $event)"
             @path-change="$emit('path-change', $event)"
             @play="$emit('play', $event)"
         />
@@ -50,6 +51,7 @@ export default {
     'back',
     'create-playlist',
     'download',
+    'download-audio',
     'path-change',
     'play',
     'remove-from-playlist',
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Index.vue b/platypush/backend/http/webapp/src/components/panels/Media/Index.vue
index 3a4a844849..3e1798bc7d 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Index.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Index.vue
@@ -60,6 +60,7 @@
                        @play="play"
                        @view="view"
                        @download="download"
+                       @download-audio="downloadAudio"
                        v-if="selectedView === 'search'"
               />
 
@@ -82,6 +83,7 @@
                        @add-to-playlist="addToPlaylistItem = $event"
                        @back="selectedResult = null"
                        @download="download"
+                       @download-audio="downloadAudio"
                        @path-change="browserFilter = ''"
                        @play="play($event)"
                        v-else-if="selectedView === 'browser'"
@@ -344,15 +346,19 @@ export default {
       window.open(ret.url, '_blank')
     },
 
-    async download(item) {
+    async download(item, args) {
       switch (item.type) {
         case 'torrent':
-          return await this.downloadTorrent(item)
+          return await this.downloadTorrent(item, args)
         case 'youtube':
-          return await this.downloadYoutube(item)
+          return await this.downloadYoutube(item, args)
       }
     },
 
+    async downloadAudio(item) {
+      await this.download(item, {onlyAudio: true})
+    },
+
     async refresh() {
       this.selectedPlayer.status = await this.selectedPlayer.component.status(this.selectedPlayer)
     },
@@ -454,7 +460,7 @@ export default {
       return await this.request(`${torrentPlugin}.download`, {torrent: item.url || item})
     },
 
-    async downloadYoutube(item) {
+    async downloadYoutube(item, args) {
       if (!item?.url) {
         this.notify({
           text: 'No YouTube URL available',
@@ -464,10 +470,13 @@ export default {
         return
       }
 
-      await this.request(
-        `${this.pluginName}.download`,
-        {url: item.url},
-      )
+      const requestArgs = {url: item.url}
+      const onlyAudio = !!args?.onlyAudio
+      if (onlyAudio) {
+        requestArgs.only_audio = true
+      }
+
+      await this.request(`${this.pluginName}.download`, requestArgs)
     },
 
     async selectSubtitles(item) {
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Item.vue b/platypush/backend/http/webapp/src/components/panels/Media/Item.vue
index a313186b46..278956d2fd 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Item.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Item.vue
@@ -17,6 +17,8 @@
                           v-if="item.type !== 'torrent'" />
             <DropdownItem icon-class="fa fa-download" text="Download" @click="$emit('download')"
                           v-if="(item.type === 'torrent' || item.type === 'youtube') && item.item_type !== 'channel' && item.item_type !== 'playlist'" />
+            <DropdownItem icon-class="fa fa-volume-high" text="Download Audio" @click="$emit('download-audio')"
+                          v-if="item.type === 'youtube' && item.item_type !== 'channel' && item.item_type !== 'playlist'" />
             <DropdownItem icon-class="fa fa-list" text="Add to playlist" @click="$emit('add-to-playlist')"
                           v-if="item.type === 'youtube'" />
             <DropdownItem icon-class="fa fa-trash" text="Remove from playlist" @click="$emit('remove-from-playlist')"
@@ -55,6 +57,7 @@ export default {
   emits: [
     'add-to-playlist',
     'download',
+    'download-audio',
     'open-channel',
     'play',
     'remove-from-playlist',
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/Mixin.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/Mixin.vue
index 8bcc2014dc..6979010108 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Providers/Mixin.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/Mixin.vue
@@ -8,6 +8,7 @@ export default {
     'back',
     'create-playlist',
     'download',
+    'download-audio',
     'path-change',
     'play',
     'remove-from-playlist',
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube.vue
index 296afee3fc..a64b85ab47 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube.vue
@@ -10,6 +10,7 @@
         <Feed :filter="filter"
               @add-to-playlist="$emit('add-to-playlist', $event)"
               @download="$emit('download', $event)"
+              @download-audio="$emit('download-audio', $event)" 
               @open-channel="selectChannelFromItem"
               @play="$emit('play', $event)"
               v-if="selectedView === 'feed'"
@@ -19,6 +20,7 @@
                    :selected-playlist="selectedPlaylist_"
                    @add-to-playlist="$emit('add-to-playlist', $event)"
                    @download="$emit('download', $event)"
+                   @download-audio="$emit('download-audio', $event)"
                    @open-channel="selectChannelFromItem"
                    @play="$emit('play', $event)"
                    @remove-from-playlist="removeFromPlaylist"
@@ -30,6 +32,7 @@
                        :selected-channel="selectedChannel_"
                        @add-to-playlist="$emit('add-to-playlist', $event)"
                        @download="$emit('download', $event)"
+                       @download-audio="$emit('download-audio', $event)"
                        @play="$emit('play', $event)"
                        @select="onChannelSelected"
                        v-else-if="selectedView === 'subscriptions'"
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue
index 22d57ade8b..1cbb4ad090 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue
@@ -48,6 +48,7 @@
                ref="results"
                @add-to-playlist="$emit('add-to-playlist', $event)"
                @download="$emit('download', $event)"
+               @download-audio="$emit('download-audio', $event)"
                @open-channel="$emit('open-channel', $event)"
                @play="$emit('play', $event)"
                @scroll-end="loadNextPage"
@@ -67,6 +68,7 @@ export default {
   emits: [
     'add-to-playlist',
     'download',
+    'download-audio',
     'open-channel',
     'play',
   ],
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Feed.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Feed.vue
index 681401cab8..dc49b9204b 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Feed.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Feed.vue
@@ -11,6 +11,7 @@
              :selected-result="selectedResult"
              @add-to-playlist="$emit('add-to-playlist', $event)"
              @download="$emit('download', $event)"
+             @download-audio="$emit('download-audio', $event)"
              @open-channel="$emit('open-channel', $event)"
              @select="selectedResult = $event"
              @play="$emit('play', $event)"
@@ -29,6 +30,7 @@ export default {
   emits: [
     'add-to-playlist',
     'download',
+    'download-audio',
     'open-channel',
     'play',
   ],
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Playlist.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Playlist.vue
index aed7e75019..878684aa14 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Playlist.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Playlist.vue
@@ -51,6 +51,7 @@
                :selected-result="selectedResult"
                @add-to-playlist="$emit('add-to-playlist', $event)"
                @download="$emit('download', $event)"
+               @download-audio="$emit('download-audio', $event)"
                @open-channel="$emit('open-channel', $event)"
                @play="$emit('play', $event)"
                @remove-from-playlist="$emit('remove-from-playlist', $event)"
@@ -71,6 +72,7 @@ export default {
   emits: [
     'add-to-playlist',
     'download',
+    'download-audio',
     'open-channel',
     'play',
     'remove-from-playlist',
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Playlists.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Playlists.vue
index 17fe0bedf5..8c90ed9fda 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Playlists.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Playlists.vue
@@ -32,6 +32,7 @@
         :metadata="playlistsById[selectedPlaylist.id] || selectedPlaylist"
         @add-to-playlist="$emit('add-to-playlist', $event)"
         @download="$emit('download', $event)"
+        @download-audio="$emit('download-audio', $event)"
         @open-channel="$emit('open-channel', $event)"
         @remove-from-playlist="$emit('remove-from-playlist', {item: $event, playlist_id: selectedPlaylist.id})"
         @play="$emit('play', $event)"
@@ -113,6 +114,7 @@ export default {
     'add-to-playlist',
     'create-playlist',
     'download',
+    'download-audio',
     'open-channel',
     'play',
     'remove-from-playlist',
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Subscriptions.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Subscriptions.vue
index a1ff46ed10..457ead8733 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Subscriptions.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Subscriptions.vue
@@ -25,6 +25,7 @@
         :filter="filter"
         @add-to-playlist="$emit('add-to-playlist', $event)"
         @download="$emit('download', $event)"
+        @download-audio="$emit('download-audio', $event)"
         @play="$emit('play', $event)"
       />
     </div>
@@ -42,6 +43,7 @@ export default {
   emits: [
     'add-to-playlist',
     'download',
+    'download-audio',
     'play',
     'select',
   ],
diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Results.vue b/platypush/backend/http/webapp/src/components/panels/Media/Results.vue
index c6a41c39d6..6c602fd9e2 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Results.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Results.vue
@@ -14,7 +14,9 @@
             @select="$emit('select', i)"
             @play="$emit('play', item)"
             @view="$emit('view', item)"
-            @download="$emit('download', item)" />
+            @download="$emit('download', item)"
+            @download-audio="$emit('download-audio', item)"
+      />
     </div>
 
     <Modal ref="infoModal" title="Media info" @close="$emit('select', null)">
@@ -37,6 +39,7 @@ export default {
   emits: [
     'add-to-playlist',
     'download',
+    'download-audio',
     'open-channel',
     'play',
     'remove-from-playlist',