add AdGuard widget

public/locales/en/common.json

@@ -114,6 +114,12 @@
         "blocked": "Blocked",
         "gravity": "Gravity"
     },
+    "adguard": {
+      "queries": "Queries",
+      "blocked": "Blocked",
+      "filtered": "Filtered",
+      "latency": "Latency"
+    },
     "speedtest": {
         "upload": "Upload",
         "download": "Download",

src/components/services/widget.jsx

@@ -25,6 +25,7 @@ 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,
@@ -52,6 +53,7 @@ const widgetMappings = {
   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/pages/api/services/proxy.js

@@ -20,6 +20,7 @@ const serviceProxyHandlers = {
   traefik: genericProxyHandler,
   sabnzbd: genericProxyHandler,
   jackett: genericProxyHandler,
+  adguard: genericProxyHandler,
   // uses X-API-Key (or similar) header auth
   gotify: credentialedProxyHandler,
   portainer: credentialedProxyHandler,

src/utils/api-helpers.js

@@ -21,7 +21,8 @@ const formats = {
   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`
+  jackett: `{url}/api/v2.0/{endpoint}?apikey={key}&configured=true`,
+  adguard: `{url}/control/{endpoint}`,
 };
 
 export function formatApiCall(api, args) {