From 975f79f6cc86ebedd483f8428013eba6fff997b6 Mon Sep 17 00:00:00 2001
From: Ben Phelps <ben@phelps.io>
Date: Sat, 3 Sep 2022 15:36:59 +0300
Subject: [PATCH] add Tautulli widget

---
 src/components/services/widget.jsx            |  2 +
 .../services/widgets/service/tautulli.jsx     | 43 +++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 src/components/services/widgets/service/tautulli.jsx

diff --git a/src/components/services/widget.jsx b/src/components/services/widget.jsx
index ca313588c..61b31c0b7 100644
--- a/src/components/services/widget.jsx
+++ b/src/components/services/widget.jsx
@@ -12,6 +12,7 @@ import Speedtest from "./widgets/service/speedtest";
 import Traefik from "./widgets/service/traefik";
 import Jellyseerr from "./widgets/service/jellyseerr";
 import Npm from "./widgets/service/npm";
+import Tautulli from "./widgets/service/tautulli";
 
 const widgetMappings = {
   docker: Docker,
@@ -28,6 +29,7 @@ const widgetMappings = {
   traefik: Traefik,
   jellyseerr: Jellyseerr,
   npm: Npm,
+  tautulli: Tautulli,
 };
 
 export default function Widget({ service }) {
diff --git a/src/components/services/widgets/service/tautulli.jsx b/src/components/services/widgets/service/tautulli.jsx
new file mode 100644
index 000000000..bed8afa29
--- /dev/null
+++ b/src/components/services/widgets/service/tautulli.jsx
@@ -0,0 +1,43 @@
+import useSWR from "swr";
+
+import Widget from "../widget";
+import Block from "../block";
+
+export default function Tautulli({ service }) {
+  const config = service.widget;
+
+  function buildApiUrl(endpoint) {
+    const { url, key } = config;
+    const fullUrl = `${url}/api/v2?apikey=${key}&cmd=${endpoint}`;
+    return "/api/proxy?url=" + encodeURIComponent(fullUrl);
+  }
+
+  const { data: statsData, error: statsError } = useSWR(buildApiUrl("get_activity"), {
+    refreshInterval: 1000,
+  });
+
+  if (statsError) {
+    return <Widget error="Tautulli API Error" />;
+  }
+
+  if (!statsData) {
+    return (
+      <Widget>
+        <Block label="Playing" />
+        <Block label="Transcoding" />
+        <Block label="Bitrate" />
+      </Widget>
+    );
+  }
+
+  const data = statsData.response.data;
+
+  return (
+    <Widget>
+      <Block label="Playing" value={data.stream_count} />
+      <Block label="Transcoding" value={data.stream_count_transcode} />
+      {/* We divide by 1000 here because thats how Tautulli reports it on its own dashboard */}
+      <Block label="Bitrate" value={`${Math.round((data.total_bandwidth / 1000) * 100) / 100} Mbps`} />
+    </Widget>
+  );
+}