Translated using Weblate (Hebrew)

Currently translated at 93.5% (101 of 108 strings)

Translation: Homepage/Homepage
Translate-URL: https://hosted.weblate.org/projects/homepage/homepage/he/

.github/workflows/docker-publish.yml

@@ -96,7 +96,7 @@ jobs:
           labels: ${{ steps.meta.outputs.labels }}
           # https://github.com/docker/setup-qemu-action#about
           # platforms: linux/amd64,linux/arm64,linux/riscv64,linux/ppc64le,linux/s390x,linux/386,linux/mips64le,linux/mips64,linux/arm/v7,linux/arm/v6
-          platforms: linux/amd64,linux/arm64,linux/arm/v6,linux/arm/v7
+          platforms: linux/amd64,linux/arm64,linux/arm/v7,linux/arm/v6
           cache-from: type=local,src=/tmp/.buildx-cache
           cache-to: type=local,dest=/tmp/.buildx-cache-new,mode=max
 

.vscode/launch.json

@@ -0,0 +1,19 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Next.js: debug full stack",
+      "type": "node",
+      "request": "launch",
+      "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/next",
+      "serverReadyAction": {
+        "pattern": "started server on .+, url: (https?://.+)",
+        "uriFormat": "%s",
+        "action": "debugWithChrome"
+      }
+    }
+  ]
+}

README.md

@@ -5,30 +5,30 @@
 
 ## Features
 
