Translated using Weblate (Dutch)

Currently translated at 100.0% (0 of 0 strings)

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

Dockerfile

@@ -28,9 +28,8 @@ COPY . .
 RUN <<EOF
     set -xe
     yarn next telemetry disable
-    mkdir config
+    mkdir config && echo '-' > config/settings.yaml
     npm run build
-    rm -rf config
 EOF
 
 # Production image, copy all the files and run next

README.md

@@ -20,6 +20,7 @@
   * Information & Utility Widgets
     - System Stats (Disk, CPU, Memory)
     - Weather via WeatherAPI.com or OpenWeatherMap ([AlexFullmoon](https://github.com/benphelps/homepage/pull/25))
+      - Automatic location detection (with HTTPS), or manual location selection
     - Search Bar ([aidenpwnz](https://github.com/benphelps/homepage/pull/45))
   * Customizable
     - 21 theme colors with light and dark mode support

public/locales/de/common.json

@@ -1,87 +1,93 @@
 {
-  "widget":{
+    "widget": {
-     "missing_type":"Fehlender Widget-Typ: {{type}}",
+        "missing_type": "Fehlender Widget-Typ: {{type}}",
-     "api_error":"API-Fehler",
+        "api_error": "API-Fehler",
-     "status":"Status"
+        "status": "Status"
-  },
+    },
-  "search":{
+    "search": {
-     "placeholder":"Suche…"
+        "placeholder": "Suche…"
-  },
+    },
-  "resources":{
+    "resources": {
-     "total":"Gesamt",
+        "total": "Gesamt",
-     "free":"Frei",
+        "free": "Frei",
-     "used":"Gebraucht"
+        "used": "Gebraucht"
-  },
+    },
-  "docker":{
+    "docker": {
-     "rx":"Rx",
+        "rx": "Rx",
-     "tx":"Tx",
+        "tx": "Tx",
-     "mem":"Mem",
+        "mem": "Mem",
-     "cpu":"Zentralprozessor",
+        "cpu": "Prozessor",
-     "offline":"Offline"
+        "offline": "Offline"
-  },
+    },
-  "emby":{
+    "emby": {
-     "playing":"Spielen",
+        "playing": "Spielen",
-     "transcoding":"Transcodierung",
+        "transcoding": "Transcodierung",
-     "bitrate":"Bitrate"
+        "bitrate": "Bitrate"
-  },
+    },
-  "tautulli":{
+    "tautulli": {
-     "playing":"Spielen",
+        "playing": "Spielen",
-     "transcoding":"Transcodierung",
+        "transcoding": "Transcodierung",
-     "bitrate":"Bitrate"
+        "bitrate": "Bitrate"
-  },
+    },
-  "nzbget":{
+    "nzbget": {
-     "rate":"Rate",
+        "rate": "Rate",
-     "remaining":"Verblieben",
+        "remaining": "Verblieben",
-     "downloaded":"Heruntergeladen"
+        "downloaded": "Heruntergeladen"
-  },
+    },
-  "rutorrent":{
+    "rutorrent": {
-     "active":"Aktiv",
+        "active": "Aktiv",
-     "upload":"Hochladen",
+        "upload": "Hochladen",
-     "download":"Download"
+        "download": "Download"
-  },
+    },
-  "sonarr":{
+    "sonarr": {
-     "wanted":"Gesucht",
+        "wanted": "Gesucht",
-     "queued":"In Warteschlange",
+        "queued": "In Warteschlange",
-     "series":"Serie"
+        "series": "Serie"
-  },
+    },
-  "radarr":{
+    "radarr": {
-     "wanted":"Gesucht",
+        "wanted": "Gesucht",
-     "queued":"In Warteschlange",
+        "queued": "In Warteschlange",
-     "movies":"Filme"
+        "movies": "Filme"
-  },
+    },
-  "ombi":{
+    "ombi": {
-     "pending":"Ausstehend",
+        "pending": "Ausstehend",
-     "approved":"Genehmigt",
+        "approved": "Genehmigt",
-     "available":"Verfügbar"
+        "available": "Verfügbar"
-  },
+    },
-  "jellyseerr":{
+    "jellyseerr": {
-     "pending":"Ausstehend",
+        "pending": "Ausstehend",
-     "approved":"Genehmigt",
+        "approved": "Genehmigt",
-     "available":"Verfügbar"
+        "available": "Verfügbar"
-  },
+    },
-  "pihole":{
+    "pihole": {
-     "queries":"Abfragen",
+        "queries": "Abfragen",
-     "blocked":"verstopft",
+        "blocked": "Blockiert",
-     "gravity":"Schwere"
+        "gravity": "Gravity"
-  },
+    },
-  "speedtest":{
+    "speedtest": {
-     "upload":"Hochladen",
+        "upload": "Upload",
-     "download":"Download",
+        "download": "Download",
-     "ping":"Klingeln"
+        "ping": "Ping"
-  },
+    },
-  "portainer":{
+    "portainer": {
-     "running":"Betrieb",
+        "running": "Betrieb",
-     "stopped":"Gestoppt",
+        "stopped": "Gestoppt",
-     "total":"Gesamt"
+        "total": "Gesamt"
-  },
+    },
-  "traefik":{
+    "traefik": {
-     "routers":"Router",
+        "routers": "Router",
-     "services":"Dienstleistungen",
+        "services": "Services",
-     "middleware":"Middleware"
+        "middleware": "Middleware"
-  },
+    },
-  "npm":{
+    "npm": {
-     "enabled":"Ermöglicht",
+        "enabled": "Aktiviert",
-     "disabled":"Deaktiviert",
+        "disabled": "Deaktiviert",
-     "total":"Gesamt"
+        "total": "Gesamt"
-  }
+    },
+    "weather": {
+        "current": "Aktueller Standort",
+        "allow": "Zum Zulassen anklicken",
+        "updating": "Aktualisieren",
+        "wait": "Bitte warten"
+    }
 }

public/locales/en/common.json

@@ -15,6 +15,12 @@
         "api_error": "API Error",
         "status": "Status"
     },
+    "weather": {
+      "current": "Current Location",
+      "allow": "Click to allow",
+      "updating": "Updating",
+      "wait": "Please wait"
+    },
     "search": {
         "placeholder": "Search…"
     },

public/locales/es/common.json

@@ -83,5 +83,11 @@
         "enabled": "Activado",
         "disabled": "Desactivado",
         "total": "Total"
+    },
+    "weather": {
+        "current": "Current Location",
+        "allow": "Click to allow",
+        "updating": "Updating",
+        "wait": "Please wait"
     }
 }

public/locales/fr/common.json

@@ -94,5 +94,11 @@
         "bitrate": "{{value, bytes(bits: true)}}",
         "percent": "{{value, percent}}",
         "ms": "{{value, number}}"
+    },
+    "weather": {
+        "current": "Current Location",
+        "allow": "Click to allow",
+        "updating": "Updating",
+        "wait": "Please wait"
     }
 }

