Added support to queue many urls separated by comma

README.md

@@ -16,6 +16,7 @@ YTPTube started as a fork of [meTube](https://github.com/alexta69/metube), Since
 * Tasks Runner. It allow you to queue channels for downloading using simple `json` file.
 * Webhook sender. It allow you to add webhook endpoints that receive events related to downloads using simple `json` file.
 * Multi-downloads support.
+* Queue multiple URLs separated by comma.
 * Basic Authentication support.
 * Support for curl_cffi, see [yt-dlp documentation](https://github.com/yt-dlp/yt-dlp?tab=readme-ov-file#impersonation)
     

ui/components/History.vue

@@ -84,10 +84,10 @@
               <NuxtLink target="_blank" :href="item.url">{{ item.title }}</NuxtLink>
             </div>
 
-            <div class="card-header-icon" v-if="item.filename">
-
+            <div class="card-header-icon">
               <NuxtLink :href="makeDownload(config, item)" :download="item.filename?.split('/').reverse()[0]"
-                class="has-text-primary" v-tooltip="'Download item.'" v-if="item.status === 'finished'">
+                class="has-text-primary" v-tooltip="'Download item.'"
+                v-if="item.filename && item.status === 'finished'">
                 <span class="icon"><i class="fa-solid fa-download" /></span>
               </NuxtLink>
 

ui/components/NewDownload.vue

@@ -146,14 +146,18 @@ const addInProgress = ref(false)
 
 const addDownload = () => {
   addInProgress.value = true;
-
-  socket.emit('add_url', {
-    url: url.value,
-    preset: selectedPreset.value,
-    folder: downloadPath.value,
-    ytdlp_config: ytdlpConfig.value,
-    ytdlp_cookies: ytdlpCookies.value,
-    output_template: output_template.value,
+  url.value.split(',').forEach(url => {
+    if (!url.trim()) {
+      return;
+    }
+    socket.emit('add_url', {
+      url: url,
+      preset: selectedPreset.value,
+      folder: downloadPath.value,
+      ytdlp_config: ytdlpConfig.value,
+      ytdlp_cookies: ytdlpCookies.value,
+      output_template: output_template.value,
+    });
   });
 }
 

ui/nuxt.config.ts

@@ -27,13 +27,12 @@ export default defineNuxtConfig({
       "meta": [
         { "charset": "utf-8" },
         { "name": "viewport", "content": "width=device-width, initial-scale=1.0, maximum-scale=1.0" },
-        { "name": "theme-color", "content": "#000000" }
+        { "name": "theme-color", "content": "#000000" },
       ],
-      link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }]
+      link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
     },
     pageTransition: { name: 'page', mode: 'out-in' }
   },
-
   router: {
     options: {
       linkActiveClass: "is-selected",