Enhancement: improve dual-stack support (#6070)

Co-authored-by: shamoon <4887959+shamoon@users.noreply.github.com>

Dockerfile

@@ -54,7 +54,7 @@ RUN apk add --no-cache su-exec iputils-ping shadow
 USER root
 
 ENV NODE_ENV=production
-ENV HOSTNAME=0.0.0.0
+ENV HOSTNAME=::
 ENV PORT=3000
 EXPOSE $PORT
 

docker-entrypoint.sh

@@ -12,6 +12,15 @@ export PGID=${PGID:-0}
 
 export HOMEPAGE_BUILDTIME=$(date +%s)
 
+# Try IPv6 first (dual stack when available), but fall back to IPv4 if the bind fails
+export HOSTNAME=${HOSTNAME:-::}
+if [ "$HOSTNAME" = "::" ]; then
+  if ! node -e "const server = require('http').createServer(() => {}); const host = '::'; const port = process.env.PORT || 3000; server.once('error', (err) => { console.error('IPv6 bind failed:', err.message); process.exit(1); }); server.listen(port, host, () => server.close(() => process.exit(0)));"; then
+    echo "Falling back to IPv4 bind at 0.0.0.0"
+    export HOSTNAME=0.0.0.0
+  fi
+fi
+
 # Check ownership before chown
 if [ -e /app/config ]; then
   CURRENT_UID=$(stat -c %u /app/config)

docs/installation/docker.md

@@ -14,7 +14,7 @@ services:
       - 3000:3000
     volumes:
       - /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:ro # (optional) For docker integrations
     environment:
       HOMEPAGE_ALLOWED_HOSTS: gethomepage.dev # required, may need port. See gethomepage.dev/installation/#homepage_allowed_hosts
 ```
@@ -36,7 +36,7 @@ services:
       - 3000:3000
     volumes:
       - /path/to/config:/app/config # Make sure your local config directory exists
-      - /var/run/docker.sock:/var/run/docker.sock # (optional) For docker integrations, see alternative methods
+      - /var/run/docker.sock:/var/run/docker.sock:ro # (optional) For docker integrations, see alternative methods
     environment:
       HOMEPAGE_ALLOWED_HOSTS: gethomepage.dev # required, may need port. See gethomepage.dev/installation/#homepage_allowed_hosts
       PUID: $PUID

docs/troubleshooting/index.md

@@ -68,7 +68,7 @@ All service widgets work essentially the same, that is, homepage makes a proxied
 
 If, after correctly adding and mapping your custom icons via the [Icons](../configs/services.md#icons) instructions, you are still unable to see your icons please try recreating your container.
 
-## Disabling IPv6
+## Disabling IPv6 for http requests {#disabling-ipv6}
 
 If you are having issues with certain widgets that are unable to reach public APIs (e.g. weather), in certain setups you may need to disable IPv6. You can set the environment variable `HOMEPAGE_PROXY_DISABLE_IPV6` to `true` to disable IPv6 for the homepage proxy.
 

docs/widgets/services/pangolin.md

@@ -0,0 +1,29 @@
+---
+title: Pangolin
+description: Pangolin Widget Configuration
+---
+
+Learn more about [Pangolin](https://github.com/fosrl/pangolin).
+
+This widget shows sites (online/total), resources (healthy/total), targets (healthy/total), and traffic statistics for a Pangolin organization. A resource is considered healthy if at least one of its targets is healthy, or if it has no targets.
+
+Allowed fields: `["sites", "resources", "targets", "traffic", "in", "out"]` (maximum of 4).
+
+```yaml
+widget:
+  type: pangolin
+  url: https://api.pangolin.net
+  key: your-api-key
+  org: your-org-id
+```
+
+Find your organization ID in the URL when logged in (e.g., `https://app.pangolin.net/{org-id}/...`).
+
+## API Key Setup
+
+Create an API key with the following permissions:
+
+- **List Sites**
+- **List Resources**
+
+**Self-Hosted:** Enable the [Integration API](https://docs.pangolin.net/self-host/advanced/integration-api) in your Pangolin configuration before creating the key.

mkdocs.yml

@@ -122,6 +122,7 @@ nav:
           - widgets/services/opnsense.md
           - widgets/services/openwrt.md
           - widgets/services/overseerr.md
+          - widgets/services/pangolin.md
           - widgets/services/paperlessngx.md
           - widgets/services/peanut.md
           - widgets/services/pfsense.md

public/locales/af/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inmandjie",
         "total": "Totaal"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Bronne",
+        "targets": "Teikens",
+        "traffic": "Verkeer",
+        "in": "In",
+        "out": "Uit"
+    },
     "peanut": {
         "battery_charge": "Batterylading",
         "ups_load": "SVE-lading",

public/locales/ar/common.json

@@ -599,6 +599,15 @@
         "inbox": "صندوق الوارد",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "شحن البطارية",
         "ups_load": "حمل UPS",

public/locales/bg/common.json

@@ -599,6 +599,15 @@
         "inbox": "Входящи",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Заряд на батерията",
         "ups_load": "Натоварване на UPS",

public/locales/ca/common.json

@@ -599,6 +599,15 @@
         "inbox": "Safata d'entrada",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Càrrega de la bateria",
         "ups_load": "Càrrega del SAI",

public/locales/cs/common.json

@@ -599,6 +599,15 @@
         "inbox": "Doručená pošta",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Úroveň baterie",
         "ups_load": "Zítěž UPS",

public/locales/da/common.json

@@ -599,6 +599,15 @@
         "inbox": "Indbakke",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Batteriniveau",
         "ups_load": "UPS Load",

public/locales/de/common.json

@@ -599,6 +599,15 @@
         "inbox": "Posteingang",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Akkuladung",
         "ups_load": "USV-Auslastung",

public/locales/el/common.json

@@ -599,6 +599,15 @@
         "inbox": "Εισερχόμενα",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/en/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/eo/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/es/common.json

@@ -599,6 +599,15 @@
         "inbox": "Bandeja de entrada",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Carga de la batería",
         "ups_load": "Carga del UPS",

public/locales/eu/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/fi/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/fr/common.json

@@ -599,6 +599,15 @@
         "inbox": "Boîte de réception",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Charge de la batterie",
         "ups_load": "Charge de l’ASI",

public/locales/he/common.json

@@ -599,6 +599,15 @@
         "inbox": "תיבת דואר נכנס",
         "total": "סה\"כ"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "טעינת סוללה",
         "ups_load": "עומס UPS",

public/locales/hi/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/hr/common.json

@@ -599,6 +599,15 @@
         "inbox": "Ulazni sandučić",
         "total": "Ukupno"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Napunjenost baterije",
         "ups_load": "UPS opterećenje",

public/locales/hu/common.json

@@ -599,6 +599,15 @@
         "inbox": "Beérkezett",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Akku töltöttsége",
         "ups_load": "UPS terheltsége",

public/locales/id/common.json

@@ -599,6 +599,15 @@
         "inbox": "Kotak Masuk",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Sisa Baterai",
         "ups_load": "Beban UPS",

public/locales/it/common.json

@@ -599,6 +599,15 @@
         "inbox": "In arrivo",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Carica Batteria",
         "ups_load": "Carico UPS",

public/locales/ja/common.json

@@ -599,6 +599,15 @@
         "inbox": "受信トレイ",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "バッテリー充電",
         "ups_load": "UPS 負荷",

public/locales/ko/common.json

@@ -599,6 +599,15 @@
         "inbox": "받은 편지함",
         "total": "전체"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "배터리 충전",
         "ups_load": "UPS 부하",

public/locales/lv/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/ms/common.json

@@ -599,6 +599,15 @@
         "inbox": "Peti Masuk",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Bateri dicas",
         "ups_load": "Beban UPS",

public/locales/nl/common.json

@@ -599,6 +599,15 @@
         "inbox": "Postvak In",
         "total": "Totaal"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Batterij opladen",
         "ups_load": "UPS-belasting",

public/locales/no/common.json

@@ -599,6 +599,15 @@
         "inbox": "Innboks",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Batteriladning",
         "ups_load": "UPS last",

public/locales/pl/common.json

@@ -599,6 +599,15 @@
         "inbox": "Skrzynka odbiorcza",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Stan baterii",
         "ups_load": "Obciążenie UPS",

public/locales/pt/common.json

@@ -599,6 +599,15 @@
         "inbox": "Caixa de entrada",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Carga da bateria",
         "ups_load": "Carga da UPS",

public/locales/pt_BR/common.json

@@ -599,6 +599,15 @@
         "inbox": "Caixa de entrada",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Carga da bateria",
         "ups_load": "Carga do UPS",

public/locales/ro/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Încărcare Baterie",
         "ups_load": "UPS Load",

public/locales/ru/common.json

@@ -193,7 +193,7 @@
         "tv": "Сериалы"
     },
     "sabnzbd": {
-        "rate": "Rate",
+        "rate": "",
         "queue": "Очередь",
         "timeleft": "Осталось"
     },
@@ -599,6 +599,15 @@
         "inbox": "Входящие",
         "total": "Всего"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Заряд батареи",
         "ups_load": "Нагрузка на UPS",
@@ -1089,7 +1098,7 @@
     "unraid": {
         "STARTED": "Started",
         "STOPPED": "Stopped",
-        "NEW_ARRAY": "New Array",
+        "NEW_ARRAY": "Новый массив",
         "RECON_DISK": "Reconstructing Disk",
         "DISABLE_DISK": "Disk Disabled",
         "SWAP_DSBL": "Swap Disable",
@@ -1098,8 +1107,8 @@
         "TOO_MANY_MISSING_DISKS": "Too Many Missing Disks",
         "NEW_DISK_TOO_SMALL": "New Disk Too Small",
         "NO_DATA_DISKS": "No Data Disks",
-        "notifications": "Notifications",
-        "status": "Status",
+        "notifications": "Уведомления",
+        "status": "Статус",
         "cpu": "CPU",
         "memoryUsed": "Memory Used",
         "memoryAvailable": "Memory Available",

public/locales/sk/common.json

@@ -599,6 +599,15 @@
         "inbox": "Schránka správ",
         "total": "Celkom"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Nabitie batérie",
         "ups_load": "Záťaž UPS",

public/locales/sl/common.json

@@ -599,6 +599,15 @@
         "inbox": "Prejeto",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Napolnjenost baterije",
         "ups_load": "UPS obremenitev",

public/locales/sr/common.json

@@ -599,6 +599,15 @@
         "inbox": "Примљено",
         "total": "Укупно"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Напуњеност батерије",
         "ups_load": "Оптерећење УПС-а",

public/locales/sv/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/te/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/th/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/tr/common.json

@@ -599,6 +599,15 @@
         "inbox": "Gelen Kutusu",
         "total": "Toplam"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Pil Yüzdesi",
         "ups_load": "UPS Yükü",

public/locales/uk/common.json

@@ -599,6 +599,15 @@
         "inbox": "Вхідні",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Заряд батареї",
         "ups_load": "UPS завантаження",

public/locales/vi/common.json

@@ -599,6 +599,15 @@
         "inbox": "Inbox",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "Battery Charge",
         "ups_load": "UPS Load",

public/locales/yue/common.json

@@ -599,6 +599,15 @@
         "inbox": "收件箱",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "充電",
         "ups_load": "備用電源負載",

public/locales/zh-Hans/common.json

@@ -599,6 +599,15 @@
         "inbox": "收件箱",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "充电中",
         "ups_load": "UPS 负载",

public/locales/zh-Hant/common.json

@@ -599,6 +599,15 @@
         "inbox": "收件箱",
         "total": "Total"
     },
+    "pangolin": {
+        "orgs": "Orgs",
+        "sites": "Sites",
+        "resources": "Resources",
+        "targets": "Targets",
+        "traffic": "Traffic",
+        "in": "In",
+        "out": "Out"
+    },
     "peanut": {
         "battery_charge": "充電",
         "ups_load": "備用電源負載",

src/components/widgets/search/search.jsx

@@ -1,4 +1,14 @@
-import { Combobox, Listbox, Transition } from "@headlessui/react";
+import {
+  Combobox,
+  ComboboxInput,
+  ComboboxOption,
+  ComboboxOptions,
+  Listbox,
+  ListboxButton,
+  ListboxOption,
+  ListboxOptions,
+  Transition,
+} from "@headlessui/react";
 import classNames from "classnames";
 import { useTranslation } from "next-i18next";
 import { Fragment, useEffect, useState } from "react";
@@ -158,7 +168,7 @@ export default function Search({ options }) {
         <div className="flex-col relative h-8 my-4 min-w-fit z-20">
           <div className="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none w-full text-theme-800 dark:text-white" />
           <Combobox value={query}>
-            <Combobox.Input
+            <ComboboxInput
               type="text"
               className="
               overflow-hidden w-full h-full rounded-md
@@ -189,7 +199,7 @@ export default function Search({ options }) {
               disabled={availableProviderIds?.length === 1}
             >
               <div>
-                <Listbox.Button
+                <ListboxButton
                   className="
                   absolute right-0.5 bottom-0.5 rounded-r-md px-4 py-2
                   text-white font-medium text-sm
@@ -198,7 +208,7 @@ export default function Search({ options }) {
                 >
                   <selectedProvider.icon className="text-white w-3 h-3" />
                   <span className="sr-only">{t("search.search")}</span>
-                </Listbox.Button>
+                </ListboxButton>
               </div>
               <Transition
                 as={Fragment}
@@ -209,7 +219,7 @@ export default function Search({ options }) {
                 leaveFrom="transform opacity-100 scale-100"
                 leaveTo="transform opacity-0 scale-95"
               >
-                <Listbox.Options
+                <ListboxOptions
                   className="absolute right-0 z-10 mt-1 origin-top-right rounded-md
                   bg-theme-100 dark:bg-theme-600 shadow-lg
                   ring-1 ring-black ring-opacity-5 focus:outline-hidden"
@@ -218,7 +228,7 @@ export default function Search({ options }) {
                     {availableProviderIds.map((providerId) => {
                       const p = searchProviders[providerId];
                       return (
-                        <Listbox.Option key={providerId} value={p} as={Fragment}>
+                        <ListboxOption key={providerId} value={p} as={Fragment}>
                           {({ active }) => (
                             <li
                               className={classNames(
@@ -229,23 +239,23 @@ export default function Search({ options }) {
                               <p.icon className="h-4 w-4 mx-4 my-2" />
                             </li>
                           )}
-                        </Listbox.Option>
+                        </ListboxOption>
                       );
                     })}
                   </div>
-                </Listbox.Options>
+                </ListboxOptions>
               </Transition>
             </Listbox>
 
             {searchSuggestions[1]?.length > 0 && (
-              <Combobox.Options className="mt-1 rounded-md bg-theme-50 dark:bg-theme-800 border border-theme-300 dark:border-theme-200/30 cursor-pointer shadow-lg">
+              <ComboboxOptions className="mt-1 rounded-md bg-theme-50 dark:bg-theme-800 border border-theme-300 dark:border-theme-200/30 cursor-pointer shadow-lg">
                 <div className="p-1 bg-white/50 dark:bg-white/10 text-theme-900/90 dark:text-white/90 text-xs">
-                  <Combobox.Option key={query} value={query} />
+                  <ComboboxOption key={query} value={query} />
                   {searchSuggestions[1].map((suggestion) => (
-                    <Combobox.Option
+                    <ComboboxOption
                       key={suggestion}
                       value={suggestion}
-                      onClick={() => {
+                      onMouseDown={() => {
                         doSearch(suggestion);
                       }}
                       className="flex w-full"
@@ -266,10 +276,10 @@ export default function Search({ options }) {
                           </div>
                         );
                       }}
-                    </Combobox.Option>
+                    </ComboboxOption>
                   ))}
                 </div>
-              </Combobox.Options>
+              </ComboboxOptions>
             )}
           </Combobox>
         </div>

src/middleware.js

@@ -4,7 +4,7 @@ export function middleware(req) {
   // Check the Host header, if HOMEPAGE_ALLOWED_HOSTS is set
   const host = req.headers.get("host");
   const port = process.env.PORT || 3000;
-  let allowedHosts = [`localhost:${port}`, `127.0.0.1:${port}`];
+  let allowedHosts = [`localhost:${port}`, `127.0.0.1:${port}`, `[::1]:${port}`];
   const allowAll = process.env.HOMEPAGE_ALLOWED_HOSTS === "*";
   if (process.env.HOMEPAGE_ALLOWED_HOSTS) {
     allowedHosts = allowedHosts.concat(process.env.HOMEPAGE_ALLOWED_HOSTS.split(","));

src/utils/proxy/handlers/credentialed.js

@@ -53,6 +53,7 @@ export default async function credentialedProxyHandler(req, res, map) {
           "linkwarden",
           "mealie",
           "netalertx",
+          "pangolin",
           "tailscale",
           "tandoor",
           "pterodactyl",

src/utils/proxy/http.js

@@ -111,7 +111,7 @@ export async function cachedRequest(url, duration = 5, ua = "homepage") {
 export async function httpProxy(url, params = {}) {
   const constructedUrl = new URL(url);
   const disableIpv6 = process.env.HOMEPAGE_PROXY_DISABLE_IPV6 === "true";
-  const agentOptions = disableIpv6 ? { family: 4, autoSelectFamily: false } : {};
+  const agentOptions = disableIpv6 ? { family: 4, autoSelectFamily: false } : { autoSelectFamilyAttemptTimeout: 500 };
 
   let request = null;
   if (constructedUrl.protocol === "https:") {

src/widgets/components.js

@@ -97,6 +97,7 @@ const components = {
   openmediavault: dynamic(() => import("./openmediavault/component")),
   openwrt: dynamic(() => import("./openwrt/component")),
   paperlessngx: dynamic(() => import("./paperlessngx/component")),
+  pangolin: dynamic(() => import("./pangolin/component")),
   pfsense: dynamic(() => import("./pfsense/component")),
   photoprism: dynamic(() => import("./photoprism/component")),
   proxmoxbackupserver: dynamic(() => import("./proxmoxbackupserver/component")),

src/widgets/pangolin/component.jsx

@@ -0,0 +1,70 @@
+import Block from "components/services/widget/block";
+import Container from "components/services/widget/container";
+import { useTranslation } from "next-i18next";
+
+import useWidgetAPI from "utils/proxy/use-widget-api";
+
+const MAX_ALLOWED_FIELDS = 4;
+
+export default function Component({ service }) {
+  const { t } = useTranslation();
+  const { widget } = service;
+
+  if (!widget.fields) {
+    widget.fields = ["sites", "resources", "targets", "traffic"];
+  } else if (widget.fields?.length > MAX_ALLOWED_FIELDS) {
+    widget.fields = widget.fields.slice(0, MAX_ALLOWED_FIELDS);
+  }
+
+  const { data: sitesData, error: sitesError } = useWidgetAPI(widget, "sites");
+  const { data: resourcesData, error: resourcesError } = useWidgetAPI(widget, "resources");
+
+  if (sitesError || resourcesError) {
+    return <Container service={service} error={sitesError || resourcesError} />;
+  }
+
+  if (!sitesData || !resourcesData) {
+    return (
+      <Container service={service}>
+        <Block label="pangolin.sites" />
+        <Block label="pangolin.resources" />
+        <Block label="pangolin.targets" />
+        <Block label="pangolin.traffic" />
+        <Block label="pangolin.in" />
+        <Block label="pangolin.out" />
+      </Container>
+    );
+  }
+
+  const sites = sitesData.data?.sites || [];
+  const resources = resourcesData.data?.resources || [];
+
+  const sitesTotal = sites.length;
+  const sitesOnline = sites.filter((s) => s.online).length;
+
+  const resourcesTotal = resources.length;
+  const resourcesHealthy = resources.filter(
+    (r) => r.targets?.some((t) => t.healthStatus !== "unhealthy") || !r.targets?.length,
+  ).length;
+
+  const targetsTotal = resources.reduce((sum, r) => sum + (r.targets?.length || 0), 0);
+  const targetsHealthy = resources.reduce(
+    (sum, r) => sum + (r.targets?.filter((t) => t.healthStatus !== "unhealthy").length || 0),
+    0,
+  );
+
+  const trafficIn = sites.reduce((sum, s) => sum + (s.megabytesIn || 0), 0) * 1_000_000;
+  const trafficOut = sites.reduce((sum, s) => sum + (s.megabytesOut || 0), 0) * 1_000_000;
+  const trafficTotal = trafficIn + trafficOut;
+
+  return (
+    <Container service={service}>
+      <Block label="pangolin.sites" value={`${sitesOnline} / ${sitesTotal}`} />
+      <Block label="pangolin.resources" value={`${resourcesHealthy} / ${resourcesTotal}`} />
+      <Block label="pangolin.targets" value={`${targetsHealthy} / ${targetsTotal}`} />
+      <Block label="pangolin.traffic" value={t("common.bytes", { value: trafficTotal })} />
+      <Block label="pangolin.in" value={t("common.bytes", { value: trafficIn })} />
+      <Block label="pangolin.out" value={t("common.bytes", { value: trafficOut })} />
+    </Container>
+  );
+}

src/widgets/pangolin/widget.js

@@ -0,0 +1,17 @@
+import credentialedProxyHandler from "utils/proxy/handlers/credentialed";
+
+const widget = {
+  api: "{url}/v1/{endpoint}",
+  proxyHandler: credentialedProxyHandler,
+
+  mappings: {
+    sites: {
+      endpoint: "org/{org}/sites",
+    },
+    resources: {
+      endpoint: "org/{org}/resources",
+    },
+  },
+};
+
+export default widget;

src/widgets/widgets.js

@@ -87,6 +87,7 @@ import openmediavault from "./openmediavault/widget";
 import openwrt from "./openwrt/widget";
 import opnsense from "./opnsense/widget";
 import overseerr from "./overseerr/widget";
+import pangolin from "./pangolin/widget";
 import paperlessngx from "./paperlessngx/widget";
 import peanut from "./peanut/widget";
 import pfsense from "./pfsense/widget";
@@ -237,6 +238,7 @@ const widgets = {
   openmediavault,
   openwrt,
   paperlessngx,
+  pangolin,
   peanut,
   pfsense,
   photoprism,