public/locales/it/common.json

@@ -83,5 +83,11 @@
         "enabled": "Enabled",
         "disabled": "Disabled",
         "total": "Total"
+    },
+    "weather": {
+        "current": "Current Location",
+        "allow": "Click to allow",
+        "updating": "Updating",
+        "wait": "Please wait"
     }
 }

public/locales/nb-NO/common.json

@@ -83,5 +83,11 @@
         "enabled": "Påskrudd",
         "disabled": "Avskrudd",
         "total": "Totalt"
+    },
+    "weather": {
+        "allow": "Klikk for å tillate",
+        "updating": "Oppdaterer …",
+        "wait": "Vent litt …",
+        "current": "Nåværende posisjon"
     }
 }

public/locales/nl/common.json

@@ -0,0 +1,93 @@
+{
+    "widget": {
+        "missing_type": "Missing Widget Type: {{type}}",
+        "api_error": "API Error",
+        "status": "Status"
+    },
+    "resources": {
+        "total": "Total",
+        "free": "Free",
+        "used": "Used"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "MEM",
+        "cpu": "CPU",
+        "offline": "Offline"
+    },
+    "nzbget": {
+        "rate": "Rate",
+        "remaining": "Remaining",
+        "downloaded": "Downloaded"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Running",
+        "stopped": "Stopped",
+        "total": "Total"
+    },
+    "weather": {
+        "updating": "Updating",
+        "wait": "Please wait",
+        "current": "Current Location",
+        "allow": "Click to allow"
+    },
+    "search": {
+        "placeholder": "Search…"
+    },
+    "emby": {
+        "playing": "Playing",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate"
+    },
+    "tautulli": {
+        "playing": "Playing",
+        "transcoding": "Transcoding",
+        "bitrate": "Bitrate"
+    },
+    "rutorrent": {
+        "active": "Active",
+        "upload": "Upload",
+        "download": "Download"
+    },
+    "sonarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "series": "Series"
+    },
+    "radarr": {
+        "movies": "Movies",
+        "wanted": "Wanted",
+        "queued": "Queued"
+    },
+    "ombi": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "jellyseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "pihole": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "gravity": "Gravity"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Services",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Enabled",
+        "disabled": "Disabled",
+        "total": "Total"
+    }
+}

