From 1d73a2aa9929fb327b013f9e9ee05467081bfde5 Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Wed, 27 Dec 2023 17:08:44 +0300
Subject: [PATCH 1/8] Added log about clearing temp

---
 app/src/Download.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/src/Download.py b/app/src/Download.py
index 9dbc4fb0..ce4c843f 100644
--- a/app/src/Download.py
+++ b/app/src/Download.py
@@ -137,6 +137,7 @@ class Download:
             self.status_queue.put({'status': 'error', 'msg': str(exc)})
 
         if self.tempPath and self.info._id and os.path.exists(self.tempPath):
+            logging.debug(f'Deleting Temp directory: {self.tempPath}')
             shutil.rmtree(self.tempPath, ignore_errors=True)
 
     async def start(self, notifier):

From 8574eec09aa7b70a090a859556b8b975d39e9d7e Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Thu, 28 Dec 2023 23:19:18 +0300
Subject: [PATCH 2/8] made tasks link clickable.

---
 frontend/src/components/Page-Tasks.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Page-Tasks.vue b/frontend/src/components/Page-Tasks.vue
index 48353b4f..226311b9 100644
--- a/frontend/src/components/Page-Tasks.vue
+++ b/frontend/src/components/Page-Tasks.vue
@@ -40,7 +40,11 @@
             <tr v-for="item, key in tasks" :key="key">
               <td class="is-text-overflow has-text-centered" v-if="item.name">{{ item.name }}</td>
               <td class="has-text-centered" v-else>Not set</td>
-              <td class="is-text-overflow">{{ item.url }}</td>
+              <td class="is-text-overflow">
+                <a :href="item.url" target="_blank">
+                  {{ item.url }}
+                </a>
+              </td>
               <td class="has-text-centered" v-if="item.timer">{{ item.timer }}</td>
               <td class="has-text-centered" v-else>once an hour</td>
               <td class="has-text-centered">
@@ -93,4 +97,8 @@ defineProps({
 table.is-fixed {
   table-layout: fixed;
 }
+
+div.table-container {
+  overflow: hidden;
+}
 </style>

From 47173cf37e8f03656a008b865366e95be8da7ac9 Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Fri, 29 Dec 2023 14:10:43 +0300
Subject: [PATCH 3/8] stop generating channel json/thumb when queued.

---
 app/src/Utils.py | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/src/Utils.py b/app/src/Utils.py
index fbe4858e..fdb969e7 100644
--- a/app/src/Utils.py
+++ b/app/src/Utils.py
@@ -171,6 +171,11 @@ def ExtractInfo(config: dict, url: str, debug: bool = False) -> dict:
         **config,
     }
 
+    # Remove keys that are not needed for info extraction as those keys generate files when used with extract_info.
+    for key in ('writeinfojson', 'writethumbnail', 'writedescription', 'writeautomaticsub'):
+        if key in params:
+            del params[key]
+
     if debug:
         params['verbose'] = True
         params['logger'] = logging.getLogger('YTPTube-ytdl')

From 140932ec382daab8587a9ae83e2f501b50e218cb Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Fri, 29 Dec 2023 15:32:26 +0300
Subject: [PATCH 4/8] some work to make tasks editor works in webui

---
 frontend/package-lock.json             | 20 ++++++++++++++
 frontend/package.json                  |  1 +
 frontend/src/App.vue                   |  2 +-
 frontend/src/assets/css/bulma-dark.css |  2 +-
 frontend/src/components/Form-Add.vue   | 36 ++++++++++++++++++++++----
 frontend/src/components/Page-Tasks.vue | 36 ++++++++++++++------------
 6 files changed, 74 insertions(+), 23 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 4a512d30..c098054c 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -14,6 +14,7 @@
         "@fortawesome/vue-fontawesome": "^3.0.5",
         "@vueuse/core": "^10.6.1",
         "core-js": "^3.8.3",
+        "cron-parser": "^4.9.0",
         "hls.js": "^1.4.12",
         "moment": "^2.29.4",
         "plyr": "^3.7.8",
@@ -4646,6 +4647,17 @@
         "node": ">=10"
       }
     },
