Implement mailcow widget

docs/widgets/services/mailcow.md

@@ -0,0 +1,15 @@
+---
+title: Mailcow
+description: Mailcow Widget Configuration
+---
+
+Learn more about [Mailcow](https://github.com/mailcow/mailcow-dockerized).
+
+Allowed fields: `["domains", "mailboxes", "mails", "storage"]`.
+
+```yaml
+widget:
+  type: mailcow
+  url: https://mailcow.host.or.ip
+  key: mailcowapikey
+```

public/locales/de/common.json

@@ -252,6 +252,12 @@
         "queued": "In Warteschlange",
         "artists": "Künstler"
     },
+    "mailcow": {
+      "domains": "Domänen",
+      "mailboxes": "E-Mail-Postfächer",
+      "mails": "E-Mails",
+      "storage": "Speicher"
+    },
     "readarr": {
         "wanted": "Gesucht",
         "queued": "In Warteschlange",

public/locales/en/common.json

@@ -252,6 +252,12 @@
         "queued": "Queued",
         "artists": "Artists"
     },
+    "mailcow": {
+        "domains": "Domains",
+        "mailboxes": "Mailboxes",
+        "mails": "Mails",
+        "storage": "Storage"
+    },
     "readarr": {
         "wanted": "Wanted",
         "queued": "Queued",

src/widgets/components.js

@@ -53,6 +53,7 @@ const components = {
   komga: dynamic(() => import("./komga/component")),
   kopia: dynamic(() => import("./kopia/component")),
   lidarr: dynamic(() => import("./lidarr/component")),
+  mailcow: dynamic(() => import("./mailcow/component")),
   mastodon: dynamic(() => import("./mastodon/component")),
   mealie: dynamic(() => import("./mealie/component")),
   medusa: dynamic(() => import("./medusa/component")),

src/widgets/mailcow/component.jsx

@@ -0,0 +1,41 @@
+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: resultData, error: resultError } = useWidgetAPI(widget, "result");
+
+  if (resultError) {
+    return <Container service={service} error={resultError} />;
+  }
+
+  if (!resultData) {
+    return (
+      <Container service={service}>
+        ,
+        <Block label="mailcow.mailboxes" />
+        <Block label="mailcow.aliases" />
+        <Block label="mailcow.quarantined" />
+      </Container>
+    );
+  }
+
+  const domains = resultData.length;
+  const mailboxes = resultData.reduce((acc, val) => acc + val.mboxes_in_domain, 0);
+  const mails = resultData.reduce((acc, val) => acc + val.msgs_total, 0);
+  const storage = resultData.reduce((acc, val) => acc + val.bytes_total, 0);
+
+  return (
+    <Container service={service}>
+      <Block label="mailcow.domains" value={t("common.number", { value: domains })} />
+      <Block label="mailcow.mailboxes" value={t("common.number", { value: mailboxes })} />
+      <Block label="mailcow.mails" value={t("common.number", { value: mails })} />
+      <Block label="mailcow.storage" value={t("common.bytes", { value: storage })} />
+    </Container>
+  );
+}

src/widgets/mailcow/widget.js

@@ -0,0 +1,8 @@
+import credentialedProxyHandler from "../../utils/proxy/handlers/credentialed";
+
+const widget = {
+  api: "{url}/api/v1/get/domain/all",
+  proxyHandler: credentialedProxyHandler,
+};
+
+export default widget;

src/widgets/widgets.js

@@ -45,6 +45,7 @@ import kavita from "./kavita/widget";
 import komga from "./komga/widget";
 import kopia from "./kopia/widget";
 import lidarr from "./lidarr/widget";
+import mailcow from "./mailcow/widget";
 import mastodon from "./mastodon/widget";
 import mealie from "./mealie/widget";
 import medusa from "./medusa/widget";
@@ -163,6 +164,7 @@ const widgets = {
   komga,
   kopia,
   lidarr,
+  mailcow,
   mastodon,
   mealie,
   medusa,