public/locales/pt/common.json

@@ -5,7 +5,7 @@
         "status": "Status"
     },
     "search": {
-        "placeholder": "Procurar…"
+        "placeholder": "Pesquisar…"
     },
     "resources": {
         "total": "Total",
@@ -20,32 +20,32 @@
         "offline": "Desligada"
     },
     "emby": {
-        "playing": "Jogando",
+        "playing": "A reproduzir",
         "transcoding": "Transcodificação",
         "bitrate": "Taxa de bits"
     },
     "tautulli": {
-        "playing": "Jogando",
+        "playing": "Reproduzindo",
         "transcoding": "Transcodificação",
         "bitrate": "Taxa de bits"
     },
     "nzbget": {
         "rate": "Avaliar",
-        "remaining": "Remanescente",
+        "remaining": "Em falta",
         "downloaded": "Baixada"
     },
     "rutorrent": {
         "active": "Ativa",
         "upload": "Envio",
-        "download": "Download"
+        "download": "ReceçãoDownload"
     },
     "sonarr": {
         "wanted": "Desejada",
-        "queued": "Enfileiradas",
+        "queued": "Em fila",
-        "series": "Series"
+        "series": "Séries"
     },
     "radarr": {
-        "wanted": "Desejada",
+        "wanted": "Desejado",
         "queued": "Enfileiradas",
         "movies": "Filmes"
     },
@@ -94,5 +94,11 @@
         "ms": "{{value, number}}",
         "bitrate": "{{value, bytes(bits: true)}}",
         "percent": "{{value, percent}}"
+    },
+    "weather": {
+        "current": "Localização atual",
+        "allow": "Clicar para permitir",
+        "updating": "A atualizar",
+        "wait": "Por favor aguarde"
     }
 }

public/locales/ru/common.json

@@ -83,5 +83,11 @@
         "enabled": "Включено",
         "disabled": "Неполноценный",
         "total": "Общий"
+    },
+    "weather": {
+        "wait": "Please wait",
+        "current": "Current Location",
+        "allow": "Click to allow",
+        "updating": "Updating"
     }
 }

public/locales/vi/common.json

