Added tailscale widget

public/locales/en/common.json

@@ -232,6 +232,10 @@
         "stopped": "Stopped",
         "total": "Total"
     },
+    "tailscale": {
+        "private_ip": "Private IP",
+        "status": "Status"
+    },
     "tdarr": {
         "queue": "Queue",
         "processed": "Processed",

src/utils/proxy/handlers/credentialed.js

@@ -32,6 +32,7 @@ export default async function credentialedProxyHandler(req, res, map) {
         "authentik",
         "cloudflared",
         "ghostfolio",
+        "tailscale",
         "truenas",
         "pterodactyl",
         ].includes(widget.type))

src/widgets/components.js

@@ -71,6 +71,7 @@ const components = {
   sonarr: dynamic(() => import("./sonarr/component")),
   speedtest: dynamic(() => import("./speedtest/component")),
   strelaysrv: dynamic(() => import("./strelaysrv/component")),
+  tailscale: dynamic(() => import("./tailscale/component")),
   tautulli: dynamic(() => import("./tautulli/component")),
   tdarr: dynamic(() => import("./tdarr/component")),
   traefik: dynamic(() => import("./traefik/component")),

src/widgets/tailscale/component.jsx

@@ -0,0 +1,37 @@
+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 { widget } = service;
+
+  const { data: statsData, error: statsError } = useWidgetAPI(widget, "device");
+
+  if (statsError) {
+    return <Container service={service} error={statsError} />;
+  }
+
+  if (!statsData) {
+    return (
+      <Container service={service}>
+        <Block label="tailscale.status" />
+        <Block label="tailscale.private_ip" />
+      </Container>
+    );
+  }
+
+  const getStatus = () => {
+    const { endpoints, latency } = statsData.clientConnectivity
+    return (endpoints.length === 0 || Object.keys(latency).length === 0) ? "Offline" : "Online"
+  }
+  
+
+  const privateIP = statsData.addresses[0]
+
+  return (
+    <Container service={service}>
+      <Block label="tailscale.status" value={getStatus()} />
+      <Block label="tailscale.private_ip" value={privateIP} />
+    </Container>
+  );
+}

src/widgets/tailscale/widget.js

@@ -0,0 +1,14 @@
+import credentialedProxyHandler from "utils/proxy/handlers/credentialed";
+
+const widget = {
+  api: "https://api.tailscale.com/api/v2/{endpoint}/{deviceid}?fields=all",
+  proxyHandler: credentialedProxyHandler,
+
+  mappings: {
+    device: {
+      endpoint: "device"
+    },
+  },
+};
+
+export default widget;

src/widgets/widgets.js

@@ -65,6 +65,7 @@ import scrutiny from "./scrutiny/widget";
 import sonarr from "./sonarr/widget";
 import speedtest from "./speedtest/widget";
 import strelaysrv from "./strelaysrv/widget";
+import tailscale from "./tailscale/widget";
 import tautulli from "./tautulli/widget";
 import tdarr from "./tdarr/widget";
 import traefik from "./traefik/widget";
@@ -147,6 +148,7 @@ const widgets = {
   sonarr,
   speedtest,
   strelaysrv,
+  tailscale,
   tautulli,
   tdarr,
   traefik,