Download Viewarr

Download Viewarr is a Node.js application designed to fetch and display download queues for Radarr and Sonarr. It provides a simple and user-friendly interface to view movies and TV show download queues via a web page.

Docker Image

docker pull pir8radio/downloadviewarr

Features

• Fetches download queue data from Radarr and Sonarr using their APIs.
• Fetches media drive space info from Radarr or Sonarr APIs.
• Displays data in an organized format on a web page.
• Easy to configure and run locally.
• Can be used by itself, or embeded as an iframe within ombi or some other request app.
• Embed an easy floating button into Ombi, add the below line just above </body> in the ClientApp/dist/index.html file.
  • the color="#e5a00d" part is optional, you can make the floating button match your theme, leave the color part off and it will default to plex theme colors. Can also be embedded into other webpages.
  • Enter the IP address (or URL) and port number to access your Download Viewarr installation from the internet in the downloadviewarr-url area in this embed. Alternativly you can replace the script src url with your Download Viewarr IP (or URL) and host the script from your local copy of Download Viewarr, I just figured this github hosted copy would be easier for you guys and you always have the latest copy!

  <script src="https://pir8radio.github.io/DownloadViewarr/public/downloadviewarr_button.js" downloadviewarr-url="http://<downloadviewarr url or IP>" color="#e5a00d"></script>

Screenshots

** Simulated images, of course...

• Browser Tab (new download indicator)
  

• Standalone Webpage

• Embeded as a modal popup in Ombi (little cloud icon in the bottom left to bring it up) This method requires some HTML/Javascript code to be added to whatever page you want, like Ombi (in this example)

• Mobile Device - Embeded in Ombi
  

• Media Drive Status (optional)

Installation

1. Clone the repository:

   git clone https://github.com/pir8radio/DownloadViewarr.git
   cd DownloadViewarr

2. Install dependencies:

   npm install

3. Configure the settings in the DownloadViewarr.js file or an env file:

/*==================================== SETTINGS =====================================*/

// RADARR SERVER SETTINGS
const DEFAULT_RADARR_SERVER_IP = '127.0.0.1'					// Radarr server IP/URL
const DEFAULT_RADARR_SERVER_PORT = 7878						// Radarr server port
const DEFAULT_RADARR_API_KEY = '1234abcdxxxxxxxxxxxxxxxxxxxxxxxx'		// Radarr API Key

// SONARR SERVER SETTINGS
const DEFAULT_SONARR_SERVER_IP = '127.0.0.1'					// Sonarr server IP/URL
const DEFAULT_SONARR_SERVER_PORT = 8989						// Sonarr server port
const DEFAULT_SONARR_API_KEY = '1234abcdxxxxxxxxxxxxxxxxxxxxxxxx'		// Sonarr API Key

// DOWNLOAD VIEWARR SETTINGS
const DEFAULT_SERVER_PORT = 8888						// Port to view download status page
const DEFAULT_ENABLE_DRIVE_STATUS = "TRUE"					// True or False - Enable media drive(s) bar graphs.

/*==================================== SETTINGS =====================================*/

4. Start the application:

   npm start

5. Open your browser and navigate to:

   http://localhost:8888
   

   You can also link directly to either the Movies table or the TV Shows table by adding the table parameter on the url like so:

   http://localhost:8888/?table=tvshows
   

Support

Dependencies

• Express: Web framework for Node.js.
• Axios: Promise-based HTTP client for Node.js.

API Endpoints

The application includes the following API endpoints:

• Movies Queue: /api/queue/movies
• TV Shows Queue: /api/queue/tvshows
• Total Active Downloads: /api/queue/downloading

These endpoints fetch data from the Radarr and Sonarr APIs and return it in JSON format.

File Structure

• package.json: Contains project metadata and dependencies.
• DownloadViewarr.js: Main application file.
• public/: Directory for static assets (e.g., HTML, CSS, JavaScript files).

License

This project is licensed under the MIT License.

Author

Developed by pir8radio.

Update History

05-04-2025

• Cleaned up settings section, gave dedicated settings.
• Added support for auto generated progress bar style drive information, % Used - Free - etc
• Changed how we were getting drive capacity, now get it from the radarr or sonarr api, so no need to map drives or anything for docker users.

04-26-2025

• This should be the last flash update, lol sorry guys, been pushing out features!
• added tab download indicator to the floating button embed
• added download indicator to the actual floating button (updates every 30 seconds) so you can see if something started downloading without opening the modal.
• made the Movies and TV Shows tabs look more like tabs instead of weird buttons above the table.
• cleaned up some code.

04-18-2025

• Fixed loading bar animiation (that i accidently broke)
• added tab "bubbles" to show how many active downloads are on each tab "Movies" & "TV Shows"
• Cleaned up header sort "arrows" hide them on all but sorted column.
• Can now sort by download progress too.
• Created single line of javascript you can add to any existing page, to pop up a window showing the Download Viewarr.

04-14-2025

• Create Docker Image for project
• Automate Docker Build
• Added support for direct links to "Movies" and "TV Shows" tabs.
• Improved "LIVE" animation, goes offline and online automatically and picks up where it left off.
• Added some "memory", after a page refresh/reload the Download Viewarr will go back to the last tab you were on, unless you linked to the tab or its your first visit.

04-12-2025

• Public Release