@@ -0,0 +1,93 @@
+{
+    "widget": {
+        "missing_type": "Thiếu loại Widget: {{type}}",
+        "api_error": "Lỗi API",
+        "status": "Trạng thái"
+    },
+    "search": {
+        "placeholder": "Tìm kiếm…"
+    },
+    "resources": {
+        "total": "Tổng",
+        "free": "Dư",
+        "used": "Đã dùng"
+    },
+    "docker": {
+        "rx": "RX",
+        "tx": "TX",
+        "mem": "BỘ NHỚ",
+        "cpu": "CPU",
+        "offline": "Ngoại tuyến"
+    },
+    "emby": {
+        "playing": "Đang chơi",
+        "transcoding": "Chuyển định dạng",
+        "bitrate": "Bitrate"
+    },
+    "tautulli": {
+        "playing": "Đang chơi",
+        "transcoding": "Chuyển định dạng",
+        "bitrate": "Bitrate"
+    },
+    "nzbget": {
+        "rate": "Rate",
+        "remaining": "Còn lại",
+        "downloaded": "Đã tải"
+    },
+    "rutorrent": {
+        "active": "Hoạt động",
+        "upload": "Tải lên",
+        "download": "Tải xuống"
+    },
+    "sonarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "series": "Series"
+    },
+    "radarr": {
+        "wanted": "Wanted",
+        "queued": "Queued",
+        "movies": "Movies"
+    },
+    "ombi": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "jellyseerr": {
+        "pending": "Pending",
+        "approved": "Approved",
+        "available": "Available"
+    },
+    "pihole": {
+        "queries": "Queries",
+        "blocked": "Blocked",
+        "gravity": "Gravity"
+    },
+    "speedtest": {
+        "upload": "Upload",
+        "download": "Download",
+        "ping": "Ping"
+    },
+    "portainer": {
+        "running": "Running",
+        "stopped": "Stopped",
+        "total": "Total"
+    },
+    "traefik": {
+        "routers": "Routers",
+        "services": "Services",
+        "middleware": "Middleware"
+    },
+    "npm": {
+        "enabled": "Enabled",
+        "disabled": "Disabled",
+        "total": "Total"
+    },
+    "weather": {
+        "current": "Current Location",
+        "allow": "Click to allow",
+        "updating": "Updating",
+        "wait": "Please wait"
+    }
+}

public/locales/zh-CN/common.json

@@ -1,87 +1,93 @@
 {
-  "widget":{
+    "widget": {
-     "missing_type":"缺少小部件类型：{{type}}",
+        "missing_type": "缺少小部件类型：{{type}}",
-     "api_error":"API错误",
+        "api_error": "API错误",
-     "status":"地位"
+        "status": "地位"
-  },
+    },
-  "search":{
+    "search": {
-     "placeholder":"搜索…"
+        "placeholder": "搜索…"
-  },
+    },
-  "resources":{
+    "resources": {
-     "total":"全部的",
+        "total": "全部的",
-     "free":"自由的",
+        "free": "自由的",
-     "used":"用过的"
+        "used": "用过的"
-  },
+    },
-  "docker":{
+    "docker": {
-     "rx":"rx",
+        "rx": "rx",
-     "tx":"TX",
+        "tx": "TX",
-     "mem":"mem",
+        "mem": "mem",
-     "cpu":"中央处理器",
+        "cpu": "中央处理器",
-     "offline":"离线"
+        "offline": "离线"
-  },
+    },
-  "emby":{
+    "emby": {
-     "playing":"玩",
+        "playing": "玩",
-     "transcoding":"转码",
+        "transcoding": "转码",
-     "bitrate":"比特率"
+        "bitrate": "比特率"
-  },
+    },
-  "tautulli":{
+    "tautulli": {
-     "playing":"玩",
+        "playing": "玩",
-     "transcoding":"转码",
+        "transcoding": "转码",
-     "bitrate":"比特率"
+        "bitrate": "比特率"
-  },
+    },
-  "nzbget":{
+    "nzbget": {
-     "rate":"速度",
+        "rate": "速度",
-     "remaining":"其余的",
+        "remaining": "其余的",
-     "downloaded":"下载"
+        "downloaded": "下载"
-  },
+    },
-  "rutorrent":{
+    "rutorrent": {
-     "active":"积极的",
+        "active": "积极的",
-     "upload":"上传",
+        "upload": "上传",
-     "download":"下载"
+        "download": "下载"
-  },
+    },
-  "sonarr":{
+    "sonarr": {
-     "wanted":"通缉",
+        "wanted": "通缉",
-     "queued":"排队",
+        "queued": "排队",
-     "series":"系列"
+        "series": "系列"
-  },
+    },
-  "radarr":{
+    "radarr": {
-     "wanted":"通缉",
+        "wanted": "通缉",
-     "queued":"排队",
+        "queued": "排队",
-     "movies":"电影"
+        "movies": "电影"
-  },
+    },
-  "ombi":{
+    "ombi": {
-     "pending":"待办的",
+        "pending": "待办的",
-     "approved":"得到正式认可的",
+        "approved": "得到正式认可的",
-     "available":"可用的"
+        "available": "可用的"
-  },
+    },
-  "jellyseerr":{
+    "jellyseerr": {
-     "pending":"待办的",
+        "pending": "待办的",
-     "approved":"得到正式认可的",
+        "approved": "得到正式认可的",
-     "available":"可用的"
+        "available": "可用的"
-  },
+    },
-  "pihole":{
+    "pihole": {
-     "queries":"查询",
+        "queries": "查询",
-     "blocked":"阻止",
+        "blocked": "阻止",
-     "gravity":"重力"
+        "gravity": "重力"
-  },
+    },
-  "speedtest":{
+    "speedtest": {
-     "upload":"上传",
+        "upload": "上传",
-     "download":"下载",
+        "download": "下载",
-     "ping":"ping"
+        "ping": "ping"
-  },
+    },
-  "portainer":{
+    "portainer": {
-     "running":"跑步",
+        "running": "跑步",
-     "stopped":"停了下来",
+        "stopped": "停了下来",
-     "total":"全部的"
+        "total": "全部的"
-  },
+    },
-  "traefik":{
+    "traefik": {
-     "routers":"路由器",
+        "routers": "路由器",
-     "services":"服务",
+        "services": "服务",
-     "middleware":"中间件"
+        "middleware": "中间件"
-  },
+    },
-  "npm":{
+    "npm": {
-     "enabled":"已启用",
+        "enabled": "已启用",
-     "disabled":"禁用",
+        "disabled": "禁用",
-     "total":"全部的"
+        "total": "全部的"
-  }
+    },
+    "weather": {
+        "current": "Current Location",
+        "allow": "Click to allow",
+        "updating": "Updating",
+        "wait": "Please wait"
+    }
 }

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