-  * Fast! The entire site is statically generated at build time, so you can expect instant load times
+- Fast! The entire site is statically generated at build time, so you can expect instant load times
-  * Images built for AMD64 (x86_64), ARM64, ARMv7 and ARMv6
+- Images built for AMD64 (x86_64), ARM64, ARMv7 and ARMv6
-    - Supports all Raspberry Pi's, most SBCs & Apple Silicon
+  - Supports all Raspberry Pi's, most SBCs & Apple Silicon
-  * Full i18n support with automatic language detection
+- Full i18n support with automatic language detection
-    - Translations for Chinese, Dutch, French, German, Norwegian Bokmål, Portuguese, Russian and Spanish
+  - Translations for Chinese, Dutch, French, German, Norwegian Bokmål, Polish, Portuguese, Russian, Spanish and Swedish
-    - Want to help translate? [Join the Weblate project](https://hosted.weblate.org/engage/homepage/)
+  - Want to help translate? [Join the Weblate project](https://hosted.weblate.org/engage/homepage/)
-  * Service & Web Bookmarks
+- Service & Web Bookmarks
-  * Docker Integration
+- Docker Integration
-    - Container status (Running / Stopped) & statistics (CPU, Memory, Network)
+  - Container status (Running / Stopped) & statistics (CPU, Memory, Network)
-    - Automatic service discovery (via labels)
+  - Automatic service discovery (via labels)
-  * Service Integration
+- Service Integration
-    - Sonarr, Radarr, Readarr, Prowlarr, Emby, Jellyfin, Tautulli (Plex)
+  - Sonarr, Radarr, Readarr, Prowlarr, Bazarr, Lidarr, Emby, Jellyfin, Tautulli (Plex)
-    - Ombi, Overseerr, Jellyseerr, NZBGet, SABnzbd, ruTorrent
+  - Ombi, Overseerr, Jellyseerr, Jackett, NZBGet, SABnzbd, ruTorrent, Transmission, qBittorrent
-    - Portainer, Traefik, Speedtest Tracker, PiHole, Nginx Proxy Manager, Gotify
+  - Portainer, Traefik, Speedtest Tracker, PiHole, AdGuard Home, Nginx Proxy Manager, Gotify
-  * Information Providers
+- Information Providers
-    - Coin Market Cap
+  - Coin Market Cap
-  * Information & Utility Widgets
+- Information & Utility Widgets
-    - System Stats (Disk, CPU, Memory)
+  - System Stats (Disk, CPU, Memory)
-    - Weather via WeatherAPI.com or OpenWeatherMap
+  - Weather via WeatherAPI.com or OpenWeatherMap
-      - Automatic location detection (with HTTPS), or manual location selection
+    - Automatic location detection (with HTTPS), or manual location selection
-    - Search Bar
+  - Search Bar
-  * Customizable
+- Customizable
-    - 21 theme colors with light and dark mode support
+  - 21 theme colors with light and dark mode support
-    - Background image support
+  - Background image support
 
 ## Support & Suggestions
 
@@ -45,16 +45,16 @@ For configuration options, examples and more, [please check out the Wiki](https:
 Using docker compose:
 
 ```yaml
-version: '3.3'
+version: "3.3"
 services:
-    homepage:
+  homepage:
-        image: ghcr.io/benphelps/homepage:latest
+    image: ghcr.io/benphelps/homepage:latest
-        container_name: homepage
+    container_name: homepage
-        ports:
+    ports:
-            - 3000:3000
+      - 3000:3000
-        volumes:
+    volumes:
-            - /path/to/config:/app/config
+      - /path/to/config:/app/config # Make sure your local config directory exists
-            - /var/run/docker.sock:/var/run/docker.sock # (optional) For docker integrations
+      - /var/run/docker.sock:/var/run/docker.sock # (optional) For docker integrations
 ```
 
 or docker run:
@@ -90,7 +90,7 @@ pnpm start
 
 Configuration files will be genereted and placed on the first request.
 
-Configuration is done in the /config directory using .yaml files.  Refer to each config for
+Configuration is done in the /config directory using .yaml files. Refer to each config for
 the specific configuration options.
 
 You may also check [the wiki](https://github.com/benphelps/homepage/wiki) for detailed configuration instructions, examples and more.
@@ -115,22 +115,27 @@ This is a [Next.js](https://nextjs.org/) application, see their doucmentation fo
 
 ## Contributors
 
-Huge thanks to the all the contributors who have helped make this project what it is today!  In alphabetical order:
+Huge thanks to the all the contributors who have helped make this project what it is today! In alphabetical order:
 
-  * [aidenpwnz](https://github.com/benphelps/homepage/commits?author=aidenpwnz) - Nginx Proxy Manager, Search Bar Widget
+- [aidenpwnz](https://github.com/benphelps/homepage/commits?author=aidenpwnz) - Nginx Proxy Manager, Search Bar Widget
-  * [AlexFullmoon](https://github.com/benphelps/homepage/commits?author=AlexFullmoon) - OpenWeatherMap Widget
+- [AlexFullmoon](https://github.com/benphelps/homepage/commits?author=AlexFullmoon) - OpenWeatherMap Widget
-  * [AmadeusGraves](https://github.com/benphelps/homepage/commits?author=AmadeusGraves) - Spanish Translation
+- [AmadeusGraves](https://github.com/benphelps/homepage/commits?author=AmadeusGraves) - Spanish Translation
-  * [boerniee](https://github.com/benphelps/homepage/commits?author=boerniee) - German Translation
+- [boerniee](https://github.com/benphelps/homepage/commits?author=boerniee) - German Translation
-  * [comradekingu](https://github.com/benphelps/homepage/commits?author=comradekingu) - Norwegian Bokmål Translation
+- [comradekingu](https://github.com/benphelps/homepage/commits?author=comradekingu) - Norwegian Bokmål Translation
-  * [deffcolony](https://github.com/benphelps/homepage/commits?author=deffcolony) - Dutch Translation
+- [deffcolony](https://github.com/benphelps/homepage/commits?author=deffcolony) - Dutch Translation
-  * [desolaris](https://github.com/benphelps/homepage/commits?author=desolaris) - Russian Translation
+- [desolaris](https://github.com/benphelps/homepage/commits?author=desolaris) - Russian Translation
-  * [ilusi0n](https://github.com/benphelps/homepage/commits?author=ilusi0n) - Jellyseerr Integration
+- [ilusi0n](https://github.com/benphelps/homepage/commits?author=ilusi0n) - Jellyseerr Integration
-  * [ItsJustMeChris](https://github.com/benphelps/homepage/commits?author=ItsJustMeChris) - Coin Market Cap Widget
+- [ItsJustMeChris](https://github.com/benphelps/homepage/commits?author=ItsJustMeChris) - Coin Market Cap Widget
-  * [jackblk](https://github.com/benphelps/homepage/commits?author=jackblk) - Vietnamese Translation
+- [jackblk](https://github.com/benphelps/homepage/commits?author=jackblk) - Vietnamese Translation
-  * [JazzFisch](https://github.com/benphelps/homepage/commits?author=JazzFisch) - Readarr, SABnzbd Integrations
+- [JazzFisch](https://github.com/benphelps/homepage/commits?author=JazzFisch) - Readarr, Bazarr, Lidarr, SABnzbd, Transmission & qBittorrent Integrations
-  * [modem7](https://github.com/benphelps/homepage/commits?author=modem7) - Impvoed Docker Image
+- [juanmanuelbc](https://github.com/benphelps/homepage/commits?author=juanmanuelbc) - Spanish and Catalan Translations
-  * [nicedc](https://github.com/benphelps/homepage/commits?author=nicedc) - Chinese Translation
+- [modem7](https://github.com/benphelps/homepage/commits?author=modem7) - Impvoed Docker Image
-  * [Nonoss117](https://github.com/benphelps/homepage/commits?author=Nonoss117) - French Translation
+- [nicedc](https://github.com/benphelps/homepage/commits?author=nicedc) - Chinese Translation
-  * [quod](https://github.com/benphelps/homepage/commits?author=quod) - Fixed Typos
+- [Nonoss117](https://github.com/benphelps/homepage/commits?author=Nonoss117) - French Translation
-  * [schklom](https://github.com/benphelps/homepage/commits?author=schklom) - ARM64, ARMv7 and ARMv6
+- [pacoculebras](https://github.com/benphelps/homepage/commits?author=pacoculebras) - Catalan Translation
-  * [xicopitz](https://github.com/benphelps/homepage/commits?author=xicopitz) - Gotify & Prowlarr Integration
+- [psychodracon](https://github.com/benphelps/homepage/commits?author=psychodracon) - Polish Translation
+- [quod](https://github.com/benphelps/homepage/commits?author=quod) - Fixed Typos
+- [schklom](https://github.com/benphelps/homepage/commits?author=schklom) - ARM64, ARMv7 and ARMv6
+- [SuperDOS](https://github.com/benphelps/homepage/commits?author=SuperDOS) - Swedish Translation
+- [xicopitz](https://github.com/benphelps/homepage/commits?author=xicopitz) - Gotify & Prowlarr Integration
+- [andrii-kryvoviaz](https://github.com/benphelps/homepage/commits?author=andrii-kryvoviaz) - Background opacity option

docker-entrypoint.sh

@@ -0,0 +1,9 @@
+#!/bin/sh
+
+set -e
+
+# This is in attempt to preserve the original behavior of the Dockerfile,
+# while also supporting the lscr.io /config directory
+[ ! -d "/app/config" ] && ln -s /config /app/config
+
+node server.js

package.json

@@ -6,13 +6,15 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "telemetry": "next telemetry disable"
   },
   "dependencies": {
     "@headlessui/react": "^1.7.0",
     "@tailwindcss/forms": "^0.5.3",
     "classnames": "^2.3.1",
     "dockerode": "^3.3.4",
+    "follow-redirects": "^1.15.2",
     "i18next": "^21.9.1",
     "i18next-browser-languagedetector": "^6.1.5",
     "i18next-http-backend": "^1.4.1",
@@ -29,7 +31,8 @@
     "react-icons": "^4.4.0",
     "rutorrent-promise": "^2.0.0",
     "shvl": "^3.0.0",
-    "swr": "^1.3.0"
+    "swr": "^1.3.0",
+    "tough-cookie": "^4.1.2"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.9",

pnpm-lock.yaml

@@ -15,6 +15,7 @@ specifiers:
   eslint-plugin-prettier: ^4.2.1
   eslint-plugin-react: ^7.31.8
   eslint-plugin-react-hooks: ^4.6.0
+  follow-redirects: ^1.15.2
   i18next: ^21.9.1
   i18next-browser-languagedetector: ^6.1.5
   i18next-http-backend: ^1.4.1
@@ -35,6 +36,7 @@ specifiers:
   shvl: ^3.0.0
   swr: ^1.3.0
   tailwindcss: ^3.1.8
+  tough-cookie: ^4.1.2
   typescript: ^4.8.3
 
 dependencies:
@@ -42,6 +44,7 @@ dependencies:
   '@tailwindcss/forms': 0.5.3_tailwindcss@3.1.8
   classnames: 2.3.1
   dockerode: 3.3.4
+  follow-redirects: 1.15.2
   i18next: 21.9.1
   i18next-browser-languagedetector: 6.1.5
   i18next-http-backend: 1.4.1
@@ -59,6 +62,7 @@ dependencies:
   rutorrent-promise: 2.0.0
   shvl: 3.0.0
   swr: 1.3.0_react@18.2.0
+  tough-cookie: 4.1.2
 
 devDependencies:
   autoprefixer: 10.4.9_postcss@8.4.16
@@ -1352,6 +1356,16 @@ packages:
     resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
     dev: true
 
+  /follow-redirects/1.15.2:
+    resolution: {integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dev: false
+
   /form-data/3.0.1:
     resolution: {integrity: sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==}
     engines: {node: '>= 6'}
@@ -2156,6 +2170,10 @@ packages:
       react-is: 16.13.1
     dev: true
 
+  /psl/1.9.0:
+    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
+    dev: false
+
   /pump/3.0.0:
     resolution: {integrity: sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==}
     dependencies:
@@ -2166,7 +2184,10 @@ packages:
   /punycode/2.1.1:
     resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==}
     engines: {node: '>=6'}
-    dev: true
+
+  /querystringify/2.2.0:
+    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
+    dev: false
 
   /queue-microtask/1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
@@ -2271,6 +2292,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /requires-port/1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
+    dev: false
+
   /resolve-from/4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -2557,6 +2582,16 @@ packages:
     engines: {node: '>=0.6'}
     dev: false
 
+  /tough-cookie/4.1.2:
+    resolution: {integrity: sha512-G9fqXWoYFZgTc2z8Q5zaHy/vJMjm+WV0AkAeHxVCQiEB1b+dGvWzFW6QV07cY5jQ5gRkeid2qIkzkxUnmoQZUQ==}
+    engines: {node: '>=6'}
+    dependencies:
+      psl: 1.9.0
+      punycode: 2.1.1
+      universalify: 0.2.0
+      url-parse: 1.5.10
+    dev: false
+
   /tr46/0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: false
@@ -2619,6 +2654,11 @@ packages:
       which-boxed-primitive: 1.0.2
     dev: true
 
+  /universalify/0.2.0:
+    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
+    engines: {node: '>= 4.0.0'}
+    dev: false
+
   /unpipe/1.0.0:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
@@ -2641,6 +2681,13 @@ packages:
       punycode: 2.1.1
     dev: true
 
+  /url-parse/1.5.10:
+    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
+    dependencies:
+      querystringify: 2.2.0
+      requires-port: 1.0.0
+    dev: false
+
   /use-sync-external-store/1.2.0_react@18.2.0:
     resolution: {integrity: sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==}
     peerDependencies:

public/locales/ca/common.json

@@ -0,0 +1,161 @@
+{
+    "widget": {
+        "missing_type": "Falta el tipus de widget: {{type}}",
+        "api_error": "Error d'API",
+        "status": "Estat"
+    },
+    "weather": {
+        "allow": "Feu clic per permetre",
+        "updating": "Actualitzant",
+        "wait": "Si us plau, espereu",
+        "current": "Localització actual"
+    },
+    "search": {
+        "placeholder": "Cercar…"
+    },
+    "transmission": {
+        "seed": "Llavors",
+        "download": "Descàrrega",
+        "upload": "Càrrega",
+        "leech": "Companys"
+    },
+    "sonarr": {
+        "wanted": "Volgut",
+        "queued": "En cua",
+        "series": "Sèries"
+    },
+    "speedtest": {
+        "ping": "Ping",
+        "upload": "Càrrega",
+        "download": "Descàrrega"
+    },
+    "resources": {
+        "total": "Total",
+        "free": "Lliure",
+        "used": "Usat",
+        "load": "Càrrega"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Fora de línia"
+    },
+    "emby": {
+        "playing": "Reproduint",
+        "transcoding": "Transcodificant",
+        "bitrate": "Taxa de bits",
+        "no_active": "Sense transmissions actives"
+    },
+    "tautulli": {
+        "playing": "Reproduint",
+        "transcoding": "Transcodificant",
+        "bitrate": "Taxa de bits",
+        "no_active": "Sense transmissions actives"
+    },
+    "nzbget": {
+        "rate": "Taxa",
+        "remaining": "Restant",
+        "downloaded": "Descarregat"
+    },
+    "sabnzbd": {
+        "rate": "Taxa",
+        "queue": "Cua",
+        "timeleft": "Temps restant"
+    },
+    "rutorrent": {
+        "active": "Actiu",
+        "upload": "Càrrega",
+        "download": "Descàrrega"
+    },
+    "radarr": {
+        "wanted": "Volgut",
+        "queued": "En cua",
+        "movies": "Pel·lícules"
+    },
+    "readarr": {
+        "wanted": "Volgut",
+        "queued": "En cua",
+        "books": "Llibres"
+    },
+    "ombi": {
+        "pending": "Pendent",
+        "approved": "Aprovat",
+        "available": "Disponible"
+    },
+    "jellyseerr": {
+        "pending": "Pendent",
+        "approved": "Aprovat",
+        "available": "Disponible"
+    },
+    "overseerr": {
+        "pending": "Pendent",
+        "approved": "Aprovat",
+        "available": "Disponible"
+    },
+    "pihole": {
+        "queries": "Consultes",
+        "blocked": "Bloquejat",
+        "gravity": "Gravity"
+    },
+    "portainer": {
+        "running": "Executant",
+        "stopped": "Aturat",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Encaminadors",
+        "services": "Serveis",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "total": "Total",
+        "enabled": "Activat",
+        "disabled": "Desactivat"
+    },
+    "coinmarketcap": {
+        "configure": "Configura una o més criptomonedes per fer el seguiment",
+        "1hour": "1 Hora",
+        "1day": "1 Dia",
+        "7days": "7 Dies",
+        "30days": "30 Dies"
+    },
+    "gotify": {
+        "apps": "Aplicacions",
+        "clients": "Clients",
+        "messages": "Missatges"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexadors",
+        "numberOfGrabs": "Captures",
+        "numberOfQueries": "Consultes",
+        "numberOfFailGrabs": "Captures fallides",
+        "numberOfFailQueries": "Consultes fallides"
+    },
+    "jackett": {
+        "configured": "Configurat",
+        "errored": "Amb errors"
+    },
+    "bazarr": {
+        "missingEpisodes": "Episodis que falten",
+        "missingMovies": "Pel·lícules que falten"
+    },
+    "lidarr": {
+        "wanted": "Volgut",
+        "queued": "En cua",
+        "albums": "Àlbums"
+    },
+    "adguard": {
+        "queries": "Consultes",
+        "blocked": "Bloquejat",
+        "filtered": "Filtrat",
+        "latency": "Latència"
+    },
+    "qbittorrent": {
+        "download": "Descàrrega",
+        "upload": "Càrrega",
+        "leech": "Leech",
+        "seed": "Seed"
+    }
+}

public/locales/de/common.json

@@ -11,7 +11,7 @@
         "total": "Gesamt",
         "free": "Frei",
         "used": "Gebraucht",
-        "load": "Load"
+        "load": "Belastung"
     },
     "docker": {
         "rx": "Rx",
@@ -24,13 +24,13 @@
         "playing": "Spielen",
         "transcoding": "Transcodierung",
         "bitrate": "Bitrate",
-        "no_active": "No Active Streams"
+        "no_active": "Keine aktiven streamen"
     },
     "tautulli": {
         "playing": "Spielen",
         "transcoding": "Transcodierung",
         "bitrate": "Bitrate",
-        "no_active": "No Active Streams"
+        "no_active": "Keine aktiven streamen"
     },
     "rutorrent": {
         "active": "Aktiv",
@@ -132,5 +132,30 @@
         "upload": "Upload",
         "leech": "Leech",
         "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
     }
 }

public/locales/en/common.json

@@ -70,6 +70,12 @@
         "leech": "Leech",
         "seed": "Seed"
     },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
     "sonarr": {
         "wanted": "Wanted",
         "queued": "Queued",
@@ -80,11 +86,20 @@
         "queued": "Queued",
         "movies": "Movies"
     },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
     "readarr": {
         "wanted": "Wanted",
         "queued": "Queued",
         "books": "Books"
     },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
     "ombi": {
         "pending": "Pending",
         "approved": "Approved",
@@ -99,12 +114,18 @@
       "pending": "Pending",
       "approved": "Approved",
       "available": "Available"
-  },
+    },
     "pihole": {
         "queries": "Queries",
         "blocked": "Blocked",
         "gravity": "Gravity"
     },
+    "adguard": {
+      "queries": "Queries",
+      "blocked": "Blocked",
+      "filtered": "Filtered",
+      "latency": "Latency"
+    },
     "speedtest": {
         "upload": "Upload",
         "download": "Download",
@@ -143,5 +164,9 @@
         "numberOfQueries": "Queries",
         "numberOfFailGrabs": "Fail Grabs",
         "numberOfFailQueries": "Fail Queries"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
     }
 }

public/locales/es/common.json

@@ -1,6 +1,6 @@
 {
     "widget": {
-        "missing_type": "Tipo de widget faltante: {{type}}",
+        "missing_type": "Falta el tipo de widget: {{type}}",
         "api_error": "Error de API",
         "status": "Estado"
     },
@@ -21,16 +21,16 @@
         "offline": "Desconectado"
     },
     "emby": {
-        "playing": "En ejecución",
+        "playing": "Reproduciendo",
         "transcoding": "Transcodificando",
-        "bitrate": "Tasa de Bits",
+        "bitrate": "Tasa de bits",
-        "no_active": "No hay streams activos"
+        "no_active": "Sin transmisiones activas"
     },
     "tautulli": {
-        "playing": "En ejecución",
+        "playing": "Reproduciendo",
-        "transcoding": "Transcodificación",
+        "transcoding": "Transcodificando",
         "bitrate": "Tasa de bits",
-        "no_active": "No hay streams activos"
+        "no_active": "Sin transmisiones activas"
     },
     "rutorrent": {
         "active": "Activo",
@@ -39,17 +39,17 @@
     },
     "sonarr": {
         "wanted": "Más deseado",
-        "queued": "Puesto en cola",
+        "queued": "En cola",
         "series": "Series"
     },
     "radarr": {
         "wanted": "Más deseado",
-        "queued": "Puesto en cola",
+        "queued": "En cola",
         "movies": "Películas"
     },
     "readarr": {
         "wanted": "Más deseado",
-        "queued": "Puesto en cola",
+        "queued": "En cola",
         "books": "Libros"
     },
     "ombi": {
@@ -68,7 +68,7 @@
         "gravity": "Gravedad"
     },
     "speedtest": {
-        "upload": "Subir",
+        "upload": "Subida",
         "download": "Descarga",
         "ping": "Ping"
     },
@@ -88,7 +88,7 @@
         "total": "Total"
     },
     "weather": {
-        "current": "Ubicación Actual",
+        "current": "Ubicación actual",
         "allow": "Haga clic para permitir",
         "updating": "Actualizando",
         "wait": "Espere, por favor"
@@ -99,21 +99,21 @@
         "available": "Disponible"
     },
     "sabnzbd": {
-        "rate": "Tasa de descarga",
+        "rate": "Tasa",
-        "queue": "Puesto en cola",
+        "queue": "En cola",
-        "timeleft": "Tiempo Restante"
+        "timeleft": "Tiempo restante"
     },
     "nzbget": {
-        "rate": "Tasa de descarga",
+        "rate": "Tasa",
         "remaining": "Restante",
         "downloaded": "Descargado"
     },
     "coinmarketcap": {
-        "configure": "Configurar una o varias criptomonedas para su seguimiento",
+        "configure": "Configurar una o más criptomonedas para rastrear",
-        "1hour": "1 Hour",
+        "1hour": "1 Hora",
-        "1day": "1 Day",
+        "1day": "1 Día",
-        "7days": "7 Days",
+        "7days": "7 Días",
-        "30days": "30 Days"
+        "30days": "30 Días"
     },
     "gotify": {
         "apps": "Aplicaciones",
@@ -124,13 +124,38 @@
         "enableIndexers": "Indexadores",
         "numberOfGrabs": "Capturas",
         "numberOfQueries": "Consultas",
-        "numberOfFailGrabs": "Capturas Fallidas",
+        "numberOfFailGrabs": "Capturas fallidas",
-        "numberOfFailQueries": "Consultas Fallidas"
+        "numberOfFailQueries": "Consultas fallidas"
     },
     "transmission": {
         "download": "Descarga",
         "upload": "Subida",
-        "leech": "Egoístas (Leech)",
+        "leech": "Compañeros",
+        "seed": "Semillas"
+    },
+    "jackett": {
+        "configured": "Configurado",
+        "errored": "Con errores"
+    },
+    "bazarr": {
+        "missingEpisodes": "Episodios perdidos",
+        "missingMovies": "Películas perdidas"
+    },
+    "lidarr": {
+        "queued": "En cola",
+        "wanted": "Más deseado",
+        "albums": "Álbumes"
+    },
+    "adguard": {
+        "queries": "Consultas",
+        "blocked": "Bloqueado",
+        "filtered": "Filtrado",
+        "latency": "Latencia"
+    },
+    "qbittorrent": {
+        "download": "Descarga",
+        "upload": "Subida",
+        "leech": "Compañeros",
         "seed": "Semillas"
     }
 }

public/locales/fr/common.json

@@ -34,8 +34,8 @@
     },
     "rutorrent": {
         "active": "Actif",
-        "upload": "Téléverser",
+        "upload": "Envoi",
-        "download": "Télécharger"
+        "download": "Réception"
     },
     "sonarr": {
         "wanted": "Demandé",
@@ -68,8 +68,8 @@
         "gravity": "Listes dom. bloqués"
     },
     "speedtest": {
-        "upload": "Téléversement",
+        "upload": "Envoi",
-        "download": "Téléchargement",
+        "download": "Récept.",
         "ping": "Ping"
     },
     "portainer": {
@@ -106,30 +106,30 @@
     },
     "overseerr": {
         "pending": "En attente",
-        "approved": "Validé",
+        "approved": "Demande",
         "available": "Disponible"
     },
     "sabnzbd": {
-        "rate": "Taux",
+        "rate": "Débit",
         "queue": "Queue",
         "timeleft": "Temps restant"
     },
     "nzbget": {
         "remaining": "Restant",
         "downloaded": "Téléchargé",
-        "rate": "Évaluer"
+        "rate": "Débit"
     },
     "coinmarketcap": {
         "configure": "Configurer une ou plusieurs crypto-monnaies à suivre",
-        "1hour": "1 Hour",
+        "1hour": "1 Heure",
-        "1day": "1 Day",
+        "1day": "1 Jour",
-        "7days": "7 Days",
+        "7days": "7 Jours",
-        "30days": "30 Days"
+        "30days": "30 Jours"
     },
     "gotify": {
-        "apps": "Applications",
+        "apps": "Applis",
         "clients": "Clients",
-        "messages": "Messages"
+        "messages": "Msg"
     },
     "prowlarr": {
         "enableIndexers": "Indexeurs",
@@ -143,5 +143,30 @@
         "upload": "Envoi",
         "leech": "Leech",
         "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configuré",
+        "errored": "En erreur"
+    },
+    "bazarr": {
+        "missingEpisodes": "Épisodes manquants",
+        "missingMovies": "Films manquants"
+    },
+    "lidarr": {
+        "wanted": "Demandé",
+        "queued": "En queue",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Requêtes",
+        "blocked": "Bloquées",
+        "filtered": "Filtrées",
+        "latency": "Latence"
+    },
+    "qbittorrent": {
+        "download": "Réception",
+        "upload": "Envoi",
+        "leech": "Leech",
+        "seed": "Seed"
     }
 }

public/locales/he/common.json

@@ -0,0 +1,161 @@
+{
+    "widget": {
+        "missing_type": "סוג ווידג'ט חסר: {{type}}",
+        "api_error": "שגיאת API",
+        "status": "סטטוס"
+    },
+    "weather": {
+        "current": "מיקום נוכחי",
+        "allow": "יש ללחוץ כדי לאשר",
+        "updating": "מעדכן",
+        "wait": "המתן בבקשה"
+    },
+    "search": {
+        "placeholder": "חיפוש…"
+    },
+    "resources": {
+        "total": "סה\"כ",
+        "free": "פנוי",
+        "used": "בשימוש",
+        "load": "עומס"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "זיכרון",
+        "cpu": "מעבד",
+        "offline": "כבוי"
+    },
+    "emby": {
+        "playing": "מנגן",
+        "transcoding": "מקודד",
+        "bitrate": "סיביות",
+        "no_active": "אין הזרמות פעילות"
+    },
+    "tautulli": {
+        "playing": "מנגן",
+        "transcoding": "מקודד",
+        "bitrate": "סיביות",
+        "no_active": "אין הזרמות פעילות"
+    },
+    "nzbget": {
+        "rate": "יחס",
+        "remaining": "נותר",
+        "downloaded": "הורד"
+    },
+    "sabnzbd": {
+        "rate": "יחס",
+        "queue": "תור",
+        "timeleft": "זמן שנותר"
+    },
+    "rutorrent": {
+        "active": "פעיל",
+        "upload": "העלאה",
+        "download": "הורדה"
+    },
+    "transmission": {
+        "download": "הורדה",
+        "upload": "העלאה",
+        "leech": "בהורדה",
+        "seed": "בשיתוף"
+    },
+    "qbittorrent": {
+        "download": "הורדה",
+        "upload": "העלאה",
+        "leech": "בהורדה",
+        "seed": "בשיתוף"
+    },
+    "sonarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "series": "סדרות"
+    },
+    "radarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "movies": "סרטים"
+    },
+    "lidarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "albums": "אלבומים"
+    },
+    "readarr": {
+        "wanted": "מבוקש",
+        "queued": "בתור",
+        "books": "ספרים"
+    },
+    "bazarr": {
+        "missingEpisodes": "פרקים חסרים",
+        "missingMovies": "סרטים חסרים"
+    },
+    "ombi": {
+        "pending": "ממתין",
+        "approved": "מאושר",
+        "available": "זמין"
+    },
+    "jellyseerr": {
+        "pending": "ממתין",
+        "approved": "מאושר",
+        "available": "זמין"
+    },
+    "overseerr": {
+        "pending": "ממתין",
+        "approved": "מאושר",
+        "available": "זמין"
+    },
+    "pihole": {
+        "queries": "שאילתות",
+        "blocked": "נחסם",
+        "gravity": "Gravity"
+    },
+    "adguard": {
+        "queries": "שאילתות",
+        "blocked": "נחסם",
+        "filtered": "מסונן",
+        "latency": "השהיה"
+    },
+    "speedtest": {
+        "upload": "העלאה",
+        "download": "הורדה",
+        "ping": "פינג"
+    },
+    "portainer": {
+        "running": "פעיל",
+        "stopped": "נעצר",
+        "total": "סה\"כ"
+    },
+    "traefik": {
+        "routers": "ניתובים",
+        "services": "שירותים",
+        "middleware": "מתווך"
+    },
+    "npm": {
+        "enabled": "מופעל",
+        "disabled": "מבוטל",
+        "total": "סה\"כ"
+    },
+    "coinmarketcap": {
+        "configure": "קבע את התצורה של מטבע קריפטו אחד או יותר למעקב",
+        "1hour": "שעה אחת",
+        "1day": "יום 1",
+        "7days": "7 יום",
+        "30days": "30 יום"
+    },
+    "gotify": {
+        "apps": "אפליקציות",
+        "clients": "לקוחות",
+        "messages": "הודעות"
+    },
+    "prowlarr": {
+        "enableIndexers": "אינדקסים",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "שאילתות",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "jackett": {
+        "configured": "מוגדר",
+        "errored": "שגיאה"
+    }
+}

public/locales/hr/common.json

@@ -0,0 +1,161 @@
+{
+    "weather": {
+        "current": "Current Location",
+        "allow": "Click to allow",
+        "updating": "Updating",
+        "wait": "Please wait"
+    },
+    "search": {
+        "placeholder": "Search…"
+    },
+    "resources": {
+        "total": "Total",
+        "free": "Free",
+        "used": "Used",
+        "load": "Load"
+    },
+    "sabnzbd": {
+        "rate": "Rate",
+        "queue": "Queue",
+        "timeleft": "Time Left"
+    },
+    "overseerr": {
+        "available": "Available",
+        "pending": "Pending",
+        "approved": "Approved"
+    },
+    "pihole": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "gravity": "Gravity"
+    },
+    "adguard": {
+        "latency": "Latency",
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered"
+    },
+    "npm": {
+        "total": "Total",
+        "enabled": "Enabled",
+        "disabled": "Disabled"
+    },
+    "coinmarketcap": {
+        "configure": "Configure one or more crypto currencies to track",
+        "1hour": "1 Hour",
+        "1day": "1 Day",
+        "7days": "7 Days",
+        "30days": "30 Days"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexers",
+        "numberOfGrabs": "Grabs",
+        "numberOfQueries": "Queries",
+        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "widget": {
+        "missing_type": "Missing Widget Type: {{type}}",
+        "api_error": "API Error",
+        "status": "Status"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "emby": {
+        "playing": "Playing",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate",
+        "no_active": "No Active Streams"
+    },
+    "tautulli": {
+        "playing": "Playing",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate",
+        "no_active": "No Active Streams"
+    },
+    "nzbget": {
+        "rate": "Rate",
+        "remaining": "Remaining",
+        "downloaded": "Downloaded"
+    },
+    "rutorrent": {
+        "upload": "Upload",
+        "download": "Download",
+        "active": "Active"
+    },
+    "transmission": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "series": "Series"
+    },
+    "radarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "movies": "Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "readarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "books": "Books"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "ombi": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "jellyseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Running",
+        "stopped": "Stopped",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Services",
+        "middleware": "Middleware"
+    },
+    "gotify": {
+        "clients": "Clients",
+        "messages": "Messages",
+        "apps": "Applications"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    }
+}

public/locales/hu/common.json

@@ -0,0 +1,161 @@
+{
+    "resources": {
+        "total": "Összes",
+        "free": "Szabad",
+        "used": "Használt",
+        "load": "Terhelés"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "lidarr": {
+        "albums": "Albumok",
+        "wanted": "Keresett",
+        "queued": "Sorban áll"
+    },
+    "readarr": {
+        "wanted": "Keresett",
+        "queued": "Sorban áll",
+        "books": "Könyvek"
+    },
+    "bazarr": {
+        "missingEpisodes": "Hiányzó epizódok",
+        "missingMovies": "Hiányzó filmek"
+    },
+    "widget": {
+        "missing_type": "Hiányzó Widget Típus: {{type}}",
+        "api_error": "API Hiba",
+        "status": "Státusz"
+    },
+    "weather": {
+        "current": "Aktuális hely",
+        "allow": "Kattints az engedélyezéshez",
+        "updating": "Frissítés",
+        "wait": "Kérlek várj"
+    },
+    "search": {
+        "placeholder": "Keresés…"
+    },
+    "emby": {
+        "playing": "Lejátszás",
+        "transcoding": "Átkódolás",
+        "bitrate": "Bitráta",
+        "no_active": "Nincs aktív lejátszás"
+    },
+    "tautulli": {
+        "playing": "Lejátszás folyamatban",
+        "transcoding": "Átkódolás",
+        "bitrate": "Bitráta",
+        "no_active": "Nincs aktív lejátszás"
+    },
+    "nzbget": {
+        "rate": "Ráta",
+        "remaining": "Hátralévő",
+        "downloaded": "Letöltött"
+    },
+    "sabnzbd": {
+        "rate": "Ráta",
+        "queue": "Sor",
+        "timeleft": "Hátralévő idő"
+    },
+    "rutorrent": {
+        "active": "Aktív",
+        "upload": "Feltöltés",
+        "download": "Letöltés"
+    },
+    "transmission": {
+        "leech": "Leechelés",
+        "seed": "Seedelés",
+        "download": "Letöltés",
+        "upload": "Feltöltés"
+    },
+    "qbittorrent": {
+        "download": "Letöltés",
+        "upload": "Feltöltés",
+        "leech": "Leechelés",
+        "seed": "Seedelés"
+    },
+    "sonarr": {
+        "wanted": "Keresett",
+        "queued": "Sorban áll",
+        "series": "Sorozat"
+    },
+    "radarr": {
+        "wanted": "Keresett",
+        "queued": "Sorban áll",
+        "movies": "Filmek"
+    },
+    "ombi": {
+        "pending": "Függőben",
+        "approved": "Engedélyezett",
+        "available": "Elérhető"
+    },
+    "jellyseerr": {
+        "pending": "Függőben",
+        "approved": "Engedélyezett",
+        "available": "Elérhető"
+    },
+    "overseerr": {
+        "pending": "Függőben",
+        "approved": "Engedélyezett",
+        "available": "Elérhető"
+    },
+    "pihole": {
+        "queries": "Lekérdezések",
+        "blocked": "Blokkolt",
+        "gravity": "Gravitáció"
+    },
+    "adguard": {
+        "queries": "Lekérdezések",
+        "blocked": "Blokkolt",
+        "filtered": "Szűrt",
+        "latency": "Késleltetés"
+    },
+    "speedtest": {
+        "upload": "Feltöltés",
+        "download": "Letöltés",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Futó",
+        "stopped": "Megállított",
+        "total": "Összes"
+    },
+    "traefik": {
+        "routers": "Routerek",
+        "services": "Folyamatok",
+        "middleware": "Közvetítő"
+    },
+    "npm": {
+        "enabled": "Bekapcsolva",
+        "disabled": "Kikapcsolva",
+        "total": "Összes"
+    },
+    "coinmarketcap": {
+        "configure": "Állíts be egy vagy több Cryptovalutát a követéshez",
+        "1hour": "1 Óra",
+        "1day": "1 Nap",
+        "7days": "7 Nap",
+        "30days": "30 Nap"
+    },
+    "gotify": {
+        "apps": "Applikációk",
+        "clients": "Kliensek",
+        "messages": "Üzenetek"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexerek",
+        "numberOfGrabs": "Fogott",
+        "numberOfFailGrabs": "Hibás fogások",
+        "numberOfQueries": "Lekérdezések",
+        "numberOfFailQueries": "Hibás lekérdezések"
+    },
+    "jackett": {
+        "configured": "Beállított",
+        "errored": "Hibás"
+    }
+}

public/locales/it/common.json

@@ -132,5 +132,30 @@
         "upload": "Upload",
         "leech": "Leech",
         "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "leech": "Leech",
+        "upload": "Upload",
+        "seed": "Seed"
     }
 }

public/locales/nb-NO/common.json

@@ -132,5 +132,30 @@
         "upload": "Upload",
         "leech": "Leech",
         "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
     }
 }

public/locales/nl/common.json

@@ -132,5 +132,30 @@
         "upload": "Upload",
         "leech": "Leech",
         "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
     }
 }

public/locales/pl/common.json

@@ -0,0 +1,161 @@
+{
+    "weather": {
+        "allow": "Kliknij, aby zezwolić",
+        "updating": "Aktualizacja",
+        "wait": "Proszę czekać",
+        "current": "Aktualna lokalizacja"
+    },
+    "search": {
+        "placeholder": "Szukaj…"
+    },
+    "resources": {
+        "used": "Użyte",
+        "load": "Obciążenie",
+        "total": "Całkowite",
+        "free": "Wolne"
+    },
+    "emby": {
+        "no_active": "Brak aktywnych strumieni",
+        "playing": "Odtwarzanie",
+        "transcoding": "Transkodowanie",
+        "bitrate": "Bitrate"
+    },
+    "tautulli": {
+        "playing": "Odtwarzanie",
+        "transcoding": "Transkodowanie",
+        "bitrate": "Bitrate",
+        "no_active": "Brak aktywnych strumieni"
+    },
+    "speedtest": {
+        "download": "Pobieranie",
+        "ping": "Ping",
+        "upload": "Wysyłanie"
+    },
+    "portainer": {
+        "running": "Działające",
+        "stopped": "Zatrzymane",
+        "total": "Ogólnie"
+    },
+    "coinmarketcap": {
+        "1day": "1 dzień",
+        "7days": "7 dni",
+        "30days": "30 dni",
+        "1hour": "1 godzina",
+        "configure": "Wybierz jedną lub więcej kryptowalut do śledzenia"
+    },
+    "gotify": {
+        "apps": "Aplikacje",
+        "clients": "Klienci",
+        "messages": "Wiadomości"
+    },
+    "widget": {
+        "missing_type": "Brakujący typ widżetu: {{type}}",
+        "api_error": "Błąd API",
+        "status": "Stan"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "nzbget": {
+        "rate": "Szybkość",
+        "remaining": "Pozostało",
+        "downloaded": "Pobrano"
+    },
+    "sabnzbd": {
+        "rate": "Szybkość",
+        "queue": "Kolejka",
+        "timeleft": "Pozostało"
+    },
+    "rutorrent": {
+        "active": "Aktywny",
+        "upload": "Wysyłanie",
+        "download": "Pobieranie"
+    },
+    "transmission": {
+        "download": "Pobieranie",
+        "upload": "Wysyłanie",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Poszukiwane",
+        "queued": "W kolejce",
+        "series": "Seriale"
+    },
+    "radarr": {
+        "wanted": "Poszukiwane",
+        "queued": "W kolejce",
+        "movies": "Filmy"
+    },
+    "lidarr": {
+        "wanted": "Poszukiwane",
+        "queued": "W kolejce",
+        "albums": "Albumy"
+    },
+    "readarr": {
+        "wanted": "Poszukiwane",
+        "queued": "W kolejce",
+        "books": "Książki"
+    },
+    "bazarr": {
+        "missingEpisodes": "Brakujące odcinki",
+        "missingMovies": "Brakujące filmy"
+    },
+    "ombi": {
+        "pending": "Oczekiwane",
+        "approved": "Zaakceptowane",
+        "available": "Dostępne"
+    },
+    "jellyseerr": {
+        "pending": "Oczekiwane",
+        "approved": "Zaakceptowane",
+        "available": "Dostępne"
+    },
+    "overseerr": {
+        "pending": "Oczekiwane",
+        "approved": "Zaakceptowane",
+        "available": "Dostępne"
+    },
+    "pihole": {
+        "queries": "Zapytania",
+        "blocked": "Zablokowane",
+        "gravity": "Gravity"
+    },
+    "traefik": {
+        "routers": "Routery",
+        "services": "Serwisy",
+        "middleware": "Pośrednicy"
+    },
+    "npm": {
+        "enabled": "Włączone",
+        "disabled": "Wyłączone",
+        "total": "Ogólnie"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indeksery",
+        "numberOfGrabs": "Pochwycenia",
+        "numberOfQueries": "Zapytania",
+        "numberOfFailGrabs": "Nieudane pochwycenia",
+        "numberOfFailQueries": "Nieudane zapytania"
+    },
+    "jackett": {
+        "configured": "Skonfigurowane",
+        "errored": "Błędne"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    }
+}

public/locales/pt/common.json

@@ -143,5 +143,30 @@
         "upload": "Envio",
         "leech": "Leech",
         "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "queued": "Queued",
+        "wanted": "Wanted",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
     }
 }

public/locales/ru/common.json

@@ -8,7 +8,7 @@
         "placeholder": "Поиск…"
     },
     "resources": {
-        "total": "Общий",
+        "total": "Всего",
         "free": "Свободно",
         "used": "Использовано",
         "load": "Load"
@@ -89,8 +89,8 @@
     },
     "weather": {
         "wait": "Пожалуйста подождите",
-        "current": "Текущее местоположение",
+        "current": "Текущая локация",
-        "allow": "Click to allow",
+        "allow": "Нажмите, чтобы разрешить",
         "updating": "Обновление"
     },
     "overseerr": {
@@ -132,5 +132,30 @@
         "upload": "Upload",
         "leech": "Leech",
         "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
     }
 }

public/locales/sv/common.json

@@ -0,0 +1,161 @@
+{
+    "widget": {
+        "missing_type": "Saknar Widget-typ: {{type}}",
+        "api_error": "API-fel",
+        "status": "Status"
+    },
+    "weather": {
+        "current": "Nuvarande plats",
+        "allow": "Klicka för att tillåta",
+        "updating": "Uppdaterar",
+        "wait": "Vänligen vänta"
+    },
+    "resources": {
+        "load": "Laddar",
+        "total": "Total",
+        "free": "Ledigt",
+        "used": "Använt"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "search": {
+        "placeholder": "Sök…"
+    },
+    "emby": {
+        "playing": "Spelar",
+        "transcoding": "Omkodning",
+        "bitrate": "Bitrate",
+        "no_active": "Inga aktiva strömmar"
+    },
+    "tautulli": {
+        "playing": "Spelar",
+        "transcoding": "Omkodning",
+        "bitrate": "Bitrate",
+        "no_active": "Inga aktiva strömmar"
+    },
+    "nzbget": {
+        "rate": "Hastighet",
+        "remaining": "Återstående",
+        "downloaded": "Nedladdat"
+    },
+    "sabnzbd": {
+        "rate": "Hastighet",
+        "queue": "Kö",
+        "timeleft": "Tid kvar"
+    },
+    "rutorrent": {
+        "active": "Aktiva",
+        "upload": "Uppladdning",
+        "download": "Nedladdning"
+    },
+    "transmission": {
+        "download": "Nedladdning",
+        "upload": "Uppladdning",
+        "leech": "Leech",
+        "seed": "Seed"
+    },
+    "sonarr": {
+        "wanted": "Eftersöker",
+        "queued": "I kö",
+        "series": "Serier"
+    },
+    "radarr": {
+        "wanted": "Eftersöker",
+        "queued": "I kö",
+        "movies": "Filmer"
+    },
+    "lidarr": {
+        "wanted": "Eftersöker",
+        "queued": "I kö",
+        "albums": "Album"
+    },
+    "readarr": {
+        "wanted": "Eftersökt",
+        "queued": "I kö",
+        "books": "Böcker"
+    },
+    "bazarr": {
+        "missingEpisodes": "Saknade program",
+        "missingMovies": "Saknade filmer"
+    },
+    "ombi": {
+        "pending": "Avvaktar",
+        "approved": "Godkända",
+        "available": "Tillgänglig"
+    },
+    "jellyseerr": {
+        "pending": "Avvaktar",
+        "approved": "Godkända",
+        "available": "Tillgänglig"
+    },
+    "overseerr": {
+        "pending": "Avvaktar",
+        "approved": "Godkända",
+        "available": "Tillgänglig"
+    },
+    "pihole": {
+        "blocked": "Blockerad",
+        "queries": "Förfrågningar",
+        "gravity": "Gravity"
+    },
+    "speedtest": {
+        "upload": "Uppladdning",
+        "download": "Nedladdning",
+        "ping": "Svarstid"
+    },
+    "portainer": {
+        "running": "Körs",
+        "stopped": "Stoppade",
+        "total": "Totalt"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Tjänster",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Aktiverad",
+        "disabled": "Inaktiverad",
+        "total": "Totalt"
+    },
+    "coinmarketcap": {
+        "configure": "Konfigurera en eller flera kryptovalutor att följa",
+        "1hour": "1 timme",
+        "1day": "1 dag",
+        "7days": "7 dagar",
+        "30days": "30 dagar"
+    },
+    "gotify": {
+        "apps": "Program",
+        "clients": "Klienter",
+        "messages": "Meddelande"
+    },
+    "prowlarr": {
+        "enableIndexers": "Indexerare",
+        "numberOfGrabs": "Hämtningar",
+        "numberOfQueries": "Queries",
+        "numberOfFailGrabs": "Misslyckade hämtningar",
+        "numberOfFailQueries": "Fail Queries"
+    },
+    "jackett": {
+        "configured": "Konfigurerade",
+        "errored": "Felaktiga"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
+    }
+}

public/locales/vi/common.json

@@ -45,16 +45,16 @@
     "radarr": {
         "wanted": "Wanted",
         "queued": "Queued",
-        "movies": "Movies"
+        "movies": "Phim"
     },
     "readarr": {
-        "wanted": "Wanted",
+        "wanted": "Đang tìm",
-        "queued": "Queued",
+        "queued": "Đang chờ",
-        "books": "Books"
+        "books": "Sách"
     },
     "ombi": {
-        "pending": "Pending",
+        "pending": "Đang xử lý",
-        "approved": "Approved",
+        "approved": "Đã duyệt",
         "available": "Available"
     },
     "jellyseerr": {
@@ -88,25 +88,25 @@
         "total": "Total"
     },
     "weather": {
-        "current": "Current Location",
+        "current": "Vị trí hiện tại",
-        "allow": "Click to allow",
+        "allow": "Bấm để đồng ý",
-        "updating": "Updating",
+        "updating": "Đang cập nhật",
-        "wait": "Please wait"
+        "wait": "Vui lòng chờ"
     },
     "overseerr": {
         "pending": "Pending",
-        "approved": "Approved",
+        "approved": "Đã duyệt",
         "available": "Available"
     },
     "sabnzbd": {
         "rate": "Rate",
-        "queue": "Queue",
+        "queue": "Hàng chờ",
-        "timeleft": "Time Left"
+        "timeleft": "Thời gian còn lại"
     },
     "nzbget": {
         "rate": "Rate",
         "remaining": "Remaining",
-        "downloaded": "Downloaded"
+        "downloaded": "Đã tải"
     },
     "coinmarketcap": {
         "configure": "Configure one or more crypto currencies to track",
@@ -132,5 +132,30 @@
         "upload": "Upload",
         "leech": "Leech",
         "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
     }
 }

public/locales/zh-CN/common.json

@@ -2,7 +2,7 @@
     "widget": {
         "missing_type": "缺少小部件类型：{{type}}",
         "api_error": "API错误",
-        "status": "地位"
+        "status": "状态"
     },
     "search": {
         "placeholder": "搜索…"
@@ -88,7 +88,7 @@
         "total": "全部的"
     },
     "weather": {
-        "current": "当前位置",
+        "current": "当前定位",
         "allow": "点击并允许",
         "updating": "更新中",
         "wait": "请等待"
@@ -110,10 +110,10 @@
     },
     "coinmarketcap": {
         "configure": "配置一个或多个需要追踪的加密",
-        "1hour": "1 Hour",
+        "1hour": "1小时",
-        "1day": "1 Day",
+        "1day": "1天",
-        "7days": "7 Days",
+        "7days": "7天",
-        "30days": "30 Days"
+        "30days": "30天"
     },
     "gotify": {
         "apps": "应用",
@@ -121,16 +121,41 @@
         "messages": "信息"
     },
     "prowlarr": {
-        "enableIndexers": "Indexers",
+        "enableIndexers": "索引器",
-        "numberOfGrabs": "Grabs",
+        "numberOfGrabs": "抓取",
-        "numberOfQueries": "Queries",
+        "numberOfQueries": "查询",
-        "numberOfFailGrabs": "Fail Grabs",
+        "numberOfFailGrabs": "抓取失败",
-        "numberOfFailQueries": "Fail Queries"
+        "numberOfFailQueries": "查询失败"
     },
     "transmission": {
-        "download": "Download",
+        "download": "下载",
-        "upload": "Upload",
+        "upload": "上传",
-        "leech": "Leech",
+        "leech": "吸血",
-        "seed": "Seed"
+        "seed": "做种"
+    },
+    "jackett": {
+        "configured": "已配置",
+        "errored": "出错了"
+    },
+    "bazarr": {
+        "missingEpisodes": "缺少的剧集",
+        "missingMovies": "缺少的电影"
+    },
+    "lidarr": {
+        "wanted": "订阅",
+        "queued": "队列",
+        "albums": "相册"
+    },
+    "adguard": {
+        "queries": "查询",
+        "blocked": "阻止",
+        "filtered": "过滤",
+        "latency": "延迟"
+    },
+    "qbittorrent": {
+        "download": "下载",
+        "upload": "上传",
+        "leech": "吸血",
+        "seed": "做种"
     }
 }

public/locales/zh-Hant/common.json

@@ -132,5 +132,30 @@
         "upload": "Upload",
         "leech": "Leech",
         "seed": "Seed"
+    },
+    "jackett": {
+        "configured": "Configured",
+        "errored": "Errored"
+    },
+    "bazarr": {
+        "missingEpisodes": "Missing Episodes",
+        "missingMovies": "Missing Movies"
+    },
+    "lidarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "albums": "Albums"
+    },
+    "adguard": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "filtered": "Filtered",
+        "latency": "Latency"
+    },
+    "qbittorrent": {
+        "download": "Download",
+        "upload": "Upload",
+        "leech": "Leech",
+        "seed": "Seed"
     }
 }

src/components/color-toggle.jsx

@@ -61,6 +61,7 @@ export default function ColorToggle() {
                 {colors.map((color) => (
                   <button type="button" onClick={() => setColor(color)} key={color}>
                     <div
+                      title={color}
                       className={classNames(
                         active === color ? "border-2" : "border-0",
                         `rounded-md w-5 h-5 border-black/50 dark:border-white/50 theme-${color} bg-theme-400`

src/components/services/group.jsx

@@ -1,15 +1,18 @@
+import classNames from "classnames";
+
 import List from "components/services/list";
 
-export default function ServicesGroup({ services }) {
+export default function ServicesGroup({ services, layout }) {
   return (
     <div
       key={services.name}
-      className="basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4 flex-1 p-1"
+      className={classNames(
+        layout?.style === "row" ? "basis-full" : "basis-full md:basis-1/2 lg:basis-1/3 xl:basis-1/4",
+        "flex-1 p-1"
+      )}
     >
-      <h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">
+      <h2 className="text-theme-800 dark:text-theme-300 text-xl font-medium">{services.name}</h2>
-        {services.name}
+      <List services={services.services} layout={layout} />
-      </h2>
-      <List services={services.services} />
     </div>
   );
 }

src/components/services/list.jsx

@@ -1,8 +1,27 @@
+import classNames from "classnames";
+
 import Item from "components/services/item";
 
-export default function List({ services }) {
+const columnMap = [
+  "grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
+  "grid-cols-1 md:grid-cols-1 lg:grid-cols-1",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-2",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-5",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-6",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-7",
+  "grid-cols-1 md:grid-cols-2 lg:grid-cols-8",
+];
+
+export default function List({ services, layout }) {
   return (
-    <ul className="mt-3 flex flex-col">
+    <ul
+      className={classNames(
+        layout?.style === "row" ? `grid ${columnMap[layout?.columns]} gap-x-2` : "flex flex-col",
+        "mt-3"
+      )}
+    >
       {services.map((service) => (
         <Item key={service.name} service={service} />
       ))}

src/components/services/widget.jsx

@@ -2,13 +2,16 @@ import { useTranslation } from "react-i18next";
 
 import Sonarr from "./widgets/service/sonarr";
 import Radarr from "./widgets/service/radarr";
+import Lidarr from "./widgets/service/lidarr";
 import Readarr from "./widgets/service/readarr";
+import Bazarr from "./widgets/service/bazarr";
 import Ombi from "./widgets/service/ombi";
 import Portainer from "./widgets/service/portainer";
 import Emby from "./widgets/service/emby";
 import Nzbget from "./widgets/service/nzbget";
 import SABnzbd from "./widgets/service/sabnzbd";
 import Transmission from "./widgets/service/transmission";
+import QBittorrent from "./widgets/service/qbittorrent";
 import Docker from "./widgets/service/docker";
 import Pihole from "./widgets/service/pihole";
 import Rutorrent from "./widgets/service/rutorrent";
@@ -22,12 +25,16 @@ import Tautulli from "./widgets/service/tautulli";
 import CoinMarketCap from "./widgets/service/coinmarketcap";
 import Gotify from "./widgets/service/gotify";
 import Prowlarr from "./widgets/service/prowlarr";
+import Jackett from "./widgets/service/jackett";
+import AdGuard from "./widgets/service/adguard";
 
 const widgetMappings = {
   docker: Docker,
   sonarr: Sonarr,
   radarr: Radarr,
+  lidarr: Lidarr,
   readarr: Readarr,
+  bazarr: Bazarr,
   ombi: Ombi,
   portainer: Portainer,
   emby: Emby,
@@ -35,6 +42,7 @@ const widgetMappings = {
   nzbget: Nzbget,
   sabnzbd: SABnzbd,
   transmission: Transmission,
+  qbittorrent: QBittorrent,
   pihole: Pihole,
   rutorrent: Rutorrent,
   speedtest: Speedtest,
@@ -46,6 +54,8 @@ const widgetMappings = {
   tautulli: Tautulli,
   gotify: Gotify,
   prowlarr: Prowlarr,
+  jackett: Jackett,
+  adguard: AdGuard,
 };
 
 export default function Widget({ service }) {

src/components/services/widgets/service/adguard.jsx

@@ -0,0 +1,45 @@
+import useSWR from "swr";
+import { useTranslation } from "react-i18next";
+
+import Widget from "../widget";
+import Block from "../block";
+
+import { formatApiUrl } from "utils/api-helpers";
+
+export default function AdGuard({ service }) {
+  const { t } = useTranslation();
+
+  const config = service.widget;
+
+  const { data: adguardData, error: adguardError } = useSWR(formatApiUrl(config, "stats"));
+
+  if (adguardError) {
+    return <Widget error={t("widget.api_error")} />;
+  }
+
+  if (!adguardData) {
+    return (
+      <Widget>
+        <Block label={t("adguard.queries")} />
+        <Block label={t("adguard.blocked")} />
+        <Block label={t("adguard.filtered")} />
+        <Block label={t("adguard.latency")} />
+      </Widget>
+    );
+  }
+
+  const filtered =
+    adguardData.num_replaced_safebrowsing + adguardData.num_replaced_safesearch + adguardData.num_replaced_parental;
+
+  return (
+    <Widget>
+      <Block label={t("adguard.queries")} value={t("common.number", { value: adguardData.num_dns_queries })} />
+      <Block label={t("adguard.blocked")} value={t("common.number", { value: adguardData.num_blocked_filtering })} />
+      <Block label={t("adguard.filtered")} value={t("common.number", { value: filtered })} />
+      <Block
+        label={t("adguard.latency")}
+        value={t("common.ms", { value: adguardData.avg_processing_time * 1000, style: "unit", unit: "millisecond" })}
+      />
+    </Widget>
+  );
+}

src/components/services/widgets/service/bazarr.jsx

@@ -0,0 +1,36 @@
+import useSWR from "swr";
+import { useTranslation } from "react-i18next";
+
+import Widget from "../widget";
+import Block from "../block";
+
+import { formatApiUrl } from "utils/api-helpers";
+
+export default function Bazarr({ service }) {
+  const { t } = useTranslation();
+
+  const config = service.widget;
+
+  const { data: episodesData, error: episodesError } = useSWR(formatApiUrl(config, "episodes"));
+  const { data: moviesData, error: moviesError } = useSWR(formatApiUrl(config, "movies"));
+
+  if (episodesError || moviesError) {
+    return <Widget error={t("widget.api_error")} />;
+  }
+
+  if (!episodesData || !moviesData) {
+    return (
+      <Widget>
+        <Block label={t("bazarr.missingEpisodes")} />
+        <Block label={t("bazarr.missingMovies")} />
+      </Widget>
+    );
+  }
+
+  return (
+    <Widget>
+      <Block label={t("bazarr.missingEpisodes")} value={t("common.number", { value: episodesData.total })} />
+      <Block label={t("bazarr.missingMovies")} value={t("common.number", { value: moviesData.total })} />
+    </Widget>
+  );
+}

src/components/services/widgets/service/emby.jsx

@@ -1,6 +1,7 @@
 import useSWR from "swr";
 import { useTranslation } from "react-i18next";
-import { BsVolumeMuteFill, BsFillPlayFill, BsPauseFill } from "react-icons/bs";
+import { BsVolumeMuteFill, BsFillPlayFill, BsPauseFill, BsCpu, BsFillCpuFill } from "react-icons/bs";
+import { MdOutlineSmartDisplay } from "react-icons/md";
 
 import Widget from "../widget";
 
@@ -27,24 +28,35 @@ function ticksToString(ticks) {
 }
 
 function SingleSessionEntry({ playCommand, session }) {
-  console.log(session);
   const {
     NowPlayingItem: { Name, SeriesName, RunTimeTicks },
     PlayState: { PositionTicks, IsPaused, IsMuted },
   } = session;
+
+  const { IsVideoDirect, VideoDecoderIsHardware, VideoEncoderIsHardware } = session?.TranscodingInfo || {
+    IsVideoDirect: true,
+    VideoDecoderIsHardware: true,
+    VideoEncoderIsHardware: true,
+  };
+
   const percent = (PositionTicks / RunTimeTicks) * 100;
 
   return (
     <>
       <div className="text-theme-700 dark:text-theme-200 relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1 flex">
-        <div className="text-xs z-10 self-center ml-2">
+        <div className="grow text-xs z-10 self-center ml-2 relative w-full h-4 mr-2">
-          <span>
+          <div className="absolute w-full whitespace-nowrap text-ellipsis overflow-hidden">
             {Name}
             {SeriesName && ` - ${SeriesName}`}
-          </span>
+          </div>
+        </div>
+        <div className="self-center text-xs flex justify-end mr-1.5 pl-1">
+          {IsVideoDirect && <MdOutlineSmartDisplay className="opacity-50" />}
+          {!IsVideoDirect && (!VideoDecoderIsHardware || !VideoEncoderIsHardware) && <BsCpu className="opacity-50" />}
+          {!IsVideoDirect && VideoDecoderIsHardware && VideoEncoderIsHardware && (
+            <BsFillCpuFill className="opacity-50" />
+          )}
         </div>
-        <div className="grow" />
-        <div className="self-center text-xs flex justify-end mr-1">{IsMuted && <BsVolumeMuteFill />}</div>
       </div>
 
       <div className="text-theme-700 dark:text-theme-200 relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1 flex">
@@ -73,7 +85,12 @@ function SingleSessionEntry({ playCommand, session }) {
           )}
         </div>
         <div className="grow " />
-        <div className="self-center text-xs flex justify-end mr-2">{ticksToString(PositionTicks)}</div>
+        <div className="self-center text-xs flex justify-end mr-1 z-10">{IsMuted && <BsVolumeMuteFill />}</div>
+        <div className="self-center text-xs flex justify-end mr-2 z-10">
+          {ticksToString(PositionTicks)}
+          <span className="mx-0.5 text-[8px]">/</span>
+          {ticksToString(RunTimeTicks)}
+        </div>
       </div>
     </>
   );
@@ -84,6 +101,9 @@ function SessionEntry({ playCommand, session }) {
     NowPlayingItem: { Name, SeriesName, RunTimeTicks },
     PlayState: { PositionTicks, IsPaused, IsMuted },
   } = session;
+
+  const { IsVideoDirect, VideoDecoderIsHardware, VideoEncoderIsHardware } = session?.TranscodingInfo || {};
+
   const percent = (PositionTicks / RunTimeTicks) * 100;
 
   return (
@@ -111,14 +131,20 @@ function SessionEntry({ playCommand, session }) {
             className="inline-block w-4 h-4 cursor-pointer -mt-[1px] mr-1 opacity-80"
           />
         )}
-        <span>
+      </div>
+      <div className="grow text-xs z-10 self-center relative w-full h-4">
+        <div className="absolute w-full whitespace-nowrap text-ellipsis overflow-hidden">
           {Name}
           {SeriesName && ` - ${SeriesName}`}
-        </span>
+        </div>
+      </div>
+      <div className="self-center text-xs flex justify-end mr-1 z-10">{IsMuted && <BsVolumeMuteFill />}</div>
+      <div className="self-center text-xs flex justify-end mr-1 z-10">{ticksToString(PositionTicks)}</div>
+      <div className="self-center items-center text-xs flex justify-end mr-1.5 pl-1 z-10">
+        {IsVideoDirect && <MdOutlineSmartDisplay className="opacity-50" />}
+        {!IsVideoDirect && (!VideoDecoderIsHardware || !VideoEncoderIsHardware) && <BsCpu className="opacity-50" />}
+        {!IsVideoDirect && VideoDecoderIsHardware && VideoEncoderIsHardware && <BsFillCpuFill className="opacity-50" />}
       </div>
-      <div className="grow " />
-      <div className="self-center text-xs flex justify-end mr-1">{IsMuted && <BsVolumeMuteFill />}</div>
-      <div className="self-center text-xs flex justify-end mr-2">{ticksToString(PositionTicks)}</div>
     </div>
   );
 }

src/components/services/widgets/service/jackett.jsx

@@ -0,0 +1,37 @@
+import useSWR from "swr";
+import { useTranslation } from "react-i18next";
+
+import Widget from "../widget";
+import Block from "../block";
+
+import { formatApiUrl } from "utils/api-helpers";
+
+export default function Jackett({ service }) {
+  const { t } = useTranslation();
+
+  const config = service.widget;
+
+  const { data: indexersData, error: indexersError } = useSWR(formatApiUrl(config, "indexers"));
+
+  if (indexersError) {
+    return <Widget error={t("widget.api_error")} />;
+  }
+
+  if (!indexersData) {
+    return (
+      <Widget>
+        <Block label={t("jackett.configured")} />
+        <Block label={t("jackett.errored")} />
+      </Widget>
+    );
+  }
+
+  const errored = indexersData.filter((indexer) => indexer.last_error);
+
+  return (
+    <Widget>
+      <Block label={t("jackett.configured")} value={t("common.number", { value: indexersData.length })} />
+      <Block label={t("jackett.errored")} value={t("common.number", { value: errored.length })} />
+    </Widget>
+  );
+}

src/components/services/widgets/service/lidarr.jsx

@@ -0,0 +1,39 @@
+import useSWR from "swr";
+import { useTranslation } from "react-i18next";
+
+import Widget from "../widget";
+import Block from "../block";
+
+import { formatApiUrl } from "utils/api-helpers";
+
+export default function Lidarr({ service }) {
+  const { t } = useTranslation();
+
+  const config = service.widget;
+
+  const { data: albumsData, error: albumsError } = useSWR(formatApiUrl(config, "album"));
+  const { data: wantedData, error: wantedError } = useSWR(formatApiUrl(config, "wanted/missing"));
+  const { data: queueData, error: queueError } = useSWR(formatApiUrl(config, "queue/status"));
+
+  if (albumsError || wantedError || queueError) {
+    return <Widget error={t("widget.api_error")} />;
+  }
+
+  if (!albumsData || !wantedData || !queueData) {
+    return (
+      <Widget>
+        <Block label={t("lidarr.wanted")} />
+        <Block label={t("lidarr.queued")} />
+        <Block label={t("lidarr.albums")} />
+      </Widget>
+    );
+  }
+
+  return (
+    <Widget>
+      <Block label={t("lidarr.wanted")} value={t("common.number", { value: wantedData.totalRecords })} />
+      <Block label={t("lidarr.queued")} value={t("common.number", { value: queueData.totalCount })} />
+      <Block label={t("lidarr.albums")} value={t("common.number", { value: albumsData.have })} />
+    </Widget>
+  );
+}

src/components/services/widgets/service/qbittorrent.jsx

@@ -0,0 +1,69 @@
+import useSWR from "swr";
+import { useTranslation } from "react-i18next";
+
+import Widget from "../widget";
+import Block from "../block";
+
+import { formatApiUrl } from "utils/api-helpers";
+
+export default function QBittorrent ({ service }) {
+  const { t } = useTranslation();
+
+  const config = service.widget;
+
+  const { data: torrentData, error: torrentError } = useSWR(formatApiUrl(config, "torrents/info"));
+
+  if (torrentError) {
+    return <Widget error={t("widget.api_error")} />;
+  }
+
+  if (!torrentData) {
+    return (
+      <Widget>
+        <Block label={t("qbittorrent.leech")} />
+        <Block label={t("qbittorrent.download")} />
+        <Block label={t("qbittorrent.seed")} />
+        <Block label={t("qbittorrent.upload")} />
+      </Widget>
+    );
+  }
+
+  let rateDl = 0;
+  let rateUl = 0;
+  let completed = 0;
+
+  for (let i = 0; i < torrentData.length; i += 1) {
+    const torrent = torrentData[i];
+    rateDl += torrent.dlspeed;
+    rateUl += torrent.upspeed;
+    if (torrent.progress === 1) {
+      completed += 1;
+    }
+  }
+
+  const leech = torrentData.length - completed;
+
+  let unitsDl = "KB/s";
+  let unitsUl = "KB/s";
+  rateDl /= 1024;
+  rateUl /= 1024;
+
+  if (rateDl > 1024) {
+    rateDl /= 1024;
+    unitsDl = "MB/s";
+  }
+
+  if (rateUl > 1024) {
+    rateUl /= 1024;
+    unitsUl = "MB/s";
+  }
+
+  return (
+    <Widget>
+      <Block label={t("qbittorrent.leech")} value={t("common.number", { value: leech })} />
+      <Block label={t("qbittorrent.download")} value={`${rateDl.toFixed(2)} ${unitsDl}`} />
+      <Block label={t("qbittorrent.seed")} value={t("common.number", { value: completed })} />
+      <Block label={t("qbittorrent.upload")} value={`${rateUl.toFixed(2)} ${unitsUl}`} />
+    </Widget>
+  );
+}

src/components/services/widgets/service/radarr.jsx

@@ -28,14 +28,11 @@ export default function Radarr({ service }) {
     );
   }
 
-  const wanted = moviesData.filter((movie) => movie.isAvailable === false);
-  const have = moviesData.filter((movie) => movie.isAvailable === true);
-
   return (
     <Widget>
-      <Block label={t("radarr.wanted")} value={wanted.length} />
+      <Block label={t("radarr.wanted")} value={moviesData.wanted} />
       <Block label={t("radarr.queued")} value={queuedData.totalCount} />
-      <Block label={t("radarr.movies")} value={have.length} />
+      <Block label={t("radarr.movies")} value={moviesData.have} />
     </Widget>
   );
 }

src/components/services/widgets/service/readarr.jsx

@@ -29,13 +29,11 @@ export default function Readarr({ service }) {
     );
   }
 
-  const have = booksData.filter((book) => book.statistics.bookFileCount > 0);
-
   return (
     <Widget>
-      <Block label={t("readarr.wanted")} value={wantedData.totalRecords} />
+      <Block label={t("readarr.wanted")} value={t("common.number", { value: wantedData.totalRecords })} />
-      <Block label={t("readarr.queued")} value={queueData.totalCount} />
+      <Block label={t("readarr.queued")} value={t("common.number", { value: queueData.totalCount })} />
-      <Block label={t("readarr.books")} value={have.length} />
+      <Block label={t("readarr.books")} value={t("common.number", { value: booksData.have })} />
     </Widget>
   );
 }

src/components/services/widgets/service/sabnzbd.jsx

@@ -30,7 +30,7 @@ export default function SABnzbd({ service }) {
   return (
     <Widget>
       <Block label={t("sabnzbd.rate")} value={`${queueData.queue.speed}B/s`} />
-      <Block label={t("sabnzbd.queue")} value={queueData.queue.noofslots} />
+      <Block label={t("sabnzbd.queue")} value={t("common.number", { value: queueData.queue.noofslots })} />
       <Block label={t("sabnzbd.timeleft")} value={queueData.queue.timeleft} />
     </Widget>
   );

src/components/services/widgets/service/sonarr.jsx

@@ -33,7 +33,7 @@ export default function Sonarr({ service }) {
     <Widget>
       <Block label={t("sonarr.wanted")} value={wantedData.totalRecords} />
       <Block label={t("sonarr.queued")} value={queuedData.totalRecords} />
-      <Block label={t("sonarr.series")} value={seriesData.length} />
+      <Block label={t("sonarr.series")} value={seriesData.total} />
     </Widget>
   );
 }

src/components/services/widgets/service/tautulli.jsx

@@ -1,7 +1,8 @@
 /* eslint-disable camelcase */
 import useSWR from "swr";
 import { useTranslation } from "react-i18next";
-import { BsFillPlayFill, BsPauseFill } from "react-icons/bs";
+import { BsFillPlayFill, BsPauseFill, BsCpu, BsFillCpuFill } from "react-icons/bs";
+import { MdOutlineSmartDisplay, MdSmartDisplay } from "react-icons/md";
 
 import Widget from "../widget";
 
@@ -27,16 +28,26 @@ function millisecondsToString(milliseconds) {
 }
 
 function SingleSessionEntry({ session }) {
-  const { full_title, duration, view_offset, progress_percent, state, year, grandparent_year } = session;
+  const { full_title, duration, view_offset, progress_percent, state, video_decision, audio_decision } = session;
 
   return (
     <>
       <div className="text-theme-700 dark:text-theme-200 relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1 flex">
-        <div className="text-xs z-10 self-center ml-2">
+        <div className="text-xs z-10 self-center ml-2 relative w-full h-4 grow mr-2">
-          <span>{full_title}</span>
+          <div className="absolute w-full whitespace-nowrap text-ellipsis overflow-hidden">{full_title}</div>
+        </div>
+        <div className="self-center text-xs flex justify-end mr-1.5 pl-1">
+          {video_decision === "direct play" && audio_decision === "direct play" && (
+            <MdSmartDisplay className="opacity-50" />
+          )}
+          {video_decision === "copy" && audio_decision === "copy" && <MdOutlineSmartDisplay className="opacity-50" />}
+          {video_decision !== "copy" &&
+            video_decision !== "direct play" &&
+            (audio_decision !== "copy" || audio_decision !== "direct play") && <BsFillCpuFill className="opacity-50" />}
+          {(video_decision === "copy" || video_decision === "direct play") &&
+            audio_decision !== "copy" &&
+            audio_decision !== "direct play" && <BsCpu className="opacity-50" />}
         </div>
-        <div className="grow" />
-        <div className="self-center text-xs flex justify-end mr-2">{year || grandparent_year}</div>
       </div>
 
       <div className="text-theme-700 dark:text-theme-200 relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1 flex">
@@ -55,8 +66,10 @@ function SingleSessionEntry({ session }) {
           )}
         </div>
         <div className="grow " />
-        <div className="self-center text-xs flex justify-end mr-2">
+        <div className="self-center text-xs flex justify-end mr-2 z-10">
-          {millisecondsToString(view_offset)} / {millisecondsToString(duration)}
+          {millisecondsToString(view_offset)}
+          <span className="mx-0.5 text-[8px]">/</span>
+          {millisecondsToString(duration)}
         </div>
       </div>
     </>
@@ -64,7 +77,7 @@ function SingleSessionEntry({ session }) {
 }
 
 function SessionEntry({ session }) {
-  const { full_title, view_offset, progress_percent, state } = session;
+  const { full_title, view_offset, progress_percent, state, video_decision, audio_decision } = session;
 
   return (
     <div className="text-theme-700 dark:text-theme-200 relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1 flex">
@@ -81,10 +94,23 @@ function SessionEntry({ session }) {
         {state !== "paused" && (
           <BsFillPlayFill className="inline-block w-4 h-4 cursor-pointer -mt-[1px] mr-1 opacity-80" />
         )}
-        <span>{full_title}</span>
       </div>
-      <div className="grow " />
+      <div className="text-xs z-10 self-center ml-2 relative w-full h-4 grow mr-2">
-      <div className="self-center text-xs flex justify-end mr-2">{millisecondsToString(view_offset)}</div>
+        <div className="absolute w-full whitespace-nowrap text-ellipsis overflow-hidden">{full_title}</div>
+      </div>
+      <div className="self-center text-xs flex justify-end mr-1.5 pl-1 z-10">
+        {video_decision === "direct play" && audio_decision === "direct play" && (
+          <MdSmartDisplay className="opacity-50" />
+        )}
+        {video_decision === "copy" && audio_decision === "copy" && <MdOutlineSmartDisplay className="opacity-50" />}
+        {video_decision !== "copy" &&
+          video_decision !== "direct play" &&
+          (audio_decision !== "copy" || audio_decision !== "direct play") && <BsFillCpuFill className="opacity-50" />}
+        {(video_decision === "copy" || video_decision === "direct play") &&
+          audio_decision !== "copy" &&
+          audio_decision !== "direct play" && <BsCpu className="opacity-50" />}
+      </div>
+      <div className="self-center text-xs flex justify-end mr-2 z-10">{millisecondsToString(view_offset)}</div>
     </div>
   );
 }

src/components/services/widgets/service/transmission.jsx

@@ -61,9 +61,9 @@ export default function Transmission({ service }) {
 
   return (
     <Widget>
-      <Block label={t("transmission.leech")} value={leech} />
+      <Block label={t("transmission.leech")} value={t("common.number", { value: leech })} />
       <Block label={t("transmission.download")} value={`${rateDl.toFixed(2)} ${unitsDl}`} />
-      <Block label={t("transmission.seed")} value={completed} />
+      <Block label={t("transmission.seed")} value={t("common.number", { value: completed })} />
       <Block label={t("transmission.upload")} value={`${rateUl.toFixed(2)} ${unitsUl}`} />
     </Widget>
   );

src/components/widget.jsx

@@ -2,6 +2,8 @@ import WeatherApi from "components/widgets/weather/weather";
 import OpenWeatherMap from "components/widgets/openweathermap/weather";
 import Resources from "components/widgets/resources/resources";
 import Search from "components/widgets/search/search";
+import Greeting from "components/widgets/greeting/greeting";
+import DateTime from "components/widgets/datetime/datetime";
 
 const widgetMappings = {
   weather: WeatherApi, // This key will be deprecated in the future
@@ -9,13 +11,15 @@ const widgetMappings = {
   openweathermap: OpenWeatherMap,
   resources: Resources,
   search: Search,
+  greeting: Greeting,
+  datetime: DateTime,
 };
 
 export default function Widget({ widget }) {
-  const ServiceWidget = widgetMappings[widget.type];
+  const InfoWidget = widgetMappings[widget.type];
 
-  if (ServiceWidget) {
+  if (InfoWidget) {
-    return <ServiceWidget options={widget.options} />;
+    return <InfoWidget options={widget.options} />;
   }
 
   return (

src/components/widgets/datetime/datetime.jsx

@@ -0,0 +1,36 @@
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+
+const textSizes = {
+  "4xl": "text-4xl",
+  "3xl": "text-3xl",
+  "2xl": "text-2xl",
+  xl: "text-xl",
+  lg: "text-lg",
+  md: "text-md",
+  sm: "text-sm",
+  xs: "text-xs",
+};
+
+export default function DateTime({ options }) {
+  const { text_size: textSize, format } = options;
+  const { i18n } = useTranslation();
+  const [date, setDate] = useState(new Date());
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setDate(new Date());
+    }, 1000);
+    return () => clearInterval(interval);
+  }, [setDate]);
+
+  const dateFormat = new Intl.DateTimeFormat(i18n.language, { ...format });
+
+  return (
+    <div className="flex flex-row items-center grow justify-end">
+      <span className={`text-theme-800 dark:text-theme-200 ${textSizes[textSize || "lg"]}`}>
+        {dateFormat.format(date)}
+      </span>
+    </div>
+  );
+}

src/components/widgets/greeting/greeting.jsx

@@ -0,0 +1,22 @@
+const textSizes = {
+  "4xl": "text-4xl",
+  "3xl": "text-3xl",
+  "2xl": "text-2xl",
+  xl: "text-xl",
+  lg: "text-lg",
+  md: "text-md",
+  sm: "text-sm",
+  xs: "text-xs",
+};
+
+export default function Greeting({ options }) {
+  if (options.text) {
+    return (
+      <div className="flex flex-row items-center justify-start">
+        <span className={`text-theme-800 dark:text-theme-200 ${textSizes[options.text_size || "xl"]}`}>
+          {options.text}
+        </span>
+      </div>
+    );
+  }
+}

src/components/widgets/search/search.jsx

@@ -69,6 +69,8 @@ export default function Search({ options }) {
         autoCapitalize="off"
         autoCorrect="off"
         autoComplete="off"
+        // eslint-disable-next-line jsx-a11y/no-autofocus
+        autoFocus={options.focus}
       />
       <button
         type="submit"

src/pages/_app.jsx

@@ -6,6 +6,8 @@ import "styles/weather-icons.css";
 import "styles/theme.css";
 
 import "utils/i18n";
+import { ColorProvider } from "utils/color-context";
+import { ThemeProvider } from "utils/theme-context";
 
 function MyApp({ Component, pageProps }) {
   return (
@@ -14,7 +16,11 @@ function MyApp({ Component, pageProps }) {
         fetcher: (resource, init) => fetch(resource, init).then((res) => res.json()),
       }}
     >
-      <Component {...pageProps} />
+      <ColorProvider>
+        <ThemeProvider>
+          <Component {...pageProps} />
+        </ThemeProvider>
+      </ColorProvider>
     </SWRConfig>
   );
 }

src/pages/api/services/index.js

@@ -7,15 +7,17 @@ export default async function handler(req, res) {
 
   try {
     discoveredServices = cleanServiceGroups(await servicesFromDocker());
-  } catch {
+  } catch (e) {
-    console.error("Failed to discover services, please check docker.yaml for errors");
+    console.error("Failed to discover services, please check docker.yaml for errors or remove example entries.");
+    console.error(e);
     discoveredServices = [];
   }
 
   try {
     configuredServices = cleanServiceGroups(await servicesFromConfig());
-  } catch {
+  } catch (e) {
     console.error("Failed to load services.yaml, please check for errors");
+    console.error(e);
     configuredServices = [];
   }
 

src/pages/api/services/proxy.js

@@ -4,19 +4,83 @@ import rutorrentProxyHandler from "utils/proxies/rutorrent";
 import nzbgetProxyHandler from "utils/proxies/nzbget";
 import npmProxyHandler from "utils/proxies/npm";
 import transmissionProxyHandler from "utils/proxies/transmission";
+import qbittorrentProxyHandler from "utils/proxies/qbittorrent";
+
+function asJson(data) {
+  if (data?.length > 0) {
+    const json = JSON.parse(data.toString());
+    return json;
+  }
+  return data;
+}
+
+function jsonArrayTransform(data, transform) {
+  const json = asJson(data);
+  if (json instanceof Array) {
+    return transform(json);
+  }
+  return json;
+}
+
+function jsonArrayFilter(data, filter) {
+  return jsonArrayTransform(data, (items) => items.filter(filter));
+}
 
 const serviceProxyHandlers = {
   // uses query param auth
   emby: genericProxyHandler,
   jellyfin: genericProxyHandler,
   pihole: genericProxyHandler,
-  radarr: genericProxyHandler,
+  radarr: {
-  sonarr: genericProxyHandler,
+    proxy: genericProxyHandler,
-  readarr: genericProxyHandler,
+    maps: {
+      movie: (data) => ({
+        wanted: jsonArrayFilter(data, (item) => item.isAvailable === false).length,
+        have: jsonArrayFilter(data, (item) => item.isAvailable === true).length,
+      }),
+    },
+  },
+  sonarr: {
+    proxy: genericProxyHandler,
+    maps: {
+      series: (data) => ({
+        total: asJson(data).length,
+      }),
+    },
+  },
+  lidarr: {
+    proxy: genericProxyHandler,
+    maps: {
+      album: (data) => ({
+        have: jsonArrayFilter(data, (item) => item?.statistics?.percentOfTracks === 100).length,
+      }),
+    },
+  },
+  readarr: {
+    proxy: genericProxyHandler,
+    maps: {
+      book: (data) => ({
+        have: jsonArrayFilter(data, (item) => item?.statistics?.bookFileCount > 0).length,
+      }),
+    },
+  },
+  bazarr: {
+    proxy: genericProxyHandler,
+    maps: {
+      movies: (data) => ({
+        total: asJson(data).total,
+      }),
+      episodes: (data) => ({
+        total: asJson(data).total,
+      }),
+    },
+  },
   speedtest: genericProxyHandler,
   tautulli: genericProxyHandler,
   traefik: genericProxyHandler,
   sabnzbd: genericProxyHandler,
+  jackett: genericProxyHandler,
+  adguard: genericProxyHandler,
   // uses X-API-Key (or similar) header auth
   gotify: credentialedProxyHandler,
   portainer: credentialedProxyHandler,
@@ -30,6 +94,7 @@ const serviceProxyHandlers = {
   nzbget: nzbgetProxyHandler,
   npm: npmProxyHandler,
   transmission: transmissionProxyHandler,
+  qbittorrent: qbittorrentProxyHandler,
 };
 
 export default async function handler(req, res) {
@@ -38,7 +103,14 @@ export default async function handler(req, res) {
   const serviceProxyHandler = serviceProxyHandlers[type];
 
   if (serviceProxyHandler) {
-    return serviceProxyHandler(req, res);
+    if (serviceProxyHandler instanceof Function) {
+      return serviceProxyHandler(req, res);
+    }
+
+    const { proxy, maps } = serviceProxyHandler;
+    if (proxy) {
+      return proxy(req, res, maps);
+    }
   }
 
   return res.status(403).json({ error: "Unkown proxy service type" });

src/pages/index.jsx

@@ -2,14 +2,16 @@
 import useSWR from "swr";
 import Head from "next/head";
 import dynamic from "next/dynamic";
+import { useTranslation } from "react-i18next";
+import { useEffect, useContext } from "react";
 
 import ServicesGroup from "components/services/group";
 import BookmarksGroup from "components/bookmarks/group";
 import Widget from "components/widget";
 import Revalidate from "components/revalidate";
 import { getSettings } from "utils/config";
-import { ColorProvider } from "utils/color-context";
+import { ColorContext } from "utils/color-context";
-import { ThemeProvider } from "utils/theme-context";
+import { ThemeContext } from "utils/theme-context";
 
 const ThemeToggle = dynamic(() => import("components/theme-toggle"), {
   ssr: false,
@@ -19,7 +21,7 @@ const ColorToggle = dynamic(() => import("components/color-toggle"), {
   ssr: false,
 });
 
-const rightAlignedWidgets = ["weatherapi", "openweathermap", "weather", "search"];
+const rightAlignedWidgets = ["weatherapi", "openweathermap", "weather", "search", "datetime"];
 
 export async function getStaticProps() {
   const settings = await getSettings();
@@ -30,7 +32,12 @@ export async function getStaticProps() {
     },
   };
 }
+
 export default function Home({ settings }) {
+  const { i18n } = useTranslation();
+  const { theme, setTheme } = useContext(ThemeContext);
+  const { color, setColor } = useContext(ColorContext);
+
   const { data: services } = useSWR("/api/services");
   const { data: bookmarks } = useSWR("/api/bookmarks");
   const { data: widgets } = useSWR("/api/widgets");
@@ -39,61 +46,74 @@ export default function Home({ settings }) {
   if (settings.background) {
     wrappedStyle.backgroundImage = `url(${settings.background})`;
     wrappedStyle.backgroundSize = "cover";
+    wrappedStyle.opacity = settings.backgroundOpacity ?? 1;
   }
 
+  useEffect(() => {
+    if (settings.language) {
+      i18n.changeLanguage(settings.language);
+    }
+
+    if (settings.theme && theme !== settings.theme) {
+      setTheme(settings.theme);
+    }
+
+    if (settings.color && color !== settings.color) {
+      setColor(settings.color);
+    }
+  }, [i18n, settings, color, setColor, theme, setTheme]);
+
   return (
-    <ColorProvider>
+    <>
-      <ThemeProvider>
+      <Head>
-        <Head>
+        <title>{settings.title || "Homepage"}</title>
-          <title>{settings.title || "Homepage"}</title>
+        {settings.base && <base href={settings.base} />}
-          {settings.base && <base href={settings.base} />}
+        {settings.favicon && <link rel="icon" href={settings.favicon} />}
-          {settings.favicon && <link rel="icon" href={settings.favicon} />}
+      </Head>
-        </Head>
+      <div className="fixed w-full h-full m-0 p-0" style={wrappedStyle} />
-        <div className="fixed w-full h-full m-0 p-0" style={wrappedStyle} />
+      <div className="relative w-full container m-auto flex flex-col h-screen justify-between">
-        <div className="relative w-full container m-auto flex flex-col h-screen justify-between">
+        <div className="flex flex-row flex-wrap m-8 pb-4 mt-10 border-b-2 border-theme-800 dark:border-theme-200 justify-between">
-          <div className="flex flex-row flex-wrap m-8 pb-4 mt-10 border-b-2 border-theme-800 dark:border-theme-200 justify-between">
+          {widgets && (
-            {widgets && (
+            <>
-              <>
+              {widgets
+                .filter((widget) => !rightAlignedWidgets.includes(widget.type))
+                .map((widget, i) => (
+                  <Widget key={i} widget={widget} />
+                ))}
+
+              <div className="ml-4 flex flex-wrap basis-full grow sm:basis-auto justify-between md:justify-end mt-2 md:mt-0">
                 {widgets
-                  .filter((widget) => !rightAlignedWidgets.includes(widget.type))
+                  .filter((widget) => rightAlignedWidgets.includes(widget.type))
                   .map((widget, i) => (
                     <Widget key={i} widget={widget} />
                   ))}
-
+              </div>
-                <div className="ml-4 flex flex-wrap basis-full grow sm:basis-auto justify-between md:justify-end mt-2 md:mt-0">
+            </>
-                  {widgets
-                    .filter((widget) => rightAlignedWidgets.includes(widget.type))
-                    .map((widget, i) => (
-                      <Widget key={i} widget={widget} />
-                    ))}
-                </div>
-              </>
-            )}
-          </div>
-
-          {services && (
-            <div className="flex flex-wrap p-8 items-start">
-              {services.map((group) => (
-                <ServicesGroup key={group.name} services={group} />
-              ))}
-            </div>
           )}
-
-          {bookmarks && (
-            <div className="grow flex flex-wrap pt-0 p-8">
-              {bookmarks.map((group) => (
-                <BookmarksGroup key={group.name} group={group} />
-              ))}
-            </div>
-          )}
-
-          <div className="rounded-full flex p-8 w-full justify-between">
-            <ColorToggle />
-            <Revalidate />
-            <ThemeToggle />
-          </div>
         </div>
-      </ThemeProvider>
+
-    </ColorProvider>
+        {services && (
+          <div className="flex flex-wrap p-8 items-start">
+            {services.map((group) => (
+              <ServicesGroup key={group.name} services={group} layout={settings.layout?.[group.name]} />
+            ))}
+          </div>
+        )}
+
+        {bookmarks && (
+          <div className="grow flex flex-wrap pt-0 p-8">
+            {bookmarks.map((group) => (
+              <BookmarksGroup key={group.name} group={group} />
+            ))}
+          </div>
+        )}
+
+        <div className="rounded-full flex p-8 w-full justify-end">
+          {!settings?.color && <ColorToggle />}
+          <Revalidate />
+          {!settings?.theme && <ThemeToggle />}
+        </div>
+      </div>
+    </>
   );
 }

src/utils/api-helpers.js

@@ -10,15 +10,20 @@ const formats = {
   portainer: `{url}/api/endpoints/{env}/{endpoint}`,
   rutorrent: `{url}/plugins/httprpc/action.php`,
   transmission: `{url}/transmission/rpc`,
+  qbittorrent: `{url}/api/v2/{endpoint}`,
   jellyseerr: `{url}/api/v1/{endpoint}`,
   overseerr: `{url}/api/v1/{endpoint}`,
   ombi: `{url}/api/v1/{endpoint}`,
   npm: `{url}/api/{endpoint}`,
+  lidarr: `{url}/api/v1/{endpoint}?apikey={key}`,
   readarr: `{url}/api/v1/{endpoint}?apikey={key}`,
+  bazarr: `{url}/api/{endpoint}/wanted?apikey={key}`,
   sabnzbd: `{url}/api/?apikey={key}&output=json&mode={endpoint}`,
   coinmarketcap: `https://pro-api.coinmarketcap.com/{endpoint}`,
   gotify: `{url}/{endpoint}`,
   prowlarr: `{url}/api/v1/{endpoint}`,
+  jackett: `{url}/api/v2.0/{endpoint}?apikey={key}&configured=true`,
+  adguard: `{url}/control/{endpoint}`,
 };
 
 export function formatApiCall(api, args) {

src/utils/cookie-jar.js

@@ -0,0 +1,34 @@
+/* eslint-disable no-param-reassign */
+import { Cookie, CookieJar } from 'tough-cookie';
+
+const cookieJar = new CookieJar();
+
+export function setCookieHeader(url, params) {
+  // add cookie header, if we have one in the jar
+  const existingCookie = cookieJar.getCookieStringSync(url.toString());
+  if (existingCookie) {
+    params.headers = params.headers ?? {};
+    params.headers.Cookie = existingCookie;
+  }
+}
+
+export function addCookieToJar(url, headers) {
+  let cookieHeader = headers['set-cookie'];
+  if (headers instanceof Headers) {
+    cookieHeader = headers.get('set-cookie');
+  }
+
+  if (!cookieHeader || cookieHeader.length === 0) return;
+
+  let cookies = null;
+  if (cookieHeader instanceof Array) {
+    cookies = cookieHeader.map(Cookie.parse);
+  }
+  else {
+    cookies = [Cookie.parse(cookieHeader)];
+  }
+
+  for (let i = 0; i < cookies.length; i += 1) {
+    cookieJar.setCookieSync(cookies[i], url.toString());
+  }
+}

src/utils/http.js

@@ -1,9 +1,22 @@
 /* eslint-disable prefer-promise-reject-errors */
-import https from "https";
+/* eslint-disable no-param-reassign */
-import http from "http";
+import { http, https } from "follow-redirects";
+
+import { addCookieToJar, setCookieHeader } from "utils/cookie-jar";
+
+function addCookieHandler(url, params) {
+  setCookieHeader(url, params);
+
+  // handle cookies during redirects
+  params.beforeRedirect = (options, responseInfo) => {
+    addCookieToJar(options.href, responseInfo.headers);
+    setCookieHeader(options.href, options);
+  };
+}
 
 export function httpsRequest(url, params) {
   return new Promise((resolve, reject) => {
+    addCookieHandler(url, params);
     const request = https.request(url, params, (response) => {
       const data = [];
 
@@ -12,6 +25,7 @@ export function httpsRequest(url, params) {
       });
 
       response.on("end", () => {
+        addCookieToJar(url, response.headers);
         resolve([response.statusCode, response.headers["content-type"], Buffer.concat(data), response.headers]);
       });
     });
@@ -30,6 +44,7 @@ export function httpsRequest(url, params) {
 
 export function httpRequest(url, params) {
   return new Promise((resolve, reject) => {
+    addCookieHandler(url, params);
     const request = http.request(url, params, (response) => {
       const data = [];
 
@@ -38,6 +53,7 @@ export function httpRequest(url, params) {
       });
 
       response.on("end", () => {
+        addCookieToJar(url, response.headers);
         resolve([response.statusCode, response.headers["content-type"], Buffer.concat(data), response.headers]);
       });
     });

src/utils/proxies/generic.js

@@ -2,7 +2,7 @@ import getServiceWidget from "utils/service-helpers";
 import { formatApiCall } from "utils/api-helpers";
 import { httpProxy } from "utils/http";
 
-export default async function genericProxyHandler(req, res) {
+export default async function genericProxyHandler(req, res, maps) {
   const { group, service, endpoint } = req.query;
 
   if (group && service) {
@@ -10,17 +10,31 @@ export default async function genericProxyHandler(req, res) {
 
     if (widget) {
       const url = new URL(formatApiCall(widget.type, { endpoint, ...widget }));
+
+      let headers;
+      if (widget.username && widget.password) {
+        headers = {
+          Authorization: `Basic ${Buffer.from(`${widget.username}:${widget.password}`).toString("base64")}`,
+        };
+      }
+
       const [status, contentType, data] = await httpProxy(url, {
         method: req.method,
+        headers,
       });
 
+      let resultData = data;
+      if (maps?.[endpoint]) {
+        resultData = maps[endpoint](data);
+      }
+
       if (contentType) res.setHeader("Content-Type", contentType);
 
       if (status === 204 || status === 304) {
         return res.status(status).end();
       }
 
-      return res.status(status).send(data);
+      return res.status(status).send(resultData);
     }
   }
 

src/utils/proxies/qbittorrent.js

@@ -0,0 +1,58 @@
+import { formatApiCall } from "utils/api-helpers";
+import { addCookieToJar, setCookieHeader } from "utils/cookie-jar";
+import { httpProxy } from "utils/http";
+import getServiceWidget from "utils/service-helpers";
+
+async function login(widget, params) {
+  const loginUrl = new URL(`${widget.url}/api/v2/auth/login`);
+  const loginBody = `username=${encodeURI(widget.username)}&password=${encodeURI(widget.password)}`;
+
+  // using fetch intentionally, for login only, as the httpProxy method causes qBittorrent to
+  // complain about header encoding
+  return fetch(loginUrl, {
+    method: "POST",
+    headers: { "Content-Type": "application/x-www-form-urlencoded" },
+    body: loginBody
+  })
+  .then(async response => {
+    addCookieToJar(loginUrl, response.headers);
+    setCookieHeader(loginUrl, params);
+    const data = await response.text();
+    return ([response.status, data]);
+  })
+  .catch(err => ([500, err]));
+}
+
+export default async function qbittorrentProxyHandler(req, res) {
+  const { group, service, endpoint } = req.query;
+
+  if (!group || !service) {
+    return res.status(400).json({ error: "Invalid proxy service type" });
+  }
+
+  const widget = await getServiceWidget(group, service);
+
+  if (!widget) {
+    return res.status(400).json({ error: "Invalid proxy service type" });
+  }
+
+  const url = new URL(formatApiCall(widget.type, { endpoint, ...widget }));
+  const params = { method: "GET", headers: {} };
+  setCookieHeader(url, params);
+
+  if (!params.headers.Cookie) {
+    const [status, data] = await login(widget, params);
+
+    if (status !== 200) {
+      return res.status(status).end(data);
+    }
+    if (data.toString() !== 'Ok.') {
+      return res.status(401).end(data);
+    }
+  }
+
+  const [status, contentType, data] = await httpProxy(url, params);
+
+  if (contentType) res.setHeader("Content-Type", contentType);
+  return res.status(status).send(data);
+}