Add playlist exporting

Author: Marekkon5

client/src/components/PlayerBar.vue

@@ -74,7 +74,7 @@
                     tiny
                     v-model="qtPlaylist"
                     @update:model-value="loadQTPlaylist(); $1t.quickTagUnfocus()"
-                    @click.native='$1t.quickTagUnfocus'                    
+                    @click.native='$1t.onQuickTagEvent("generatePlaylist"); $1t.quickTagUnfocus()'                    
                     class="q-mt-sm q-mr-sm"
                 ></PlaylistDropZone>
             </div>
@@ -86,7 +86,7 @@
                     :min="0.0"
                     :max="1.0"
                     :step="0.01"
-                    @update:model-value="(v) => $1t.player.value.setVolume(v)"
+                    @update:model-value="(v: number) => $1t.player.value.setVolume(v)"
                     @change="$1t.saveSettings(false)"
                     style="margin-top: 6px"
                 ></q-slider>

client/src/components/PlaylistDropZone.vue

@@ -34,7 +34,7 @@
             label="Playlist"
         >
             <q-tooltip>
-                Drag & drop playlist here / click to remove it
+                Drag & drop playlist here / click to remove it, or export playlist from selected / filtered tracks
             </q-tooltip>
         </q-btn>
     </div>

client/src/scripts/onetagger.ts

@@ -322,6 +322,16 @@ class OneTagger {
                 });
                 break;
 
+            // Show notification
+            case 'notify':
+                Notify.create({
+                    position: 'top-right',
+                    timeout: 5000,
+                    progress: true,
+                    message: json.message
+                });
+                break
+
             // Debug
             default:
                 // Tag editor

client/src/scripts/quicktag.ts

@@ -1,6 +1,7 @@
 import { toRaw } from "vue";
 import { QuickTagSettings } from "./settings";
-import { FrameName, Keybind, Separators } from "./utils";
+import { FrameName, Keybind } from "./utils";
+import { get1t } from "./onetagger";
 
 class QuickTag {
     tracks: QTTrack[] = [];

client/src/views/QuickTag.vue

@@ -443,6 +443,15 @@ function onManualTagDone() {
     $1t.loadQuickTag();
 }
 
+/// Export playlist from selected tracks or filtered
+function generatePlaylist() {
+    let paths = $1t.quickTag.value.track.tracks.map(t => t.path);
+    if (paths.length == 0) {
+        paths = tracks.value.map(t => t.path);
+    }
+    $1t.send('generatePlaylist', { paths });
+}
+
 // Scroll to track index
 const tracklist = ref<HTMLElement | undefined>();
 function scrollToIndex(index: number) {
@@ -584,6 +593,10 @@ onMounted(() => {
             case 'onManualTag':
                 onManualTag(data.path);
                 return;
+
+            case 'generatePlaylist':
+                generatePlaylist();
+                break;
                 
             default:
                 console.log(`Unknown QT Event: ${action} ${data}`);

crates/onetagger-playlist/src/lib.rs

@@ -46,6 +46,7 @@ pub enum PlaylistFormat {
 }
 
 
+/// Get files from any playlist format
 pub fn get_files_from_playlist_file(path: impl AsRef<Path>) -> Result<Vec<PathBuf>, Error> {
     // Validate extension
     if !PLAYLIST_EXTENSIONS.iter().any(|e| &&path.as_ref().extension().unwrap_or_default().to_string_lossy().to_lowercase() == e) {
@@ -65,7 +66,7 @@ pub fn get_files_from_playlist_file(path: impl AsRef<Path>) -> Result<Vec<PathBu
 }
 
 
-// Get file list from M3U playlist
+/// Get file list from M3U playlist
 pub fn get_files_from_m3u(m3u: &str, base_path: Option<PathBuf>) -> Vec<PathBuf> {
     let clean = m3u.replace("\r", "\n").replace("\n\n", "\n");
     let entries = clean.split("\n");
@@ -90,4 +91,13 @@ pub fn get_files_from_m3u(m3u: &str, base_path: Option<PathBuf>) -> Vec<PathBuf>
         }
     }
     out.into_iter().map(|i| i.into()).collect()
-}
+}
+
+/// Generate m3u playlist from paths
+pub fn create_m3u_playlist(paths: &Vec<PathBuf>) -> String {
+    let mut playlist = "#EXTM3U\r\n".to_string();
+    for path in paths {
+        playlist = format!("{playlist}{}\r\n", path.to_string_lossy());
+    }
+    playlist
+}

crates/onetagger-tagger/src/custom.rs

@@ -4,7 +4,7 @@ use log::{Record, Level, RecordBuilder};
 use crate::TrackMatch;
 
 /// Version of supported custom platform
-pub const CUSTOM_PLATFORM_COMPATIBILITY: i32 = 42;
+pub const CUSTOM_PLATFORM_COMPATIBILITY: i32 = 43;
 
 /// Logging from plugins
 #[no_mangle]

crates/onetagger-ui/src/socket.rs

@@ -40,6 +40,7 @@ enum Action {
     OpenFile { path: PathBuf },
     DeleteFiles { paths: Vec<String> },
     GetLog,
+    GeneratePlaylist { paths: Vec<String> },
 
     LoadPlatforms,
     StartTagging { config: TaggerConfigs, playlist: Option<UIPlaylist> },
@@ -265,7 +266,23 @@ async fn handle_message(text: &str, websocket: &mut WebSocket, context: &mut Soc
         Action::OpenSettingsFolder => opener::open(Settings::get_folder()?.to_str().unwrap())?,
         Action::OpenFolder { path } => { opener::open(&path).ok(); },
         Action::OpenFile { path } => { opener::open(&path).ok(); },
-        Action::DeleteFiles { paths } => { trash::delete_all(&paths)?; }
+        Action::DeleteFiles { paths } => { trash::delete_all(&paths)?; },
+
+        Action::GeneratePlaylist { paths } => {
+            let playlist = onetagger_playlist::create_m3u_playlist(&paths.into_iter().map(|i| i.into()).collect::<Vec<_>>());
+            if let Some(path) = tinyfiledialogs::save_file_dialog_with_filter(
+                "Save playlist", 
+                &std::env::current_dir()?.to_string_lossy().to_string(), 
+                &["m3u", "m3u8"], 
+                "Save playlist"
+            ) {
+                std::fs::write(&path, playlist)?;
+                send_socket(websocket, json!({
+                    "action": "notify",
+                    "message": format!("Playlist saved to: {path}")
+                })).await.ok();
+            }
+        }
 
         Action::LoadPlatforms => {
             let platforms = tokio::task::spawn_blocking(|| {