@@ -1,6 +1,48 @@
-import Emby from "./emby";
+import useSWR from "swr";
+import { useTranslation } from "react-i18next";
+
+import Widget from "../widget";
+import Block from "../block";
+
+import { formatApiUrl } from "utils/api-helpers";
 
-// Jellyfin and Emby share the same API, so proxy the Emby widget to Jellyfin.
 export default function Jellyfin({ service }) {
-  return <Emby service={service} />;
+  const { t } = useTranslation();
+
+  const config = service.widget;
+
+  const { data: sessionsData, error: sessionsError } = useSWR(formatApiUrl(config, "Sessions"));
+
+  if (sessionsError) {
+    return <Widget error={t("widget.api_error")} />;
+  }
+
+  if (!sessionsData) {
+    return (
+      <Widget>
+        <Block label={t("emby.playing")} />
+        <Block label={t("emby.transcoding")} />
+        <Block label={t("emby.bitrate")} />
+      </Widget>
+    );
+  }
+
+  const playing = sessionsData.filter((session) => session?.NowPlayingItem);
+  const transcoding = sessionsData.filter(
+    (session) => session?.PlayState && session.PlayState.PlayMethod === "Transcode"
+  );
+
+  const bitrate = playing.reduce(
+    (acc, session) =>
+      acc + session.NowPlayingQueueFullItems[0].MediaSources.reduce((acb, source) => acb + source.Bitrate, 0),
+    0
+  );
+
+  return (
+    <Widget>
+      <Block label={t("emby.playing")} value={playing.length} />
+      <Block label={t("emby.transcoding")} value={transcoding.length} />
+      <Block label={t("emby.bitrate")} value={t("common.bitrate", { value: bitrate })} />
+    </Widget>
+  );
 }

src/components/widgets/openweathermap/weather.jsx

@@ -1,25 +1,28 @@
 import useSWR from "swr";
+import { useState } from "react";
 import { BiError } from "react-icons/bi";
+import { WiCloudDown } from "react-icons/wi";
+import { MdLocationDisabled, MdLocationSearching } from "react-icons/md";
 import { useTranslation } from "react-i18next";
 
 import Icon from "./icon";
 
