chore: bumped up to v0.3.3

.editorconfig

@@ -0,0 +1,18 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[*.{yml,yaml}]
+indent_size = 2
+
+[docker-compose.yml]
+indent_size = 4

.gitattributes

@@ -1,2 +1 @@
-src-tauri/binaries/* filter=lfs diff=lfs merge=lfs -text
+* text=auto eol=lf
-src-tauri/resources/binaries/* filter=lfs diff=lfs merge=lfs -text

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,40 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: "[BUG]"
+labels: bug
+assignees: neosubhamoy
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**OS info (required):**
+ - OS: [e.g. Windows 11]
+ - OS Architecture: [e.g. x64]
+ - OS Version: [e.g. 25H2 26200.6899]
+
+**App info (required):**
+ - NeoDLP Version: [e.g. 0.3.1]
+ - YT-DLP Version: [e.g. 2025.10.18.232824]
+ - NeoDLP Installation Mode: [e.g. msi, exe, winget]
+
+**App logs (required):**
+Paste the full app session logs here
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: "[FEATURE REQUEST]"
+labels: feature request
+assignees: neosubhamoy
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/test_result.md

@@ -0,0 +1,31 @@
+---
+name: Test result
+about: Share your test results
+title: "[TEST RESULT]"
+labels: test result
+assignees: neosubhamoy
+
+---
+
+**Describe the result**
+A clear and concise description of what's the final result of your testing.
+
+**Did you noticed any problem?**
+Mention if you noticed any problems or inconsistencies during the testing
+
+**Screenshots**
+If applicable, add screenshots to help explain the results.
+
+**What's working (required):**
+ - [ ] Package installation
+ - [ ] Downloads
+ - [ ] Settings and configurations
+ - [ ] Browser integration
+
+**Test environment (required):**
+ - OS: [e.g. Windows 11]
+ - OS Architecture: [e.g. x64]
+ - OS Version: [e.g. 25H2 26200.6899]
+ - NeoDLP Version: [e.g. 0.3.1]
+ - YT-DLP Version: [e.g. 2025.10.18.232824]
+ - NeoDLP Installation Mode: [e.g. msi, exe, winget]

.github/images/banner.svg

@@ -0,0 +1,16 @@
+<svg width="600" height="130" viewBox="0 0 600 130" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3_2)">
+<path d="M86.9062 11H21.0938C9.44399 11 0 20.444 0 32.0938V97.9062C0 109.556 9.44399 119 21.0938 119H86.9062C98.556 119 108 109.556 108 97.9062V32.0938C108 20.444 98.556 11 86.9062 11Z" fill="url(#paint0_linear_3_2)"/>
+<path d="M55.8196 96.5455C54.7881 97.5856 53.1065 97.5856 52.075 96.5455L27.028 71.2863C25.3778 69.6221 26.5566 66.793 28.9002 66.793H78.9943C81.3379 66.793 82.5168 69.6221 80.8666 71.2863L55.8196 96.5455Z" fill="#FAFAFA"/>
+<path d="M67.8164 34.4141H40.0781C38.6219 34.4141 37.4414 35.5946 37.4414 37.0508V68.2695C37.4414 69.7257 38.6219 70.9062 40.0781 70.9062H67.8164C69.2726 70.9062 70.4531 69.7257 70.4531 68.2695V37.0508C70.4531 35.5946 69.2726 34.4141 67.8164 34.4141Z" fill="#FAFAFA"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_3_2" x1="13.6582" y1="26.6621" x2="97.1367" y2="102.02" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4444FF"/>
+<stop offset="1" stop-color="#FF43D0"/>
+</linearGradient>
+<clipPath id="clip0_3_2">
+<rect width="108" height="108" fill="white" transform="translate(0 11)"/>
+</clipPath>
+</defs>
+</svg>

.github/workflows/release.yml

@@ -14,31 +14,27 @@ jobs:
         include:
           - platform: 'macos-latest'
             args: '--target aarch64-apple-darwin --config ./src-tauri/tauri.macos-aarch64.conf.json'
-            arch: 'aarch64-apple-darwin'
           - platform: 'macos-latest'
             args: '--target x86_64-apple-darwin --config ./src-tauri/tauri.macos-x86_64.conf.json'
-            arch: 'x86_64-apple-darwin'
           - platform: 'ubuntu-22.04'
-            args: ''
+            args: '--target x86_64-unknown-linux-gnu --config ./src-tauri/tauri.linux-x86_64.conf.json'
-            arch: ''
+          - platform: 'ubuntu-22.04-arm'
+            args: '--target aarch64-unknown-linux-gnu --config ./src-tauri/tauri.linux-aarch64.conf.json'
           - platform: 'windows-latest'
             args: ''
-            arch: ''
     runs-on: ${{ matrix.platform }}
     steps:
       - name: 🚚 Checkout repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
-        with:
-          lfs: true
 
       - name: 🛠️ Install dependencies
-        if: matrix.platform == 'ubuntu-22.04'
+        if: matrix.platform == 'ubuntu-22.04' || matrix.platform == 'ubuntu-22.04-arm'
         run: |
             sudo apt-get update
             sudo apt-get install -y libwebkit2gtk-4.1-dev libappindicator3-dev librsvg2-dev patchelf
 
       - name: 📦 Setup node
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: 'lts/*'
           cache: 'npm'
@@ -56,6 +52,9 @@ jobs:
       - name: 🛠️ Install frontend dependencies
         run: npm install
 
+      - name: 📥 Download binaries
+        run: npm run download
+
       - name: 📄 Read and Process CHANGELOG (Unix)
         if: matrix.platform != 'windows-latest'
         id: changelog_unix
@@ -102,7 +101,6 @@ jobs:
         uses: tauri-apps/tauri-action@v0
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          TARGET_ARCH: ${{ matrix.arch }}
           TAURI_SIGNING_PRIVATE_KEY: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY }}
           TAURI_SIGNING_PRIVATE_KEY_PASSWORD: ${{ secrets.TAURI_SIGNING_PRIVATE_KEY_PASSWORD }}
         with:

.gitignore

@@ -1,3 +1,14 @@
+node_modules
+dist
+dist-ssr
+*.local
+.github/workflows/.secrets
+/target/
+src-tauri/binaries/*
+!src-tauri/binaries/.gitkeep
+src-tauri/resources/downloads/*
+!src-tauri/resources/downloads/.gitkeep
+
 # Logs
 logs
 *.log
@@ -7,12 +18,6 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
-node_modules
-dist
-dist-ssr
-*.local
-.github/workflows/.secrets
-
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json

CHANGELOG.md

@@ -1,39 +1,45 @@
 ### ✨ Changelog
 
-- DOWNLOADER: Introduced 'Combine' download mode (Now, You can combine a video and audio stream of your choice)
+- Added desktop notification settings (download completion, app updates)
-- SETTINGS: Added global video/audio file format selection option (Available Formats: MP4, WEBM, MKV, M4A, OPUS, MP3)
+- Added per-download sponsorblock config
-- SETTINGS: Added video/audio file metadata embeding option
+- Added thumbnail embeding option for video files
-- SETTINGS: Added thumbnail embeding option in audio files (as cover art)
+- Fixed yt-dlp failing to update on Windows MSI install
-- SETTINGS: Added re-encode video over remuxing option (when file format convertion is needed)
+- Fixed yt-dlp not resolving deno on macOS
-- SETTINGS: Added strict downloadablity check option
+- Other minor fixes and improvements
-- SETTINGS: Added download speed rate limit option
-- SETTINGS: Added download max retries option
-- SETTINGS: Added temporary download folder cleanup option
-- UI: Improved 'Settings' ui/layout with categories (tabs)
-- UI: Merged 'Extension' sidebar tab within 'Settings' (Settings > Extension > Install)
-- UI: Improved 'Library' ui/layout with tabs
-- UI: Added 'Stop' all ongoing downloads button in 'Library'
-- UI: Renamed settings 'General' tab to 'Application' ('General' is now a sub-category of 'Application' tab)
-- UI: Improved all alert dialog messages (for better undestanding/UX)
-- FIXED: Unexpected crashing of yt-dlp causing downloads to stuck on a unrevocable state (Now, coresponding download will be 'paused' on detection of unexpected yt-dlp crash)
-- FIXED: Broken app updater progress bar/percentage (also improved the update notification card)
-- Lots of other minor fixes and improvements
 
 ### 📝 Notes
 
-> ⚠️ Linux Users: Make sure yt-dlp is not installed in your distro (otherwise you will get package installation conflict). Don't worry, You can still use yt-dlp cli as before (the only difference is that now it will be installed and auto-updated by neo-dlp, which You can also disable from neo-dlp Settings if you don't want to auto-update yt-dlp)
+> [!CAUTION]
+> This is a breaking update if you are coming from older version than `v0.3.0`. Users are adviced to complete/cancel all paused downloads before updating to this version, otherwise paused downloads may not resume properly or re-start from the begining.
+
+> [!WARNING]
+> Linux users make sure `yt-dlp` and `deno` is not installed in your distro (otherwise you will get package installation conflict). Don't worry, You can still use yt-dlp cli as before (the only difference is that now it will be installed and auto-updated by neo-dlp, which You can also disable from neo-dlp Settings if you don't want to auto-update yt-dlp)
 
 > This is an Un-Signed Build (Windows doesn't trust this Certificate so, it may flag this as malicious software, in that case, disable Windows SmartScreen and Defender, install it, and then re-enable them)
 
 > This is an Un-Signed Build (MacOS doesn't trust this Certificate so, it may flag this as from 'unverified developer' and prevent it from opening, in that case, open Settings and allow it from 'Settings > Privacy and Security' section to get started)
 
+### 📦 Shipped Binaries
+
+| yt-dlp (updateable) | ffmpeg | ffprobe | aria2c | deno |
+| :---- | :---- | :---- | :---- | :---- |
+| v2025.11.03.233024 (nightly) | v7.1.1 | v7.1.1 | v1.37.0 | v2.5.6 |
+
+> ‼️ Linux builds (deb, rpm) does not ships with `ffmpeg` and `ffprobe` (though it will be auto installed as a dependency by your package manager, if you are on fedora make sure to [enable rpmfusion free+nonfree repos](https://docs.fedoraproject.org/en-US/quick-docs/rpmfusion-setup/#_enabling_the_rpm_fusion_repositories_using_command_line_utilities) before installing the rpm package)
+
+> ‼️ MacOS builds (dmg, app) does not ships with `aria2c`, If you want to use [aria2](https://formulae.brew.sh/formula/aria2) install it via [homebrew](https://brew.sh)
+
 ### ⬇️ Download Section
 
-| Arch\OS | Windows (msi) ⬆️ | Windows (exe) ⬆️ | Linux (deb) | Linux (rpm) | MacOS (dmg) ⬆️ | MacOS (app) ⬆️ |
+| Arch\OS | Windows (msi) | Windows (exe) | Linux (deb) | Linux (rpm) | Linux (AppImage) | MacOS (dmg) | MacOS (app) |
-| :---- | :---- | :---- | :---- | :---- | :---- | :---- |
+| :---- | :---- | :---- | :---- | :---- | :---- | :---- | :---- |
-| x86_64 | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_x64_en-US.msi) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_x64-setup.exe) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_amd64.deb) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP-<version>-1.x86_64.rpm) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_x64.dmg) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_x64.app.tar.gz) |
+| x86_64 | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_x64_en-US_windows.msi) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_x64-setup_windows.exe) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_amd64_linux.deb) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP-<version>-1.x86_64_linux.rpm) | 🚫 [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_amd64_linux.AppImage) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_x64_darwin.dmg) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_darwin_x64.app.tar.gz) |
-| ARM64 | N/A | N/A | N/A | N/A | ⚠️ [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_aarch64.dmg) | ⚠️ [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_aarch64.app.tar.gz) |
+| ARM64 | N/A | 🪟 [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_x64-setup_windows.exe) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_arm64_linux.deb) | [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP-<version>-1.aarch64_linux.rpm) | N/A | ⚠️ [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_<version>_aarch64_darwin.dmg) | ⚠️ [Download](https://github.com/neosubhamoy/neodlp/releases/download/<release_tag>/NeoDLP_darwin_aarch64.app.tar.gz) |
 
-> ⬆️ icon indicates this packaging format supports in-built app-updater
+> ⬆️ All packages supports in-built app-updater
+
+> 🪟 Windows x86_64 binary also works on ARM64 (Windows on ARM) devices with emulation (Not planning to release native Windows ARM64 build anytime soon as, x86_64 one works fine on ARM64 without noticeable performance impact)
+
+> 🚫 Linux AppImage builds are experimental and does not support neodlp's browser intergration features due to it's sandboxed nature. Also, don't run the AppImage with portable (.home, .config) folders, it will break things (it is highly recommended to use native [deb, rpm, AUR] builds if possible for the full experiance, otherwise AppImages are good for trying out NeoDLP without installing)
 
 > ⚠️ MacOS ARM64 binary downloads are experimental and may not open on Apple Silicon Macs if downloaded from browser (You will get 'Damaged File' error) it's because the binaries are not signed (signing MacOS binaries requires 99$/year Apple Developer Account subscription, which I can't afford RN!) and Apple Silicon Macs don't allow unsigned apps (downloaded from browser) to be installed on the system. If you want to use NeoDLP on your Apple Silicon Macs, you can simply use the command line [Curl-Bash Installer](https://neodlp.neosubhamoy.com/download) (Recommended) -OR- [compile it from source](https://github.com/neosubhamoy/neodlp?tab=readme-ov-file#%EF%B8%8F-contributing--building-from-source) in your Mac

README.md

@@ -1,43 +1,133 @@
+![NeoDLP](./.github/images/banner.svg)
+
 # NeoDLP - (Neo Downloader Plus)
 
 Cross-platform Video/Audio Downloader Desktop App with Modern UI and Browser Integration
 
 [![status](https://img.shields.io/badge/status-active-brightgreen.svg?style=flat)](https://github.com/neosubhamoy/neodlp)
 [![github tag](https://img.shields.io/github/v/tag/neosubhamoy/neodlp?color=yellow)](https://github.com/neosubhamoy/neodlp)
+[![github downloads](https://img.shields.io/github/downloads/neosubhamoy/neodlp/total)](https://github.com/neosubhamoy/neodlp/releases)
 [![PRs](https://img.shields.io/badge/PRs-welcome-blue.svg?style=flat)](https://github.com/neosubhamoy/neodlp)
 
+> [!TIP]
 > **🥰 Liked this project? Please consider giving it a Star (🌟) on github to show us your appreciation and help the algorythm recommend this project to even more awesome people like you!**
 
-### 💻 Supported Platforms
+[![Packaging status](https://repology.org/badge/vertical-allrepos/neodlp.svg)](https://repology.org/project/neodlp/versions)
+
+## ✨ Highlighted Features
+
+- Download Video/Audio from popular sites (YT, FB, IG, X and other 2.5k+ [supported sites](https://github.com/yt-dlp/yt-dlp/blob/master/supportedsites.md))
+- Download Video/Audio in your preffered format (MP4, WEBM, MKV, MP3 etc.)
+- Supports both Video and Playlist download
+- Supports Combining Video, Audio streams of your choice
+- Supports Multi-Language Subtitle/Caption (CC) embeding
+- Different Video/Audio metadata embeding options (info, chapters, thumbnail etc.)
+- SponsorBlock support (mark/remove video segments)
+- Network controls (proxy, rate limit etc.)
+- Highly customizable and many more...😉
+
+## 🧩 Browser Integration
+
+You can integrate NeoDLP with your favourite browser (any Chrome/Chromium/Firefox based browser) Just, install [NeoDLP Extension](https://github.com/neosubhamoy/neodlp-extension) to get started!
+
+After installing the extension you can do the following directly from the browser:
+
+- Quick Search (search current browser address with NeoDLP) (via pressing keyboard shortcut `ALT`+`SHIFT`+`Q`, You can also change this shortcut key combo from browser settings)
+
+- Right Click Context Menu Action (Download with Neo Downloader Plus - Link, Selection, Media Source)
+
+## 👀 Sneak Peek
+
+![NeoDLP-Mockup](./.github/images/mockup.svg)
+
+| Downloader | Completed Downloads | Ongoing Downloads | Settings |
+| :---- | :---- | :---- | :---- |
+| ![Downloader](./.github/images/downloader.png) | ![Completed-Downloads](./.github/images/completed-downloads.png) | ![Ongoing-Downloads](./.github/images/ongoing-downloads.png) | ![Settings](./.github/images/settings.png) |
+
+## 💻 Supported Platforms
+
 - Windows (10 / 11)
-- Linux (Debian / Fedora / Arch Linux base)
+- Linux (Debian / Fedora / RHEL / SUSE / Arch Linux base)
-- MacOS (>10.3)
+- MacOS (>11)
 
-### 🌐 Supported Sites
+## 🤝 External Dependencies
 
-- All [Supported Sites](https://github.com/yt-dlp/yt-dlp/blob/master/supportedsites.md) by [yt-dlp](https://github.com/yt-dlp/yt-dlp) **(2.5K+)**
+- [YT-DLP](https://github.com/yt-dlp/yt-dlp) - The core CLI tool used to download video/audio from the web (Hero of the show 😎)
+- [FFmpeg & FFprobe](https://www.ffmpeg.org) - Used for video/audio post-processing
+- [Aria2](https://aria2.github.io) - Used as an external downloader for blazing fast downloads with yt-dlp (Not included with NeoDLP MacOS builds)
+- [Deno](https://deno.com) - Provides sandboxed javascript runtime environment for yt-dlp (Required for YT downloads, as per the new yt-dlp [announcement](https://github.com/yt-dlp/yt-dlp/issues/14404))
 
-### 🧩 External Dependencies
+## ℹ️ System Pre-Requirements
 
-- [yt-dlp](https://github.com/yt-dlp/yt-dlp) - The core CLI Tool used to download Video/Audio from the Web
+- **Windows:** [Microsoft Visual C++ Redistributable 2015+](https://learn.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist?view=msvc-170) `winget install Microsoft.VCRedist.2015+.x64` (Will be auto-installed if you install NeoDLP via winget)
-- [FFmpeg](https://www.ffmpeg.org) - Used for Video/Audio Post-processing
+- **MacOS:** XCode Command Line Tools `xcode-select --install` (Mostly, comes pre-installed on modern macos, still if you encounter any issue then try installing it manually)
+- **Linux:** Most linux packages comes with pre-defined system dependencies which will be auto installed by your package manager (if you are on `fedora` make sure to [enable rpmfusion free+nonfree repos](https://docs.fedoraproject.org/en-US/quick-docs/rpmfusion-setup/#_enabling_the_rpm_fusion_repositories_using_command_line_utilities) before installing the rpm package. also, if you prefer to install dependencies manually [follow this](https://v2.tauri.app/start/prerequisites/#linux))
 
-### ⬇️ Download and Installation
+## ⬇️ Download and Installation
 
-1. Download the latest [NeoDLP](https://github.com/neosubhamoy/neodlp/releases/latest) release based on your OS and CPU Architecture then install it or install it directly from an available distribution channel
+1. Download the latest [NeoDLP](https://github.com/neosubhamoy/neodlp/releases/latest) release based on your OS and CPU Architecture, then install it! -OR- Install it directly from an available distribution channel (listed below)
 
 | Arch\OS | Windows | Linux | MacOS |
 | :----        | :----   | :---- | :---- |
 | x86_64 | ✅ [Download](https://github.com/neosubhamoy/neodlp/releases/latest) | ✅ [Download](https://github.com/neosubhamoy/neodlp/releases/latest) | ✅ [Download](https://github.com/neosubhamoy/neodlp/releases/latest) |
-| ARM64 | ❌ N/A | ❌ N/A | ✅ [Download](https://github.com/neosubhamoy/neodlp/releases/latest) |
+| ARM64 | ✅ Emulation | ✅ [Download](https://github.com/neosubhamoy/neodlp/releases/latest) | ✅ [Download](https://github.com/neosubhamoy/neodlp/releases/latest) |
+
+> [!NOTE]
+> x86_64 Windows binary also works on ARM64 (Windows on ARM) devices with emulation (Not planning to release native Windows ARM64 build anytime soon as, x86_64 one works fine on ARM64 without noticeable performance impact)
 
 | Platform (OS) | Distribution Channel | Installation Command / Instruction |
 | :---- | :---- | :---- |
-| Windows x86_64 | WinGet | `winget install neodlp` |
+| Windows x86_64 / ARM64 | WinGet | `winget install neodlp` |
-| MacOS Universal | Curl-Bash Installer | `curl -sSL https://neodlp.neosubhamoy.com/neodlp_macos_installer.sh \| bash` |
+| MacOS x86_64 / ARM64 | Curl-Bash Installer | `curl -sSL https://neodlp.neosubhamoy.com/macos_installer.sh \| bash` |
-| Linux x86_64 (Arch Linux) | AUR | `yay -S neodlp` |
+| Linux x86_64 / ARM64 | Curl-Bash Installer | `curl -sSL https://neodlp.neosubhamoy.com/linux_installer.sh \| bash` |
+| Arch Linux x86_64 / ARM64 | AUR | `yay -S neodlp` |
 
-### ⚡ Technologies Used
+## 🧪 Package Testing Status
+
+Though NeoDLP is supported on most platforms but not all packages are tested on all platforms, to save some time (and brain cells) and ship the software as fast as possible! Current test coverage is given below. So, untested packages may have issues, test it yourself and always feel free to report any issue on github.
+
+> [!TIP]
+> If you have access to any of the untested systems listed below, you can test the packages there and send me the test results via creating an github issue! (that would be super helpful actualy 😊)
+
+| Platform | Status | Platform | Status |
+| :---- | :---- | :---- | :---- |
+| Windows 10 (x64) | ✅ Tested | Windows 10 (ARM64) | ⚠️ Untested |
+| Windows 11 (x64) | ✅ Tested | Windows 11 (ARM64) | ✅ Tested |
+| MacOS 14 (x64) | ✅ Tested | MacOS 14 (ARM64) | ✅ Tested |
+| MacOS 15 (x64) | ⚠️ Untested | MacOS 15 (ARM64) | ✅ Tested |
+| MacOS 26 (x64) | ⚠️ Untested | MacOS 26 (ARM64) | ✅ Tested |
+| Ubuntu 24.04 LTS (x64) | ✅ Tested | Ubuntu 24.04 LTS (ARM64) | ⚠️ Untested |
+| Fedora 42 (x64) | ✅ Tested | Fedora 42 (ARM64) | ⚠️ Untested |
+| Arch Linux (x64) | ✅ Tested | Arch Linux (ARM64) | ✅ Tested |
+| openSUSE 16 (x64) | ⚠️ Untested | openSUSE 16 (ARM64) | ⚠️ Untested |
+| RHEL 10 (x64) | ⚠️ Untested | RHEL 10 (ARM64) | ⚠️ Untested |
+
+## 💝 Support the Development
+
+NeoDLP is and will be always FREE to Use and Open-Sourced for Everyone. On the other hand the developent process of NeoDLP takes lots of time, effort and even sometimes money! So, if you appriciate my work and have the ability to donate, then please consider supporting the development by donating (even a very small donation matters and helps NeoDLP to be a better product!) Your support is the key to my motivation...🤗
+
+<a href="https://buymeacoffee.com/neosubhamoy" target="_blank" title="buymeacoffee">
+    <img src="https://iili.io/JoQ0zN9.md.png"  alt="buymeacoffee-orange-badge" style="width: 150px;">
+</a>
+<br></br>
+
+> [!NOTE]
+> You can also donate via UPI by sending donations to this UPI ID directly: **subhamoybiswas636-2@oksbi**
+
+## 🪜 Roadmap
+
+- [x] Add support for yt-dlp
+- [x] Add basic settings and customization
+- [x] Integrate with browsers
+- [x] Add aria2c support
+- [x] Add custom command support
+- [ ] Add more advanced settings and achive stability **(ongoing)**
+- [ ] Add media converter
+- [ ] Add multiple downloader engines
+- [ ] Add advanced web extractor
+- [ ] Add more cool stuffs 😉
+
+## ⚡ Technologies Used
 
 ![Tauri](https://img.shields.io/badge/tauri-%2324C8DB.svg?style=for-the-badge&logo=tauri&logoColor=%23FFFFFF)
 ![Rust](https://img.shields.io/badge/rust-%23000000.svg?style=for-the-badge&logo=rust&logoColor=white)
@@ -45,22 +135,32 @@ Cross-platform Video/Audio Downloader Desktop App with Modern UI and Browser Int
 ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)
 ![ShadCnUi](https://img.shields.io/badge/shadcn%2Fui-000000?style=for-the-badge&logo=shadcnui&logoColor=white)
 
-### 🛠️ Contributing / Building from Source
+## 🛠️ Contributing / Building from Source
 
 Want to be part of this? Feel free to contribute...!! Pull Requests are always welcome...!! (^_^) Follow these simple steps to start building:
 
-* Make sure to install [Rust](https://www.rust-lang.org/tools/install), [Node.js](https://nodejs.org/en), [Git](https://git-scm.com/downloads) and [Git-LFS](https://git-lfs.com/) before proceeding.
+* Make sure to install [Rust](https://www.rust-lang.org/tools/install), [Node.js](https://nodejs.org/en), and [Git](https://git-scm.com/downloads) before proceeding.
 * Install [Tauri Prerequisites](https://v2.tauri.app/start/prerequisites/) for your OS / platform
 1. Fork this repo in your github account.
 2. Git clone the forked repo in your local machine.
-3. Install Node.js dependencies: `npm install`
+3. Create a git branch (related to the feature you are working on) (Optional - Recommended)
-4. Run development / build process
+4. Install Node.js dependencies: `npm install`
-> ⚠️ Make sure to run the build command once before running the dev command for the first time to avoid build time errors
+5. Download binaries (for current platform): `npm run download`
+6. Run development / build process
+> [!WARNING]
+> Make sure to run the `build` command once before running the `dev` command for the first time to avoid compile time errors
 ```code
-# for windows and linux users
+# for windows users
 npm run tauri dev        # for development
 npm run tauri build      # for production build
 
+# for linux users (based on cpu architecture)
+npm run tauri dev -- --config "./src-tauri/tauri.linux-aarch64.conf.json"       # for ARM64 devices, development
+npm run tauri build -- --config "./src-tauri/tauri.linux-aarch64.conf.json"     # for ARM64 devices, production build
+
+npm run tauri dev -- --config "./src-tauri/tauri.linux-x86_64.conf.json"        # for x64 devices, development
+npm run tauri build -- --config "./src-tauri/tauri.linux-x86_64.conf.json"      # for x64 devices, production build
+
 # for macOS users (based on cpu architecture)
 npm run tauri dev -- --config "./src-tauri/tauri.macos-aarch64.conf.json"       # for apple silicon macs, development
 npm run tauri build -- --config "./src-tauri/tauri.macos-aarch64.conf.json"     # for apple silicon macs, production build
@@ -68,10 +168,20 @@ npm run tauri build -- --config "./src-tauri/tauri.macos-aarch64.conf.json"
 npm run tauri dev -- --config "./src-tauri/tauri.macos-x86_64.conf.json"        # for intel x86 macs, development
 npm run tauri build -- --config "./src-tauri/tauri.macos-x86_64.conf.json"      # for intel x86 macs, production build
 ```
-5. Do the changes, Send a Pull Request with proper Description (NOTE: Pull Requests Without Proper Description will be Rejected)
+6. Do the changes, Send a Pull Request with proper Description (NOTE: Pull Requests Without Proper Description will be Rejected)
 
-**⭕ Noticed any Bugs or Want to give us some suggetions? Always feel free to open a GitHub Issue. We would love to hear from you...!!**
+## ⭕ Bug Report
 
-### 📝 License
+Noticed any Bug? or Want to give me some suggetion? Always feel free to open a [GitHub Issue](https://github.com/neosubhamoy/neodlp/issues). I would love to hear from you...!!
+
+## 💫 Credits
+
+- NeoDLP's 'Format Selection' options are inspired from the [Seal](https://github.com/JunkFood02/Seal) app by [@JunkFood02](https://github.com/JunkFood02)
+- Aria2 Linux x86_64 static binaries are built by [@asdo92](https://github.com/asdo92/aria2-static-builds)
+
+## 📝 License
 
 NeoDLP is Licensed under the [MIT license](https://github.com/neosubhamoy/neodlp/blob/main/LICENSE). Anyone can view, modify, use (personal and commercial) or distribute it's sources without any attribution and extra permissions.
+
+****
+An Open Sourced Project - Developed with ❤️ by **Subhamoy**

package.json

@@ -1,53 +1,56 @@
 {
   "name": "neodlp",
   "private": true,
-  "version": "0.2.0",
+  "version": "0.3.3",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
-    "tauri": "tauri"
+    "tauri": "tauri",
+    "download": "node ./scripts/download-bins.js"
   },
   "dependencies": {
-    "@hookform/resolvers": "^5.1.1",
+    "@hookform/resolvers": "^5.2.2",
-    "@radix-ui/react-accordion": "^1.2.11",
+    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.14",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.7",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
-    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-context-menu": "^2.2.15",
+    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.14",
+    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-menubar": "^1.1.15",
+    "@radix-ui/react-menubar": "^1.1.16",
-    "@radix-ui/react-navigation-menu": "^1.2.13",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.7",
+    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.9",
+    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.5",
+    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toast": "^1.2.14",
+    "@radix-ui/react-toast": "^1.2.15",
-    "@radix-ui/react-toggle": "^1.1.9",
+    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.7",
+    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tanstack/react-query": "^5.83.0",
+    "@tanstack/react-query": "^5.90.7",
-    "@tanstack/react-query-devtools": "^5.83.0",
+    "@tanstack/react-query-devtools": "^5.90.2",
-    "@tauri-apps/api": "^2",
+    "@tauri-apps/api": "^2.9.0",
-    "@tauri-apps/plugin-dialog": "^2.3.0",
+    "@tauri-apps/plugin-clipboard-manager": "^2.3.2",
-    "@tauri-apps/plugin-fs": "^2.4.0",
+    "@tauri-apps/plugin-dialog": "^2.4.2",
-    "@tauri-apps/plugin-opener": "^2.4.0",
+    "@tauri-apps/plugin-fs": "^2.4.4",
-    "@tauri-apps/plugin-os": "^2.3.0",
+    "@tauri-apps/plugin-notification": "^2.3.3",
-    "@tauri-apps/plugin-process": "^2.3.0",
+    "@tauri-apps/plugin-opener": "^2.5.2",
-    "@tauri-apps/plugin-shell": "^2.3.0",
+    "@tauri-apps/plugin-os": "^2.3.2",
-    "@tauri-apps/plugin-sql": "^2.3.0",
+    "@tauri-apps/plugin-process": "^2.3.1",
+    "@tauri-apps/plugin-shell": "^2.3.3",
+    "@tauri-apps/plugin-sql": "^2.3.1",
     "@tauri-apps/plugin-updater": "^2.9.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -55,33 +58,34 @@
     "date-fns": "^4.1.0",
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.2",
-    "lucide-react": "^0.525.0",
+    "lucide-react": "^0.552.0",
     "next-themes": "^0.4.6",
-    "react": "^19.1.0",
+    "react": "^19.2.0",
-    "react-day-picker": "^9.8.0",
+    "react-day-picker": "^9.11.1",
-    "react-dom": "^19.1.0",
+    "react-dom": "^19.2.0",
-    "react-hook-form": "^7.60.0",
+    "react-hook-form": "^7.66.0",
-    "react-resizable-panels": "^3.0.3",
+    "react-resizable-panels": "^3.0.6",
-    "react-router-dom": "^7.6.3",
+    "react-router-dom": "^7.9.5",
-    "recharts": "^2.15.4",
+    "recharts": "^3.3.0",
-    "sonner": "^2.0.6",
+    "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
+    "ulid": "^3.0.1",
     "vaul": "^1.1.2",
-    "zod": "^3.25.76",
+    "zod": "^4.1.12",
-    "zustand": "^5.0.6"
+    "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.11",
+    "@tailwindcss/postcss": "^4.1.16",
-    "@tailwindcss/vite": "^4.1.11",
+    "@tailwindcss/vite": "^4.1.16",
-    "@tauri-apps/cli": "^2",
+    "@tauri-apps/cli": "^2.9.3",
-    "@types/node": "^24.0.13",
+    "@types/node": "^24.10.0",
-    "@types/react": "^19.1.8",
+    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.1.6",
+    "@types/react-dom": "^19.2.2",
-    "@vitejs/plugin-react": "^4.6.0",
+    "@vitejs/plugin-react": "^5.1.0",
     "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.11",
+    "tailwindcss": "^4.1.16",
-    "tw-animate-css": "^1.3.5",
+    "tw-animate-css": "^1.4.0",
-    "typescript": "~5.8.3",
+    "typescript": "~5.9.3",
-    "vite": "^7.0.4"
+    "vite": "^7.2.0"
   }
 }

scripts/chmod.js

@@ -5,11 +5,11 @@ import { execSync } from 'child_process';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
+const projectRoot = path.resolve(__dirname, '..');
 
 // Define array of binary source directories
 const binSrcDirs = [
-    path.join(__dirname, 'src-tauri', 'binaries'),
+    path.join(projectRoot, 'src-tauri', 'binaries'),
-    path.join(__dirname, 'src-tauri', 'resources', 'binaries'),
 ];
 
 function makeFilesExecutable() {
@@ -47,5 +47,5 @@ function makeFilesExecutable() {
     console.log(`\nSummary: Made ${totalCount} files executable across ${successDirs} directories`);
 }
 
-console.log(`RUNNING: 🛠️ Build Script makeFilesExecutable.js`);
+console.log(`RUNNING: 🛠️ Build Script --> chmod.js`);
 makeFilesExecutable();

scripts/download-bins.js

@@ -0,0 +1,442 @@
+import os from 'os';
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { execSync } from 'child_process';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const projectRoot = path.resolve(__dirname, '..');
+
+const downloadDir = path.join(projectRoot, 'src-tauri', 'resources', 'downloads');
+const binDir = path.join(projectRoot, 'src-tauri', 'binaries');
+
+const platform = os.platform();
+const targetPlatform = process.argv[2];
+const targetBin = process.argv[3];
+
+const versions = {
+    'yt-dlp': 'latest',
+    'ffmpeg-ffprobe': 'latest',
+    'deno': 'latest',
+    'aria2c': '1.37.0',
+};
+
+const binaries = {
+    'yt-dlp': [
+        {
+            name: 'yt-dlp-x86_64-pc-windows-msvc',
+            platform: 'win32',
+            url: `https://github.com/yt-dlp/yt-dlp-nightly-builds/releases${versions['yt-dlp'] === 'latest' ? '/latest' : ''}/download${versions['yt-dlp'] !== 'latest' ? '/'+versions['yt-dlp'] : ''}/yt-dlp.exe`,
+            src: path.join(downloadDir, 'yt-dlp-x86_64-pc-windows-msvc.exe'),
+            dest: [
+                path.join(binDir, 'yt-dlp-x86_64-pc-windows-msvc.exe')
+            ],
+            archive: null,
+            cleanup: [
+                path.join(downloadDir, 'yt-dlp-x86_64-pc-windows-msvc.exe')
+            ]
+        },
+        {
+            name: 'yt-dlp-x86_64-unknown-linux-gnu',
+            platform: 'linux',
+            url: `https://github.com/yt-dlp/yt-dlp-nightly-builds/releases${versions['yt-dlp'] === 'latest' ? '/latest' : ''}/download${versions['yt-dlp'] !== 'latest' ? '/'+versions['yt-dlp'] : ''}/yt-dlp_linux`,
+            src: path.join(downloadDir, 'yt-dlp-x86_64-unknown-linux-gnu'),
+            dest: [
+                path.join(binDir, 'yt-dlp-x86_64-unknown-linux-gnu')
+            ],
+            archive: null,
+            cleanup: [
+                path.join(downloadDir, 'yt-dlp-x86_64-unknown-linux-gnu')
+            ]
+        },
+        {
+            name: 'yt-dlp-aarch64-unknown-linux-gnu',
+            platform: 'linux',
+            url: `https://github.com/yt-dlp/yt-dlp-nightly-builds/releases${versions['yt-dlp'] === 'latest' ? '/latest' : ''}/download${versions['yt-dlp'] !== 'latest' ? '/'+versions['yt-dlp'] : ''}/yt-dlp_linux_aarch64`,
+            src: path.join(downloadDir, 'yt-dlp-aarch64-unknown-linux-gnu'),
+            dest: [
+                path.join(binDir, 'yt-dlp-aarch64-unknown-linux-gnu')
+            ],
+            archive: null,
+            cleanup: [
+                path.join(downloadDir, 'yt-dlp-aarch64-unknown-linux-gnu')
+            ]
+        },
+        {
+            name: 'yt-dlp-universal-apple-darwin',
+            platform: 'darwin',
+            url: `https://github.com/yt-dlp/yt-dlp-nightly-builds/releases${versions['yt-dlp'] === 'latest' ? '/latest' : ''}/download${versions['yt-dlp'] !== 'latest' ? '/'+versions['yt-dlp'] : ''}/yt-dlp_macos`,
+            src: path.join(downloadDir, 'yt-dlp-universal-apple-darwin'),
+            dest: [
+                path.join(binDir, 'yt-dlp-x86_64-apple-darwin'),
+                path.join(binDir, 'yt-dlp-aarch64-apple-darwin')
+            ],
+            archive: null,
+            cleanup: [
+                path.join(downloadDir, 'yt-dlp-universal-apple-darwin')
+            ]
+        },
+    ],
+    'ffmpeg-ffprobe': [
+        {
+            name: 'ffmpeg-ffprobe-x86_64-pc-windows-msvc',
+            platform: 'win32',
+            url: `https://github.com/yt-dlp/FFmpeg-Builds/releases${versions['ffmpeg-ffprobe'] === 'latest' ? '/latest' : ''}/download${versions['ffmpeg-ffprobe'] !== 'latest' ? '/'+versions['ffmpeg-ffprobe'] : ''}/ffmpeg-master-latest-win64-gpl.zip`,
+            src: path.join(downloadDir, 'ffmpeg-master-latest-win64-gpl.zip'),
+            dest: null,
+            archive: {
+                type: 'zip',
+                binSrc: [
+                    path.join(downloadDir, 'ffmpeg-master-latest-win64-gpl', 'bin', 'ffmpeg.exe'),
+                    path.join(downloadDir, 'ffmpeg-master-latest-win64-gpl', 'bin', 'ffprobe.exe')
+                ],
+                binDest: [
+                    path.join(binDir, 'ffmpeg-x86_64-pc-windows-msvc.exe'),
+                    path.join(binDir, 'ffprobe-x86_64-pc-windows-msvc.exe')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, 'ffmpeg-master-latest-win64-gpl.zip'),
+                path.join(downloadDir, 'ffmpeg-master-latest-win64-gpl')
+            ]
+        },
+        {
+            name: 'ffmpeg-ffprobe-x86_64-unknown-linux-gnu',
+            platform: 'linux',
+            url: `https://github.com/yt-dlp/FFmpeg-Builds/releases${versions['ffmpeg-ffprobe'] === 'latest' ? '/latest' : ''}/download${versions['ffmpeg-ffprobe'] !== 'latest' ? '/'+versions['ffmpeg-ffprobe'] : ''}/ffmpeg-master-latest-linux64-gpl.tar.xz`,
+            src: path.join(downloadDir, 'ffmpeg-master-latest-linux64-gpl.tar.xz'),
+            dest: null,
+            archive: {
+                type: 'tar.xz',
+                binSrc: [
+                    path.join(downloadDir, 'ffmpeg-master-latest-linux64-gpl', 'bin', 'ffmpeg'),
+                    path.join(downloadDir, 'ffmpeg-master-latest-linux64-gpl', 'bin', 'ffprobe')
+                ],
+                binDest: [
+                    path.join(binDir, 'ffmpeg-x86_64-unknown-linux-gnu'),
+                    path.join(binDir, 'ffprobe-x86_64-unknown-linux-gnu')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, 'ffmpeg-master-latest-linux64-gpl.tar.xz'),
+                path.join(downloadDir, 'ffmpeg-master-latest-linux64-gpl')
+            ]
+        },
+        {
+            name: 'ffmpeg-ffprobe-aarch64-unknown-linux-gnu',
+            platform: 'linux',
+            url: `https://github.com/yt-dlp/FFmpeg-Builds/releases${versions['ffmpeg-ffprobe'] === 'latest' ? '/latest' : ''}/download${versions['ffmpeg-ffprobe'] !== 'latest' ? '/'+versions['ffmpeg-ffprobe'] : ''}/ffmpeg-master-latest-linuxarm64-gpl.tar.xz`,
+            src: path.join(downloadDir, 'ffmpeg-master-latest-linuxarm64-gpl.tar.xz'),
+            dest: null,
+            archive: {
+                type: 'tar.xz',
+                binSrc: [
+                    path.join(downloadDir, 'ffmpeg-master-latest-linuxarm64-gpl', 'bin', 'ffmpeg'),
+                    path.join(downloadDir, 'ffmpeg-master-latest-linuxarm64-gpl', 'bin', 'ffprobe')
+                ],
+                binDest: [
+                    path.join(binDir, 'ffmpeg-aarch64-unknown-linux-gnu'),
+                    path.join(binDir, 'ffprobe-aarch64-unknown-linux-gnu')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, 'ffmpeg-master-latest-linuxarm64-gpl.tar.xz'),
+                path.join(downloadDir, 'ffmpeg-master-latest-linuxarm64-gpl')
+            ]
+        },
+        {
+            name: 'ffmpeg-universal-apple-darwin',
+            platform: 'darwin',
+            url: `https://evermeet.cx/ffmpeg/get/zip`,
+            src: path.join(downloadDir, 'ffmpeg-universal-apple-darwin.zip'),
+            dest: null,
+            archive: {
+                type: 'zip',
+                binSrc: [
+                    path.join(downloadDir, 'ffmpeg'),
+                    path.join(downloadDir, 'ffmpeg')
+                ],
+                binDest: [
+                    path.join(binDir, 'ffmpeg-x86_64-apple-darwin'),
+                    path.join(binDir, 'ffmpeg-aarch64-apple-darwin')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, 'ffmpeg-universal-apple-darwin.zip'),
+                path.join(downloadDir, 'ffmpeg')
+            ]
+        },
+        {
+            name: 'ffprobe-universal-apple-darwin',
+            platform: 'darwin',
+            url: `https://evermeet.cx/ffmpeg/get/ffprobe/zip`,
+            src: path.join(downloadDir, 'ffprobe-universal-apple-darwin.zip'),
+            dest: null,
+            archive: {
+                type: 'zip',
+                binSrc: [
+                    path.join(downloadDir, 'ffprobe'),
+                    path.join(downloadDir, 'ffprobe')
+                ],
+                binDest: [
+                    path.join(binDir, 'ffprobe-x86_64-apple-darwin'),
+                    path.join(binDir, 'ffprobe-aarch64-apple-darwin')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, 'ffprobe-universal-apple-darwin.zip'),
+                path.join(downloadDir, 'ffprobe')
+            ]
+        }
+    ],
+    'deno': [
+        {
+            name: 'deno-x86_64-pc-windows-msvc',
+            platform: 'win32',
+            url: `https://github.com/denoland/deno/releases${versions['deno'] === 'latest' ? '/latest' : ''}/download${versions['deno'] !== 'latest' ? '/'+versions['deno'] : ''}/deno-x86_64-pc-windows-msvc.zip`,
+            src: path.join(downloadDir, 'deno-x86_64-pc-windows-msvc.zip'),
+            dest: null,
+            archive: {
+                type: 'zip',
+                binSrc: [
+                    path.join(downloadDir, 'deno.exe')
+                ],
+                binDest: [
+                    path.join(binDir, 'deno-x86_64-pc-windows-msvc.exe')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, 'deno-x86_64-pc-windows-msvc.zip'),
+                path.join(downloadDir, 'deno.exe')
+            ]
+        },
+        {
+            name: 'deno-x86_64-unknown-linux-gnu',
+            platform: 'linux',
+            url: `https://github.com/denoland/deno/releases${versions['deno'] === 'latest' ? '/latest' : ''}/download${versions['deno'] !== 'latest' ? '/'+versions['deno'] : ''}/deno-x86_64-unknown-linux-gnu.zip`,
+            src: path.join(downloadDir, 'deno-x86_64-unknown-linux-gnu.zip'),
+            dest: null,
+            archive: {
+                type: 'zip',
+                binSrc: [
+                    path.join(downloadDir, 'deno')
+                ],
+                binDest: [
+                    path.join(binDir, 'deno-x86_64-unknown-linux-gnu')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, 'deno-x86_64-unknown-linux-gnu.zip'),
+                path.join(downloadDir, 'deno')
+            ]
+        },
+        {
+            name: 'deno-aarch64-unknown-linux-gnu',
+            platform: 'linux',
+            url: `https://github.com/denoland/deno/releases${versions['deno'] === 'latest' ? '/latest' : ''}/download${versions['deno'] !== 'latest' ? '/'+versions['deno'] : ''}/deno-aarch64-unknown-linux-gnu.zip`,
+            src: path.join(downloadDir, 'deno-aarch64-unknown-linux-gnu.zip'),
+            dest: null,
+            archive: {
+                type: 'zip',
+                binSrc: [
+                    path.join(downloadDir, 'deno')
+                ],
+                binDest: [
+                    path.join(binDir, 'deno-aarch64-unknown-linux-gnu')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, 'deno-aarch64-unknown-linux-gnu.zip'),
+                path.join(downloadDir, 'deno')
+            ]
+        },
+        {
+            name: 'deno-x86_64-apple-darwin',
+            platform: 'darwin',
+            url: `https://github.com/denoland/deno/releases${versions['deno'] === 'latest' ? '/latest' : ''}/download${versions['deno'] !== 'latest' ? '/'+versions['deno'] : ''}/deno-x86_64-apple-darwin.zip`,
+            src: path.join(downloadDir, 'deno-x86_64-apple-darwin.zip'),
+            dest: null,
+            archive: {
+                type: 'zip',
+                binSrc: [
+                    path.join(downloadDir, 'deno')
+                ],
+                binDest: [
+                    path.join(binDir, 'deno-x86_64-apple-darwin')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, 'deno-x86_64-apple-darwin.zip'),
+                path.join(downloadDir, 'deno')
+            ]
+        },
+        {
+            name: 'deno-aarch64-apple-darwin',
+            platform: 'darwin',
+            url: `https://github.com/denoland/deno/releases${versions['deno'] === 'latest' ? '/latest' : ''}/download${versions['deno'] !== 'latest' ? '/'+versions['deno'] : ''}/deno-aarch64-apple-darwin.zip`,
+            src: path.join(downloadDir, 'deno-aarch64-apple-darwin.zip'),
+            dest: null,
+            archive: {
+                type: 'zip',
+                binSrc: [
+                    path.join(downloadDir, 'deno')
+                ],
+                binDest: [
+                    path.join(binDir, 'deno-aarch64-apple-darwin')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, 'deno-aarch64-apple-darwin.zip'),
+                path.join(downloadDir, 'deno')
+            ]
+        }
+    ],
+    'aria2c': [
+        {
+            name: 'aria2c-x86_64-pc-windows-msvc',
+            platform: 'win32',
+            url: `https://github.com/aria2/aria2/releases/download/release-${versions['aria2c']}/aria2-${versions['aria2c']}-win-64bit-build1.zip`,
+            src: path.join(downloadDir, `aria2-${versions['aria2c']}-win-64bit-build1.zip`),
+            dest: null,
+            archive: {
+                type: 'zip',
+                binSrc: [
+                    path.join(downloadDir, `aria2-${versions['aria2c']}-win-64bit-build1`, 'aria2c.exe')
+                ],
+                binDest: [
+                    path.join(binDir, 'aria2c-x86_64-pc-windows-msvc.exe')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, `aria2-${versions['aria2c']}-win-64bit-build1.zip`),
+                path.join(downloadDir, `aria2-${versions['aria2c']}-win-64bit-build1`)
+            ]
+        },
+        {
+            name: 'aria2c-x86_64-unknown-linux-gnu',
+            platform: 'linux',
+            url: `https://github.com/asdo92/aria2-static-builds/releases/download/v${versions['aria2c']}/aria2-${versions['aria2c']}-linux-gnu-64bit-build1.tar.bz2`,
+            src: path.join(downloadDir, `aria2-${versions['aria2c']}-linux-gnu-64bit-build1.tar.bz2`),
+            dest: null,
+            archive: {
+                type: 'tar.bz2',
+                binSrc: [
+                    path.join(downloadDir, `aria2-${versions['aria2c']}-linux-gnu-64bit-build1`, 'aria2c')
+                ],
+                binDest: [
+                    path.join(binDir, 'aria2c-x86_64-unknown-linux-gnu')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, `aria2-${versions['aria2c']}-linux-gnu-64bit-build1.tar.bz2`),
+                path.join(downloadDir, `aria2-${versions['aria2c']}-linux-gnu-64bit-build1`)
+            ]
+        },
+        {
+            name: 'aria2c-aarch64-unknown-linux-gnu',
+            platform: 'linux',
+            url: `https://github.com/aria2/aria2/releases/download/release-${versions['aria2c']}/aria2-${versions['aria2c']}-aarch64-linux-android-build1.zip`,
+            src: path.join(downloadDir, `aria2-${versions['aria2c']}-aarch64-linux-android-build1.zip`),
+            dest: null,
+            archive: {
+                type: 'zip',
+                binSrc: [
+                    path.join(downloadDir, `aria2-${versions['aria2c']}-aarch64-linux-android-build1`, 'aria2c')
+                ],
+                binDest: [
+                    path.join(binDir, 'aria2c-aarch64-unknown-linux-gnu')
+                ]
+            },
+            cleanup: [
+                path.join(downloadDir, `aria2-${versions['aria2c']}-aarch64-linux-android-build1.zip`),
+                path.join(downloadDir, `aria2-${versions['aria2c']}-aarch64-linux-android-build1`)
+            ]
+        }
+    ]
+}
+
+
+function downloadAndProcess(bin) {
+    console.log(`=> Processing: ${bin.name}`);
+    console.log(`Downloading: ${bin.url}`);
+    if (platform === 'win32') {
+        execSync(`powershell -Command "Invoke-WebRequest -Uri '${bin.url}' -OutFile '${bin.src}'"`, { stdio: 'inherit' });
+    } else {
+        execSync(`curl -L "${bin.url}" -o "${bin.src}"`, { stdio: 'inherit' });
+    }
+
+    if (bin.archive) {
+        console.log(`Extracting: ${bin.src}`);
+        if (platform === 'win32' && bin.archive.type === 'zip') {
+            execSync(`powershell -Command "Add-Type -AssemblyName System.IO.Compression.FileSystem; [System.IO.Compression.ZipFile]::ExtractToDirectory('${bin.src}', '${downloadDir}')"`, { stdio: 'inherit' });
+        } else if (bin.archive.type === 'tar.bz2') {
+            execSync(`tar -xjf "${bin.src}" -C "${downloadDir}"`, { stdio: 'inherit' });
+        } else if (bin.archive.type === 'zip') {
+            execSync(`unzip -o "${bin.src}" -d "${downloadDir}"`, { stdio: 'inherit' });
+        } else {
+            execSync(`tar -xf "${bin.src}" -C "${downloadDir}"`, { stdio: 'inherit' });
+        }
+
+        bin.archive.binSrc.forEach((src, index) => {
+            const dest = bin.archive.binDest[index];
+            console.log(`Moving: "${src}" to "${dest}"`);
+            fs.copyFileSync(src, dest);
+            if (platform !== 'win32') {
+                fs.chmodSync(dest, 0o755);
+            }
+        });
+    } else if (bin.dest) {
+        bin.dest.forEach((dest) => {
+            console.log(`Moving: "${bin.src}" to "${dest}"`);
+            fs.copyFileSync(bin.src, dest);
+            if (platform !== 'win32') {
+                fs.chmodSync(dest, 0o755);
+            }
+        });
+    }
+
+    bin.cleanup.forEach((item) => {
+        if (fs.existsSync(item)) {
+            console.log(`Cleaning: "${item}"`);
+            const stats = fs.statSync(item);
+            if (stats.isDirectory()) {
+                fs.rmSync(item, { recursive: true, force: true });
+            } else {
+                fs.unlinkSync(item);
+            }
+        }
+    });
+}
+
+
+if (targetPlatform && !['win32', 'linux', 'darwin', 'all'].includes(targetPlatform)) {
+    console.error(`ERROR: Invalid platform specified: '${targetPlatform}'. Use one of: win32, linux, darwin, or all`);
+    process.exit(1);
+}
+
+if (targetBin && !binaries.hasOwnProperty(targetBin) && targetBin !== 'all') {
+    console.error(`ERROR: Invalid binary specified: '${targetBin}'. Use one of: ${Object.keys(binaries).join(', ')}, or all`);
+    process.exit(1);
+}
+
+const effectivePlatform = targetPlatform || platform;
+const effectiveBin = targetBin || 'all';
+
+console.log(`RUNNING: 📦 Binary Downloader (platform: ${effectivePlatform} | binary: ${effectiveBin})`);
+
+Object.keys(binaries).forEach((binKey) => {
+    if (effectiveBin !== 'all' && binKey !== effectiveBin) {
+        return;
+    }
+
+    binaries[binKey].forEach((bin) => {
+        if (effectivePlatform !== 'all' && bin.platform !== effectivePlatform) {
+            return;
+        }
+
+        downloadAndProcess(bin);
+    });
+});
+
+console.log('✅ Downloads Completed');

scripts/update-yt-dlp.js

@@ -5,8 +5,9 @@ import { fileURLToPath } from 'url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
+const projectRoot = path.resolve(__dirname, '..');
 
-console.log(`RUNNING: 🛠️ Build Script updateYtDlpBinary.js`);
+console.log(`RUNNING: 🛠️ Build Script --> update-yt-dlp.js`);
 
 // Get the platform triple from command line arguments
 const platformTriple = process.argv[2];
@@ -17,7 +18,7 @@ if (!platformTriple) {
 }
 
 // Define the binaries directory
-const binariesDir = path.join(__dirname, 'src-tauri', 'binaries');
+const binariesDir = path.join(projectRoot, 'src-tauri', 'binaries');
 
 // Construct the binary filename based on platform triple
 let binaryName = `yt-dlp-${platformTriple}`;

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "neodlp"
-version = "0.2.0"
+version = "0.3.3"
 description = "NeoDLP"
 authors = ["neosubhamoy <hey@neosubhamoy.com>"]
 edition = "2021"
@@ -27,8 +27,9 @@ tokio = { version = "1", features = ["full"] }
 tokio-tungstenite = "*"
 sqlx = { version = "0.8", features = [ "sqlite", "runtime-tokio", "tls-native-tls" ] }
 base64 = "0.22"
-directories = "5.0"
+directories = "6.0"
 futures-util = "0.3"
+fix-path-env = { git = "https://github.com/tauri-apps/fix-path-env-rs" }
 tauri-plugin-opener = "2"
 tauri-plugin-shell = "2"
 tauri-plugin-fs = "2"
@@ -36,6 +37,8 @@ tauri-plugin-os = "2"
 tauri-plugin-dialog = "2"
 tauri-plugin-sql = { version = "2", features = ["sqlite"] }
 tauri-plugin-process = "2"
+tauri-plugin-clipboard-manager = "2"
+tauri-plugin-notification = "2"
 
 [target.'cfg(not(any(target_os = "android", target_os = "ios")))'.dependencies]
 tauri-plugin-single-instance = "2"

src-tauri/binaries/yt-dlp-aarch64-apple-darwin

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:fc5bd50ef656f1727d6f1c6c55688b21434e70cb5fb3e439701d1061ae094bf0
-size 34391824

src-tauri/binaries/yt-dlp-x86_64-apple-darwin

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:fc5bd50ef656f1727d6f1c6c55688b21434e70cb5fb3e439701d1061ae094bf0
-size 34391824

src-tauri/binaries/yt-dlp-x86_64-pc-windows-msvc.exe

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:f061f5be11e96c3764442b5339f91102316ac9a7eb8270f017e7912ed0384eba
-size 18112457

src-tauri/binaries/yt-dlp-x86_64-unknown-linux-gnu

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:0aa0afe3d2b32c047b73083f3c8e56081d71bb33fe047357820d51d153d1d54f
-size 34608400

src-tauri/capabilities/default.json

@@ -22,6 +22,9 @@
     "fs:allow-app-write-recursive",
     "updater:default",
     "process:default",
+    "clipboard-manager:allow-read-text",
+    "clipboard-manager:allow-write-text",
+    "notification:default",
     {
       "identifier": "opener:allow-open-path",
       "allow": [

src-tauri/capabilities/shell.json

@@ -15,10 +15,45 @@
           "args": true,
           "sidecar": true
         },
+        {
+          "name": "binaries/ffmpeg",
+          "args": true,
+          "sidecar": true
+        },
+        {
+          "name": "binaries/ffprobe",
+          "args": true,
+          "sidecar": true
+        },
+        {
+          "name": "binaries/aria2c",
+          "args": true,
+          "sidecar": true
+        },
+        {
+          "name": "binaries/deno",
+          "args": true,
+          "sidecar": true
+        },
+        {
+          "name": "ffmpeg",
+          "cmd": "ffmpeg",
+          "args": true
+        },
+        {
+          "name": "aria2c",
+          "cmd": "aria2c",
+          "args": true
+        },
         {
           "name": "pkexec",
           "cmd": "pkexec",
           "args": true
+        },
+        {
+          "name": "powershell",
+          "cmd": "powershell",
+          "args": true
         }
       ]
     },
@@ -29,6 +64,36 @@
           "name": "binaries/yt-dlp",
           "args": true,
           "sidecar": true
+        },
+        {
+          "name": "binaries/ffmpeg",
+          "args": true,
+          "sidecar": true
+        },
+        {
+          "name": "binaries/ffprobe",
+          "args": true,
+          "sidecar": true
+        },
+        {
+          "name": "binaries/aria2c",
+          "args": true,
+          "sidecar": true
+        },
+        {
+          "name": "binaries/deno",
+          "args": true,
+          "sidecar": true
+        },
+        {
+          "name": "ffmpeg",
+          "cmd": "ffmpeg",
+          "args": true
+        },
+        {
+          "name": "aria2c",
+          "cmd": "aria2c",
+          "args": true
         }
       ]
     }

src-tauri/installer/windows/nsis/hooks.nsi

@@ -1,8 +1,8 @@
 !macro NSIS_HOOK_POSTINSTALL
   ; Add Registry Keys for Chrome Native Messaging Host
-  WriteRegStr HKCU "Software\Google\Chrome\NativeMessagingHosts\com.neosubhamoy.neodlp" "" "$INSTDIR\neodlp-msghost.json"
+  WriteRegStr HKCU "Software\Google\Chrome\NativeMessagingHosts\com.neosubhamoy.neodlp" "" "$INSTDIR\chrome.json"
   ; Add Registry Keys for Firefox Native Messaging Host
-  WriteRegStr HKCU "Software\Mozilla\NativeMessagingHosts\com.neosubhamoy.neodlp" "" "$INSTDIR\neodlp-msghost-moz.json"
+  WriteRegStr HKCU "Software\Mozilla\NativeMessagingHosts\com.neosubhamoy.neodlp" "" "$INSTDIR\firefox.json"
   ; Add entry for automatic startup with Windows
   WriteRegStr HKCU "Software\Microsoft\Windows\CurrentVersion\Run" "${PRODUCTNAME}" "$\"$INSTDIR\neodlp.exe$\" --hidden"
 !macroend

src-tauri/installer/windows/wix/reg-fragment.wxs

@@ -4,10 +4,10 @@
     <DirectoryRef Id="TARGETDIR">
       <Component Id="NeoDlpRegEntriesFragment" Guid="*">
         <RegistryKey Root="HKLM" Key="Software\Google\Chrome\NativeMessagingHosts\com.neosubhamoy.neodlp" Action="createAndRemoveOnUninstall">
-          <RegistryValue Type="string" Value="[INSTALLDIR]neodlp-msghost.json" KeyPath="no" />
+          <RegistryValue Type="string" Value="[INSTALLDIR]chrome.json" KeyPath="no" />
         </RegistryKey>
         <RegistryKey Root="HKLM" Key="Software\Mozilla\NativeMessagingHosts\com.neosubhamoy.neodlp" Action="createAndRemoveOnUninstall">
-          <RegistryValue Type="string" Value="[INSTALLDIR]neodlp-msghost-moz.json" KeyPath="no" />
+          <RegistryValue Type="string" Value="[INSTALLDIR]firefox.json" KeyPath="no" />
         </RegistryKey>
         <RegistryKey Root="HKLM" Key="Software\Microsoft\Windows\CurrentVersion\Run">
           <RegistryValue Name="NeoDLP" Type="string" Value="&quot;[INSTALLDIR]neodlp.exe&quot; --hidden" KeyPath="no" />

src-tauri/msghost/Cargo.toml

@@ -12,6 +12,6 @@ license = "MIT"
 tokio = { version = "1", features = ["full"] }
 tokio-tungstenite = "*"
 futures-util = "0.3"
-directories = "5.0"
+directories = "6.0"
 serde = { version = "1.0", features = ["derive"] }
 serde_json = "1.0"

src-tauri/resources/binaries/ffmpeg-aarch64-apple-darwin

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e607b7f079c4eb0dc666ffca152f225020f8022c8c014dd94d91e6072f57228d
-size 79945800

src-tauri/resources/binaries/ffmpeg-x86_64-apple-darwin

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:e607b7f079c4eb0dc666ffca152f225020f8022c8c014dd94d91e6072f57228d
-size 79945800

src-tauri/resources/binaries/ffmpeg-x86_64-pc-windows-msvc.exe

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:c49b5913c9a107120c86b401af95df7965003f7fc6dbb4436f1f03c8ba391e8b
-size 127473664

src-tauri/resources/binaries/ffmpeg-x86_64-unknown-linux-gnu

@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:3ee15e5145c9eb4775c193ab824c592d4ff3744bb7f283f8db29bd3c3c961589
-size 79928672

src-tauri/src/lib.rs

@@ -174,6 +174,16 @@ fn get_config_file_path() -> Result<String, String> {
     }
 }
 
+#[tauri::command]
+fn get_current_app_path() -> Result<String, String> {
+    let exe_path = std::env::current_exe().map_err(|e| e.to_string())?;
+    Ok(exe_path
+        .parent()
+        .ok_or("Failed to get parent directory")?
+        .to_string_lossy()
+        .into_owned())
+}
+
 #[tauri::command]
 async fn update_config(
     new_config: Config,
@@ -452,6 +462,7 @@ async fn pause_ongoing_downloads(
 
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub async fn run() {
+    let _ = fix_path_env::fix();
     let migrations = migrations::get_migrations();
     let config = load_config();
     let port = config.port;
@@ -485,6 +496,8 @@ pub async fn run() {
         .plugin(tauri_plugin_opener::init())
         .plugin(tauri_plugin_dialog::init())
         .plugin(tauri_plugin_process::init())
+        .plugin(tauri_plugin_clipboard_manager::init())
+        .plugin(tauri_plugin_notification::init())
         .manage(ImageCache(StdMutex::new(HashMap::new())))
         .manage(websocket_state.clone())
         .setup(move |app| {
@@ -586,6 +599,7 @@ pub async fn run() {
             reset_config,
             get_config_file_path,
             restart_websocket_server,
+            get_current_app_path,
         ])
         .run(tauri::generate_context!())
         .expect("error while running tauri application");

src-tauri/src/migrations.rs

@@ -68,5 +68,85 @@ pub fn get_migrations() -> Vec<Migration> {
             );
             ",
         kind: MigrationKind::Up,
+    },
+    Migration {
+        version: 2,
+        description: "add_columns_to_downloads",
+        sql: "
+            -- Create temporary table with all new columns
+            CREATE TABLE downloads_temp (
+                id INTEGER PRIMARY KEY NOT NULL,
+                download_id TEXT UNIQUE NOT NULL,
+                download_status TEXT NOT NULL,
+                video_id TEXT NOT NULL,
+                format_id TEXT NOT NULL,
+                subtitle_id TEXT,
+                queue_index INTEGER,
+                playlist_id TEXT,
+                playlist_index INTEGER,
+                resolution TEXT,
+                ext TEXT,
+                abr REAL,
+                vbr REAL,
+                acodec TEXT,
+                vcodec TEXT,
+                dynamic_range TEXT,
+                process_id INTEGER,
+                status TEXT,
+                progress REAL,
+                total INTEGER,
+                downloaded INTEGER,
+                speed REAL,
+                eta INTEGER,
+                filepath TEXT,
+                filetype TEXT,
+                filesize INTEGER,
+                output_format TEXT,
+                embed_metadata INTEGER NOT NULL DEFAULT 0,
+                embed_thumbnail INTEGER NOT NULL DEFAULT 0,
+                sponsorblock_remove TEXT,
+                sponsorblock_mark TEXT,
+                use_aria2 INTEGER NOT NULL DEFAULT 0,
+                custom_command TEXT,
+                queue_config TEXT,
+                created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP,
+                updated_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP,
+                FOREIGN KEY (video_id) REFERENCES video_info (video_id),
+                FOREIGN KEY (playlist_id) REFERENCES playlist_info (playlist_id)
+            );
+
+            -- Copy all data from original table to temporary table with default values for new columns
+            INSERT INTO downloads_temp SELECT
+                id, download_id, download_status, video_id, format_id, subtitle_id,
+                queue_index, playlist_id, playlist_index, resolution, ext, abr, vbr,
+                acodec, vcodec, dynamic_range, process_id, status, progress, total,
+                downloaded, speed, eta, filepath, filetype, filesize,
+                NULL, -- output_format
+                0,    -- embed_metadata
+                0,    -- embed_thumbnail
+                NULL, -- sponsorblock_remove
+                NULL, -- sponsorblock_mark
+                0,    -- use_aria2
+                NULL, -- custom_command
+                NULL, -- queue_config
+                CURRENT_TIMESTAMP, -- created_at
+                CURRENT_TIMESTAMP  -- updated_at
+            FROM downloads;
+
+            -- Drop the original table
+            DROP TABLE downloads;
+
+            -- Rename temporary table to original name
+            ALTER TABLE downloads_temp RENAME TO downloads;
+
+            -- Create trigger for updating updated_at timestamp
+            CREATE TRIGGER IF NOT EXISTS update_downloads_updated_at
+                AFTER UPDATE ON downloads
+                FOR EACH ROW
+            BEGIN
+                UPDATE downloads SET updated_at = CURRENT_TIMESTAMP WHERE id = NEW.id;
+            END;
+            ",
+        kind: MigrationKind::Up,
     }]
 }

src-tauri/tauri.conf.json

@@ -2,7 +2,7 @@
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "NeoDLP",
   "mainBinaryName": "neodlp",
-  "version": "0.2.0",
+  "version": "0.3.3",
   "identifier": "com.neosubhamoy.neodlp",
   "build": {
     "beforeDevCommand": "npm run dev",
@@ -36,6 +36,9 @@
     ]
   },
   "plugins": {
+    "sql": {
+      "preload": ["sqlite:database.db"]
+    },
     "updater": {
       "pubkey": "dW50cnVzdGVkIGNvbW1lbnQ6IG1pbmlzaWduIHB1YmxpYyBrZXk6IDNDM0I4ODcyODdGOTM4MDIKUldRQ09QbUhjb2c3UENGY1lFUVdTVWhucmJ4QzdGeW9sU3VHVFlGNWY5anZab2s4SU1rMWFsekMK",
       "endpoints": [

src-tauri/tauri.linux-aarch64.conf.json

@@ -1,8 +1,8 @@
 {
     "identifier": "com.neosubhamoy.neodlp",
     "build": {
-        "beforeDevCommand": "cargo build --manifest-path=./src-tauri/msghost/Cargo.toml && node makeFilesExecutable.js && npm run dev",
+        "beforeDevCommand": "cargo build --target=aarch64-unknown-linux-gnu --manifest-path=./src-tauri/msghost/Cargo.toml && npm run dev",
-        "beforeBuildCommand": "cargo build --release --manifest-path=./src-tauri/msghost/Cargo.toml && node makeFilesExecutable.js && node updateYtDlpBinary.js x86_64-unknown-linux-gnu && npm run build",
+        "beforeBuildCommand": "cargo build --release --target=aarch64-unknown-linux-gnu --manifest-path=./src-tauri/msghost/Cargo.toml && npm run build",
         "devUrl": "http://localhost:1420",
         "frontendDist": "../dist"
     },
@@ -36,29 +36,30 @@
             "icons/icon.ico"
         ],
         "externalBin": [
-            "binaries/yt-dlp"
+            "binaries/yt-dlp",
+            "binaries/aria2c",
+            "binaries/deno"
         ],
-        "resources": {
-            "resources/binaries/ffmpeg-x86_64-unknown-linux-gnu": "binaries/ffmpeg-x86_64"
-        },
         "linux": {
             "deb": {
+                "depends": ["ffmpeg"],
                 "files": {
                     "/etc/opt/chrome/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/chrome.json",
                     "/etc/chromium/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/chrome.json",
                     "/usr/lib/mozilla/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/firefox.json",
-                    "/usr/bin/neodlp-msghost": "./target/release/neodlp-msghost",
+                    "/usr/bin/neodlp-msghost": "./target/aarch64-unknown-linux-gnu/release/neodlp-msghost",
                     "/etc/xdg/autostart/neodlp-autostart.desktop": "./resources/autostart/linux/autostart.desktop"
                 }
             },
             "rpm": {
                 "epoch": 0,
                 "release": "1",
+                "depends": ["ffmpeg"],
                 "files": {
                     "/etc/opt/chrome/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/chrome.json",
                     "/etc/chromium/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/chrome.json",
                     "/usr/lib/mozilla/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/firefox.json",
-                    "/usr/bin/neodlp-msghost": "./target/release/neodlp-msghost",
+                    "/usr/bin/neodlp-msghost": "./target/aarch64-unknown-linux-gnu/release/neodlp-msghost",
                     "/etc/xdg/autostart/neodlp-autostart.desktop": "./resources/autostart/linux/autostart.desktop"
                 }
             }

src-tauri/tauri.linux-x86_64.conf.json

@@ -0,0 +1,74 @@
+{
+    "identifier": "com.neosubhamoy.neodlp",
+    "build": {
+        "beforeDevCommand": "cargo build --target=x86_64-unknown-linux-gnu --manifest-path=./src-tauri/msghost/Cargo.toml && npm run dev",
+        "beforeBuildCommand": "cargo build --release --target=x86_64-unknown-linux-gnu --manifest-path=./src-tauri/msghost/Cargo.toml && npm run build",
+        "devUrl": "http://localhost:1420",
+        "frontendDist": "../dist"
+    },
+    "app": {
+        "windows": [
+            {
+                "title": "NeoDLP",
+                "width": 1067,
+                "height": 605,
+                "visible": false
+            }
+        ],
+        "security": {
+            "csp": null,
+            "capabilities": [
+                "default",
+                "shell-scope"
+            ]
+        }
+    },
+    "bundle": {
+        "active": true,
+        "targets": ["deb", "rpm", "appimage"],
+        "createUpdaterArtifacts": true,
+        "licenseFile": "../LICENSE",
+        "icon": [
+            "icons/32x32.png",
+            "icons/128x128.png",
+            "icons/128x128@2x.png",
+            "icons/icon.icns",
+            "icons/icon.ico"
+        ],
+        "externalBin": [
+            "binaries/yt-dlp",
+            "binaries/aria2c",
+            "binaries/deno"
+        ],
+        "linux": {
+            "deb": {
+                "depends": ["ffmpeg"],
+                "files": {
+                    "/etc/opt/chrome/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/chrome.json",
+                    "/etc/chromium/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/chrome.json",
+                    "/usr/lib/mozilla/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/firefox.json",
+                    "/usr/bin/neodlp-msghost": "./target/x86_64-unknown-linux-gnu/release/neodlp-msghost",
+                    "/etc/xdg/autostart/neodlp-autostart.desktop": "./resources/autostart/linux/autostart.desktop"
+                }
+            },
+            "rpm": {
+                "epoch": 0,
+                "release": "1",
+                "depends": ["ffmpeg"],
+                "files": {
+                    "/etc/opt/chrome/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/chrome.json",
+                    "/etc/chromium/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/chrome.json",
+                    "/usr/lib/mozilla/native-messaging-hosts/com.neosubhamoy.neodlp.json": "./resources/msghost-manifest/linux/firefox.json",
+                    "/usr/bin/neodlp-msghost": "./target/x86_64-unknown-linux-gnu/release/neodlp-msghost",
+                    "/etc/xdg/autostart/neodlp-autostart.desktop": "./resources/autostart/linux/autostart.desktop"
+                }
+            },
+            "appimage": {
+                "files": {
+                    "/usr/bin/ffmpeg": "./binaries/ffmpeg-x86_64-unknown-linux-gnu",
+                    "/usr/bin/ffprobe": "./binaries/ffprobe-x86_64-unknown-linux-gnu"
+                }
+            }
+        }
+    }
+}

src-tauri/tauri.macos-aarch64.conf.json

@@ -1,8 +1,8 @@
 {
     "identifier": "com.neosubhamoy.neodlp",
     "build": {
-        "beforeDevCommand": "[[ -n \"$TARGET_ARCH\" ]] && ARCH=\"$TARGET_ARCH\" || ARCH=\"$(uname -m | sed 's/^arm64$/aarch64/')-apple-darwin\" && cargo build --target=$ARCH --manifest-path=./src-tauri/msghost/Cargo.toml && node makeFilesExecutable.js && npm run dev",
+        "beforeDevCommand": "cargo build --target=aarch64-apple-darwin --manifest-path=./src-tauri/msghost/Cargo.toml && npm run dev",
-        "beforeBuildCommand": "[[ -n \"$TARGET_ARCH\" ]] && ARCH=\"$TARGET_ARCH\" || ARCH=\"$(uname -m | sed 's/^arm64$/aarch64/')-apple-darwin\" && cargo build --release --target=$ARCH --manifest-path=./src-tauri/msghost/Cargo.toml && node makeFilesExecutable.js && node updateYtDlpBinary.js aarch64-apple-darwin && npm run build",
+        "beforeBuildCommand": "cargo build --release --target=aarch64-apple-darwin --manifest-path=./src-tauri/msghost/Cargo.toml && npm run build",
         "devUrl": "http://localhost:1420",
         "frontendDist": "../dist"
     },
@@ -36,11 +36,13 @@
             "icons/icon.ico"
         ],
         "externalBin": [
-            "binaries/yt-dlp"
+            "binaries/yt-dlp",
+            "binaries/ffmpeg",
+            "binaries/ffprobe",
+            "binaries/deno"
         ],
         "resources": {
             "target/aarch64-apple-darwin/release/neodlp-msghost": "neodlp-msghost",
-            "resources/binaries/ffmpeg-aarch64-apple-darwin": "binaries/ffmpeg-aarch64",
             "resources/msghost-manifest/macos/chrome.json": "neodlp-msghost.json",
             "resources/msghost-manifest/macos/firefox.json": "neodlp-msghost-moz.json",
             "resources/autostart/macos/autostart.plist": "neodlp-autostart.plist"

src-tauri/tauri.macos-x86_64.conf.json

@@ -1,8 +1,8 @@
 {
     "identifier": "com.neosubhamoy.neodlp",
     "build": {
-        "beforeDevCommand": "[[ -n \"$TARGET_ARCH\" ]] && ARCH=\"$TARGET_ARCH\" || ARCH=\"$(uname -m | sed 's/^arm64$/aarch64/')-apple-darwin\" && cargo build --target=$ARCH --manifest-path=./src-tauri/msghost/Cargo.toml && node makeFilesExecutable.js && npm run dev",
+        "beforeDevCommand": "cargo build --target=x86_64-apple-darwin --manifest-path=./src-tauri/msghost/Cargo.toml && npm run dev",
-        "beforeBuildCommand": "[[ -n \"$TARGET_ARCH\" ]] && ARCH=\"$TARGET_ARCH\" || ARCH=\"$(uname -m | sed 's/^arm64$/aarch64/')-apple-darwin\" && cargo build --release --target=$ARCH --manifest-path=./src-tauri/msghost/Cargo.toml && node makeFilesExecutable.js && node updateYtDlpBinary.js x86_64-apple-darwin && npm run build",
+        "beforeBuildCommand": "cargo build --release --target=x86_64-apple-darwin --manifest-path=./src-tauri/msghost/Cargo.toml && npm run build",
         "devUrl": "http://localhost:1420",
         "frontendDist": "../dist"
     },
@@ -36,11 +36,13 @@
             "icons/icon.ico"
         ],
         "externalBin": [
-            "binaries/yt-dlp"
+            "binaries/yt-dlp",
+            "binaries/ffmpeg",
+            "binaries/ffprobe",
+            "binaries/deno"
         ],
         "resources": {
             "target/x86_64-apple-darwin/release/neodlp-msghost": "neodlp-msghost",
-            "resources/binaries/ffmpeg-x86_64-apple-darwin": "binaries/ffmpeg-x86_64",
             "resources/msghost-manifest/macos/chrome.json": "neodlp-msghost.json",
             "resources/msghost-manifest/macos/firefox.json": "neodlp-msghost-moz.json",
             "resources/autostart/macos/autostart.plist": "neodlp-autostart.plist"

src-tauri/tauri.windows.conf.json

@@ -2,7 +2,7 @@
     "identifier": "com.neosubhamoy.neodlp",
     "build": {
         "beforeDevCommand": "cargo build --manifest-path=./src-tauri/msghost/Cargo.toml && npm run dev",
-        "beforeBuildCommand": "cargo build --release --manifest-path=./src-tauri/msghost/Cargo.toml && node updateYtDlpBinary.js x86_64-pc-windows-msvc && npm run build",
+        "beforeBuildCommand": "cargo build --release --manifest-path=./src-tauri/msghost/Cargo.toml && npm run build",
         "devUrl": "http://localhost:1420",
         "frontendDist": "../dist"
     },
@@ -36,13 +36,16 @@
             "icons/icon.ico"
         ],
         "externalBin": [
-            "binaries/yt-dlp"
+            "binaries/yt-dlp",
+            "binaries/ffmpeg",
+            "binaries/ffprobe",
+            "binaries/aria2c",
+            "binaries/deno"
         ],
         "resources": {
-            "resources/binaries/ffmpeg-x86_64-pc-windows-msvc.exe": "binaries/ffmpeg-x86_64.exe",
             "target/release/neodlp-msghost.exe": "neodlp-msghost.exe",
-            "resources/msghost-manifest/windows/chrome.json": "neodlp-msghost.json",
+            "resources/msghost-manifest/windows/chrome.json": "chrome.json",
-            "resources/msghost-manifest/windows/firefox.json": "neodlp-msghost-moz.json"
+            "resources/msghost-manifest/windows/firefox.json": "firefox.json"
         },
         "windows": {
             "wix": {

src/App.tsx

@@ -1,6 +1,5 @@
 import { ThemeProvider } from "@/providers/themeProvider";
 import { TooltipProvider } from "@/components/ui/tooltip";
-import { Toaster } from "@/components/ui/toaster";
 import { AppContext } from "@/providers/appContextProvider";
 import { DownloadState } from "@/types/download";
 import { invoke } from "@tauri-apps/api/core";
@@ -8,7 +7,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { arch, exeExtension } from "@tauri-apps/plugin-os";
 import { downloadDir, join, resourceDir, tempDir } from "@tauri-apps/api/path";
 import { useBasePathsStore, useCurrentVideoMetadataStore, useDownloaderPageStatesStore, useDownloadStatesStore, useKvPairsStatesStore, useSettingsPageStatesStore } from "@/services/store";
-import { determineFileType, generateDownloadId, generateSafeFilePath, generateVideoId, isObjEmpty, parseProgressLine, sanitizeFilename } from "@/utils";
+import { determineFileType, generateVideoId, isObjEmpty, parseProgressLine } from "@/utils";
 import { Command } from "@tauri-apps/plugin-shell";
 import { RawVideoInfo } from "@/types/video";
 import { useDeleteDownloadState, useSaveDownloadState, useSavePlaylistInfo, useSaveVideoInfo, useUpdateDownloadFilePath, useUpdateDownloadStatus } from "@/services/mutations";
@@ -25,11 +24,14 @@ import { useNavigate } from "react-router-dom";
 import { platform } from "@tauri-apps/plugin-os";
 import { useMacOsRegisterer } from "@/helpers/use-macos-registerer";
 import useAppUpdater from "@/helpers/use-app-updater";
-import { useToast } from "@/hooks/use-toast";
+import { Toaster as Sonner } from "@/components/ui/sonner";
+import { toast } from "sonner";
+import { useLogger } from "@/helpers/use-logger";
+import { DownloadConfiguration } from "@/types/settings";
+import { ulid } from "ulid";
+import { sendNotification } from '@tauri-apps/plugin-notification';
 
 export default function App({ children }: { children: React.ReactNode }) {
-  const { toast } = useToast();
-  
   const { data: downloadStates, isSuccess: isSuccessFetchingDownloadStates } = useFetchAllDownloadStates();
   const { data: settings, isSuccess: isSuccessFetchingSettings } = useFetchAllSettings();
   const { data: kvPairs, isSuccess: isSuccessFetchingKvPairs } = useFetchAllkVPairs();
@@ -43,7 +45,8 @@ export default function App({ children }: { children: React.ReactNode }) {
   const tempDownloadDirPath = useBasePathsStore((state) => state.tempDownloadDirPath);
   const downloadDirPath = useBasePathsStore((state) => state.downloadDirPath);
 
-  // const isUsingDefaultSettings = useSettingsPageStatesStore((state) => state.isUsingDefaultSettings);
+  const setSearchPid = useCurrentVideoMetadataStore((state) => state.setSearchPid);
+
   const setIsUsingDefaultSettings = useSettingsPageStatesStore((state) => state.setIsUsingDefaultSettings);
   const setSettingsKey = useSettingsPageStatesStore((state) => state.setSettingsKey);
   const appVersion = useSettingsPageStatesStore(state => state.appVersion);
@@ -69,7 +72,30 @@ export default function App({ children }: { children: React.ReactNode }) {
   const ALWAYS_REENCODE_VIDEO = useSettingsPageStatesStore(state => state.settings.always_reencode_video);
   const EMBED_VIDEO_METADATA = useSettingsPageStatesStore(state => state.settings.embed_video_metadata);
   const EMBED_AUDIO_METADATA = useSettingsPageStatesStore(state => state.settings.embed_audio_metadata);
+  const EMBED_VIDEO_THUMBNAIL = useSettingsPageStatesStore(state => state.settings.embed_video_thumbnail);
   const EMBED_AUDIO_THUMBNAIL = useSettingsPageStatesStore(state => state.settings.embed_audio_thumbnail);
+  const USE_COOKIES = useSettingsPageStatesStore(state => state.settings.use_cookies);
+  const IMPORT_COOKIES_FROM = useSettingsPageStatesStore(state => state.settings.import_cookies_from);
+  const COOKIES_BROWSER = useSettingsPageStatesStore(state => state.settings.cookies_browser);
+  const COOKIES_FILE = useSettingsPageStatesStore(state => state.settings.cookies_file);
+  const USE_SPONSORBLOCK = useSettingsPageStatesStore(state => state.settings.use_sponsorblock);
+  const SPONSORBLOCK_MODE = useSettingsPageStatesStore(state => state.settings.sponsorblock_mode);
+  const SPONSORBLOCK_REMOVE = useSettingsPageStatesStore(state => state.settings.sponsorblock_remove);
+  const SPONSORBLOCK_MARK = useSettingsPageStatesStore(state => state.settings.sponsorblock_mark);
+  const SPONSORBLOCK_REMOVE_CATEGORIES = useSettingsPageStatesStore(state => state.settings.sponsorblock_remove_categories);
+  const SPONSORBLOCK_MARK_CATEGORIES = useSettingsPageStatesStore(state => state.settings.sponsorblock_mark_categories);
+  const USE_ARIA2 = useSettingsPageStatesStore(state => state.settings.use_aria2);
+  const USE_FORCE_INTERNET_PROTOCOL = useSettingsPageStatesStore(state => state.settings.use_force_internet_protocol);
+  const FORCE_INTERNET_PROTOCOL = useSettingsPageStatesStore(state => state.settings.force_internet_protocol);
+  const USE_CUSTOM_COMMANDS = useSettingsPageStatesStore(state => state.settings.use_custom_commands);
+  const CUSTOM_COMMANDS = useSettingsPageStatesStore(state => state.settings.custom_commands);
+  const FILENAME_TEMPLATE = useSettingsPageStatesStore(state => state.settings.filename_template);
+  const DEBUG_MODE = useSettingsPageStatesStore(state => state.settings.debug_mode);
+  const LOG_VERBOSE = useSettingsPageStatesStore(state => state.settings.log_verbose);
+  const LOG_WARNING = useSettingsPageStatesStore(state => state.settings.log_warning);
+  const LOG_PROGRESS = useSettingsPageStatesStore(state => state.settings.log_progress);
+  const ENABLE_NOTIFICATIONS = useSettingsPageStatesStore(state => state.settings.enable_notifications);
+  const DOWNLOAD_COMPLETION_NOTIFICATION = useSettingsPageStatesStore(state => state.settings.download_completion_notification);
 
   const isErrored = useDownloaderPageStatesStore((state) => state.isErrored);
   const isErrorExpected = useDownloaderPageStatesStore((state) => state.isErrorExpected);
@@ -80,6 +106,8 @@ export default function App({ children }: { children: React.ReactNode }) {
 
   const appWindow = getCurrentWebviewWindow()
   const navigate = useNavigate();
+  const LOG = useLogger();
+  const currentPlatform = platform();
   const { updateYtDlp } = useYtDlpUpdater();
   const { registerToMac } = useMacOsRegisterer();
   const { checkForAppUpdate } = useAppUpdater();
@@ -101,17 +129,58 @@ export default function App({ children }: { children: React.ReactNode }) {
   const isProcessingQueueRef = useRef(false);
   const lastProcessedDownloadIdRef = useRef<string | null>(null);
   const hasRunYtDlpAutoUpdateRef = useRef(false);
+  const hasRunAppUpdateCheckRef = useRef(false);
   const isRegisteredToMacOsRef = useRef(false);
 
-  const fetchVideoMetadata = async (url: string, formatId?: string, playlistIndex?: string): Promise<RawVideoInfo | null> => {
+  const fetchVideoMetadata = async (url: string, formatId?: string, playlistIndex?: string, selectedSubtitles?: string | null, resumeState?: DownloadState, downloadConfig?: DownloadConfiguration): Promise<RawVideoInfo | null> => {
     try {
       const args = [url, '--dump-single-json', '--no-warnings'];
-      if (formatId) args.push('-f', formatId);
+      if (formatId) args.push('--format', formatId);
+      if (selectedSubtitles) args.push('--embed-subs', '--sub-lang', selectedSubtitles);
       if (playlistIndex) args.push('--playlist-items', playlistIndex);
-      if (PREFER_VIDEO_OVER_PLAYLIST) args.push('--no-playlist');
+      if (PREFER_VIDEO_OVER_PLAYLIST && !playlistIndex) args.push('--no-playlist');
       if (STRICT_DOWNLOADABILITY_CHECK && !formatId) args.push('--check-all-formats');
       if (STRICT_DOWNLOADABILITY_CHECK && formatId) args.push('--check-formats');
-      if (USE_PROXY && PROXY_URL) args.push('--proxy', PROXY_URL);
+
+      if ((USE_CUSTOM_COMMANDS && CUSTOM_COMMANDS && downloadConfig?.custom_command) || resumeState?.custom_command) {
+        let customCommandArgs = null;
+        if (resumeState?.custom_command) {
+          customCommandArgs = resumeState.custom_command;
+        } else if (CUSTOM_COMMANDS.find(cmd => cmd.id === downloadConfig?.custom_command)) {
+          let customCommand = CUSTOM_COMMANDS.find(cmd => cmd.id === downloadConfig?.custom_command);
+          customCommandArgs = customCommand ? customCommand.args : '';
+        }
+        if (customCommandArgs && customCommandArgs.trim() !== '') args.push(...customCommandArgs.split(' '));
+      }
+
+      if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && USE_PROXY && PROXY_URL) args.push('--proxy', PROXY_URL);
+      if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && USE_FORCE_INTERNET_PROTOCOL && FORCE_INTERNET_PROTOCOL) {
+        if (FORCE_INTERNET_PROTOCOL === 'ipv4') {
+          args.push('--force-ipv4');
+        } else if (FORCE_INTERNET_PROTOCOL === 'ipv6') {
+          args.push('--force-ipv6');
+        }
+      }
+      if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && USE_COOKIES) {
+        if (IMPORT_COOKIES_FROM === 'browser' && COOKIES_BROWSER) {
+          args.push('--cookies-from-browser', COOKIES_BROWSER);
+        } else if (IMPORT_COOKIES_FROM === 'file' && COOKIES_FILE) {
+          args.push('--cookies', COOKIES_FILE);
+        }
+      }
+      if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && (USE_SPONSORBLOCK || (resumeState?.sponsorblock_remove || resumeState?.sponsorblock_mark))) {
+        if (SPONSORBLOCK_MODE === 'remove' || resumeState?.sponsorblock_remove) {
+          let sponsorblockRemove = resumeState?.sponsorblock_remove || (SPONSORBLOCK_REMOVE === 'custom' ? (
+          SPONSORBLOCK_REMOVE_CATEGORIES.length > 0 ? SPONSORBLOCK_REMOVE_CATEGORIES.join(',') : 'default'
+          ) : (SPONSORBLOCK_REMOVE));
+          args.push('--sponsorblock-remove', sponsorblockRemove);
+        } else if (SPONSORBLOCK_MODE === 'mark' || resumeState?.sponsorblock_mark) {
+          let sponsorblockMark = resumeState?.sponsorblock_mark || (SPONSORBLOCK_MARK === 'custom' ? (
+          SPONSORBLOCK_MARK_CATEGORIES.length > 0 ? SPONSORBLOCK_MARK_CATEGORIES.join(',') : 'default'
+          ) : (SPONSORBLOCK_MARK));
+          args.push('--sponsorblock-mark', sponsorblockMark);
+        }
+      };
       const command = Command.sidecar('binaries/yt-dlp', args);
 
       let jsonOutput = '';
@@ -121,40 +190,61 @@ export default function App({ children }: { children: React.ReactNode }) {
           jsonOutput += line;
         });
 
-        command.on('close', async () => {
+        command.on('close', async (data) => {
+          if (data.code !== 0) {
+            console.error(`yt-dlp failed to fetch metadata with code ${data.code}`);
+            LOG.error('NEODLP', `yt-dlp exited with code ${data.code} while fetching metadata for URL: ${url} (ignore if you manually cancelled)`);
+            resolve(null);
+          } else {
             try {
-            const data: RawVideoInfo = JSON.parse(jsonOutput);
+              const matchedJson = jsonOutput.match(/{.*}/);
-            resolve(data);
+              if (!matchedJson) {
+                console.error(`Failed to match JSON: ${jsonOutput}`);
+                LOG.error('NEODLP', `Failed to parse metadata JSON for URL: ${url})`);
+                resolve(null);
+                return;
+              }
+              const parsedJson: RawVideoInfo = JSON.parse(matchedJson[0]);
+              resolve(parsedJson);
             }
             catch (e) {
               console.error(`Failed to parse JSON: ${e}`);
+              LOG.error('NEODLP', `Failed to parse metadata JSON for URL: ${url}) with error: ${e}`);
               resolve(null);
             }
+          }
         });
 
         command.on('error', error => {
           console.error(`Error fetching metadata: ${error}`);
+          LOG.error('NEODLP', `Error occurred while fetching metadata for URL: ${url} : ${error}`);
           resolve(null);
         });
 
-        command.spawn().catch(e => {
+        LOG.info('NEODLP', `Fetching metadata for URL: ${url}, with args: ${args.join(' ')}`);
+        command.spawn().then(child => {
+          setSearchPid(child.pid);
+        }).catch(e => {
           console.error(`Failed to spawn command: ${e}`);
+          LOG.error('NEODLP', `Failed to spawn yt-dlp process for fetching metadata for URL: ${url} : ${e}`);
           resolve(null);
         });
       });
     } catch (e) {
       console.error(`Failed to fetch metadata: ${e}`);
+      LOG.error('NEODLP', `Failed to fetch metadata for URL: ${url} : ${e}`);
       return null;
     }
   };
 
-  const startDownload = async (url: string, selectedFormat: string, selectedSubtitles?: string | null, resumeState?: DownloadState, playlistItems?: string) => {
+  const startDownload = async (url: string, selectedFormat: string, downloadConfig: DownloadConfiguration, selectedSubtitles?: string | null, resumeState?: DownloadState, playlistItems?: string) => {
+    LOG.info('NEODLP', `Initiating yt-dlp download for URL: ${url}`);
     // set error states to default
     setIsErrored(false);
     setIsErrorExpected(false);
     setErroredDownloadId(null);
 
-    console.log('Starting download:', { url, selectedFormat, selectedSubtitles, resumeState, playlistItems });
+    console.log('Starting download:', { url, selectedFormat, downloadConfig, selectedSubtitles, resumeState, playlistItems });
     if (!ffmpegPath || !tempDownloadDirPath || !downloadDirPath) {
       console.error('FFmpeg or download paths not found');
       return;
@@ -162,13 +252,11 @@ export default function App({ children }: { children: React.ReactNode }) {
 
     const isPlaylist = (playlistItems && typeof playlistItems === 'string') || (resumeState?.playlist_id && resumeState?.playlist_index) ? true : false;
     const playlistIndex = isPlaylist ? (resumeState?.playlist_index?.toString() || playlistItems) : null;
-    let videoMetadata = await fetchVideoMetadata(url, selectedFormat, isPlaylist && playlistIndex && typeof playlistIndex === 'string' ? playlistIndex : undefined);
+    let videoMetadata = await fetchVideoMetadata(url, selectedFormat, isPlaylist && playlistIndex && typeof playlistIndex === 'string' ? playlistIndex : undefined, selectedSubtitles, resumeState);
     if (!videoMetadata) {
       console.error('Failed to fetch video metadata');
-      toast({
+      toast.error("Download Failed", {
-        title: 'Download Failed',
+        description: "yt-dlp failed to fetch video metadata. Please try again later.",
-        description: 'yt-dlp failed to fetch video metadata. Please try again later.',
-        variant: 'destructive',
       });
       return;
     }
@@ -183,30 +271,55 @@ export default function App({ children }: { children: React.ReactNode }) {
       if (AUDIO_FORMAT !== 'auto' && fileType === 'audio') videoMetadata.ext = AUDIO_FORMAT;
     }
 
+    let configOutputFormat = null;
+    if (downloadConfig.output_format && downloadConfig.output_format !== 'auto') {
+      videoMetadata.ext = downloadConfig.output_format;
+      configOutputFormat = downloadConfig.output_format;
+    }
+    if (resumeState && resumeState.output_format) videoMetadata.ext = resumeState.output_format;
+
     const videoId = resumeState?.video_id || generateVideoId(videoMetadata.id, videoMetadata.webpage_url_domain);
     const playlistId = isPlaylist ? (resumeState?.playlist_id || generateVideoId(videoMetadata.playlist_id, videoMetadata.webpage_url_domain)) : null;
-    const downloadId = resumeState?.download_id || generateDownloadId(videoMetadata.id, videoMetadata.webpage_url_domain);
+    const downloadId = resumeState?.download_id || ulid() /*generateDownloadId(videoMetadata.id, videoMetadata.webpage_url_domain)*/;
-    const tempDownloadPathForYtdlp = await join(tempDownloadDirPath, `${downloadId}_${selectedFormat}.%(ext)s`);
+    // const tempDownloadPathForYtdlp = await join(tempDownloadDirPath, `${downloadId}_${selectedFormat}.%(ext)s`);
-    const tempDownloadPath = await join(tempDownloadDirPath, `${downloadId}_${selectedFormat}.${videoMetadata.ext}`);
+    // const tempDownloadPath = await join(tempDownloadDirPath, `${downloadId}_${selectedFormat}.${videoMetadata.ext}`);
-    let downloadFilePath = resumeState?.filepath || await join(downloadDirPath, sanitizeFilename(`${videoMetadata.title}_${videoMetadata.resolution || 'unknown'}[${videoMetadata.id}].${videoMetadata.ext}`));
+    // let downloadFilePath = resumeState?.filepath || await join(downloadDirPath, sanitizeFilename(`${videoMetadata.title}_${videoMetadata.resolution || 'unknown'}[${videoMetadata.id}].${videoMetadata.ext}`));
+    let downloadFilePath: string | null = null;
     let processPid: number | null = null;
     const args = [
       url,
       '--newline',
       '--progress-template',
       'status:%(progress.status)s,progress:%(progress._percent_str)s,speed:%(progress.speed)f,downloaded:%(progress.downloaded_bytes)d,total:%(progress.total_bytes)d,eta:%(progress.eta)d',
+      '--paths',
+      `temp:${tempDownloadDirPath}`,
+      '--paths',
+      `home:${downloadDirPath}`,
       '--output',
-      tempDownloadPathForYtdlp,
+      `${FILENAME_TEMPLATE}[${downloadId}].%(ext)s`,
-      '--ffmpeg-location',
+      '--windows-filenames',
-      ffmpegPath,
+      '--restrict-filenames',
-      '-f',
+      '--exec',
+      'after_move:echo Finalpath: {}',
+      '--format',
       selectedFormat,
       '--no-mtime',
-      '--no-warnings',
       '--retries',
       MAX_RETRIES.toString(),
     ];
 
