Add widget for Truenas

public/locales/en/common.json

@@ -292,5 +292,10 @@
         "up_to_date": "Up to Date",
         "child_bridges": "Child Bridges",
         "child_bridges_status": "{{ok}}/{{total}}"
+    },
+    "truenas": {
+        "load": "System Load",
+        "uptime": "Uptime",
+        "alerts": "Alerts"
     }
 }

src/widgets/components.js

@@ -35,6 +35,7 @@ const components = {
   tautulli: dynamic(() => import("./tautulli/component")),
   traefik: dynamic(() => import("./traefik/component")),
   transmission: dynamic(() => import("./transmission/component")),
+  truenas: dynamic(() => import("./truenas/component")),
   unifi: dynamic(() => import("./unifi/component")),
 };
 

src/widgets/truenas/component.jsx

@@ -0,0 +1,37 @@
+import { useTranslation } from "next-i18next";
+
+import Container from "components/services/widget/container";
+import Block from "components/services/widget/block";
+import useWidgetAPI from "utils/proxy/use-widget-api";
+
+export default function Component({ service }) {
+  const { t } = useTranslation();
+
+  const { widget } = service;
+
+  const { data: alertData, error: alertError } = useWidgetAPI(widget, "alerts");
+  const { data: statusData, error: statusError } = useWidgetAPI(widget, "status");
+
+  if (alertError || statusError) {
+    return <Container error={t("widget.api_error")} />;
+  }
+
+  if (!alertData || !statusData) {
+    return (
+      <Container service={service}>
+        <Block label="truenas.load" />
+        <Block label="truenas.uptime" />
+        <Block label="truenas.alerts" />
+      </Container>
+    );
+  }
+
+  return (
+    <Container service={service}>
+      <Block label="truenas.load" value={t("common.number", { value: statusData.loadavg[0] })} />
+      <Block label="truenas.uptime" value={statusData.uptime.substring(0,statusData.uptime.length-7)} />
+      <Block label="truenas.alerts" value={t("common.number", { value: alertData.pending })} />
+     
+    </Container>
+  );
+}

src/widgets/truenas/widget.js

@@ -0,0 +1,21 @@
+import { jsonArrayFilter } from "utils/proxy/api-helpers";
+import genericProxyHandler from "utils/proxy/handlers/generic";
+
+const widget = {
+  api: "{url}/api/v2.0/{endpoint}",
+  proxyHandler: genericProxyHandler,
+
+  mappings: {
+    alerts: {
+      endpoint: "alert/list",
+      map: (data) => ({
+        pending: jsonArrayFilter(data, (item) => item?.dismissed === false).length,
+      }),
+    },
+    status: {
+      endpoint: "system/info",
+    },
+  },
+};
+
+export default widget;

src/widgets/widgets.js

@@ -30,6 +30,7 @@ import strelaysrv from "./strelaysrv/widget";
 import tautulli from "./tautulli/widget";
 import traefik from "./traefik/widget";
 import transmission from "./transmission/widget";
+import truenas from "./truenas/widget";
 import unifi from "./unifi/widget";
 
 const widgets = {
@@ -66,6 +67,7 @@ const widgets = {
   tautulli,
   traefik,
   transmission,
+  truenas,
   unifi,
   unifi_console: unifi,
 };