-export default function OpenWeatherMap({ options }) {
+function Widget({ options }) {
   const { t, i18n } = useTranslation();
 
   const { data, error } = useSWR(
     `/api/widgets/openweathermap?${new URLSearchParams({ lang: i18n.language, ...options }).toString()}`
   );
 
-  if (error || data?.cod === 401) {
+  if (error || data?.cod === 401 || data?.error) {
     return (
-      <div className="flex flex-col">
+      <div className="flex flex-col justify-center">
         <div className="flex flex-row items-center justify-end">
           <div className="flex flex-col items-center">
             <BiError className="w-8 h-8 text-theme-800 dark:text-theme-200" />
             <div className="flex flex-col ml-3 text-left">
-              <span className="text-theme-800 dark:text-theme-200 text-sm">API</span>
+              <span className="text-theme-800 dark:text-theme-200 text-sm">{t("widget.api_error")}</span>
-              <span className="text-theme-800 dark:text-theme-200 text-xs">Error</span>
+              <span className="text-theme-800 dark:text-theme-200 text-xs">-</span>
             </div>
           </div>
         </div>
@@ -28,11 +31,19 @@ export default function OpenWeatherMap({ options }) {
   }
 
   if (!data) {
-    return <div className="flex flex-row items-center" />;
+    return (
-  }
+      <div className="flex flex-col justify-center">
-
+        <div className="flex flex-row items-center justify-end">
-  if (data.error) {
+          <div className="flex flex-col items-center">
-    return <div className="flex flex-row items-center" />;
+            <WiCloudDown className="w-8 h-8 text-theme-800 dark:text-theme-200" />
+          </div>
+          <div className="flex flex-col ml-3 text-left">
+            <span className="text-theme-800 dark:text-theme-200 text-sm">{t("weather.updating")}</span>
+            <span className="text-theme-800 dark:text-theme-200 text-xs">{t("weather.wait")}</span>
+          </div>
+        </div>
+      </div>
+    );
   }
 
   const unit = options.units === "metric" ? "celsius" : "fahrenheit";
@@ -57,3 +68,55 @@ export default function OpenWeatherMap({ options }) {
     </div>
   );
 }
+
+export default function OpenWeatherMap({ options }) {
+  const { t } = useTranslation();
+  const [location, setLocation] = useState(false);
+  const [requesting, setRequesting] = useState(false);
+
+  if (!location && options.latitude && options.longitude) {
+    setLocation({ latitude: options.latitude, longitude: options.longitude });
+  }
+
+  const requestLocation = () => {
+    setRequesting(true);
+    navigator.geolocation.getCurrentPosition(
+      (position) => {
+        setLocation({ latitude: position.coords.latitude, longitude: position.coords.longitude });
+        setRequesting(false);
+      },
+      () => {
+        setRequesting(false);
+      },
+      {
+        enableHighAccuracy: true,
+        maximumAge: 1000 * 60 * 60 * 3,
+        timeout: 1000 * 30,
+      }
+    );
+  };
+
+  if (!requesting && !location) requestLocation();
+
+  if (!location) {
+    return (
+      <button type="button" onClick={() => requestLocation()} className="flex flex-col justify-center">
+        <div className="flex flex-row items-center justify-end">
+          <div className="flex flex-col items-center">
+            {requesting ? (
+              <MdLocationSearching className="w-6 h-6 text-theme-800 dark:text-theme-200 animate-pulse" />
+            ) : (
+              <MdLocationDisabled className="w-6 h-6 text-theme-800 dark:text-theme-200" />
+            )}
+          </div>
+          <div className="flex flex-col ml-3 text-left">
+            <span className="text-theme-800 dark:text-theme-200 text-sm">{t("weather.current")}</span>
+            <span className="text-theme-800 dark:text-theme-200 text-xs">{t("weather.allow")}</span>
+          </div>
+        </div>
+      </button>
+    );
+  }
+
+  return <Widget options={{ ...location, ...options }} />;
+}

src/components/widgets/weather/weather.jsx

@@ -1,25 +1,28 @@
 import useSWR from "swr";
+import { useState } from "react";
 import { BiError } from "react-icons/bi";
+import { WiCloudDown } from "react-icons/wi";
+import { MdLocationDisabled, MdLocationSearching } from "react-icons/md";
 import { useTranslation } from "react-i18next";
 
 import Icon from "./icon";
 
-export default function WeatherApi({ options }) {
+function Widget({ options }) {
   const { t, i18n } = useTranslation();
 
   const { data, error } = useSWR(
     `/api/widgets/weather?${new URLSearchParams({ lang: i18n.language, ...options }).toString()}`
   );
 
-  if (error) {
+  if (error || data?.error) {
     return (
-      <div className="flex flex-col">
+      <div className="flex flex-col justify-center">
         <div className="flex flex-row items-center justify-end">
           <div className="flex flex-col items-center">
             <BiError className="w-8 h-8 text-theme-800 dark:text-theme-200" />
             <div className="flex flex-col ml-3 text-left">
-              <span className="text-theme-800 dark:text-theme-200 text-sm">API</span>
+              <span className="text-theme-800 dark:text-theme-200 text-sm">{t("widget.api_error")}</span>
-              <span className="text-theme-800 dark:text-theme-200 text-xs">Error</span>
+              <span className="text-theme-800 dark:text-theme-200 text-xs">-</span>
             </div>
           </div>
         </div>
@@ -28,11 +31,19 @@ export default function WeatherApi({ options }) {
   }
 
   if (!data) {
-    return <div className="flex flex-row items-center justify-end" />;
+    return (
-  }
+      <div className="flex flex-col justify-center">
-
+        <div className="flex flex-row items-center justify-end">
-  if (data.error) {
+          <div className="flex flex-col items-center">
-    return <div className="flex flex-row items-center justify-end" />;
+            <WiCloudDown className="w-8 h-8 text-theme-800 dark:text-theme-200" />
+          </div>
+          <div className="flex flex-col ml-3 text-left">
+            <span className="text-theme-800 dark:text-theme-200 text-sm">{t("weather.updating")}</span>
+            <span className="text-theme-800 dark:text-theme-200 text-xs">{t("weather.wait")}</span>
+          </div>
+        </div>
+      </div>
+    );
   }
 
   const unit = options.units === "metric" ? "celsius" : "fahrenheit";
@@ -58,3 +69,55 @@ export default function WeatherApi({ options }) {
     </div>
   );
 }
+
+export default function WeatherApi({ options }) {
+  const { t } = useTranslation();
+  const [location, setLocation] = useState(false);
+  const [requesting, setRequesting] = useState(false);
+
+  if (!location && options.latitude && options.longitude) {
+    setLocation({ latitude: options.latitude, longitude: options.longitude });
+  }
+
+  const requestLocation = () => {
+    setRequesting(true);
+    navigator.geolocation.getCurrentPosition(
+      (position) => {
+        setLocation({ latitude: position.coords.latitude, longitude: position.coords.longitude });
+        setRequesting(false);
+      },
+      () => {
+        setRequesting(false);
+      },
+      {
+        enableHighAccuracy: true,
+        maximumAge: 1000 * 60 * 60 * 3,
+        timeout: 1000 * 30,
+      }
+    );
+  };
+
+  if (!requesting && !location) requestLocation();
+
+  if (!location) {
+    return (
+      <button type="button" onClick={() => requestLocation()} className="flex flex-col justify-center">
+        <div className="flex flex-row items-center justify-end">
+          <div className="flex flex-col items-center">
+            {requesting ? (
+              <MdLocationSearching className="w-6 h-6 text-theme-800 dark:text-theme-200 animate-pulse" />
+            ) : (
+              <MdLocationDisabled className="w-6 h-6 text-theme-800 dark:text-theme-200" />
+            )}
+          </div>
+          <div className="flex flex-col ml-3 text-left">
+            <span className="text-theme-800 dark:text-theme-200 text-sm">{t("weather.current")}</span>
+            <span className="text-theme-800 dark:text-theme-200 text-xs">{t("weather.allow")}</span>
+          </div>
+        </div>
+      </button>
+    );
+  }
+
+  return <Widget options={{ ...location, ...options }} />;
+}

src/pages/api/widgets/resources.js

@@ -1,3 +1,5 @@
+import { existsSync } from "fs";
+
 import { cpu, drive, mem } from "node-os-utils";
 
 export default async function handler(req, res) {
@@ -13,6 +15,12 @@ export default async function handler(req, res) {
   }
 
   if (type === "disk") {
+    if (!existsSync(target)) {
+      return res.status(404).json({
+        error: "Target not found",
+      });
+    }
+
     return res.status(200).json({
       drive: await drive.info(target || "/"),
     });