+    if (currentPlatform === 'macos') {
+      args.push('--ffmpeg-location', '/Applications/NeoDLP.app/Contents/MacOS', '--js-runtimes deno:/Applications/NeoDLP.app/Contents/MacOS/deno');
+    }
+
+    if (!DEBUG_MODE || (DEBUG_MODE && !LOG_WARNING)) {
+      args.push('--no-warnings');
+    }
+
+    if (DEBUG_MODE && LOG_VERBOSE) {
+      args.push('--verbose');
+    }
+
     if (selectedSubtitles) {
       args.push('--embed-subs', '--sub-lang', selectedSubtitles);
     }
@@ -215,97 +328,163 @@ export default function App({ children }: { children: React.ReactNode }) {
       args.push('--playlist-items', playlistIndex);
     }
 
-    if (fileType !== 'unknown' && (VIDEO_FORMAT !== 'auto' || AUDIO_FORMAT !== 'auto')) {
+    let customCommandArgs = null;
-      if (VIDEO_FORMAT !== 'auto' && fileType === 'video+audio') {
+    if ((USE_CUSTOM_COMMANDS && CUSTOM_COMMANDS && downloadConfig.custom_command) || resumeState?.custom_command) {
-        if (ALWAYS_REENCODE_VIDEO) {
+        if (resumeState?.custom_command) {
-          args.push('--recode-video', VIDEO_FORMAT);
+            customCommandArgs = resumeState.custom_command;
-        } else {
+        } else if (CUSTOM_COMMANDS.find(cmd => cmd.id === downloadConfig.custom_command)) {
-          args.push('--merge-output-format', VIDEO_FORMAT);
+            let customCommand = CUSTOM_COMMANDS.find(cmd => cmd.id === downloadConfig.custom_command);
+            customCommandArgs = customCommand ? customCommand.args : '';
         }
+
+        if (customCommandArgs && customCommandArgs.trim() !== '') args.push(...customCommandArgs.split(' '));
     }
-      if (VIDEO_FORMAT !== 'auto' && fileType === 'video') {
+
-        if (ALWAYS_REENCODE_VIDEO) {
+    let outputFormat = null;
-          args.push('--recode-video', VIDEO_FORMAT);
+    if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && ((fileType !== 'unknown' && (VIDEO_FORMAT !== 'auto' || AUDIO_FORMAT !== 'auto')) || configOutputFormat || resumeState?.output_format)) {
-        } else {
+        const format = resumeState?.output_format || configOutputFormat;
-        args.push('--remux-video', VIDEO_FORMAT);
+
+        if (format) {
+            outputFormat = format;
+        } else if (fileType === 'audio' && AUDIO_FORMAT !== 'auto') {
+            outputFormat = AUDIO_FORMAT;
+        } else if ((fileType === 'video' || fileType === 'video+audio') && VIDEO_FORMAT !== 'auto') {
+            outputFormat = VIDEO_FORMAT;
         }
+
+        const recodeOrRemux = ALWAYS_REENCODE_VIDEO ? '--recode-video' : '--remux-video';
+        const formatToUse = format || VIDEO_FORMAT;
+
+        // Handle video+audio
+        if (fileType === 'video+audio' && (VIDEO_FORMAT !== 'auto' || format)) {
+            args.push(ALWAYS_REENCODE_VIDEO ? '--recode-video' : '--merge-output-format', formatToUse);
+        }
+        // Handle video only
+        else if (fileType === 'video' && (VIDEO_FORMAT !== 'auto' || format)) {
+            args.push(recodeOrRemux, formatToUse);
+        }
+        // Handle audio only
+        else if (fileType === 'audio' && (AUDIO_FORMAT !== 'auto' || format)) {
+            args.push('--extract-audio', '--audio-format', format || AUDIO_FORMAT);
+        }
+        // Handle unknown filetype
+        else if (fileType === 'unknown' && format) {
+            if (['mkv', 'mp4', 'webm'].includes(format)) {
+                args.push(recodeOrRemux, formatToUse);
+            } else if (['mp3', 'm4a', 'opus'].includes(format)) {
+                args.push('--extract-audio', '--audio-format', format);
             }
-      if (AUDIO_FORMAT !== 'auto' && fileType === 'audio') {
-        args.push('--extract-audio', '--audio-format', AUDIO_FORMAT);
         }
     }
 
-    if (fileType !== 'unknown' && (EMBED_VIDEO_METADATA || EMBED_AUDIO_METADATA)) {
+    let embedMetadata = 0;
-      if (EMBED_VIDEO_METADATA && (fileType === 'video+audio' || fileType === 'video')) {
+    if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && (downloadConfig.embed_metadata || resumeState?.embed_metadata || EMBED_VIDEO_METADATA || EMBED_AUDIO_METADATA)) {
-        args.push('--embed-metadata');
+        const shouldEmbedMetaForVideo = (fileType === 'video+audio' || fileType === 'video') && (downloadConfig.embed_metadata || resumeState?.embed_metadata || (EMBED_VIDEO_METADATA && downloadConfig.embed_metadata === null));
-      }
+        const shouldEmbedMetaForAudio = fileType === 'audio' && (downloadConfig.embed_metadata || resumeState?.embed_metadata || (EMBED_AUDIO_METADATA && downloadConfig.embed_metadata === null));
-      if (EMBED_AUDIO_METADATA && fileType === 'audio') {
+        const shouldEmbedMetaForUnknown = fileType === 'unknown' && (downloadConfig.embed_metadata || resumeState?.embed_metadata);
+
+        if (shouldEmbedMetaForUnknown || shouldEmbedMetaForVideo || shouldEmbedMetaForAudio) {
+            embedMetadata = 1;
             args.push('--embed-metadata');
         }
     }
 
-    if (EMBED_AUDIO_THUMBNAIL && fileType === 'audio') {
+    let embedThumbnail = 0;
+    if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && (downloadConfig.embed_thumbnail || resumeState?.embed_thumbnail || EMBED_VIDEO_THUMBNAIL || EMBED_AUDIO_THUMBNAIL)) {
+        const shouldEmbedThumbForVideo = (fileType === 'video+audio' || fileType === 'video') && (downloadConfig.embed_thumbnail || resumeState?.embed_thumbnail || (EMBED_VIDEO_THUMBNAIL && downloadConfig.embed_thumbnail === null));
+        const shouldEmbedThumbForAudio = fileType === 'audio' && (downloadConfig.embed_thumbnail || resumeState?.embed_thumbnail || (EMBED_AUDIO_THUMBNAIL && downloadConfig.embed_thumbnail === null));
+        const shouldEmbedThumbForUnknown = fileType === 'unknown' && (downloadConfig.embed_thumbnail || resumeState?.embed_thumbnail);
+
+        if (shouldEmbedThumbForUnknown || shouldEmbedThumbForVideo || shouldEmbedThumbForAudio) {
+            embedThumbnail = 1;
             args.push('--embed-thumbnail');
         }
+    }
 
-    if (resumeState) {
+    if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && USE_PROXY && PROXY_URL) {
+      args.push('--proxy', PROXY_URL);
+    }
+
+    if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && USE_RATE_LIMIT && RATE_LIMIT) {
+      args.push('--limit-rate', `${RATE_LIMIT}`);
+    }
+
+    if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && USE_FORCE_INTERNET_PROTOCOL && FORCE_INTERNET_PROTOCOL) {
+      if (FORCE_INTERNET_PROTOCOL === 'ipv4') {
+        args.push('--force-ipv4');
+      } else if (FORCE_INTERNET_PROTOCOL === 'ipv6') {
+        args.push('--force-ipv6');
+      }
+    }
+
+    if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && USE_COOKIES) {
+      if (IMPORT_COOKIES_FROM === 'browser' && COOKIES_BROWSER) {
+        args.push('--cookies-from-browser', COOKIES_BROWSER);
+      } else if (IMPORT_COOKIES_FROM === 'file' && COOKIES_FILE) {
+        args.push('--cookies', COOKIES_FILE);
+      }
+    }
+
+    let sponsorblockRemove = null;
+    let sponsorblockMark = null;
+    if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && ((downloadConfig.sponsorblock && downloadConfig.sponsorblock !== 'auto') || resumeState?.sponsorblock_remove || resumeState?.sponsorblock_mark || USE_SPONSORBLOCK)) {
+      if (downloadConfig?.sponsorblock === 'remove' || resumeState?.sponsorblock_remove || (SPONSORBLOCK_MODE === 'remove' && !downloadConfig.sponsorblock)) {
+        sponsorblockRemove = resumeState?.sponsorblock_remove || (SPONSORBLOCK_REMOVE === 'custom' ? (
+          SPONSORBLOCK_REMOVE_CATEGORIES.length > 0 ? SPONSORBLOCK_REMOVE_CATEGORIES.join(',') : 'default'
+        ) : (SPONSORBLOCK_REMOVE));
+        args.push('--sponsorblock-remove', sponsorblockRemove);
+      } else if (downloadConfig?.sponsorblock === 'mark' || resumeState?.sponsorblock_mark || (SPONSORBLOCK_MODE === 'mark' && !downloadConfig.sponsorblock)) {
+        sponsorblockMark = resumeState?.sponsorblock_mark || (SPONSORBLOCK_MARK === 'custom' ? (
+          SPONSORBLOCK_MARK_CATEGORIES.length > 0 ? SPONSORBLOCK_MARK_CATEGORIES.join(',') : 'default'
+        ) : (SPONSORBLOCK_MARK));
+        args.push('--sponsorblock-mark', sponsorblockMark);
+      }
+    }
+
+    let useAria2 = 0;
+    if ((!USE_CUSTOM_COMMANDS && !resumeState?.custom_command) && (USE_ARIA2 || resumeState?.use_aria2)) {
+      useAria2 = 1;
+      args.push(
+        '--downloader', 'aria2c',
+        '--downloader', 'dash,m3u8:native',
+        '--downloader-args', 'aria2c:-c -j 16 -x 16 -s 16 -k 1M --check-certificate=false'
+      );
+      LOG.warning('NEODLP', `Looks like you are using aria2 for this yt-dlp download: ${downloadId}. Make sure aria2 is installed on your system if you are on macOS for this to work. Also, pause/resume might not work as expected especially on windows (using aria2 is not recommended for most downloads).`);
+    }
+
+    if (resumeState || (!USE_CUSTOM_COMMANDS && USE_ARIA2)) {
       args.push('--continue');
     } else {
       args.push('--no-continue');
     }
 
-    if (USE_PROXY && PROXY_URL) {
-      args.push('--proxy', PROXY_URL);
-    }
-
-    if (USE_RATE_LIMIT && RATE_LIMIT) {
-      args.push('--limit-rate', `${RATE_LIMIT}`);
-    }
-
     console.log('Starting download with args:', args);
     const command = Command.sidecar('binaries/yt-dlp', args);
 
-    command.on('close', async data => {
+    command.on('close', async (data) => {
       if (data.code !== 0) {
         console.error(`Download failed with code ${data.code}`);
+        LOG.error(`YT-DLP Download ${downloadId}`, `yt-dlp exited with code ${data.code} (ignore if you manually paused or cancelled the download)`);
         if (!isErrorExpected) {
           setIsErrored(true);
           setErroredDownloadId(downloadId);
         }
       } else {
-        downloadStatusUpdater.mutate({ download_id: downloadId, download_status: 'completed' }, {
+        LOG.info(`YT-DLP Download ${downloadId}`, `yt-dlp exited with code ${data.code}`);
-          onSuccess: (data) => {
-            console.log("Download status updated successfully:", data);
-            queryClient.invalidateQueries({ queryKey: ['download-states'] });
-          },
-          onError: (error) => {
-            console.error("Failed to update download status:", error);
-          }
-        })
-
-        if (await fs.exists(tempDownloadPath)) {
-          downloadFilePath = await generateSafeFilePath(downloadFilePath);
-          await fs.rename(tempDownloadPath, downloadFilePath);
-        }
-
-        downloadFilePathUpdater.mutate({ download_id: downloadId, filepath: downloadFilePath }, {
-          onSuccess: (data) => {
-            console.log("Download filepath updated successfully:", data);
-            queryClient.invalidateQueries({ queryKey: ['download-states'] });
-          },
-          onError: (error) => {
-            console.error("Failed to update download filepath:", error);
-          }
-        })
       }
     });
 
     command.on('error', error => {
       console.error(`Error: ${error}`);
+      LOG.error(`YT-DLP Download ${downloadId}`, `Error occurred: ${error}`);
+      setIsErrored(true);
+      setErroredDownloadId(downloadId);
     });
 
     command.stdout.on('data', line => {
-      if (line.startsWith('status:')) {
+      if (line.startsWith('status:') || line.startsWith('[#')) {
+        // console.log(line);
+        if (DEBUG_MODE && LOG_PROGRESS) LOG.progress(`YT-DLP Download ${downloadId}`, line);
         const currentProgress = parseProgressLine(line);
         const state: DownloadState = {
           download_id: downloadId,
@@ -345,7 +524,15 @@ export default function App({ children }: { children: React.ReactNode }) {
           eta: currentProgress.eta || null,
           filepath: downloadFilePath,
           filetype: determineFileType(videoMetadata.vcodec, videoMetadata.acodec) || null,
-          filesize: videoMetadata.filesize_approx || null
+          filesize: videoMetadata.filesize_approx || null,
+          output_format: outputFormat,
+          embed_metadata: embedMetadata,
+          embed_thumbnail: embedThumbnail,
+          sponsorblock_remove: sponsorblockRemove,
+          sponsorblock_mark: sponsorblockMark,
+          use_aria2: useAria2,
+          custom_command: customCommandArgs,
+          queue_config: null
         };
         downloadStateSaver.mutate(state, {
           onSuccess: (data) => {
@@ -357,7 +544,49 @@ export default function App({ children }: { children: React.ReactNode }) {
           }
         })
       } else {
-        console.log(line);
+        // console.log(line);
+        if (line.trim() !== '') LOG.info(`YT-DLP Download ${downloadId}`, line);
+
+        if (line.startsWith('Finalpath: ')) {
+            downloadFilePath = line.replace('Finalpath: ', '').trim().replace(/^"|"$/g, '');
+            const downloadedFileExt = downloadFilePath.split('.').pop();
+
+            // Update completion status after a short delay to ensure database states are propagated correctly
+            console.log(`Download completed with ID: ${downloadId}, updating filepath and status after 1.5s delay...`);
+            setTimeout(async () => {
+                LOG.info('NEODLP', `yt-dlp download completed with id: ${downloadId}`);
+                downloadFilePathUpdater.mutate({ download_id: downloadId, filepath: downloadFilePath as string, ext: downloadedFileExt as string }, {
+                    onSuccess: (data) => {
+                        console.log("Download filepath updated successfully:", data);
+                        queryClient.invalidateQueries({ queryKey: ['download-states'] });
+                    },
+                    onError: (error) => {
+                        console.error("Failed to update download filepath:", error);
+                    }
+                });
+
+                downloadStatusUpdater.mutate({ download_id: downloadId, download_status: 'completed' }, {
+                    onSuccess: (data) => {
+                        console.log("Download status updated successfully:", data);
+                        queryClient.invalidateQueries({ queryKey: ['download-states'] });
+                    },
+                    onError: (error) => {
+                        console.error("Failed to update download status:", error);
+                    }
+                });
+
+                toast.success("Download Completed", {
+                    description: `The download for "${videoMetadata.title}" has completed successfully.`,
+                });
+
+                if (ENABLE_NOTIFICATIONS && DOWNLOAD_COMPLETION_NOTIFICATION) {
+                    sendNotification({
+                        title: "Download Completed",
+                        body: `The download for "${videoMetadata.title}" has completed successfully.`,
+                    });
+                }
+            }, 1500);
+        }
       }
     });
 
@@ -430,7 +659,15 @@ export default function App({ children }: { children: React.ReactNode }) {
             eta: resumeState?.eta || null,
             filepath: downloadFilePath,
             filetype: resumeState?.filetype || null,
-            filesize: resumeState?.filesize || null
+            filesize: resumeState?.filesize || null,
+            output_format: resumeState?.output_format || null,
+            embed_metadata: resumeState?.embed_metadata || 0,
+            embed_thumbnail: resumeState?.embed_thumbnail || 0,
+            sponsorblock_remove: resumeState?.sponsorblock_remove || null,
+            sponsorblock_mark: resumeState?.sponsorblock_mark || null,
+            use_aria2: resumeState?.use_aria2 || 0,
+            custom_command: resumeState?.custom_command || null,
+            queue_config: resumeState?.queue_config || ((!ongoingDownloads || ongoingDownloads && ongoingDownloads?.length < MAX_PARALLEL_DOWNLOADS) ? null : JSON.stringify(downloadConfig))
           }
           downloadStateSaver.mutate(state, {
             onSuccess: (data) => {
@@ -448,28 +685,54 @@ export default function App({ children }: { children: React.ReactNode }) {
       })
 
       if (!ongoingDownloads || ongoingDownloads && ongoingDownloads?.length < MAX_PARALLEL_DOWNLOADS) {
+        LOG.info('NEODLP', `Starting yt-dlp download with args: ${args.join(' ')}`);
+        if(!DEBUG_MODE || (DEBUG_MODE && !LOG_PROGRESS)) LOG.warning('NEODLP', `Progress logs are hidden. Enable 'Debug Mode > Log Progress' in Settings to unhide.`);
         const child = await command.spawn();
         processPid = child.pid;
         return Promise.resolve();
       } else {
         console.log("Download is queued, not starting immediately.");
+        LOG.info('NEODLP', `Download queued with id: ${downloadId}`);
         return Promise.resolve();
       }
     } catch (e) {
       console.error(`Failed to start download: ${e}`);
+      LOG.error('NEODLP', `Failed to start download for URL: ${url} with error: ${e}`);
       throw e;
     }
   };
 
   const pauseDownload = async (downloadState: DownloadState) => {
     try {
+      LOG.info('NEODLP', `Pausing yt-dlp download with id: ${downloadState.download_id} (as per user request)`);
+      if ((downloadState.download_status === 'downloading' && downloadState.process_id) || (downloadState.download_status === 'starting' && downloadState.process_id)) {
         setIsErrorExpected(true);  // Set error expected to true to handle UI state
         console.log("Killing process with PID:", downloadState.process_id);
         await invoke('kill_all_process', { pid: downloadState.process_id });
+      }
       downloadStatusUpdater.mutate({ download_id: downloadState.download_id, download_status: 'paused' }, {
         onSuccess: (data) => {
           console.log("Download status updated successfully:", data);
           queryClient.invalidateQueries({ queryKey: ['download-states'] });
+
+          /* re-check if the download is properly paused (if not try again after a small delay)
+          as the pause opertion happens within high throughput of operations and have a high chgance of failure.
+          */
+          if (isSuccessFetchingDownloadStates && downloadStates.find(state => state.download_id === downloadState.download_id)?.download_status !== 'paused') {
+            console.log("Download status not updated to paused yet, retrying...");
+            setTimeout(() => {
+              downloadStatusUpdater.mutate({ download_id: downloadState.download_id, download_status: 'paused' }, {
+                onSuccess: (data) => {
+                  console.log("Download status updated successfully on retry:", data);
+                  queryClient.invalidateQueries({ queryKey: ['download-states'] });
+                },
+                onError: (error) => {
+                  console.error("Failed to update download status:", error);
+                }
+              });
+            }, 200);
+          }
+
           // Reset the processing flag to ensure queue can be processed
           isProcessingQueueRef.current = false;
 
@@ -485,6 +748,7 @@ export default function App({ children }: { children: React.ReactNode }) {
       return Promise.resolve();
     } catch (e) {
       console.error(`Failed to pause download: ${e}`);
+      LOG.error('NEODLP', `Failed to pause download with id: ${downloadState.download_id} with error: ${e}`);
       isProcessingQueueRef.current = false;
       throw e;
     }
@@ -492,21 +756,31 @@ export default function App({ children }: { children: React.ReactNode }) {
 
   const resumeDownload = async (downloadState: DownloadState) => {
     try {
+      LOG.info('NEODLP', `Resuming yt-dlp download with id: ${downloadState.download_id} (as per user request)`);
       await startDownload(
         downloadState.playlist_id && downloadState.playlist_index ? downloadState.playlist_url : downloadState.url,
         downloadState.format_id,
+        downloadState.queue_config ? JSON.parse(downloadState.queue_config) : {
+          output_format: null,
+          embed_metadata: null,
+          embed_thumbnail: null,
+          sponsorblock: null,
+          custom_command: null
+        },
         downloadState.subtitle_id,
         downloadState
       );
       return Promise.resolve();
     } catch (e) {
       console.error(`Failed to resume download: ${e}`);
+      LOG.error('NEODLP', `Failed to resume download with id: ${downloadState.download_id} with error: ${e}`);
       throw e;
     }
   };
 
   const cancelDownload = async (downloadState: DownloadState) => {
     try {
+      LOG.info('NEODLP', `Cancelling yt-dlp download with id: ${downloadState.download_id} (as per user request)`);
       if ((downloadState.download_status === 'downloading' && downloadState.process_id) || (downloadState.download_status === 'starting' && downloadState.process_id)) {
         setIsErrorExpected(true); // Set error expected to true to handle UI state
         console.log("Killing process with PID:", downloadState.process_id);
@@ -532,6 +806,7 @@ export default function App({ children }: { children: React.ReactNode }) {
       return Promise.resolve();
     } catch (e) {
       console.error(`Failed to cancel download: ${e}`);
+      LOG.error('NEODLP', `Failed to cancel download with id: ${downloadState.download_id} with error: ${e}`);
       throw e;
     }
   }
@@ -572,6 +847,7 @@ export default function App({ children }: { children: React.ReactNode }) {
       }
 
       console.log("Starting queued download:", downloadToStart.download_id);
+      LOG.info('NEODLP', `Starting queued download with id: ${downloadToStart.download_id}`);
       lastProcessedDownloadIdRef.current = downloadToStart.download_id;
 
       // Update status to 'starting' first
@@ -587,12 +863,20 @@ export default function App({ children }: { children: React.ReactNode }) {
       await startDownload(
         downloadToStart.url,
         downloadToStart.format_id,
+        downloadToStart.queue_config ? JSON.parse(downloadToStart.queue_config) : {
+          output_format: null,
+          embed_metadata: null,
+          embed_thumbnail: null,
+          sponsorblock: null,
+          custom_command: null
+        },
         downloadToStart.subtitle_id,
         downloadToStart
       );
 
     } catch (error) {
       console.error("Error processing download queue:", error);
+      LOG.error('NEODLP', `Error processing download queue: ${error}`);
     } finally {
       // Important: reset the processing flag
       setTimeout(() => {
@@ -609,13 +893,6 @@ export default function App({ children }: { children: React.ReactNode }) {
     }
   }
 
-  // Check for App updates
-  useEffect(() => {
-    checkForAppUpdate().catch((error) => {
-      console.error("Error checking for app update:", error);
-    });
-  }, []);
-  
   // Prevent app from closing
   useEffect(() => {
     const handleCloseRequested = (event: any) => {
@@ -635,6 +912,7 @@ export default function App({ children }: { children: React.ReactNode }) {
           appWindow.setFocus();
           navigate('/');
           if (event.payload.url) {
+            LOG.info('NEODLP', `Received download request from neodlp browser extension for URL: ${event.payload.url}`);
             const { setRequestedUrl, setAutoSubmitSearch } = useCurrentVideoMetadataStore.getState();
             setRequestedUrl(event.payload.url);
             setAutoSubmitSearch(true);
@@ -764,6 +1042,24 @@ export default function App({ children }: { children: React.ReactNode }) {
     fetchYtDlpVersion();
   }, [ytDlpVersion, setYtDlpVersion]);
 
+  // Check for app update
+  useEffect(() => {
+    // Only run once when both settings and KV pairs are loaded
+    if (!isSettingsStatePropagated || !isKvPairsStatePropagated) {
+      console.log("Skipping app update check, waiting for configs to load...");
+      return;
+    }
+    // Skip if we've already run the update check once
+    if (hasRunAppUpdateCheckRef.current) {
+      console.log("App update check already performed in this session, skipping");
+      return;
+    }
+    hasRunAppUpdateCheckRef.current = true;
+    checkForAppUpdate().catch((error) => {
+      console.error("Error checking for app update:", error);
+    });
+  }, [isSettingsStatePropagated, isKvPairsStatePropagated]);
+
   // Check for yt-dlp auto-update
   useEffect(() => {
     // Only run once when both settings and KV pairs are loaded
@@ -809,17 +1105,20 @@ export default function App({ children }: { children: React.ReactNode }) {
       appVersion: appVersion,
       registeredVersion: macOsRegisteredVersion
     });
-    const currentPlatform = platform();
     if (currentPlatform === 'macos' && (!macOsRegisteredVersion || macOsRegisteredVersion !== appVersion)) {
       console.log("Running MacOS auto registration...");
+      LOG.info('NEODLP', 'Running macOS registration');
       registerToMac().then((result: { success: boolean, message: string }) => {
         if (result.success) {
           console.log("MacOS registration successful:", result.message);
+          LOG.info('NEODLP', 'macOS registration successful');
         } else {
           console.error("MacOS registration failed:", result.message);
+          LOG.error('NEODLP', `macOS registration failed: ${result.message}`);
         }
       }).catch((error) => {
         console.error("Error during macOS registration:", error);
+        LOG.error('NEODLP', `Error during macOS registration: ${error}`);
       });
     }
   }, [isSettingsStatePropagated, isKvPairsStatePropagated]);
@@ -845,10 +1144,8 @@ export default function App({ children }: { children: React.ReactNode }) {
   // show a toast and pause the download when yt-dlp exits unexpectedly
   useEffect(() => {
     if (isErrored && !isErrorExpected) {
-      toast({
+      toast.error("Download Failed", {
-        title: "Download Failed",
         description: "yt-dlp exited unexpectedly. Please try again later",
-        variant: "destructive",
       });
       if (erroredDownloadId) {
         downloadStatusUpdater.mutate({ download_id: erroredDownloadId, download_status: 'paused' }, {
@@ -884,7 +1181,7 @@ export default function App({ children }: { children: React.ReactNode }) {
       <ThemeProvider defaultTheme={APP_THEME || "system"} storageKey="vite-ui-theme">
           <TooltipProvider delayDuration={1000}>
             {children}
-            <Toaster />
+            <Sonner closeButton />
           </TooltipProvider>
       </ThemeProvider>
     </AppContext.Provider>

src/components/navbar.tsx

@@ -1,30 +1,55 @@
 import { useLocation } from "react-router-dom";
 import { SidebarTrigger } from "@/components/ui/sidebar";
 import { getRouteName } from "@/utils";
-// import { Button } from "@/components/ui/button";
+import { Button } from "@/components/ui/button";
-// import { Terminal } from "lucide-react";
+import { Terminal } from "lucide-react";
-// import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
+import { useLogger } from "@/helpers/use-logger";
 
 export default function Navbar() {
     const location = useLocation();
+    const logs = useLogger().getLogs();
 
     return (
-        <nav className="flex justify-between items-center py-3 px-4 sticky top-0 backdrop-blur supports-[backdrop-filter]:bg-background/60 border-b z-50">
+        <nav className="flex justify-between items-center py-3 px-4 sticky top-0 backdrop-blur supports-backdrop-filter:bg-background/60 border-b z-50">
             <div className="flex justify-center">
                 <SidebarTrigger />
                 <h1 className="text-lg text-primary font-semibold ml-4">{getRouteName(location.pathname)}</h1>
             </div>
             <div className="flex justify-center items-center">
-                {/* <Tooltip>
+                <Dialog>
+                    <Tooltip>
                         <TooltipTrigger asChild>
+                            <DialogTrigger asChild>
                                 <Button variant="outline" size="icon">
                                     <Terminal />
                                 </Button>
+                            </DialogTrigger>
                         </TooltipTrigger>
                         <TooltipContent>
                         <p>Logs</p>
                         </TooltipContent>
-                </Tooltip> */}
+                    </Tooltip>
+                    <DialogContent className="sm:max-w-[600px]">
+                        <DialogHeader>
+                            <DialogTitle>Log Viewer</DialogTitle>
+                            <DialogDescription>Monitor real-time app session logs (latest on top)</DialogDescription>
+                        </DialogHeader>
+                        <div className="flex flex-col gap-2 p-2 max-h-[300px] overflow-y-scroll overflow-x-hidden bg-muted">
+                            {logs.length === 0 ? (
+                                <p className="text-sm text-muted-foreground">NO LOGS TO SHOW!</p>
+                            ) : (
+                                logs.slice().reverse().map((log, index) => (
+                                    <div key={index} className={`flex flex-col ${log.level === 'error' ? 'text-red-500' : log.level === 'warning' ? 'text-amber-500' : log.level === 'debug' ? 'text-sky-500' : log.level === 'progress' ? 'text-emerald-500' : 'text-foreground'}`}>
+                                        <p className="text-xs"><strong>{new Date(log.timestamp).toLocaleTimeString()}</strong> [{log.level.toUpperCase()}] <em>{log.context}</em> :</p>
+                                        <p className="text-xs font-mono break-all">{log.message}</p>
+                                    </div>
+                                ))
+                            )}
+                        </div>
+                    </DialogContent>
+                </Dialog>
             </div>
         </nav>
     )

src/components/sidebar.tsx

@@ -154,11 +154,11 @@ export function AppSidebar() {
         {appUpdate && open && showUpdateCard && (
           <Card className="gap-4 py-0">
             <CardHeader className="p-4 pb-0">
-              <CardTitle className="text-sm">Update Available (v{appUpdate.version})</CardTitle>
+              <CardTitle className="text-sm">Update Available (v{appUpdate?.version || '0.0.0'})</CardTitle>
               <CardDescription>
                 A newer version of {config.appName} is available. Please update to the latest version for the best experience.
               </CardDescription>
-              <a className="text-xs font-semibold cursor-pointer mt-1" href={`https://github.com/neosubhamoy/neodlp/releases/tag/v${appUpdate.version}`} target="_blank">✨ Read Changelog</a>
+              <a className="text-xs font-semibold cursor-pointer mt-1" href={`https://github.com/neosubhamoy/neodlp/releases/tag/v${appUpdate?.version || '0.0.0'}`} target="_blank">✨ Read Changelog</a>
             </CardHeader>
             <CardContent className="grid gap-2.5 p-4">
               <AlertDialog>
@@ -169,13 +169,14 @@ export function AppSidebar() {
                   disabled={ongoingDownloads.length > 0 || isUpdatingApp}
                   onClick={() => downloadAndInstallAppUpdate(appUpdate)}
                   >
-                    Download and Install
+                    Update Now
                   </Button>
                 </AlertDialogTrigger>
                 <AlertDialogContent>
                   <AlertDialogHeader className="flex flex-col items-center text-center gap-2">
+                    <CircleArrowUp className="size-7 stroke-muted-foreground" />
                     <AlertDialogTitle>Updating {config.appName}</AlertDialogTitle>
-                    <AlertDialogDescription className="text-center">Updating {config.appName} to v{appUpdate.version}, Please be patience! Do not quit the app untill the update finishes. The app will auto re-launch to complete the update, Please allow all system prompts from {config.appName} if asked.</AlertDialogDescription>
+                    <AlertDialogDescription className="text-center text-xs mb-2">Updating {config.appName} to v{appUpdate?.version || '0.0.0'}, Please be patience! Do not quit the app untill the update finishes. The app will auto re-launch to complete the update, Please allow all system prompts from {config.appName} if asked.</AlertDialogDescription>
                     <Progress value={appUpdateDownloadProgress} className="w-full" />
                     <AlertDialogDescription className="text-center">Downloading update... {appUpdateDownloadProgress}%</AlertDialogDescription>
                   </AlertDialogHeader>

src/components/ui/chart.tsx

@@ -1,5 +1,13 @@
 import * as React from "react"
 import * as RechartsPrimitive from "recharts"
+import type { LegendPayload } from "recharts/types/component/DefaultLegendContent"
+import {
+  NameType,
+  Payload,
+  ValueType,
+} from "recharts/types/component/DefaultTooltipContent"
+import type { Props as LegendProps } from "recharts/types/component/Legend"
+import { TooltipContentProps } from "recharts/types/component/Tooltip"
 
 import { cn } from "@/lib/utils"
 
@@ -20,6 +28,36 @@ type ChartContextProps = {
   config: ChartConfig
 }
 
+export type CustomTooltipProps = TooltipContentProps<ValueType, NameType> & {
+  className?: string
+  hideLabel?: boolean
+  hideIndicator?: boolean
+  indicator?: "line" | "dot" | "dashed"
+  nameKey?: string
+  labelKey?: string
+  labelFormatter?: (
+    label: TooltipContentProps<number, string>["label"],
+    payload: TooltipContentProps<number, string>["payload"]
+  ) => React.ReactNode
+  formatter?: (
+    value: number | string,
+    name: string,
+    item: Payload<number | string, string>,
+    index: number,
+    payload: ReadonlyArray<Payload<number | string, string>>
+  ) => React.ReactNode
+  labelClassName?: string
+  color?: string
+}
+
+export type ChartLegendContentProps = {
+  className?: string
+  hideIcon?: boolean
+  verticalAlign?: LegendProps["verticalAlign"]
+  payload?: LegendPayload[]
+  nameKey?: string
+}
+
 const ChartContext = React.createContext<ChartContextProps | null>(null)
 
 function useChart() {
@@ -105,25 +143,18 @@ const ChartTooltip = RechartsPrimitive.Tooltip
 function ChartTooltipContent({
   active,
   payload,
+  label,
   className,
   indicator = "dot",
   hideLabel = false,
   hideIndicator = false,
-  label,
   labelFormatter,
-  labelClassName,
   formatter,
+  labelClassName,
   color,
   nameKey,
   labelKey,
-}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
+}: CustomTooltipProps) {
-  React.ComponentProps<"div"> & {
-    hideLabel?: boolean
-    hideIndicator?: boolean
-    indicator?: "line" | "dot" | "dashed"
-    nameKey?: string
-    labelKey?: string
-  }) {
   const { config } = useChart()
 
   const tooltipLabel = React.useMemo(() => {
@@ -134,11 +165,15 @@ function ChartTooltipContent({
     const [item] = payload
     const key = `${labelKey || item?.dataKey || item?.name || "value"}`
     const itemConfig = getPayloadConfigFromPayload(config, item, key)
-    const value =
+    const value = (() => {
+      const v =
         !labelKey && typeof label === "string"
-        ? config[label as keyof typeof config]?.label || label
+          ? config[label as keyof typeof config]?.label ?? label
           : itemConfig?.label
 
+      return typeof v === "string" || typeof v === "number" ? v : undefined
+    })()
+
     if (labelFormatter) {
       return (
         <div className={cn("font-medium", labelClassName)}>
@@ -254,11 +289,7 @@ function ChartLegendContent({
   payload,
   verticalAlign = "bottom",
   nameKey,
-}: React.ComponentProps<"div"> &
+}: ChartLegendContentProps) {
-  Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-    hideIcon?: boolean
-    nameKey?: string
-  }) {
   const { config } = useChart()
 
   if (!payload?.length) {

src/components/ui/sonner.tsx

@@ -15,6 +15,12 @@ const Toaster = ({ ...props }: ToasterProps) => {
           "--normal-border": "var(--border)",
         } as React.CSSProperties
       }
+      toastOptions={{
+        classNames: {
+          toast: "group",
+          icon: "group-data-[type=error]:!text-red-500 group-data-[type=success]:!text-green-500 group-data-[type=warning]:!text-amber-500 group-data-[type=info]:!text-sky-500",
+        },
+      }}
       {...props}
     />
   )

src/helpers/use-app-updater.ts

@@ -1,12 +1,18 @@
+import { config } from "@/config";
 import { check as checkAppUpdate, Update } from "@tauri-apps/plugin-updater";
 import { relaunch as relaunchApp } from "@tauri-apps/plugin-process";
 import { useSettingsPageStatesStore } from "@/services/store";
+import { useLogger } from "@/helpers/use-logger";
+import { sendNotification } from '@tauri-apps/plugin-notification';
 
 export default function useAppUpdater() {
     const setIsCheckingAppUpdate = useSettingsPageStatesStore(state => state.setIsCheckingAppUpdate);
     const setAppUpdate = useSettingsPageStatesStore(state => state.setAppUpdate);
     const setIsUpdating = useSettingsPageStatesStore(state => state.setIsUpdatingApp);
     const setDownloadProgress = useSettingsPageStatesStore(state => state.setAppUpdateDownloadProgress);
+    const enableNotifications = useSettingsPageStatesStore(state => state.settings.enable_notifications);
+    const updateNotification = useSettingsPageStatesStore(state => state.settings.update_notification);
+    const LOG = useLogger();
 
     const checkForAppUpdate = async () => {
         setIsCheckingAppUpdate(true);
@@ -15,6 +21,13 @@ export default function useAppUpdater() {
             if (update) {
                 setAppUpdate(update);
                 console.log(`app update available v${update.version}`);
+                LOG.info('NEODLP', `App update available v${update.version}`);
+                if (enableNotifications && updateNotification) {
+                    sendNotification({
+                        title: `Update Available (v${update.version})`,
+                        body: `A newer version of ${config.appName} is available. Please update to the latest version for the best experience`,
+                    });
+                }
             }
         } catch (error) {
             console.error(error);
@@ -25,6 +38,7 @@ export default function useAppUpdater() {
 
     const downloadAndInstallAppUpdate = async (update: Update) => {
         setIsUpdating(true);
+        LOG.info('NEODLP', `Downloading and installing app update v${update.version}`);
         let downloaded = 0;
         let contentLength: number | undefined = 0;
         await update.downloadAndInstall((event) => {

src/helpers/use-logger.ts

@@ -0,0 +1,29 @@
+import { useLogsStore } from "@/services/store";
+
+export function useLogger() {
+    const logs = useLogsStore((state) => state.logs);
+    const addLog = useLogsStore((state) => state.addLog);
+    const clearLogs = useLogsStore((state) => state.clearLogs);
+
+    const logger = {
+        info: (context: string, message: string) => {
+            addLog({ timestamp: Date.now(), level: 'info', context, message });
+        },
+        warning: (context: string, message: string) => {
+            addLog({ timestamp: Date.now(), level: 'warning', context, message });
+        },
+        error: (context: string, message: string) => {
+            addLog({ timestamp: Date.now(), level: 'error', context, message });
+        },
+        debug: (context: string, message: string) => {
+            addLog({ timestamp: Date.now(), level: 'debug', context, message });
+        },
+        progress: (context: string, message: string) => {
+            addLog({ timestamp: Date.now(), level: 'progress', context, message });
+        },
+        getLogs: () => logs,
+        clearLogs,
+    };
+
+    return logger;
+}

src/helpers/use-settings.ts

@@ -1,11 +1,10 @@
-import { useToast } from "@/hooks/use-toast";
+import { toast } from "sonner";
 import { useResetSettings, useSaveSettingsKey } from "@/services/mutations";
 import { useSettingsPageStatesStore } from "@/services/store";
 import { useQueryClient } from "@tanstack/react-query";
 import { invoke } from "@tauri-apps/api/core";
 
 export function useSettings() {
-  const { toast } = useToast();
   const queryClient = useQueryClient();
   const setSettingsKey = useSettingsPageStatesStore(state => state.setSettingsKey);
   const resetSettingsState = useSettingsPageStatesStore(state => state.resetSettings);
@@ -22,10 +21,8 @@ export function useSettings() {
       onError: (error) => {
         console.error("Error saving settings key:", error);
         queryClient.invalidateQueries({ queryKey: ["settings"] });
-        toast({
+        toast.error("Failed to update settings", {
-          title: "Failed to update settings",
           description: `Failed to update ${key}`,
-          variant: "destructive",
         });
       }
     });
@@ -39,26 +36,21 @@ export function useSettings() {
           resetSettingsState();
           console.log("Settings reset successfully");
           queryClient.invalidateQueries({ queryKey: ["settings"] });
-          toast({
+          toast.success("Settings reset successfully", {
-            title: "Settings reset successfully",
             description: "All settings have been reset to default.",
           });
         } catch (error) {
           console.error("Error resetting settings:", error);
-          toast({
+          toast.error("Failed to reset settings", {
-            title: "Failed to reset settings",
             description: "Failed to reset settings to default.",
-            variant: "destructive",
           });
           return;
         }
       },
       onError: (error) => {
         console.error("Error resetting settings:", error);
-        toast({
+        toast.error("Failed to reset settings", {
-          title: "Failed to reset settings",
           description: "Failed to reset settings to default.",
-          variant: "destructive",
         });
       }
     });

src/helpers/use-ytdlp-updater.ts

@@ -1,7 +1,11 @@
 import { useSettingsPageStatesStore } from "@/services/store";
 import { useKvPairs } from "@/helpers/use-kvpairs";
 import { Command } from "@tauri-apps/plugin-shell";
+import { invoke } from "@tauri-apps/api/core";
+import { join } from "@tauri-apps/api/path";
 import { platform } from "@tauri-apps/plugin-os";
+import { useLogger } from "@/helpers/use-logger";
+import { toast } from "sonner";
 
 export function useYtDlpUpdater() {
     const { saveKvPair } = useKvPairs();
@@ -9,22 +13,49 @@ export function useYtDlpUpdater() {
     const setIsUpdatingYtDlp = useSettingsPageStatesStore((state) => state.setIsUpdatingYtDlp);
     const setYtDlpVersion = useSettingsPageStatesStore((state) => state.setYtDlpVersion);
     const currentPlatform = platform();
+    const LOG = useLogger();
 
     const updateYtDlp = async () => {
         const CURRENT_TIMESTAMP = Date.now();
         setIsUpdatingYtDlp(true);
+        LOG.info('NEODLP', 'Updating yt-dlp to latest version');
         try {
             const command = currentPlatform === 'linux' ? Command.create('pkexec', ['yt-dlp', '--update-to', ytDlpUpdateChannel]) : Command.sidecar('binaries/yt-dlp', ['--update-to', ytDlpUpdateChannel]);
             const output = await command.execute();
             if (output.code === 0) {
                 console.log("yt-dlp updated successfully:", output.stdout);
+                LOG.info('NEODLP', "yt-dlp updated successfully");
                 saveKvPair('ytdlp_update_last_check', CURRENT_TIMESTAMP);
                 setYtDlpVersion(null);
+                toast.success("Update successful", { description: "yt-dlp has been updated successfully." });
             } else {
+                if (currentPlatform === 'windows') {
+                    LOG.warning('NEODLP', "yt-dlp update failed! Now, attempting with elevated privileges.");
+                    const appPath = await invoke<string>('get_current_app_path');
+                    const ytdlpPath = await join(appPath, 'yt-dlp.exe');
+                    const elevateCommand = Command.create('powershell', ['Start-Process', `"${ytdlpPath}"`, '-ArgumentList', `"--update-to ${ytDlpUpdateChannel}"`, '-Verb', 'RunAs', '-Wait', '-WindowStyle', 'Hidden']);
+                    const elevateOutput = await elevateCommand.execute();
+                    if (elevateOutput.code === 0) {
+                        console.log("yt-dlp updated successfully with elevation:", elevateOutput.stdout);
+                        LOG.info('NEODLP', "yt-dlp updated successfully with elevation");
+                        saveKvPair('ytdlp_update_last_check', CURRENT_TIMESTAMP);
+                        setYtDlpVersion(null);
+                        toast.success("Update successful", { description: "yt-dlp has been updated successfully." });
+                    } else {
+                        console.error("Failed to update yt-dlp with elevation:", elevateOutput.stderr);
+                        LOG.error('NEODLP', `Failed to update yt-dlp with elevation: ${elevateOutput.stderr}`);
+                        toast.error("Update failed", { description: "Failed to update yt-dlp." });
+                    }
+                    return;
+                }
                 console.error("Failed to update yt-dlp:", output.stderr);
+                LOG.error('NEODLP', `Failed to update yt-dlp: ${output.stderr}`);
+                toast.error("Update failed", { description: "Failed to update yt-dlp." });
             }
         } catch (e) {
             console.error('Failed to update yt-dlp:', e);
+            LOG.error('NEODLP', `Exception while updating yt-dlp: ${e}`);
+            toast.error("Update failed", { description: "An error occurred while updating yt-dlp." });
         } finally {
             setIsUpdatingYtDlp(false);
         }

src/pages/downloader.tsx

@@ -5,11 +5,11 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { Separator } from "@/components/ui/separator";
-import { useToast } from "@/hooks/use-toast";
+import { toast } from "sonner";
 import { useAppContext } from "@/providers/appContextProvider";
 import { useCurrentVideoMetadataStore, useDownloaderPageStatesStore, useSettingsPageStatesStore } from "@/services/store";
 import { determineFileType, fileFormatFilter, formatBitrate, formatDurationString, formatFileSize, formatReleaseDate, formatYtStyleCount, isObjEmpty, sortByBitrate } from "@/utils";
-import { Calendar, Clock, DownloadCloud, Eye, Info, Loader2, Music, ThumbsUp, Video, File, ListVideo, PackageSearch, AlertCircleIcon } from "lucide-react";
+import { Calendar, Clock, DownloadCloud, Eye, Info, Loader2, Music, ThumbsUp, Video, File, ListVideo, PackageSearch, AlertCircleIcon, X, Settings2, Clipboard } from "lucide-react";
 import { FormatSelectionGroup, FormatSelectionGroupItem } from "@/components/custom/formatSelectionGroup";
 import { useEffect, useRef } from "react";
 import { ToggleGroup, ToggleGroupItem } from "@/components/custom/legacyToggleGroup";
@@ -23,44 +23,67 @@ import { Form, FormControl, FormField, FormItem, FormMessage } from "@/component
 import { config } from "@/config";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import { invoke } from "@tauri-apps/api/core";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import { Label } from "@/components/ui/label";
+import { Switch } from "@/components/ui/switch";
+import { readText } from '@tauri-apps/plugin-clipboard-manager';
 
 const searchFormSchema = z.object({
-    url: z.string().min(1, { message: "URL is required" })
+    url: z.url({
-    .url({message: "Invalid URL format." }),
+        error: (issue) => issue.input === undefined || issue.input === null || issue.input === ""
+        ? "URL is required"
+        : "Invalid URL format"
+    }),
 });
 
 export default function DownloaderPage() {
     const { fetchVideoMetadata, startDownload } = useAppContext();
-    const { toast } = useToast();
 
     const videoUrl = useCurrentVideoMetadataStore((state) => state.videoUrl);
     const videoMetadata = useCurrentVideoMetadataStore((state) => state.videoMetadata);
     const isMetadataLoading = useCurrentVideoMetadataStore((state) => state.isMetadataLoading);
     const requestedUrl = useCurrentVideoMetadataStore((state) => state.requestedUrl);
     const autoSubmitSearch = useCurrentVideoMetadataStore((state) => state.autoSubmitSearch);
+    const searchPid = useCurrentVideoMetadataStore((state) => state.searchPid);
     const setVideoUrl = useCurrentVideoMetadataStore((state) => state.setVideoUrl);
     const setVideoMetadata = useCurrentVideoMetadataStore((state) => state.setVideoMetadata);
     const setIsMetadataLoading = useCurrentVideoMetadataStore((state) => state.setIsMetadataLoading);
     const setRequestedUrl = useCurrentVideoMetadataStore((state) => state.setRequestedUrl);
     const setAutoSubmitSearch = useCurrentVideoMetadataStore((state) => state.setAutoSubmitSearch);
+    const setSearchPid = useCurrentVideoMetadataStore((state) => state.setSearchPid);
+    const setShowSearchError = useCurrentVideoMetadataStore((state) => state.setShowSearchError);
 
     const activeDownloadModeTab = useDownloaderPageStatesStore((state) => state.activeDownloadModeTab);
+    const activeDownloadConfigurationTab = useDownloaderPageStatesStore((state) => state.activeDownloadConfigurationTab);
     const isStartingDownload = useDownloaderPageStatesStore((state) => state.isStartingDownload);
     const selectedDownloadFormat = useDownloaderPageStatesStore((state) => state.selectedDownloadFormat);
     const selectedCombinableVideoFormat = useDownloaderPageStatesStore((state) => state.selectedCombinableVideoFormat);
     const selectedCombinableAudioFormat = useDownloaderPageStatesStore((state) => state.selectedCombinableAudioFormat);
     const selectedSubtitles = useDownloaderPageStatesStore((state) => state.selectedSubtitles);
     const selectedPlaylistVideoIndex = useDownloaderPageStatesStore((state) => state.selectedPlaylistVideoIndex);
+    const downloadConfiguration = useDownloaderPageStatesStore((state) => state.downloadConfiguration);
     const setActiveDownloadModeTab = useDownloaderPageStatesStore((state) => state.setActiveDownloadModeTab);
+    const setActiveDownloadConfigurationTab = useDownloaderPageStatesStore((state) => state.setActiveDownloadConfigurationTab);
     const setIsStartingDownload = useDownloaderPageStatesStore((state) => state.setIsStartingDownload);
     const setSelectedDownloadFormat = useDownloaderPageStatesStore((state) => state.setSelectedDownloadFormat);
     const setSelectedCombinableVideoFormat = useDownloaderPageStatesStore((state) => state.setSelectedCombinableVideoFormat);
     const setSelectedCombinableAudioFormat = useDownloaderPageStatesStore((state) => state.setSelectedCombinableAudioFormat);
     const setSelectedSubtitles = useDownloaderPageStatesStore((state) => state.setSelectedSubtitles);
     const setSelectedPlaylistVideoIndex = useDownloaderPageStatesStore((state) => state.setSelectedPlaylistVideoIndex);
+    const setDownloadConfigurationKey = useDownloaderPageStatesStore((state) => state.setDownloadConfigurationKey);
+    const resetDownloadConfiguration = useDownloaderPageStatesStore((state) => state.resetDownloadConfiguration);
 
     const videoFormat = useSettingsPageStatesStore(state => state.settings.video_format);
     const audioFormat = useSettingsPageStatesStore(state => state.settings.audio_format);
+    const embedVideoMetadata = useSettingsPageStatesStore(state => state.settings.embed_video_metadata);
+    const embedAudioMetadata = useSettingsPageStatesStore(state => state.settings.embed_audio_metadata);
+    const embedVideoThumbnail = useSettingsPageStatesStore(state => state.settings.embed_video_thumbnail);
+    const embedAudioThumbnail = useSettingsPageStatesStore(state => state.settings.embed_audio_thumbnail);
+    const useCustomCommands = useSettingsPageStatesStore(state => state.settings.use_custom_commands);
+    const customCommands = useSettingsPageStatesStore(state => state.settings.custom_commands);
 
     const audioOnlyFormats = videoMetadata?._type === 'video' ? sortByBitrate(videoMetadata?.formats.filter(fileFormatFilter('audio'))) : videoMetadata?._type === 'playlist' ? sortByBitrate(videoMetadata?.entries[Number(selectedPlaylistVideoIndex) - 1].formats.filter(fileFormatFilter('audio'))) : [];
     const videoOnlyFormats = videoMetadata?._type === 'video' ? sortByBitrate(videoMetadata?.formats.filter(fileFormatFilter('video'))) : videoMetadata?._type === 'playlist' ? sortByBitrate(videoMetadata?.entries[Number(selectedPlaylistVideoIndex) - 1].formats.filter(fileFormatFilter('video'))) : [];
@@ -140,7 +163,10 @@ export default function DownloaderPage() {
 
     let selectedFormatExtensionMsg = 'Auto - unknown';
     if (activeDownloadModeTab === 'combine') {
-        if (videoFormat !== 'auto') {
+        if (downloadConfiguration.output_format && downloadConfiguration.output_format !== 'auto') {
+            selectedFormatExtensionMsg = `Combined - ${downloadConfiguration.output_format.toUpperCase()}`;
+        }
+        else if (videoFormat !== 'auto') {
             selectedFormatExtensionMsg = `Combined - ${videoFormat.toUpperCase()}`;
         }
         else if (selectedAudioFormat?.ext && selectedVideoFormat?.ext) {
@@ -149,10 +175,12 @@ export default function DownloaderPage() {
             selectedFormatExtensionMsg = `Combined - unknown`;
         }
     } else if (selectedFormat?.ext) {
-        if ((selectedFormatFileType === 'video+audio' || selectedFormatFileType === 'video') && videoFormat !== 'auto') {
+        if ((selectedFormatFileType === 'video+audio' || selectedFormatFileType === 'video') && ((downloadConfiguration.output_format && downloadConfiguration.output_format !== 'auto') || videoFormat !== 'auto')) {
-            selectedFormatExtensionMsg = `Forced - ${videoFormat.toUpperCase()}`;
+            selectedFormatExtensionMsg = `Forced - ${(downloadConfiguration.output_format && downloadConfiguration.output_format !== 'auto') ? downloadConfiguration.output_format.toUpperCase() : videoFormat.toUpperCase()}`;
-        } else if (selectedFormatFileType === 'audio' && audioFormat !== 'auto') {
+        } else if (selectedFormatFileType === 'audio' && ((downloadConfiguration.output_format && downloadConfiguration.output_format !== 'auto') || audioFormat !== 'auto')) {
-            selectedFormatExtensionMsg = `Forced - ${audioFormat.toUpperCase()}`;
+            selectedFormatExtensionMsg = `Forced - ${(downloadConfiguration.output_format && downloadConfiguration.output_format !== 'auto') ? downloadConfiguration.output_format.toUpperCase() : audioFormat.toUpperCase()}`;
+        } else if (selectedFormatFileType === 'unknown' && downloadConfiguration.output_format && downloadConfiguration.output_format !== 'auto') {
+            selectedFormatExtensionMsg = `Forced - ${downloadConfiguration.output_format.toUpperCase()}`;
         } else {
             selectedFormatExtensionMsg = `Auto - ${selectedFormat.ext.toUpperCase()}`;
         }
@@ -202,29 +230,45 @@ export default function DownloaderPage() {
         mode: "onChange",
     })
     const watchedUrl = searchForm.watch("url");
+    const { errors: searchFormErrors } = searchForm.formState;
 
     function handleSearchSubmit(values: z.infer<typeof searchFormSchema>) {
         setVideoMetadata(null);
+        setSearchPid(null);
+        setShowSearchError(true);
         setIsMetadataLoading(true);
         setSelectedDownloadFormat('best');
         setSelectedCombinableVideoFormat('');
         setSelectedCombinableAudioFormat('');
         setSelectedSubtitles([]);
         setSelectedPlaylistVideoIndex('1');
+        resetDownloadConfiguration();
+
         fetchVideoMetadata(values.url).then((metadata) => {
             if (!metadata || (metadata._type !== 'video' && metadata._type !== 'playlist') || (metadata && metadata._type === 'video' && metadata.formats.length <= 0) || (metadata && metadata._type === 'playlist' && metadata.entries.length <= 0)) {
-                toast({
+                const showSearchError = useCurrentVideoMetadataStore.getState().showSearchError;
-                    title: 'Opps! No results found',
+                if (showSearchError) {
-                    description: 'The provided URL does not contain any downloadable content. Please check the URL and try again.',
+                    toast.error("Oops! No results found", {
-                    variant: "destructive"
+                        description: "The provided URL does not contain any downloadable content or you are not connected to the internet. Please check the URL, your network connection and try again.",
                     });
                 }
+            }
             if (metadata && (metadata._type === 'video' || metadata._type === 'playlist') && ((metadata._type === 'video' && metadata.formats.length > 0) || (metadata._type === 'playlist' && metadata.entries.length > 0))) setVideoMetadata(metadata);
             if (metadata) console.log(metadata);
             setIsMetadataLoading(false);
         });
     }
 
+    const cancelSearch = async (pid: number | null) => {
+        setShowSearchError(false);
+        if (pid) {
+            console.log("Killing process with PID:", pid);
+            await invoke('kill_all_process', { pid: pid });
+        }
+        setVideoMetadata(null);
+        setIsMetadataLoading(false);
+    };
+
     useEffect(() => {
         const updateBottomBarWidth = (): void => {
             if (containerRef.current && bottomBarRef.current) {
@@ -249,6 +293,10 @@ export default function DownloaderPage() {
         };
     }, []);
 
+    useEffect(() => {
+        useCustomCommands ? setActiveDownloadConfigurationTab('commands') : setActiveDownloadConfigurationTab('options');
+    }, []);
+
     useEffect(() => {
         if (watchedUrl !== videoUrl) {
             setVideoUrl(watchedUrl);
@@ -283,20 +331,16 @@ export default function DownloaderPage() {
                         // If URL is invalid, just reset the flag
                         setAutoSubmitSearch(false);
                         setRequestedUrl('');
-                        toast({
+                        toast.error("Invalid URL", {
-                            title: 'Invalid URL',
+                            description: "The provided URL is not valid.",
-                            description: 'The provided URL is not valid.',
-                            variant: "destructive"
                         });
                     }
                 } else {
                     // If metadata is loading, just reset the flag
                     setAutoSubmitSearch(false);
                     setRequestedUrl('');
-                    toast({
+                    toast.info("Search in progress", {
-                        title: 'Search in progress',
+                        description: "There's a search in progress, Please try again later.",
-                        description: 'Search in progress, try again later.',
-                        variant: "destructive"
                     });
                 }
             } else {
@@ -338,9 +382,50 @@ export default function DownloaderPage() {
                                     </FormItem>
                                 )}
                             />
+                            {isMetadataLoading && (
+                                <Button
+                                type="button"
+                                variant="destructive"
+                                size="icon"
+                                disabled={!isMetadataLoading}
+                                onClick={() => cancelSearch(searchPid)}
+                                >
+                                    <X className="size-4" />
+                                </Button>
+                            )}
+                            {!isMetadataLoading && !videoUrl && (
+                                <Button
+                                type="button"
+                                size="icon"
+                                disabled={isMetadataLoading}
+                                onClick={async () => {
+                                    const text = await readText();
+                                    if (text) {
+                                        searchForm.setValue("url", text);
+                                        setVideoUrl(text);
+                                    }
+                                }}
+                                >
+                                    <Clipboard className="size-4" />
+                                </Button>
+                            )}
+                            {!isMetadataLoading && videoUrl && (
+                                <Button
+                                type="button"
+                                variant="outline"
+                                size="icon"
+                                disabled={isMetadataLoading}
+                                onClick={() => {
+                                    searchForm.setValue("url", '');
+                                    setVideoUrl('');
+                                }}
+                                >
+                                    <X className="size-4" />
+                                </Button>
+                            )}
                             <Button
                                 type="submit"
-                                disabled={!videoUrl || isMetadataLoading}
+                                disabled={!videoUrl || Object.keys(searchFormErrors).length > 0 || isMetadataLoading}
                             >
                                 {isMetadataLoading ? (
                                     <>
@@ -407,7 +492,13 @@ export default function DownloaderPage() {
                     <Tabs
                     className=""
                     value={activeDownloadModeTab}
-                    onValueChange={(tab) => setActiveDownloadModeTab(tab)}
+                    onValueChange={(tab) => {
+                        setActiveDownloadModeTab(tab)
+                        setDownloadConfigurationKey('output_format', null);
+                        setDownloadConfigurationKey('embed_metadata', null);
+                        setDownloadConfigurationKey('embed_thumbnail', null);
+                        setDownloadConfigurationKey('sponsorblock', null);
+                    }}
                     >
                         <div className="flex items-center justify-between">
                             <h3 className="text-sm flex items-center gap-2">
@@ -428,7 +519,7 @@ export default function DownloaderPage() {
                                     className="flex flex-col items-start gap-2 mb-2"
                                     value={selectedSubtitles}
                                     onValueChange={(value) => setSelectedSubtitles(value)}
-                                    disabled={selectedFormat?.ext !== 'mp4' && selectedFormat?.ext !== 'mkv' && selectedFormat?.ext !== 'webm'}
+                                    // disabled={selectedFormat?.ext !== 'mp4' && selectedFormat?.ext !== 'mkv' && selectedFormat?.ext !== 'webm'}
                                     >
                                         <p className="text-xs">Subtitle Languages</p>
                                         <div className="flex gap-2 flex-wrap items-center">
@@ -449,10 +540,14 @@ export default function DownloaderPage() {
                                 value={selectedDownloadFormat}
                                 onValueChange={(value) => {
                                     setSelectedDownloadFormat(value);
-                                    const currentlySelectedFormat = value === 'best' ? videoMetadata?.requested_downloads[0] : allFilteredFormats.find((format) => format.format_id === value);
+                                    // const currentlySelectedFormat = value === 'best' ? videoMetadata?.requested_downloads[0] : allFilteredFormats.find((format) => format.format_id === value);
-                                    if (currentlySelectedFormat?.ext !== 'mp4' && currentlySelectedFormat?.ext !== 'mkv' && currentlySelectedFormat?.ext !== 'webm') {
+                                    // if (currentlySelectedFormat?.ext !== 'mp4' && currentlySelectedFormat?.ext !== 'mkv' && currentlySelectedFormat?.ext !== 'webm') {
-                                        setSelectedSubtitles([]);
+                                    //     setSelectedSubtitles([]);
-                                    }
+                                    // }
+                                    setDownloadConfigurationKey('output_format', null);
+                                    setDownloadConfigurationKey('embed_metadata', null);
+                                    setDownloadConfigurationKey('embed_thumbnail', null);
+                                    setDownloadConfigurationKey('sponsorblock', null);
                                 }}
                                 >
                                     <p className="text-xs">Suggested</p>
@@ -532,7 +627,6 @@ export default function DownloaderPage() {
                                     className="flex flex-col items-start gap-2 mb-2"
                                     value={selectedSubtitles}
                                     onValueChange={(value) => setSelectedSubtitles(value)}
-                                    disabled={selectedFormat?.ext !== 'mp4' && selectedFormat?.ext !== 'mkv' && selectedFormat?.ext !== 'webm'}
                                     >
                                         <p className="text-xs">Subtitle Languages</p>
                                         <div className="flex gap-2 flex-wrap items-center">
@@ -554,6 +648,10 @@ export default function DownloaderPage() {
                                 value={selectedCombinableAudioFormat}
                                 onValueChange={(value) => {
                                     setSelectedCombinableAudioFormat(value);
+                                    setDownloadConfigurationKey('output_format', null);
+                                    setDownloadConfigurationKey('embed_metadata', null);
+                                    setDownloadConfigurationKey('embed_thumbnail', null);
+                                    setDownloadConfigurationKey('sponsorblock', null);
                                 }}
                                 >
                                     {videoOnlyFormats && videoOnlyFormats.length > 0 && audioOnlyFormats && audioOnlyFormats.length > 0 && (
@@ -575,6 +673,10 @@ export default function DownloaderPage() {
                                 value={selectedCombinableVideoFormat}
                                 onValueChange={(value) => {
                                     setSelectedCombinableVideoFormat(value);
+                                    setDownloadConfigurationKey('output_format', null);
+                                    setDownloadConfigurationKey('embed_metadata', null);
+                                    setDownloadConfigurationKey('embed_thumbnail', null);
+                                    setDownloadConfigurationKey('sponsorblock', null);
                                 }}
                                 >
                                     {audioOnlyFormats && audioOnlyFormats.length > 0 && videoOnlyFormats && videoOnlyFormats.length > 0 && (
@@ -641,6 +743,7 @@ export default function DownloaderPage() {
                                 setSelectedSubtitles([]);
                                 setSelectedCombinableVideoFormat('');
                                 setSelectedCombinableAudioFormat('');
+                                resetDownloadConfiguration();
                             }}
                             >
                                 {videoMetadata.entries.map((entry) => entry ? (
@@ -878,10 +981,225 @@ export default function DownloaderPage() {
                             )}
                         </div>
                         <div className="flex flex-col gap-1">
-                            <span className="text-sm text-nowrap max-w-[30rem] xl:max-w-[50rem] overflow-hidden text-ellipsis">{videoMetadata._type === 'video' ? videoMetadata.title : videoMetadata._type === 'playlist' ? videoMetadata.entries[Number(selectedPlaylistVideoIndex) - 1].title : 'Unknown' }</span>
+                            <span className="text-sm text-nowrap max-w-120 xl:max-w-200 overflow-hidden text-ellipsis">{videoMetadata._type === 'video' ? videoMetadata.title : videoMetadata._type === 'playlist' ? videoMetadata.entries[Number(selectedPlaylistVideoIndex) - 1].title : 'Unknown' }</span>
                             <span className="text-xs text-muted-foreground">{selectedFormatFinalMsg}</span>
                         </div>
                     </div>
+                    <div className="flex items-center gap-2">
+                        <Dialog>
+                            <Tooltip>
+                                <TooltipTrigger asChild>
+                                    <DialogTrigger asChild>
+                                        <Button
+                                        variant="outline"
+                                        size="icon"
+                                        disabled={!selectedDownloadFormat || (activeDownloadModeTab === 'combine' && (!selectedCombinableVideoFormat || !selectedCombinableAudioFormat))}
+                                        >
+                                            <Settings2 className="size-4" />
+                                        </Button>
+                                    </DialogTrigger>
+                                </TooltipTrigger>
+                                <TooltipContent>
+                                <p>Configurations</p>
+                                </TooltipContent>
+                            </Tooltip>
+                            <DialogContent className="sm:max-w-[450px]">
+                                <DialogHeader>
+                                    <DialogTitle>Configurations</DialogTitle>
+                                    <DialogDescription>Tweak this download's configurations</DialogDescription>
+                                </DialogHeader>
+                                <div className="flex flex-col gap-2 max-h-[300px] overflow-y-scroll overflow-x-hidden no-scrollbar">
+                                    <Tabs
+                                    className=""
+                                    value={activeDownloadConfigurationTab}
+                                    onValueChange={(tab) => setActiveDownloadConfigurationTab(tab)}
+                                    >
+                                        <TabsList>
+                                            <TabsTrigger value="options">Options</TabsTrigger>
+                                            <TabsTrigger value="commands">Commands</TabsTrigger>
+                                        </TabsList>
+                                        <TabsContent value="options">
+                                            {useCustomCommands ? (
+                                            <Alert className="mt-2 mb-3">
+                                                <AlertCircleIcon />
+                                                <AlertTitle className="text-sm">Options Unavailable!</AlertTitle>
+                                                <AlertDescription className="text-xs">
+                                                    You cannot use these options when custom commands are enabled. To use these options, disable custom commands from Settings.
+                                                </AlertDescription>
+                                            </Alert>
+                                            ) : null}
+                                            <div className="video-format">
+                                                <Label className="text-xs mb-3 mt-2">Output Format ({(selectedFormatFileType && (selectedFormatFileType === 'video' || selectedFormatFileType === 'video+audio')) || activeDownloadModeTab === 'combine' ? 'Video' : selectedFormatFileType && selectedFormatFileType === 'audio' ? 'Audio' : 'Unknown'})</Label>
+                                                {(selectedFormatFileType && (selectedFormatFileType === 'video' || selectedFormatFileType === 'video+audio')) || activeDownloadModeTab === 'combine' ? (
+                                                    <RadioGroup
+                                                    orientation="horizontal"
+                                                    className="flex items-center gap-4 flex-wrap"
+                                                    value={downloadConfiguration.output_format ?? 'auto'}
+                                                    onValueChange={(value) => setDownloadConfigurationKey('output_format', value)}
+                                                    disabled={useCustomCommands}
+                                                    >
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="auto" id="v-auto" />
+                                                            <Label htmlFor="v-auto">Follow Settings</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="mp4" id="v-mp4" />
+                                                            <Label htmlFor="v-mp4">MP4</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="webm" id="v-webm" />
+                                                            <Label htmlFor="v-webm">WEBM</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="mkv" id="v-mkv" />
+                                                            <Label htmlFor="v-mkv">MKV</Label>
+                                                        </div>
+                                                    </RadioGroup>
+                                                ) : selectedFormatFileType && selectedFormatFileType === 'audio' ? (
+                                                    <RadioGroup
+                                                    orientation="horizontal"
+                                                    className="flex items-center gap-4 flex-wrap"
+                                                    value={downloadConfiguration.output_format ?? 'auto'}
+                                                    onValueChange={(value) => setDownloadConfigurationKey('output_format', value)}
+                                                    disabled={useCustomCommands}
+                                                    >
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="auto" id="a-auto" />
+                                                            <Label htmlFor="a-auto">Follow Settings</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="m4a" id="a-m4a" />
+                                                            <Label htmlFor="a-m4a">M4A</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="opus" id="a-opus" />
+                                                            <Label htmlFor="a-opus">OPUS</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="mp3" id="a-mp3" />
+                                                            <Label htmlFor="a-mp3">MP3</Label>
+                                                        </div>
+                                                    </RadioGroup>
+                                                ) : (
+                                                    <RadioGroup
+                                                    orientation="horizontal"
+                                                    className="flex items-center gap-4 flex-wrap"
+                                                    value={downloadConfiguration.output_format ?? 'auto'}
+                                                    onValueChange={(value) => setDownloadConfigurationKey('output_format', value)}
+                                                    disabled={useCustomCommands}
+                                                    >
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="auto" id="u-auto" />
+                                                            <Label htmlFor="u-auto">Follow Settings</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="mp4" id="u-mp4" />
+                                                            <Label htmlFor="u-mp4">MP4</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="webm" id="u-webm" />
+                                                            <Label htmlFor="u-webm">WEBM</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="mkv" id="u-mkv" />
+                                                            <Label htmlFor="u-mkv">MKV</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="m4a" id="u-m4a" />
+                                                            <Label htmlFor="u-m4a">M4A</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="opus" id="u-opus" />
+                                                            <Label htmlFor="u-opus">OPUS</Label>
+                                                        </div>
+                                                        <div className="flex items-center gap-3">
+                                                            <RadioGroupItem value="mp3" id="u-mp3" />
+                                                            <Label htmlFor="u-mp3">MP3</Label>
+                                                        </div>
+                                                    </RadioGroup>
+                                                )}
+                                            </div>
+                                            <div className="sponsorblock">
+                                                <Label className="text-xs my-3">Sponsorblock Mode</Label>
+                                                <RadioGroup
+                                                orientation="horizontal"
+                                                className="flex items-center gap-4 flex-wrap"
+                                                value={downloadConfiguration.sponsorblock ?? 'auto'}
+                                                onValueChange={(value) => setDownloadConfigurationKey('sponsorblock', value)}
+                                                disabled={useCustomCommands}
+                                                >
+                                                    <div className="flex items-center gap-3">
+                                                        <RadioGroupItem value="auto" id="sb-auto" />
+                                                        <Label htmlFor="sb-auto">Follow Settings</Label>
+                                                    </div>
+                                                    <div className="flex items-center gap-3">
+                                                        <RadioGroupItem value="remove" id="sb-remove" />
+                                                        <Label htmlFor="sb-remove">Remove</Label>
+                                                    </div>
+                                                    <div className="flex items-center gap-3">
+                                                        <RadioGroupItem value="mark" id="sb-mark" />
+                                                        <Label htmlFor="sb-mark">Mark</Label>
+                                                    </div>
+                                                </RadioGroup>
+                                            </div>
+                                            <div className="embeding-options">
+                                                <Label className="text-xs my-3">Embeding Options</Label>
+                                                <div className="flex items-center space-x-2 mt-3">
+                                                    <Switch
+                                                    id="embed-metadata"
+                                                    checked={downloadConfiguration.embed_metadata !== null ? downloadConfiguration.embed_metadata : (selectedFormatFileType && (selectedFormatFileType === 'video' || selectedFormatFileType === 'video+audio')) || activeDownloadModeTab === 'combine' ? embedVideoMetadata : selectedFormatFileType && selectedFormatFileType === 'audio' ? embedAudioMetadata : false}
+                                                    onCheckedChange={(checked) => setDownloadConfigurationKey('embed_metadata', checked)}
+                                                    disabled={useCustomCommands}
+                                                    />
+                                                    <Label htmlFor="embed-metadata">Embed Metadata</Label>
+                                                </div>
+                                                <div className="flex items-center space-x-2 mt-3">
+                                                    <Switch
+                                                    id="embed-thumbnail"
+                                                    checked={downloadConfiguration.embed_thumbnail !== null ? downloadConfiguration.embed_thumbnail : (selectedFormatFileType && (selectedFormatFileType === 'video' || selectedFormatFileType === 'video+audio')) || activeDownloadModeTab === 'combine' ? embedVideoThumbnail : selectedFormatFileType && selectedFormatFileType === 'audio' ? embedAudioThumbnail : false}
+                                                    onCheckedChange={(checked) => setDownloadConfigurationKey('embed_thumbnail', checked)}
+                                                    disabled={useCustomCommands}
+                                                    />
+                                                    <Label htmlFor="embed-thumbnail">Embed Thumbnail</Label>
+                                                </div>
+                                            </div>
+                                        </TabsContent>
+                                        <TabsContent value="commands">
+                                            {!useCustomCommands ? (
+                                            <Alert className="mt-2 mb-3">
+                                                <AlertCircleIcon />
+                                                <AlertTitle className="text-sm">Enable Custom Commands!</AlertTitle>
+                                                <AlertDescription className="text-xs">
+                                                    To run custom commands for downloads, please enable it from the Settings.
+                                                </AlertDescription>
+                                            </Alert>
+                                            ) : null}
+                                            <div className="custom-commands">
+                                                <Label className="text-xs mb-3 mt-2">Run Custom Command</Label>
+                                                {customCommands.length === 0 ? (
+                                                    <p className="text-sm text-muted-foreground">NO CUSTOM COMMAND TEMPLATE ADDED YET!</p>
+                                                ) : (
+                                                    <RadioGroup
+                                                    orientation="vertical"
+                                                    className="flex flex-col gap-2"
+                                                    disabled={!useCustomCommands}
+                                                    value={downloadConfiguration.custom_command}
+                                                    onValueChange={(value) => setDownloadConfigurationKey('custom_command', value)}
+                                                    >
+                                                        {customCommands.map((command) => (
+                                                            <div className="flex items-center gap-3" key={command.id}>
+                                                                <RadioGroupItem value={command.id} id={`cmd-${command.id}`} />
+                                                                <Label htmlFor={`cmd-${command.id}`}>{command.label}</Label>
+                                                            </div>
+                                                        ))}
+                                                    </RadioGroup>
+                                                )}
+                                            </div>
+                                        </TabsContent>
+                                    </Tabs>
+                                </div>
+                            </DialogContent>
+                        </Dialog>
                         <Button
                         onClick={async () => {
                             setIsStartingDownload(true);
@@ -890,6 +1208,7 @@ export default function DownloaderPage() {
                                     await startDownload(
                                         videoMetadata.original_url,
                                         activeDownloadModeTab === 'combine' ? `${selectedCombinableVideoFormat}+${selectedCombinableAudioFormat}` : selectedDownloadFormat === 'best' ? videoMetadata.entries[Number(selectedPlaylistVideoIndex) - 1].requested_downloads[0].format_id : selectedDownloadFormat,
+                                        downloadConfiguration,
                                         selectedSubtitles.length > 0 ? selectedSubtitles.join(',') : null,
                                         undefined,
                                         selectedPlaylistVideoIndex
@@ -898,6 +1217,7 @@ export default function DownloaderPage() {
                                     await startDownload(
                                         videoMetadata.webpage_url,
                                         activeDownloadModeTab === 'combine' ? `${selectedCombinableVideoFormat}+${selectedCombinableAudioFormat}` : selectedDownloadFormat === 'best' ? videoMetadata.requested_downloads[0].format_id : selectedDownloadFormat,
+                                        downloadConfiguration,
                                         selectedSubtitles.length > 0 ? selectedSubtitles.join(',') : null
                                     );
                                 }
@@ -907,16 +1227,14 @@ export default function DownloaderPage() {
                                 // });
                             } catch (error) {
                                 console.error('Download failed to start:', error);
-                            toast({
+                                toast.error("Failed to Start Download", {
-                                title: 'Failed to Start Download',
+                                    description: "There was an error initiating the download."
-                                description: 'There was an error initiating the download.',
-                                variant: "destructive"
                                 });
                             } finally {
                                 setIsStartingDownload(false);
                             }
                         }}
-                    disabled={isStartingDownload || !selectedDownloadFormat || (activeDownloadModeTab === 'combine' && (!selectedCombinableVideoFormat || !selectedCombinableAudioFormat))}
+                        disabled={isStartingDownload || !selectedDownloadFormat || (activeDownloadModeTab === 'combine' && (!selectedCombinableVideoFormat || !selectedCombinableAudioFormat)) || (useCustomCommands && !downloadConfiguration.custom_command)}
                         >
                             {isStartingDownload ? (
                                 <>
@@ -928,6 +1246,7 @@ export default function DownloaderPage() {
                             )}
                         </Button>
                     </div>
+                </div>
             )}
         </div>
     );

src/pages/library.tsx

@@ -4,11 +4,11 @@ import { AspectRatio } from "@/components/ui/aspect-ratio";
 import { Button } from "@/components/ui/button";
 import { Progress } from "@/components/ui/progress";
 import { Separator } from "@/components/ui/separator";
-import { useToast } from "@/hooks/use-toast";
+import { toast } from "sonner";
 import { useAppContext } from "@/providers/appContextProvider";
-import { useDownloadActionStatesStore, useDownloaderPageStatesStore, useDownloadStatesStore, useLibraryPageStatesStore } from "@/services/store";
+import { useCurrentVideoMetadataStore, useDownloadActionStatesStore, useDownloadStatesStore, useLibraryPageStatesStore, useSettingsPageStatesStore } from "@/services/store";
 import { formatBitrate, formatCodec, formatDurationString, formatFileSize, formatSecToTimeString, formatSpeed } from "@/utils";
-import { AudioLines, Clock, File, FileAudio2, FileQuestion, FileVideo2, FolderInput, ListVideo, Loader2, Music, Pause, Play, Square, Trash2, Video, X } from "lucide-react";
+import { AudioLines, Clock, File, FileAudio2, FileQuestion, FileVideo2, FolderInput, ListVideo, Loader2, Music, Pause, Play, Search, Square, Trash2, Video, X } from "lucide-react";
 import { invoke } from "@tauri-apps/api/core";
 import * as fs from "@tauri-apps/plugin-fs";
 import { DownloadState } from "@/types/download";
@@ -20,7 +20,8 @@ import { Label } from "@/components/ui/label";
 import Heading from "@/components/heading";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Badge } from "@/components/ui/badge";
-
+import { useNavigate } from "react-router-dom";
+import { useLogger } from "@/helpers/use-logger";
 
 export default function LibraryPage() {
     const activeTab = useLibraryPageStatesStore(state => state.activeTab);
@@ -33,16 +34,23 @@ export default function LibraryPage() {
     const setIsCancelingDownload = useDownloadActionStatesStore(state => state.setIsCancelingDownload);
     const setIsDeleteFileChecked = useDownloadActionStatesStore(state => state.setIsDeleteFileChecked);
 
-    const setIsErrorExpected = useDownloaderPageStatesStore((state) => state.setIsErrorExpected);
+    const debugMode = useSettingsPageStatesStore(state => state.settings.debug_mode);
 
     const { pauseDownload, resumeDownload, cancelDownload } = useAppContext()
-    const { toast } = useToast();
 
     const queryClient = useQueryClient();
     const downloadStateDeleter = useDeleteDownloadState();
+    const navigate = useNavigate();
+    const LOG = useLogger();
 
     const incompleteDownloads = downloadStates.filter(state => state.download_status !== 'completed');
-    const completedDownloads = downloadStates.filter(state => state.download_status === 'completed');
+    const completedDownloads = downloadStates.filter(state => state.download_status === 'completed')
+    .sort((a, b) => {
+        // Latest updated first
+        const dateA = a.updated_at ? new Date(a.updated_at).getTime() : 0;
+        const dateB = b.updated_at ? new Date(b.updated_at).getTime() : 0;
+        return dateB - dateA;
+    });
     const ongoingDownloads = downloadStates.filter(state =>
         ['starting', 'downloading', 'queued'].includes(state.download_status)
     );
@@ -51,24 +59,19 @@ export default function LibraryPage() {
         if (filePath && await fs.exists(filePath)) {
             try {
                 await invoke('open_file_with_app', { filePath: filePath, appName: app }).then(() => {
-                    toast({
+                    toast.info(`${app === 'explorer' ? 'Revealing' : 'Opening'} file`, {
-                        title: 'Opening file',
+                        description: `${app === 'explorer' ? 'Revealing' : 'Opening'} the file ${app === 'explorer' ? 'in' : 'with'} ${app ? app : 'default app'}.`,
-                        description: `Opening the file with ${app ? app : 'default app'}.`,
                     })
                 });
             } catch (e) {
                 console.error(e);
-                toast({
+                toast.error(`Failed to ${app === 'explorer' ? 'reveal' : 'open'} file`, {
-                    title: 'Failed to open file',
+                    description: `An error occurred while trying to ${app === 'explorer' ? 'reveal' : 'open'} the file.`,
-                    description: 'An error occurred while trying to open the file.',
-                    variant: "destructive"
                 })
             }
         } else {
-            toast({
+            toast.info("File unavailable", {
-                title: 'File unavailable',
+                description: `The file you are trying to ${app === 'explorer' ? 'reveal' : 'open'} does not exist.`,
-                description: 'The file you are trying to open does not exist.',
-                variant: "destructive"
             })
         }
     }
@@ -90,46 +93,60 @@ export default function LibraryPage() {
             onSuccess: (data) => {
                 console.log("Download State deleted successfully:", data);
                 queryClient.invalidateQueries({ queryKey: ['download-states'] });
-                toast({
+                toast.success("Removed from downloads", {
-                    title: 'Removed from downloads',
+                    description: "The download has been removed successfully.",
-                    description: 'The download has been removed successfully.',
+                });
-                })
             },
             onError: (error) => {
                 console.error("Failed to delete download state:", error);
-                toast({
+                toast.error("Failed to remove download", {
-                    title: 'Failed to remove download',
+                    description: "An error occurred while trying to remove the download.",
-                    description: 'An error occurred while trying to remove the download.',
+                });
-                    variant: "destructive"
-                })
             }
         })
     }
 
     const stopOngoingDownloads = async () => {
         if (ongoingDownloads.length > 0) {
-            setIsErrorExpected(true); // Set error expected to true to handle UI state
+            for (const state of ongoingDownloads) {
+                setIsPausingDownload(state.download_id, true);
                 try {
-                await invoke('pause_ongoing_downloads').then(() => {
+                    await pauseDownload(state);
-                    queryClient.invalidateQueries({ queryKey: ['download-states'] });
-                    toast({
-                        title: 'Stopped downloads',
-                        description: 'All ongoing downloads are being stopped.',
-                    });
-                });
                 } catch (e) {
                     console.error(e);
-                toast({
+                    toast.error("Failed to stop download", {
-                    title: 'Failed to stop downloads',
+                        description: `An error occurred while trying to stop the download for ${state.title}.`,
-                    description: 'An error occurred while trying to stop the downloads.',
+                    });
-                    variant: "destructive"
+                } finally {
+                    setIsPausingDownload(state.download_id, false);
+                }
+            }
+            if (ongoingDownloads.length === 0) {
+                toast.success("Stopped ongoing downloads", {
+                    description: "All ongoing downloads have been stopped successfully.",
                 });
             }
         } else {
-            toast({
+            toast.info("No ongoing downloads", {
-                title: 'No ongoing downloads',
+                description: "There are no ongoing downloads to stop.",
-                description: 'There are no ongoing downloads to stop.',
+            });
-                variant: "destructive"
+        }
+    }
+
+    const handleSearch = async (url: string, isPlaylist: boolean) => {
+        try {
+            LOG.info('NEODLP', `Received search request from library for URL: ${url}`);
+            navigate('/');
+            const { setRequestedUrl, setAutoSubmitSearch } = useCurrentVideoMetadataStore.getState();
+            setRequestedUrl(url);
+            setAutoSubmitSearch(true);
+            toast.info(`Initiating ${isPlaylist ? 'Playlist' : 'Video'} Search`, {
+                description: `Initiating search for the selected ${isPlaylist ? 'playlist' : 'video'}.`,
+            });
+        } catch (e) {
+            console.error(e);
+            toast.error("Failed to initiate search", {
+                description: "An error occurred while trying to initiate the search.",
             });
         }
     }
@@ -267,7 +284,11 @@ export default function LibraryPage() {
                                                 </Button>
                                                 <Button size="sm" variant="outline" onClick={() => openFile(state.filepath, 'explorer')}>
                                                     <FolderInput className="w-4 h-4" />
-                                                    Open in Explorer
+                                                    Reveal
+                                                </Button>
+                                                <Button size="sm" variant="outline" onClick={() => handleSearch(state.url, state.playlist_id ? true : false)}>
+                                                    <Search className="w-4 h-4" />
+                                                    Search
                                                 </Button>
                                                 <AlertDialog>
                                                     <AlertDialogTrigger asChild>
@@ -360,7 +381,7 @@ export default function LibraryPage() {
                                                     </div>
                                                 )}
                                                 <div className="text-xs text-muted-foreground">{ state.download_status && (
-                                                    `${state.download_status === 'downloading' && state.status === 'finished' ? 'Processing' : state.download_status.charAt(0).toUpperCase() + state.download_status.slice(1)} ${state.download_status === 'downloading' && state.status !== 'finished' && state.speed ? `• Speed: ${formatSpeed(state.speed)}` : ""} ${state.download_status === 'downloading' && state.eta ? `• ETA: ${formatSecToTimeString(state.eta)}` : ""}`
+                                                    `${state.download_status === 'downloading' && state.status === 'finished' ? 'Processing' : state.download_status.charAt(0).toUpperCase() + state.download_status.slice(1)} ${debugMode && state.download_id ? `• ID: ${state.download_id.toUpperCase()}` : ""} ${state.download_status === 'downloading' && state.status !== 'finished' && state.speed ? `• Speed: ${formatSpeed(state.speed)}` : ""} ${state.download_status === 'downloading' && state.eta ? `• ETA: ${formatSecToTimeString(state.eta)}` : ""}`
                                                 )}</div>
                                             </div>
                                             <div className="w-full flex items-center gap-2 mt-2">
@@ -372,16 +393,13 @@ export default function LibraryPage() {
                                                         setIsResumingDownload(state.download_id, true);
                                                         try {
                                                             await resumeDownload(state)
-                                                            // toast({
+                                                            // toast.success("Resumed Download", {
-                                                            //     title: 'Resumed Download',
+                                                            //     description: "Download resumed, it will re-start shortly.",
-                                                            //     description: 'Download resumed, it will re-start shortly.',
                                                             // })
                                                         } catch (e) {
                                                             console.error(e);
-                                                            toast({
+                                                            toast.error("Failed to Resume Download", {
-                                                                title: 'Failed to Resume Download',
+                                                                description: "An error occurred while trying to resume the download.",
-                                                                description: 'An error occurred while trying to resume the download.',
-                                                                variant: "destructive"
                                                             })
                                                         } finally {
                                                             setIsResumingDownload(state.download_id, false);
@@ -409,16 +427,13 @@ export default function LibraryPage() {
                                                         setIsPausingDownload(state.download_id, true);
                                                         try {
                                                             await pauseDownload(state)
-                                                            // toast({
+                                                            // toast.success("Paused Download", {
-                                                            //     title: 'Paused Download',
+                                                            //     description: "Download paused successfully.",
-                                                            //     description: 'Download paused successfully.',
                                                             // })
                                                         } catch (e) {
                                                             console.error(e);
-                                                            toast({
+                                                            toast.error("Failed to Pause Download", {
-                                                                title: 'Failed to Pause Download',
+                                                                description: "An error occurred while trying to pause the download."
-                                                                description: 'An error occurred while trying to pause the download.',
-                                                                variant: "destructive"
                                                             })
                                                         } finally {
                                                             setIsPausingDownload(state.download_id, false);
@@ -446,16 +461,13 @@ export default function LibraryPage() {
                                                     setIsCancelingDownload(state.download_id, true);
                                                     try {
                                                         await cancelDownload(state)
-                                                        toast({
+                                                        toast.success("Canceled Download", {
-                                                            title: 'Canceled Download',
+                                                            description: "Download canceled successfully.",
-                                                            description: 'Download canceled successfully.',
                                                         })
                                                     } catch (e) {
                                                         console.error(e);
-                                                        toast({
+                                                        toast.error("Failed to Cancel Download", {
-                                                            title: 'Failed to Cancel Download',
+                                                            description: "An error occurred while trying to cancel the download.",
-                                                            description: 'An error occurred while trying to cancel the download.',
-                                                            variant: "destructive"
                                                         })
                                                     } finally {
                                                         setIsCancelingDownload(state.download_id, false);

src/providers/appContextProvider.tsx

@@ -1,10 +1,11 @@
 import { DownloadState } from '@/types/download';
+import { DownloadConfiguration } from '@/types/settings';
 import { RawVideoInfo } from '@/types/video';
 import { createContext, useContext } from 'react';
 
 interface AppContextType {
-  fetchVideoMetadata: (url: string, formatId?: string) => Promise<RawVideoInfo | null>;
+  fetchVideoMetadata: (url: string, formatId?: string, playlistIndex?: string, selectedSubtitles?: string | null, resumeState?: DownloadState, downloadConfig?: DownloadConfiguration) => Promise<RawVideoInfo | null>;
-  startDownload: (url: string, selectedFormat: string, selectedSubtitles?: string | null, resumeState?: DownloadState, playlistItems?: string) => Promise<void>;
+  startDownload: (url: string, selectedFormat: string, downloadConfig: DownloadConfiguration, selectedSubtitles?: string | null, resumeState?: DownloadState, playlistItems?: string) => Promise<void>;
   pauseDownload: (state: DownloadState) => Promise<void>;
   resumeDownload: (state: DownloadState) => Promise<void>;
   cancelDownload: (state: DownloadState) => Promise<void>;

src/services/database.ts

@@ -196,7 +196,15 @@ export const saveDownloadState = async (downloadState: DownloadState) => {
                 eta = $22,
                 filepath = $23,
                 filetype = $24,
-                filesize = $25
+                filesize = $25,
+                output_format = $26,
+                embed_metadata = $27,
+                embed_thumbnail = $28,
+                sponsorblock_remove = $29,
+                sponsorblock_mark = $30,
+                use_aria2 = $31,
+                custom_command = $32,
+                queue_config = $33
             WHERE download_id = $1`,
             [
                 downloadState.download_id,
@@ -223,7 +231,15 @@ export const saveDownloadState = async (downloadState: DownloadState) => {
                 downloadState.eta,
                 downloadState.filepath,
                 downloadState.filetype,
-                downloadState.filesize
+                downloadState.filesize,
+                downloadState.output_format,
+                downloadState.embed_metadata,
+                downloadState.embed_thumbnail,
+                downloadState.sponsorblock_remove,
+                downloadState.sponsorblock_mark,
+                downloadState.use_aria2,
+                downloadState.custom_command,
+                downloadState.queue_config
             ]
         )
     }
@@ -252,8 +268,16 @@ export const saveDownloadState = async (downloadState: DownloadState) => {
             eta,
             filepath,
             filetype,
-            filesize
+            filesize,
-        ) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15, $16, $17, $18, $19, $20, $21, $22, $23, $24, $25)`,
+            output_format,
+            embed_metadata,
+            embed_thumbnail,
+            sponsorblock_remove,
+            sponsorblock_mark,
+            use_aria2,
+            custom_command,
+            queue_config
+        ) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15, $16, $17, $18, $19, $20, $21, $22, $23, $24, $25, $26, $27, $28, $29, $30, $31, $32, $33)`,
         [
             downloadState.download_id,
             downloadState.download_status,
@@ -279,7 +303,15 @@ export const saveDownloadState = async (downloadState: DownloadState) => {
             downloadState.eta,
             downloadState.filepath,
             downloadState.filetype,
-            downloadState.filesize
+            downloadState.filesize,
+            downloadState.output_format,
+            downloadState.embed_metadata,
+            downloadState.embed_thumbnail,
+            downloadState.sponsorblock_remove,
+            downloadState.sponsorblock_mark,
+            downloadState.use_aria2,
+            downloadState.custom_command,
+            downloadState.queue_config
         ]
     )
 }
@@ -292,11 +324,11 @@ export const updateDownloadStatus = async (download_id: string, download_status:
     )
 }
 
-export const updateDownloadFilePath = async (download_id: string, filepath: string) => {
+export const updateDownloadFilePath = async (download_id: string, filepath: string, ext: string) => {
     const db = await Database.load('sqlite:database.db')
     return await db.execute(
-        'UPDATE downloads SET filepath = $2 WHERE download_id = $1',
+        'UPDATE downloads SET filepath = $2, ext = $3 WHERE download_id = $1',
-        [download_id, filepath]
+        [download_id, filepath, ext]
     )
 }
 

src/services/mutations.ts

@@ -31,8 +31,8 @@ export function useUpdateDownloadStatus() {
 
 export function useUpdateDownloadFilePath() {
     return useMutation({
-        mutationFn: (data: { download_id: string; filepath: string }) =>
+        mutationFn: (data: { download_id: string; filepath: string, ext: string }) =>
-        updateDownloadFilePath(data.download_id, data.filepath)
+        updateDownloadFilePath(data.download_id, data.filepath, data.ext)
     })
 }
 

src/services/store.ts

@@ -1,4 +1,4 @@
-import { BasePathsStore, CurrentVideoMetadataStore, DownloadActionStatesStore, DownloaderPageStatesStore, DownloadStatesStore, KvPairsStatesStore, LibraryPageStatesStore, SettingsPageStatesStore } from '@/types/store';
+import { BasePathsStore, CurrentVideoMetadataStore, DownloadActionStatesStore, DownloaderPageStatesStore, DownloadStatesStore, KvPairsStatesStore, LibraryPageStatesStore, LogsStore, SettingsPageStatesStore } from '@/types/store';
 import { create } from 'zustand';
 
 export const useBasePathsStore = create<BasePathsStore>((set) => ({
@@ -34,31 +34,60 @@ export const useCurrentVideoMetadataStore = create<CurrentVideoMetadataStore>((s
     isMetadataLoading: false,
     requestedUrl: '',
     autoSubmitSearch: false,
+    searchPid: null,
+    showSearchError: true,
     setVideoUrl: (url) => set(() => ({ videoUrl: url })),
     setVideoMetadata: (metadata) => set(() => ({ videoMetadata: metadata })),
     setIsMetadataLoading: (isLoading) => set(() => ({ isMetadataLoading: isLoading })),
     setRequestedUrl: (url) => set(() => ({ requestedUrl: url })),
     setAutoSubmitSearch: (autoSubmit) => set(() => ({ autoSubmitSearch: autoSubmit })),
+    setSearchPid: (pid) => set(() => ({ searchPid: pid })),
+    setShowSearchError: (showError) => set(() => ({ showSearchError: showError }))
 }));
 
 export const useDownloaderPageStatesStore = create<DownloaderPageStatesStore>((set) => ({
     activeDownloadModeTab: 'selective',
+    activeDownloadConfigurationTab: 'options',
     isStartingDownload: false,
     selectedDownloadFormat: 'best',
     selectedCombinableVideoFormat: '',
     selectedCombinableAudioFormat: '',
     selectedSubtitles: [],
     selectedPlaylistVideoIndex: '1',
+    downloadConfiguration: {
+        output_format: null,
+        embed_metadata: null,
+        embed_thumbnail: null,
+        sponsorblock: null,
+        custom_command: null
+    },
     isErrored: false,
     isErrorExpected: false,
     erroredDownloadId: null,
     setActiveDownloadModeTab: (tab) => set(() => ({ activeDownloadModeTab: tab })),
+    setActiveDownloadConfigurationTab: (tab) => set(() => ({ activeDownloadConfigurationTab: tab })),
     setIsStartingDownload: (isStarting) => set(() => ({ isStartingDownload: isStarting })),
     setSelectedDownloadFormat: (format) => set(() => ({ selectedDownloadFormat: format })),
     setSelectedCombinableVideoFormat: (format) => set(() => ({ selectedCombinableVideoFormat: format })),
     setSelectedCombinableAudioFormat: (format) => set(() => ({ selectedCombinableAudioFormat: format })),
     setSelectedSubtitles: (subtitles) => set(() => ({ selectedSubtitles: subtitles })),
     setSelectedPlaylistVideoIndex: (index) => set(() => ({ selectedPlaylistVideoIndex: index })),
+    setDownloadConfigurationKey: (key, value) => set((state) => ({
+        downloadConfiguration: {
+            ...state.downloadConfiguration,
+            [key]: value
+        }
+    })),
+    setDownloadConfiguration: (config) => set(() => ({ downloadConfiguration: config })),
+    resetDownloadConfiguration: () => set(() => ({
+        downloadConfiguration: {
+            output_format: null,
+            embed_metadata: null,
+            embed_thumbnail: null,
+            sponsorblock: null,
+            custom_command: null
+        }
+    })),
     setIsErrored: (isErrored) => set(() => ({ isErrored: isErrored })),
     setIsErrorExpected: (isErrorExpected) => set(() => ({ isErrorExpected: isErrorExpected })),
     setErroredDownloadId: (downloadId) => set(() => ({ erroredDownloadId: downloadId })),
@@ -136,7 +165,32 @@ export const useSettingsPageStatesStore = create<SettingsPageStatesStore>((set)
         always_reencode_video: false,
         embed_video_metadata: false,
         embed_audio_metadata: true,
+        embed_video_thumbnail: false,
         embed_audio_thumbnail: true,
+        use_cookies: false,
+        import_cookies_from: 'browser',
+        cookies_browser: 'firefox',
+        cookies_file: '',
+        use_sponsorblock: false,
+        sponsorblock_mode: 'remove',
+        sponsorblock_remove: 'default',
+        sponsorblock_mark: 'default',
+        sponsorblock_remove_categories: [],
+        sponsorblock_mark_categories: [],
+        use_aria2: false,
+        use_force_internet_protocol: false,
+        force_internet_protocol: 'ipv4',
+        use_custom_commands: false,
+        custom_commands: [],
+        filename_template: '%(title)s_%(resolution|unknown)s',
+        debug_mode: false,
+        log_verbose: true,
+        log_warning: true,
+        log_progress: false,
+        enable_notifications: false,
+        update_notification: true,
+        download_completion_notification: false,
+        // extension settings
         websocket_port: 53511
     },
     isUsingDefaultSettings: true,
@@ -180,7 +234,32 @@ export const useSettingsPageStatesStore = create<SettingsPageStatesStore>((set)
             always_reencode_video: false,
             embed_video_metadata: false,
             embed_audio_metadata: true,
+            embed_video_thumbnail: false,
             embed_audio_thumbnail: true,
+            use_cookies: false,
+            import_cookies_from: 'browser',
+            cookies_browser: 'firefox',
+            cookies_file: '',
+            use_sponsorblock: false,
+            sponsorblock_mode: 'remove',
+            sponsorblock_remove: 'default',
+            sponsorblock_mark: 'default',
+            sponsorblock_remove_categories: [],
+            sponsorblock_mark_categories: [],
+            use_aria2: false,
+            use_force_internet_protocol: false,
+            force_internet_protocol: 'ipv4',
+            use_custom_commands: false,
+            custom_commands: [],
+            filename_template: '%(title)s_%(resolution|unknown)s',
+            debug_mode: false,
+            log_verbose: true,
+            log_warning: true,
+            log_progress: false,
+            enable_notifications: false,
+            update_notification: true,
+            download_completion_notification: false,
+            // extension settings
             websocket_port: 53511
         },
         isUsingDefaultSettings: true
@@ -207,3 +286,10 @@ export const useKvPairsStatesStore = create<KvPairsStatesStore>((set) => ({
     })),
     setKvPairs: (kvPairs) => set(() => ({ kvPairs }))
 }));
+
+export const useLogsStore = create<LogsStore>((set) => ({
+    logs: [],
+    setLogs: (logs) => set(() => ({ logs })),
+    addLog: (log) => set((state) => ({ logs: [...state.logs, log] })),
+    clearLogs: () => set(() => ({ logs: [] }))
+}));

src/types/download.ts

@@ -37,6 +37,16 @@ export interface DownloadState {
     filepath: string | null;
     filetype: string | null;
     filesize: number | null;
+    output_format: string | null;
+    embed_metadata: number;
+    embed_thumbnail: number;
+    sponsorblock_remove: string | null;
+    sponsorblock_mark: string | null;
+    use_aria2: number;
+    custom_command: string | null;
+    queue_config: string | null;
+    created_at?: string;
+    updated_at?: string;
 }
 
 export interface Download {
@@ -65,6 +75,16 @@ export interface Download {
     filepath: string | null;
     filetype: string | null;
     filesize: number | null;
+    output_format: string | null;
+    embed_metadata: number;
+    embed_thumbnail: number;
+    sponsorblock_remove: string | null;
+    sponsorblock_mark: string | null;
+    use_aria2: number;
+    custom_command: string | null;
+    queue_config: string | null;
+    created_at: string;
+    updated_at: string;
 }
 
 export interface DownloadProgress {

src/types/logs.ts

@@ -0,0 +1,6 @@
+export interface Log {
+    timestamp: number;
+    level: 'info' | 'warning' | 'error' | 'debug' | 'progress';
+    context: string;
+    message: string;
+}

src/types/settings.ts

@@ -3,6 +3,12 @@ export interface SettingsTable {
     value: string;
 }
 
+export interface CustomCommand {
+    id: string;
+    label: string;
+    args: string;
+}
+
 export interface Settings {
     ytdlp_update_channel: string;
     ytdlp_auto_update: boolean;
@@ -21,7 +27,39 @@ export interface Settings {
     always_reencode_video: boolean;
     embed_video_metadata: boolean;
     embed_audio_metadata: boolean;
+    embed_video_thumbnail: boolean;
     embed_audio_thumbnail: boolean;
+    use_cookies: boolean;
+    import_cookies_from: string;
+    cookies_browser: string;
+    cookies_file: string;
+    use_sponsorblock: boolean;
+    sponsorblock_mode: string;
+    sponsorblock_remove: string;
+    sponsorblock_mark: string;
+    sponsorblock_remove_categories: string[];
+    sponsorblock_mark_categories: string[];
+    use_aria2: boolean;
+    use_force_internet_protocol: boolean;
+    force_internet_protocol: string;
+    use_custom_commands: boolean;
+    custom_commands: CustomCommand[];
+    filename_template: string;
+    debug_mode: boolean;
+    log_verbose: boolean;
+    log_warning: boolean;
+    log_progress: boolean;
+    enable_notifications: boolean;
+    update_notification: boolean;
+    download_completion_notification: boolean;
     // extension settings
     websocket_port: number;
 }
+
+export interface DownloadConfiguration {
+    output_format: string | null;
+    embed_metadata: boolean | null;
+    embed_thumbnail: boolean | null;
+    sponsorblock: string | null;
+    custom_command: string | null;
+}

src/types/store.ts

@@ -1,8 +1,9 @@
 import { DownloadState } from "@/types/download";
 import { RawVideoInfo } from "@/types/video";
-import { Settings } from "@/types/settings";
+import { DownloadConfiguration, Settings } from "@/types/settings";
 import { KvStore } from "@/types/kvStore";
 import { Update } from "@tauri-apps/plugin-updater";
+import { Log } from "@/types/logs";
 
 export interface BasePathsStore {
     ffmpegPath: string | null;
@@ -23,31 +24,41 @@ export interface CurrentVideoMetadataStore {
     isMetadataLoading: boolean;
     requestedUrl: string;
     autoSubmitSearch: boolean;
+    searchPid: number | null;
+    showSearchError: boolean;
     setVideoUrl: (url: string) => void;
     setVideoMetadata: (metadata: RawVideoInfo | null) => void;
     setIsMetadataLoading: (isLoading: boolean) => void;
     setRequestedUrl: (url: string) => void;
     setAutoSubmitSearch: (autoSubmit: boolean) => void;
+    setSearchPid: (pid: number | null) => void;
+    setShowSearchError: (showError: boolean) => void;
 }
 
 export interface DownloaderPageStatesStore {
     activeDownloadModeTab: string;
+    activeDownloadConfigurationTab: string;
     isStartingDownload: boolean;
     selectedDownloadFormat: string;
     selectedCombinableVideoFormat: string;
     selectedCombinableAudioFormat: string;
     selectedSubtitles: string[];
     selectedPlaylistVideoIndex: string;
+    downloadConfiguration: DownloadConfiguration;
     isErrored: boolean;
     isErrorExpected: boolean;
     erroredDownloadId: string | null;
     setActiveDownloadModeTab: (tab: string) => void;
+    setActiveDownloadConfigurationTab: (tab: string) => void;
     setIsStartingDownload: (isStarting: boolean) => void;
     setSelectedDownloadFormat: (format: string) => void;
     setSelectedCombinableVideoFormat: (format: string) => void;
     setSelectedCombinableAudioFormat: (format: string) => void;
     setSelectedSubtitles: (subtitles: string[]) => void;
     setSelectedPlaylistVideoIndex: (index: string) => void;
+    setDownloadConfigurationKey: (key: string, value: unknown) => void;
+    setDownloadConfiguration: (config: DownloadConfiguration) => void;
+    resetDownloadConfiguration: () => void;
     setIsErrored: (isErrored: boolean) => void;
     setIsErrorExpected: (isErrorExpected: boolean) => void;
     setErroredDownloadId: (downloadId: string | null) => void;
@@ -115,3 +126,10 @@ export interface KvPairsStatesStore {
     setKvPairsKey: (key: string, value: unknown) => void;
     setKvPairs: (kvPairs: KvStore) => void;
 }
+
+export interface LogsStore {
+    logs: Log[];
+    setLogs: (logs: Log[]) => void;
+    addLog: (log: Log) => void;
+    clearLogs: () => void;
+}

src/utils.ts

@@ -21,14 +21,37 @@ export function getRouteName(location: string, routes: Array<RoutesObj> = AllRou
   return lastPart ? lastPart.toUpperCase() : 'Dashboard';
 }
 
+const convertToBytes = (value: number, unit: string): number => {
+  switch (unit) {
+    case 'B':
+      return value;
+    case 'KiB':
+      return value * 1024;
+    case 'MiB':
+      return value * 1024 * 1024;
+    case 'GiB':
+      return value * 1024 * 1024 * 1024;
+    default:
+      return value;
+  }
+};
+
 export const parseProgressLine = (line: string): DownloadProgress => {
   const progress: Partial<DownloadProgress> = {
     status: 'downloading'
   };
 
-  line.split(',').forEach(pair => {
+  // Check if line contains both aria2c and yt-dlp format (combined format)
+  if (line.includes(']status:')) {
+    // Extract the status part after the closing bracket
+    const statusIndex = line.indexOf(']status:');
+    if (statusIndex !== -1) {
+      const statusPart = line.substring(statusIndex + 1); // +1 to skip the ']'
+      // Parse the yt-dlp format part
+      statusPart.split(',').forEach(pair => {
         const [key, value] = pair.split(':');
-    switch (key) {
+        if (key && value) {
+          switch (key.trim()) {
             case 'status':
               progress.status = value.trim();
               break;
@@ -45,9 +68,84 @@ export const parseProgressLine = (line: string): DownloadProgress => {
               progress.total = parseInt(value, 10);
               break;
             case 'eta':
+              if (value.trim() !== 'NA') {
                 progress.eta = parseInt(value, 10);
+              }
               break;
           }
+        }
+      });
+    }
+    return progress as DownloadProgress;
+  }
+
+  // Check if line is aria2c format only
+  if (line.startsWith('[#') && line.includes('MiB') && line.includes('%')) {
+    // Parse aria2c format: [#99f72b 2.5MiB/3.4MiB(75%) CN:1 DL:503KiB ETA:1s]
+    
+    // Extract progress percentage
+    const progressMatch = line.match(/\((\d+(?:\.\d+)?)%\)/);
+    if (progressMatch) {
+      progress.progress = parseFloat(progressMatch[1]);
+    }
+
+    // Extract downloaded/total sizes
+    const sizeMatch = line.match(/(\d+(?:\.\d+)?)(MiB|KiB|GiB|B)\/(\d+(?:\.\d+)?)(MiB|KiB|GiB|B)/);
+    if (sizeMatch) {
+      const downloaded = parseFloat(sizeMatch[1]);
+      const downloadedUnit = sizeMatch[2];
+      const total = parseFloat(sizeMatch[3]);
+      const totalUnit = sizeMatch[4];
+
+      // Convert to bytes
+      progress.downloaded = convertToBytes(downloaded, downloadedUnit);
+      progress.total = convertToBytes(total, totalUnit);
+    }
+
+    // Extract download speed
+    const speedMatch = line.match(/DL:(\d+(?:\.\d+)?)(KiB|MiB|GiB|B)/);
+    if (speedMatch) {
+      const speed = parseFloat(speedMatch[1]);
+      const speedUnit = speedMatch[2];
+      progress.speed = convertToBytes(speed, speedUnit);
+    }
+
+    // Extract ETA
+    const etaMatch = line.match(/ETA:(\d+)s/);
+    if (etaMatch) {
+      progress.eta = parseInt(etaMatch[1], 10);
+    }
+
+    return progress as DownloadProgress;
+  }
+  
+  // Original yt-dlp format: status:downloading,progress: 75.1%,speed:1022692.427018,downloaded:30289474,total:40331784,eta:9
+  line.split(',').forEach(pair => {
+    const [key, value] = pair.split(':');
+    if (key && value) {
+      switch (key.trim()) {
+        case 'status':
+          progress.status = value.trim();
+          break;
+        case 'progress':
+          progress.progress = parseFloat(value.replace('%', '').trim());
+          break;
+        case 'speed':
+          progress.speed = parseFloat(value);
+          break;
+        case 'downloaded':
+          progress.downloaded = parseInt(value, 10);
+          break;
+        case 'total':
+          progress.total = parseInt(value, 10);
+          break;
+        case 'eta':
+          if (value.trim() !== 'NA') {
+            progress.eta = parseInt(value, 10);
+          }
+          break;
+      }
+    }
   });
 
   return progress as DownloadProgress;
@@ -111,6 +209,10 @@ export const formatCodec = (codec: string) => {
   return codec.toUpperCase();
 }
 
+export const generateID = () => {
+  return `${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+}
+
 export const generateDownloadId = (videoId: string, host: string) => {
   host = host.trim().split('.')[0];
   return `${host}_${videoId}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;

tsconfig.json

@@ -21,7 +21,6 @@
     "noFallthroughCasesInSwitch": true,
 
     /* Paths */
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     }

vite.config.ts

@@ -9,7 +9,9 @@ const host = process.env.TAURI_DEV_HOST;
 // https://vitejs.dev/config/
 export default defineConfig(async () => ({
   plugins: [react(), tailwindcss()],
-
+  build: {
+    chunkSizeWarningLimit: 1024, // 1MB
+  },
   // Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`
   //
   // 1. prevent vite from obscuring rust errors