+    "node_modules/cron-parser": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/cron-parser/-/cron-parser-4.9.0.tgz",
+      "integrity": "sha512-p0SaNjrHOnQeR8/VnfGbmg9te2kfyYSQ7Sc/j/6DtPL3JQvKxmjO9TSjNFpujqV3vEYYBvNNvXSxzyksBWAx1Q==",
+      "dependencies": {
+        "luxon": "^3.2.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -7809,6 +7821,14 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/luxon": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.4.4.tgz",
+      "integrity": "sha512-zobTr7akeGHnv7eBOXcRgMeCP6+uyYsczwmeRCauvpvaAltgNyTbLH/+VaEAPUeWBT+1GuNmz4wC/6jtQzbbVA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/magic-string": {
       "version": "0.30.5",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index abec2065..68f9700c 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -15,6 +15,7 @@
     "@fortawesome/vue-fontawesome": "^3.0.5",
     "@vueuse/core": "^10.6.1",
     "core-js": "^3.8.3",
+    "cron-parser": "^4.9.0",
     "hls.js": "^1.4.12",
     "moment": "^2.29.4",
     "plyr": "^3.7.8",
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 4b9aa7b0..646203a1 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <PageHeader :config="config" @toggleForm="addForm = !addForm" @toggleTasks="showTasks = !showTasks" />
   <formAdd v-if="addForm" :config="config" @addItem="addItem" />
-  <pageTasks v-if="showTasks" :tasks="config.tasks" @removeTask="deleteTask" />
+  <pageTasks v-if="showTasks" :tasks="config.tasks" @task_remove="deleteTask" />
   <DownloadingList :config="config" :queue="downloading" @deleteItem="deleteItem" />
   <PageCompleted :config="config" :completed="completed" @deleteItem="deleteItem" @addItem="addItem"
     @playItem="playItem" />
diff --git a/frontend/src/assets/css/bulma-dark.css b/frontend/src/assets/css/bulma-dark.css
index faebfc2e..de0281ad 100644
--- a/frontend/src/assets/css/bulma-dark.css
+++ b/frontend/src/assets/css/bulma-dark.css
@@ -5077,7 +5077,7 @@
 
   .modal-card-body {
     -webkit-overflow-scrolling: touch;
-    background-color: white;
+    background-color: #000;
   }
 
   .navbar {
diff --git a/frontend/src/components/Form-Add.vue b/frontend/src/components/Form-Add.vue
index ba3059ed..755defb2 100644
--- a/frontend/src/components/Form-Add.vue
+++ b/frontend/src/components/Form-Add.vue
@@ -148,7 +148,7 @@ import { defineEmits, defineProps, onMounted, ref } from 'vue'
 import { downloadFormats } from '../formats.js'
 import { useStorage, useEventBus } from '@vueuse/core'
 
-const bus = useEventBus('item_added');
+const bus = useEventBus('item_added', 'task_edit');
 const emits = defineEmits(['addItem']);
 
 const selectedFormat = useStorage('selectedFormat', 'any')
@@ -212,13 +212,39 @@ const resetConfig = () => {
 }
 
 bus.on((event, data) => {
-  if (event !== 'item_added') {
+  const allowedEvents = ['item_added', 'task_edit'];
+  if (!allowedEvents.includes(event)) {
     return;
   }
 
-  if (data?.status === 'ok') {
-    url.value = '';
+
+  if (event === 'item_added') {
+    if (data?.status === 'ok') {
+      url.value = '';
+    }
+    url.value = data.url;
+    addInProgress.value = false;
   }
-  addInProgress.value = false;
+
+  if ('task_edit' === event) {
+    console.log(data);
+    selectedFormat.value = data.format;
+    selectedQuality.value = data.quality;
+
+    if (typeof data.ytdlp_config === 'object') {
+      data.ytdlp_config = JSON.stringify(data.ytdlp_config);
+    }
+    if (typeof data.ytdlp_cookies === 'object') {
+      data.ytdlp_cookies = JSON.stringify(data.ytdlp_cookies);
+    }
+
+    ytdlpConfig.value = data.ytdlp_config;
+    ytdlpCookies.value = data.ytdlp_cookies;
+    output_template.value = data.output_template;
+    downloadPath.value = data.folder;
+    url.value = data.url;
+    showAdvanced.value = true;
+  }
+
 });
 </script>
diff --git a/frontend/src/components/Page-Tasks.vue b/frontend/src/components/Page-Tasks.vue
index 226311b9..fd10a721 100644
--- a/frontend/src/components/Page-Tasks.vue
+++ b/frontend/src/components/Page-Tasks.vue
@@ -14,17 +14,6 @@
   </div>
 
   <div class="columns is-multiline">
-    <div class="column is-12 has-text-right">
-      <button class="button is-primary" @click="$emit('task_new')">
-        <span class="icon-text">
-          <span class="icon">
-            <font-awesome-icon icon="fa-solid fa-plus" />
-          </span>
-          <span>New Task</span>
-        </span>
-      </button>
-    </div>
-
     <div class="column is-12">
       <div class="table-container">
         <table class="table is-bordered is-narrow is-hoverable is-striped is-fullwidth is-fixed">
@@ -45,12 +34,16 @@
                   {{ item.url }}
                 </a>
               </td>
-              <td class="has-text-centered" v-if="item.timer">{{ item.timer }}</td>
+              <td class="has-text-centered" v-if="item.timer">
+                <span :data-tooltip="'Timer: ' + item.timer">
+                  {{ moment(parseExpression(item.timer).next().toISOString()).fromNow() }}
+                </span>
+              </td>
               <td class="has-text-centered" v-else>once an hour</td>
               <td class="has-text-centered">
                 <div class="field is-grouped">
                   <div class="control is-expanded">
-                    <button class="button is-small is-danger" @click="$emit('removeTask', key, item)"
+                    <button class="button is-small is-danger" @click="$emit('task_remove', key, item)"
                       data-tooltip="Remove task">
                       <span class="icon">
                         <font-awesome-icon icon="fa-solid fa-trash" />
@@ -58,7 +51,7 @@
                     </button>
                   </div>
                   <div class="control is-expanded">
-                    <button class="button is-small is-info" data-tooltip="Modify task">
+                    <button class="button is-small is-info" @click="taskEdit(item)" data-tooltip="Modify task">
                       <span class="icon">
                         <font-awesome-icon icon="fa-solid fa-cog" />
                       </span>
@@ -81,14 +74,25 @@
 
 <script setup>
 import { defineProps, defineEmits } from 'vue'
+import { useEventBus } from '@vueuse/core'
 
-defineEmits(['task_new', 'task_add', 'removeTask', 'tasks_updated'])
+import moment from "moment";
+import { parseExpression } from 'cron-parser';
+
+require('cron-parser');
+defineEmits(['task_edit', 'task_remove'])
+
+const bus = useEventBus('item_added', 'task_edit');
+
+const taskEdit = (item) => {
+  bus.emit('task_edit', item);
+}
 
 defineProps({
   tasks: {
     type: Array,
     required: true
-  }
+  },
 })
 
 </script>

From 23dcef5b8150cf513861cb9e1dc89afcd97f525a Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Fri, 29 Dec 2023 15:39:13 +0300
Subject: [PATCH 5/8] more changes

---
 frontend/src/App.vue                   | 11 ++++++++++-
 frontend/src/components/Form-Add.vue   |  3 ++-
 frontend/src/components/Page-Tasks.vue |  9 ++++++---
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 646203a1..02102988 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -31,7 +31,7 @@ import { useToast } from 'vue-toastification'
 import { useStorage, useEventBus } from '@vueuse/core'
 
 const toast = useToast();
-const bus = useEventBus('item_added');
+const bus = useEventBus('item_added', 'show_form');
 
 const config = reactive({
   isConnected: false,
@@ -178,6 +178,15 @@ const deleteTask = (indexNumber, item) => {
     return index !== indexNumber;
   });
 }
+bus.on((event) => {
+  const allowedEvents = ['show_form'];
+  if (!allowedEvents.includes(event)) {
+    return;
+  }
+  if ('show_form' === event) {
+    addForm.value = true;
+  }
+});
 
 </script>
 
diff --git a/frontend/src/components/Form-Add.vue b/frontend/src/components/Form-Add.vue
index 755defb2..07d9cfa9 100644
--- a/frontend/src/components/Form-Add.vue
+++ b/frontend/src/components/Form-Add.vue
@@ -148,7 +148,7 @@ import { defineEmits, defineProps, onMounted, ref } from 'vue'
 import { downloadFormats } from '../formats.js'
 import { useStorage, useEventBus } from '@vueuse/core'
 
-const bus = useEventBus('item_added', 'task_edit');
+const bus = useEventBus('item_added', 'task_edit','show_form');
 const emits = defineEmits(['addItem']);
 
 const selectedFormat = useStorage('selectedFormat', 'any')
@@ -244,6 +244,7 @@ bus.on((event, data) => {
     downloadPath.value = data.folder;
     url.value = data.url;
     showAdvanced.value = true;
+    bus.emit('show_form');
   }
 
 });
diff --git a/frontend/src/components/Page-Tasks.vue b/frontend/src/components/Page-Tasks.vue
index fd10a721..e5067cb9 100644
--- a/frontend/src/components/Page-Tasks.vue
+++ b/frontend/src/components/Page-Tasks.vue
@@ -80,12 +80,15 @@ import moment from "moment";
 import { parseExpression } from 'cron-parser';
 
 require('cron-parser');
-defineEmits(['task_edit', 'task_remove'])
+defineEmits(['task_edit', 'task_remove',])
 
-const bus = useEventBus('item_added', 'task_edit');
+const bus = useEventBus('item_added', 'task_edit', 'show_form');
 
 const taskEdit = (item) => {
-  bus.emit('task_edit', item);
+  bus.emit('show_form');
+  setTimeout(() => {
+    bus.emit('item_added', item);
+  }, 1000);
 }
 
 defineProps({

From e7890739f6fa1a8b15023c8406bb7c50b2533134 Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Fri, 29 Dec 2023 16:31:07 +0300
Subject: [PATCH 6/8] Limit Tasks component to ve view only

---
 frontend/src/App.vue                    | 20 ++++--------
 frontend/src/components/Form-Add.vue    | 29 ++---------------
 frontend/src/components/Page-Header.vue |  2 +-
 frontend/src/components/Page-Tasks.vue  | 43 ++-----------------------
 4 files changed, 13 insertions(+), 81 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 02102988..c2c90558 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,7 +1,7 @@
 <template>
   <PageHeader :config="config" @toggleForm="addForm = !addForm" @toggleTasks="showTasks = !showTasks" />
   <formAdd v-if="addForm" :config="config" @addItem="addItem" />
-  <pageTasks v-if="showTasks" :tasks="config.tasks" @task_remove="deleteTask" />
+  <pageTasks v-if="showTasks" :tasks="config.tasks" />
   <DownloadingList :config="config" :queue="downloading" @deleteItem="deleteItem" />
   <PageCompleted :config="config" :completed="completed" @deleteItem="deleteItem" @addItem="addItem"
     @playItem="playItem" />
@@ -31,7 +31,7 @@ import { useToast } from 'vue-toastification'
 import { useStorage, useEventBus } from '@vueuse/core'
 
 const toast = useToast();
-const bus = useEventBus('item_added', 'show_form');
+const bus = useEventBus('item_added', 'show_form', 'task_edit');
 
 const config = reactive({
   isConnected: false,
@@ -170,21 +170,13 @@ const playItem = (item) => {
   video_link.value = config.app.url_host + config.app.url_prefix + baseDir + encodeURIComponent(item.filename);
 };
 
-const deleteTask = (indexNumber, item) => {
-  if (!confirm(`Are you sure you want to delete this task ${item?.name || item.url}?`)) {
-    return;
-  }
-  config.tasks = config.tasks.filter((_, index) => {
-    return index !== indexNumber;
-  });
-}
-bus.on((event) => {
-  const allowedEvents = ['show_form'];
-  if (!allowedEvents.includes(event)) {
-    return;
+bus.on((event, data) => {
+  if (!['show_form'].includes(event)) {
+    return true;
   }
   if ('show_form' === event) {
     addForm.value = true;
+    setTimeout(() => bus.emit('task_edit', data), 500);
   }
 });
 
diff --git a/frontend/src/components/Form-Add.vue b/frontend/src/components/Form-Add.vue
index 07d9cfa9..682b8f47 100644
--- a/frontend/src/components/Form-Add.vue
+++ b/frontend/src/components/Form-Add.vue
@@ -148,7 +148,7 @@ import { defineEmits, defineProps, onMounted, ref } from 'vue'
 import { downloadFormats } from '../formats.js'
 import { useStorage, useEventBus } from '@vueuse/core'
 
-const bus = useEventBus('item_added', 'task_edit','show_form');
+const bus = useEventBus('item_added', 'task_edit');
 const emits = defineEmits(['addItem']);
 
 const selectedFormat = useStorage('selectedFormat', 'any')
@@ -212,40 +212,17 @@ const resetConfig = () => {
 }
 
 bus.on((event, data) => {
-  const allowedEvents = ['item_added', 'task_edit'];
+  const allowedEvents = ['item_added'];
   if (!allowedEvents.includes(event)) {
     return;
   }
 
-
-  if (event === 'item_added') {
+  if ('item_added' === event) {
     if (data?.status === 'ok') {
       url.value = '';
     }
     url.value = data.url;
     addInProgress.value = false;
   }
-
-  if ('task_edit' === event) {
-    console.log(data);
-    selectedFormat.value = data.format;
-    selectedQuality.value = data.quality;
-
-    if (typeof data.ytdlp_config === 'object') {
-      data.ytdlp_config = JSON.stringify(data.ytdlp_config);
-    }
-    if (typeof data.ytdlp_cookies === 'object') {
-      data.ytdlp_cookies = JSON.stringify(data.ytdlp_cookies);
-    }
-
-    ytdlpConfig.value = data.ytdlp_config;
-    ytdlpCookies.value = data.ytdlp_cookies;
-    output_template.value = data.output_template;
-    downloadPath.value = data.folder;
-    url.value = data.url;
-    showAdvanced.value = true;
-    bus.emit('show_form');
-  }
-
 });
 </script>
diff --git a/frontend/src/components/Page-Header.vue b/frontend/src/components/Page-Header.vue
index 3b2f963d..4c6cb225 100644
--- a/frontend/src/components/Page-Header.vue
+++ b/frontend/src/components/Page-Header.vue
@@ -12,7 +12,7 @@
           <font-awesome-icon icon="fa-solid fa-plus" />
         </button>
       </div>
-      <div class="navbar-item">
+      <div class="navbar-item" v-if="config.tasks.length > 0">
         <button data-tooltip="Show/Hide Tasks" class="button is-dark has-tooltip-bottom" @click="$emit('toggleTasks')">
           <font-awesome-icon icon="fa-solid fa-tasks" />
         </button>
diff --git a/frontend/src/components/Page-Tasks.vue b/frontend/src/components/Page-Tasks.vue
index e5067cb9..8b957d4e 100644
--- a/frontend/src/components/Page-Tasks.vue
+++ b/frontend/src/components/Page-Tasks.vue
@@ -8,9 +8,6 @@
         <span>Tasks</span>
       </span>
     </p>
-    <p class="subtitle is-4 has-text-danger">
-      This section is not working yet.
-    </p>
   </div>
 
   <div class="columns is-multiline">
@@ -19,10 +16,9 @@
         <table class="table is-bordered is-narrow is-hoverable is-striped is-fullwidth is-fixed">
           <thead class="has-text-centered">
             <tr>
-              <th class="has-text-centered" width="20%">Name</th>
+              <th class="has-text-centered" width="25%">Name</th>
               <th class="has-text-centered" width="50%">URL</th>
-              <th class="has-text-centered" width="20%">Timer</th>
-              <th class="has-text-centered" width="10%">Options</th>
+              <th class="has-text-centered" width="25%">Next run</th>
             </tr>
           </thead>
           <tbody>
@@ -40,25 +36,6 @@
                 </span>
               </td>
               <td class="has-text-centered" v-else>once an hour</td>
-              <td class="has-text-centered">
-                <div class="field is-grouped">
-                  <div class="control is-expanded">
-                    <button class="button is-small is-danger" @click="$emit('task_remove', key, item)"
-                      data-tooltip="Remove task">
-                      <span class="icon">
-                        <font-awesome-icon icon="fa-solid fa-trash" />
-                      </span>
-                    </button>
-                  </div>
-                  <div class="control is-expanded">
-                    <button class="button is-small is-info" @click="taskEdit(item)" data-tooltip="Modify task">
-                      <span class="icon">
-                        <font-awesome-icon icon="fa-solid fa-cog" />
-                      </span>
-                    </button>
-                  </div>
-                </div>
-              </td>
             </tr>
             <tr v-if="tasks.length < 1">
               <td colspan="4" class="has-text-centered has-text-danger">
@@ -73,24 +50,10 @@
 </template>
 
 <script setup>
-import { defineProps, defineEmits } from 'vue'
-import { useEventBus } from '@vueuse/core'
-
+import { defineProps } from 'vue'
 import moment from "moment";
 import { parseExpression } from 'cron-parser';
 
-require('cron-parser');
-defineEmits(['task_edit', 'task_remove',])
-
-const bus = useEventBus('item_added', 'task_edit', 'show_form');
-
-const taskEdit = (item) => {
-  bus.emit('show_form');
-  setTimeout(() => {
-    bus.emit('item_added', item);
-  }, 1000);
-}
-
 defineProps({
   tasks: {
     type: Array,

From d822886b26777ea4ddcb81c09b4fa59d81850879 Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Sat, 30 Dec 2023 16:33:41 +0300
Subject: [PATCH 7/8] Escape filepath.

---
 frontend/src/App.vue | 1 +
 frontend/src/main.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index c2c90558..d257929c 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -164,6 +164,7 @@ const playItem = (item) => {
   let baseDir = 'm3u8/';
 
   if (item.folder) {
+    item.folder = item.folder.split('/').map(encodeURIComponent).join('/');
     baseDir += item.folder + '/';
   }
 
diff --git a/frontend/src/main.js b/frontend/src/main.js
index bdde957e..6c71923c 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -25,6 +25,7 @@ app.config.globalProperties.makeDownload = (config, item, base = 'download') =>
   let baseDir = `${base}/`;
 
   if (item.folder) {
+    item.folder = item.folder.split('/').map(encodeURIComponent).join('/');
     baseDir += item.folder + '/';
   }
 

From 71b210e43766c113a09970d619afd12e464204e2 Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Sat, 30 Dec 2023 17:01:29 +0300
Subject: [PATCH 8/8] fixed url encoding

---
 frontend/src/App.vue | 2 +-
 frontend/src/main.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index d257929c..40e51642 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -164,7 +164,7 @@ const playItem = (item) => {
   let baseDir = 'm3u8/';
 
   if (item.folder) {
-    item.folder = item.folder.split('/').map(encodeURIComponent).join('/');
+    item.folder = item.folder.replace('#', '%23');
     baseDir += item.folder + '/';
   }
 
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 6c71923c..f335d087 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -25,7 +25,7 @@ app.config.globalProperties.makeDownload = (config, item, base = 'download') =>
   let baseDir = `${base}/`;
 
   if (item.folder) {
-    item.folder = item.folder.split('/').map(encodeURIComponent).join('/');
+    item.folder = item.folder.replace('#', '%23');
     baseDir += item.folder + '/';
   }