Enhancement: support completed field for jellyseer widget

docs/widgets/services/jellyseerr.md

@@ -0,0 +1,18 @@
+---
+title: Jellyseerr
+description: Jellyseerr Widget Configuration
+---
+
+Learn more about [Jellyseerr](https://github.com/Fallenbagel/jellyseerr).
+
+Find your API key under `Settings > General > API Key`.
+
+Allowed fields: `["pending", "approved", "available", "completed", "issues"]`.
+Default fields: `["pending", "approved", "completed"]`.
+
+```yaml
+widget:
+  type: jellyseerr
+  url: http://jellyseerr.host.or.ip
+  key: apikeyapikeyapikeyapikeyapikey
+```

docs/widgets/services/seerr.md

@@ -1,20 +0,0 @@
----
-title: Seerr Widget
-description: Seerr Widget Configuration
----
-
-Learn more about [Seerr](https://github.com/seerr-team/seerr).
-
-Find your API key under `Settings > General > API Key`.
-
-_Note that Jellyseerr was merged with Overseerr and renamed Seerr._
-
-Allowed fields: `["pending", "approved", "available", "issues"]`.
-Default fields: `["pending", "approved", "available"]`.
-
-```yaml
-widget:
-  type: jellyseerr
-  url: http://jellyseerr.host.or.ip
-  key: apikeyapikeyapikeyapikeyapikey
-```

mkdocs.yml

@@ -87,6 +87,7 @@ nav:
           - widgets/services/jackett.md
           - widgets/services/jdownloader.md
           - widgets/services/jellyfin.md
+          - widgets/services/jellyseerr.md
           - widgets/services/jellystat.md
           - widgets/services/kavita.md
           - widgets/services/komga.md
@@ -146,7 +147,6 @@ nav:
           - widgets/services/rutorrent.md
           - widgets/services/sabnzbd.md
           - widgets/services/scrutiny.md
-          - widgets/services/seerr.md
           - widgets/services/slskd.md
           - widgets/services/sonarr.md
           - widgets/services/speedtest-tracker.md

public/locales/en/common.json

@@ -272,7 +272,7 @@
         "approved": "Approved",
         "available": "Available"
     },
-    "seerr": {
+    "jellyseerr": {
         "pending": "Pending",
         "approved": "Approved",
         "available": "Available",

src/widgets/components.js

@@ -61,7 +61,7 @@ const components = {
   jackett: dynamic(() => import("./jackett/component")),
   jdownloader: dynamic(() => import("./jdownloader/component")),
   jellyfin: dynamic(() => import("./emby/component")),
-  jellyseerr: dynamic(() => import("./seerr/component")),
+  jellyseerr: dynamic(() => import("./jellyseerr/component")),
   jellystat: dynamic(() => import("./jellystat/component")),
   kavita: dynamic(() => import("./kavita/component")),
   komga: dynamic(() => import("./komga/component")),
@@ -120,7 +120,6 @@ const components = {
   rutorrent: dynamic(() => import("./rutorrent/component")),
   sabnzbd: dynamic(() => import("./sabnzbd/component")),
   scrutiny: dynamic(() => import("./scrutiny/component")),
-  seerr: dynamic(() => import("./seerr/component")),
   slskd: dynamic(() => import("./slskd/component")),
   sonarr: dynamic(() => import("./sonarr/component")),
   speedtest: dynamic(() => import("./speedtest/component")),

src/widgets/jellyseerr/component.jsx

@@ -0,0 +1,48 @@
+import Block from "components/services/widget/block";
+import Container from "components/services/widget/container";
+
+import useWidgetAPI from "utils/proxy/use-widget-api";
+
+export const jellyseerrDefaultFields = ["pending", "approved", "completed"];
+const MAX_ALLOWED_FIELDS = 4;
+
+export default function Component({ service }) {
+  const { widget } = service;
+
+  widget.fields = widget?.fields?.length ? widget.fields.slice(0, MAX_ALLOWED_FIELDS) : jellyseerrDefaultFields;
+  const isIssueEnabled = widget.fields.includes("issues");
+
+  const { data: statsData, error: statsError } = useWidgetAPI(widget, "request/count");
+  const { data: issueData, error: issueError } = useWidgetAPI(widget, isIssueEnabled ? "issue/count" : "");
+  if (statsError || (isIssueEnabled && issueError)) {
+    return <Container service={service} error={statsError ? statsError : issueError} />;
+  }
+
+  if (!statsData || (isIssueEnabled && !issueData)) {
+    return (
+      <Container service={service}>
+        <Block label="jellyseerr.pending" />
+        <Block label="jellyseerr.approved" />
+        <Block label="jellyseerr.available" />
+        <Block label="jellyseerr.completed" />
+        <Block label="jellyseerr.issues" />
+      </Container>
+    );
+  }
+
+  if (statsData.completed === undefined) {
+    // Newer versions added "completed", fallback to available
+    widget.fields = widget.fields.filter((field) => field !== "completed");
+    widget.fields.push("available");
+  }
+
+  return (
+    <Container service={service}>
+      <Block label="jellyseerr.pending" value={statsData.pending} />
+      <Block label="jellyseerr.approved" value={statsData.approved} />
+      <Block label="jellyseerr.available" value={statsData.available} />
+      <Block label="jellyseerr.completed" value={statsData.completed} />
+      <Block label="jellyseerr.issues" value={`${issueData?.open} / ${issueData?.total}`} />
+    </Container>
+  );
+}

src/widgets/seerr/component.jsx

@@ -1,39 +0,0 @@
-import Block from "components/services/widget/block";
-import Container from "components/services/widget/container";
-
-import useWidgetAPI from "utils/proxy/use-widget-api";
-
-export const seerrDefaultFields = ["pending", "approved", "available"];
-
-export default function Component({ service }) {
-  const { widget } = service;
-
-  widget.fields = widget?.fields?.length ? widget.fields : seerrDefaultFields;
-  const isIssueEnabled = widget.fields.includes("issues");
-
-  const { data: statsData, error: statsError } = useWidgetAPI(widget, "request/count");
-  const { data: issueData, error: issueError } = useWidgetAPI(widget, isIssueEnabled ? "issue/count" : "");
-  if (statsError || (isIssueEnabled && issueError)) {
-    return <Container service={service} error={statsError ? statsError : issueError} />;
-  }
-
-  if (!statsData || (isIssueEnabled && !issueData)) {
-    return (
-      <Container service={service}>
-        <Block label="seerr.pending" />
-        <Block label="seerr.approved" />
-        <Block label="seerr.available" />
-        <Block label="seerr.issues" />
-      </Container>
-    );
-  }
-
-  return (
-    <Container service={service}>
-      <Block label="seerr.pending" value={statsData.pending} />
-      <Block label="seerr.approved" value={statsData.approved} />
-      <Block label="seerr.available" value={statsData.available} />
-      <Block label="seerr.issues" value={`${issueData?.open} / ${issueData?.total}`} />
-    </Container>
-  );
-}

src/widgets/widgets.js

@@ -51,6 +51,7 @@ import homebridge from "./homebridge/widget";
 import immich from "./immich/widget";
 import jackett from "./jackett/widget";
 import jdownloader from "./jdownloader/widget";
+import jellyseerr from "./jellyseerr/widget";
 import jellystat from "./jellystat/widget";
 import karakeep from "./karakeep/widget";
 import kavita from "./kavita/widget";
@@ -110,7 +111,6 @@ import romm from "./romm/widget";
 import rutorrent from "./rutorrent/widget";
 import sabnzbd from "./sabnzbd/widget";
 import scrutiny from "./scrutiny/widget";
-import seerr from "./seerr/widget";
 import slskd from "./slskd/widget";
 import sonarr from "./sonarr/widget";
 import speedtest from "./speedtest/widget";
@@ -202,7 +202,7 @@ const widgets = {
   jackett,
   jdownloader,
   jellyfin: emby,
-  jellyseerr: seerr,
+  jellyseerr,
   jellystat,
   kavita,
   komga,
@@ -262,7 +262,6 @@ const widgets = {
   rutorrent,
   sabnzbd,
   scrutiny,
-  seerr,
   slskd,
   sonarr,
   speedtest,