Update README.md and app.py

README.md

@@ -9,5 +9,31 @@ python_version: 3.11.5
 app_file: app.py
 pinned: false
 ---
+# <span style='display: flex; align-items: center; gap: 10px;'><img src='https://cdn-icons-png.flaticon.com/512/1384/1384060.png' width='25'/> <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Youtube_Music_icon.svg/2048px-Youtube_Music_icon.svg.png' width='25'/>YouTube Downloader</span>
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+This application uses 
+- [`yt_dlp`](https://github.com/yt-dlp/yt-dlp) - For downloading Audio/Video from YouTube and YoutTube Music.
+- HF [`gradio`](https://www.gradio.app/) - For UI.
+
+## Cookies setup details
+*Note: This setup is only needed if running in hugging face (HF) spaces to avoid bot related errors*
+
+1. **Download the YouTube Cookies**
+   - Follow the instruction provided [here](https://github.com/yt-dlp/yt-dlp/wiki/Extractors#exporting-youtube-cookies) to download the YouTube cookies.
+   - Rename the downloaded cookie as `cookies.firefox-private.txt` and place it in the current working directory
+2. **Convert cookie file content to `.env` file**
+    - Simple copy paste will not work due to special characters
+    - So, we will use the `cookies_to_env` function.
+      - Uncomment the `# Convert cookie file to env and save locally`  section and run the code
+    - Remember to comment the code once the `.env` file is updated.
+3. **Set up or Update the Secrets in HF**
+   - Copy the the `.env` content (only the value, and not the key) and paste it inside the Secrets (Private) > `FIREFOX_COOKIES` in Hugging Face space.
+4. **Deploy the changes to HF space, and Voila!**
+
+## `.env` file structure
+```
+FIREFOX_COOKIES="<Formatted_Cookie_Content_Goes_Here>"
+```
+
+## Additional resources
+- Check out the configuration (and README metadata) reference [here](https://huggingface.co/docs/hub/spaces-config-reference)

app.py

@@ -60,7 +60,7 @@ def env_to_cookies_from_env(output_file: str) -> None:
     try:
         load_dotenv()  # Load from .env file
         env_content = os.getenv('FIREFOX_COOKIES')
-        print(f"Printing env content: \n{env_content}")
+        #print(f"Printing env content: \n{env_content}")
         if not env_content:
             raise ValueError("FIREFOX_COOKIES not found in .env file")
             
@@ -161,17 +161,17 @@ def download_for_browser(url, mode='audio', quality='high'):
 def create_browser_ui():
     
     with gr.Blocks(title="YouTube Downloader", theme=gr.themes.Soft()) as demo:
-        gr.Markdown("## YouTube Downloader")
+
+        gr.Markdown("""## <span style='display: flex; align-items: center; gap: 10px;'><img src='https://cdn-icons-png.flaticon.com/512/1384/1384060.png' width='25'/> <img src='https://upload.wikimedia.org/wikipedia/commons/thumb/6/6a/Youtube_Music_icon.svg/2048px-Youtube_Music_icon.svg.png' width='25'/>YouTube Downloader</span>""")
         
         with gr.Row():
-            url_input = gr.Textbox(
+            with gr.Column(scale=1):
+                url_input = gr.Textbox(
                 label="YouTube URL",
                 placeholder="https://youtube.com/watch?v=...",
-                scale=2
-            )
-        
-        with gr.Row():
-            with gr.Column(scale=1):
+                scale=1
+                )
+
                 mode_input = gr.Radio(
                     choices=["audio", "video"],
                     value="audio",
@@ -183,9 +183,9 @@ def create_browser_ui():
                     label="Quality"
                 )
         
-        download_button = gr.Button("Convert", variant="primary")
+                download_button = gr.Button("Convert", variant="primary")
 
-        with gr.Column(scale=2):
+        with gr.Column(scale=1):
             status_text = gr.Textbox(label="Converting Status", interactive=False)
             output_file = gr.File(label="Download to your device ...")