Add Kopia widget

public/locales/en/common.json

@@ -495,5 +495,10 @@
         "memoryusage": "Memory Usage",
         "freespace": "Free Space",
         "activeusers": "Active Users"
+    },
+    "kopia": {
+        "status": "Status",
+        "backupsize": "Backup Size",
+        "backuptime": "Backup Time"
     }
 }

src/widgets/components.js

@@ -25,6 +25,7 @@ const components = {
   jellyfin: dynamic(() => import("./emby/component")),
   jellyseerr: dynamic(() => import("./jellyseerr/component")),
   komga: dynamic(() => import("./komga/component")),
+  kopia: dynamic(() => import("./kopia/component")),
   lidarr: dynamic(() => import("./lidarr/component")),
   mastodon: dynamic(() => import("./mastodon/component")),
   medusa: dynamic(() => import("./medusa/component")),

src/widgets/kopia/component.jsx

@@ -0,0 +1,42 @@
+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: kopiaData, error: kopiaError } = useWidgetAPI(widget, "api");
+
+  if (kopiaError) {
+    return <Container error={kopiaError} />;
+  }
+
+  if (!kopiaData) {
+    return (
+      <Container service={service}>
+        <Block label="kopia.status" />
+        <Block label="kopia.backupsize" />
+        <Block label="kopia.backuptime" />
+      </Container>
+    );
+  }
+
+  const startTime = new Date(kopiaData.sources[0].lastSnapshot.startTime);
+  const endTime = new Date(kopiaData.sources[0].lastSnapshot.endTime);
+  const duration = new Date(endTime - startTime);
+  const hours = duration.getUTCHours().toString().padStart(2, '0');
+  const minutes = duration.getUTCMinutes().toString().padStart(2, '0');
+  const seconds = duration.getSeconds().toString().padStart(2, '0');
+  const time = (hours + minutes + seconds).split(':');
+
+  return (
+    <Container service={service}>
+      <Block label="kopia.status" value={ kopiaData.sources[0].status } />
+      <Block label="kopia.backupsize" value={t("common.bbytes", { value: kopiaData.sources[0].lastSnapshot.stats.totalSize, maximumFractionDigits: 1 })} />
+      <Block label="kopia.backuptime" value={ time } />
+    </Container>
+  );
+}

src/widgets/kopia/widget.js

@@ -0,0 +1,14 @@
+import genericProxyHandler from "utils/proxy/handlers/generic";
+
+const widget = {
+  api: "{url}/{endpoint}",
+  proxyHandler: genericProxyHandler,
+
+  mappings: {
+    api: {
+      endpoint: "api/v1/sources",
+    },
+  },
+};
+
+export default widget;

src/widgets/widgets.js

@@ -19,6 +19,7 @@ import homebridge from "./homebridge/widget";
 import jackett from "./jackett/widget";
 import jellyseerr from "./jellyseerr/widget";
 import komga from "./komga/widget";
+import kopia from "./kopia/widget";
 import lidarr from "./lidarr/widget";
 import mastodon from "./mastodon/widget";
 import medusa from "./medusa/widget";
@@ -89,6 +90,7 @@ const widgets = {
   jellyfin: emby,
   jellyseerr,
   komga,
+  kopia,
   lidarr,
   mastodon,
   medusa,