Enhancement: add kubernetes support to portainer widget (#5414)

Co-authored-by: shamoon <4887959+shamoon@users.noreply.github.com>

src/utils/config/service-helpers.js

@@ -367,6 +367,9 @@ export function cleanServiceGroups(groups) {
           // opnsense, pfsense
           wan,
 
+          // portainer
+          kubernetes,
+
           // prometheusmetric
           metrics,
 
@@ -448,6 +451,9 @@ export function cleanServiceGroups(groups) {
         if (type === "unifi") {
           if (site) widget.site = site;
         }
+        if (type === "portainer") {
+          if (kubernetes) widget.kubernetes = !!JSON.parse(kubernetes);
+        }
         if (type === "proxmox") {
           if (node) widget.node = node;
         }

src/widgets/portainer/component.jsx

@@ -6,15 +6,64 @@ import useWidgetAPI from "utils/proxy/use-widget-api";
 export default function Component({ service }) {
   const { widget } = service;
 
-  const { data: containersData, error: containersError } = useWidgetAPI(widget, "docker/containers/json", {
-    all: 1,
-  });
+  if (!widget.fields) {
+    widget.fields = widget.kubernetes ? ["applications", "services", "namespaces"] : ["running", "stopped", "total"];
+  }
+
+  const { data: containersCount, error: containersError } = useWidgetAPI(
+    widget,
+    widget.kubernetes ? "" : "docker/containers",
+    {
+      all: 1,
+    },
+  );
+
+  const { data: applicationsCount, error: applicationsError } = useWidgetAPI(
+    widget,
+    widget.kubernetes ? "kubernetes/applications" : "",
+  );
+
+  const { data: servicesCount, error: servicesError } = useWidgetAPI(
+    widget,
+    widget.kubernetes ? "kubernetes/services" : "",
+  );
+
+  const { data: namespacesCount, error: namespacesError } = useWidgetAPI(
+    widget,
+    widget.kubernetes ? "kubernetes/namespaces" : "",
+  );
+
+  if (widget.kubernetes) {
+    // count can be an error object
+    const error = applicationsError ?? servicesError ?? namespacesError ?? applicationsCount;
+    if (error) {
+      return <Container service={service} error={error} />;
+    }
+
+    if (applicationsCount == undefined || servicesCount == undefined || namespacesCount == undefined) {
+      return (
+        <Container service={service}>
+          <Block label="portainer.applications" />
+          <Block label="portainer.services" />
+          <Block label="portainer.namespaces" />
+        </Container>
+      );
+    }
+
+    return (
+      <Container service={service}>
+        <Block label="portainer.applications" value={applicationsCount ?? 0} />
+        <Block label="portainer.services" value={servicesCount ?? 0} />
+        <Block label="portainer.namespaces" value={namespacesCount ?? 0} />
+      </Container>
+    );
+  }
 
   if (containersError) {
     return <Container service={service} error={containersError} />;
   }
 
-  if (!containersData) {
+  if (!containersCount) {
     return (
       <Container service={service}>
         <Block label="portainer.running" />
@@ -24,14 +73,14 @@ export default function Component({ service }) {
     );
   }
 
-  if (containersData.error || containersData.message) {
+  if (containersCount.error || containersCount.message) {
     // containersData can be itself an error object e.g. if environment fails
-    return <Container service={service} error={containersData?.error ?? containersData} />;
+    return <Container service={service} error={containersCount?.error ?? containersCount} />;
   }
 
-  const running = containersData.filter((c) => c.State === "running").length;
-  const stopped = containersData.filter((c) => c.State === "exited").length;
-  const total = containersData.length;
+  const running = containersCount.filter((c) => c.State === "running").length;
+  const stopped = containersCount.filter((c) => c.State === "exited").length;
+  const total = containersCount.length;
 
   return (
     <Container service={service}>

src/widgets/portainer/widget.js

@@ -1,14 +1,23 @@
 import credentialedProxyHandler from "utils/proxy/handlers/credentialed";
 
 const widget = {
-  api: "{url}/api/endpoints/{env}/{endpoint}",
+  api: "{url}/api/{endpoint}",
   proxyHandler: credentialedProxyHandler,
 
   mappings: {
-    "docker/containers/json": {
-      endpoint: "docker/containers/json",
+    "docker/containers": {
+      endpoint: "endpoints/{env}/docker/containers/json",
       params: ["all"],
     },
+    "kubernetes/applications": {
+      endpoint: "kubernetes/{env}/applications/count",
+    },
+    "kubernetes/services": {
+      endpoint: "kubernetes/{env}/services/count",
+    },
+    "kubernetes/namespaces": {
+      endpoint: "kubernetes/{env}/namespaces/count",
+    },
   },
 };