From 9719ac863f314ef8af89d39b3f2ed248b29834f5 Mon Sep 17 00:00:00 2001
From: ArabCoders <admin@arabcoders.org>
Date: Sat, 9 Mar 2024 18:22:18 +0300
Subject: [PATCH] Added yt-dlp version to footer.

---
 Pipfile.lock                            | 16 ++++++++--------
 app/Config.py                           |  8 +++++---
 frontend/src/App.vue                    |  3 ++-
 frontend/src/components/Page-Footer.vue |  9 ++++++++-
 4 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/Pipfile.lock b/Pipfile.lock
index e3f8b966..1df8b6ff 100644
--- a/Pipfile.lock
+++ b/Pipfile.lock
@@ -349,11 +349,11 @@
         },
         "croniter": {
             "hashes": [
-                "sha256:4cb064ce2d8f695b3b078be36ff50115cf8ac306c10a7e8653ee2a5b534673d7",
-                "sha256:d199b2ec3ea5e82988d1f72022433c5f9302b3b3ea9e6bfd6a1518f6ea5e700a"
+                "sha256:78bf110a2c7dbbfdd98b926318ae6c64a731a4c637c7befe3685755110834746",
+                "sha256:8bff16c9af4ef1fb6f05416973b8f7cb54997c02f2f8365251f9bf1dded91866"
             ],
             "markers": "python_version >= '2.6' and python_version not in '3.0, 3.1, 3.2, 3.3'",
-            "version": "==2.0.1"
+            "version": "==2.0.2"
         },
         "debugpy": {
             "hashes": [
@@ -635,11 +635,11 @@
         },
         "python-dateutil": {
             "hashes": [
-                "sha256:0123cacc1627ae19ddf3c27a5de5bd67ee4586fbdd6440d9748f8abb483d3e86",
-                "sha256:961d03dc3453ebbc59dbdea9e4e11c5651520a876d0f4db161e8674aae935da9"
+                "sha256:37dd54208da7e1cd875388217d5e00ebd4179249f90fb72437e91a35459a0ad3",
+                "sha256:a8b2bc7bffae282281c8140a97d3aa9c14da0b136dfe83f850eea9a5f7470427"
             ],
-            "markers": "python_version >= '2.7' and python_version not in '3.0, 3.1, 3.2, 3.3'",
-            "version": "==2.8.2"
+            "markers": "python_version >= '2.7' and python_version not in '3.0, 3.1, 3.2'",
+            "version": "==2.9.0.post0"
         },
         "python-dotenv": {
             "hashes": [
@@ -704,7 +704,7 @@
                 "sha256:1e61c37477a1626458e36f7b1d82aa5c9b094fa4802892072e49de9c60c4c926",
                 "sha256:8abb2f1d86890a2dfb989f9a77cfcfd3e47c2a354b01111771326f8aa26e0254"
             ],
-            "markers": "python_version >= '2.7' and python_version not in '3.0, 3.1, 3.2, 3.3'",
+            "markers": "python_version >= '2.7' and python_version not in '3.0, 3.1, 3.2'",
             "version": "==1.16.0"
         },
         "tzlocal": {
diff --git a/app/Config.py b/app/Config.py
index 713c94c8..0847dc70 100644
--- a/app/Config.py
+++ b/app/Config.py
@@ -6,7 +6,7 @@ import sys
 import coloredlogs
 from version import APP_VERSION
 from dotenv import load_dotenv
-
+from yt_dlp.version import __version__ as YTDLP_VERSION
 
 class Config:
     __instance = None
@@ -44,11 +44,13 @@ class Config:
     debug: bool = False
 
     new_version_available: bool = False
-    
+
     extract_info_timeout: int = 70
 
+    ytdlp_version: str = YTDLP_VERSION
+
     _int_vars: tuple = ('port', 'max_workers',)
-    _immutable: tuple = ('version', '__instance', 'ytdl_options', 'new_version_available')
+    _immutable: tuple = ('version', '__instance', 'ytdl_options', 'new_version_available', 'ytdlp_version',)
     _boolean_vars: tuple = ('keep_archive', 'ytdl_debug', 'debug', 'temp_keep', 'allow_manifestless',)
 
     @staticmethod
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index d7298841..e375391f 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -15,7 +15,8 @@
     </div>
     <button class="modal-close is-large" aria-label="close" @click="video_link = ''"></button>
   </div>
-  <PageFooter :app_version="config?.app?.version || 'unknown'" />
+  <PageFooter :app_version="config?.app?.version || 'unknown'"
+    :ytdlp_version="config?.app.ytdlp_version || 'unknown'" />
 </template>
 
 <script setup>
diff --git a/frontend/src/components/Page-Footer.vue b/frontend/src/components/Page-Footer.vue
index 9348ee53..0b25491f 100644
--- a/frontend/src/components/Page-Footer.vue
+++ b/frontend/src/components/Page-Footer.vue
@@ -1,7 +1,10 @@
 <template>
   <div class="columns is-multiline mt-3">
     <div class="column has-text-left">
-      © {{ Year }} <a href="https://github.com/ArabCoders/ytptube" target="_blank">YTPTube</a> - {{ app_version }}
+      © {{ Year }} - <a href="https://github.com/ArabCoders/ytptube" target="_blank">YTPTube</a>@{{ app_version }}
+      <span class="is-hidden-mobile">
+        - <a href="https://github.com/yt-dlp/yt-dlp">yt-dlp</a>@{{ ytdlp_version }}
+      </span>
     </div>
   </div>
 </template>
@@ -16,6 +19,10 @@ defineProps({
     type: String,
     required: true,
   },
+  ytdlp_version: {
+    type: String,
+    required: true,
+  },
 })
 
 </script>