Add metrics Feature (#7507)

Signed-off-by: Juho Heikka <juho.heikka@gmail.com>

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/daemon-set-details-metrics.injectable.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { daemonSetDetailsMetricsInjectionToken } from "@k8slens/metrics";
+import { getInjectable } from "@ogre-tools/injectable";
+import { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { getMetricsKubeObjectDetailItemInjectable } from "./get-metrics-kube-object-detail-item.injectable";
+
+const daemonSetMetricsInjectable = getInjectable({
+  id: "daemon-set-details-metrics",
+  instantiate: (di) => {
+    const getMetricsKubeObjectDetailItem = di.inject(getMetricsKubeObjectDetailItemInjectable);
+
+    return getMetricsKubeObjectDetailItem(
+      daemonSetDetailsMetricsInjectionToken,
+      ClusterMetricsResourceType.DaemonSet,
+    );
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default daemonSetMetricsInjectable;

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/deployment-details-metrics.injectable.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { deploymentDetailsMetricsInjectionToken } from "@k8slens/metrics";
+import { getMetricsKubeObjectDetailItemInjectable } from "./get-metrics-kube-object-detail-item.injectable";
+
+const deploymentMetricsInjectable = getInjectable({
+  id: "deployment-details-metrics",
+  instantiate: (di) => {
+    const getMetricsKubeObjectDetailItem = di.inject(getMetricsKubeObjectDetailItemInjectable);
+
+    return getMetricsKubeObjectDetailItem(
+      deploymentDetailsMetricsInjectionToken,
+      ClusterMetricsResourceType.Deployment,
+    );
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default deploymentMetricsInjectable;

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/details-metrics-container.tsx

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { KubeObjectDetailMetrics } from "@k8slens/metrics";
+import type { IComputedValue } from "mobx";
+import { observer } from "mobx-react";
+import React from "react";
+import type { KubeObject } from "../../../../../common/k8s-api/kube-object";
+
+interface DetailsMetricsContainerProps<Kube extends KubeObject = KubeObject> {
+  metrics: IComputedValue<KubeObjectDetailMetrics[]>;
+  object?: Kube;
+}
+
+export const DetailsMetricsContainer = observer(({ metrics, object }: DetailsMetricsContainerProps) => (
+  <>
+    {metrics.get().map((metrics) => (
+      <metrics.Component object={object} key={metrics.id} />
+    ))}
+  </>
+));

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/get-metrics-kube-object-detail-item.injectable.tsx

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import type { KubeObjectDetailMetrics } from "@k8slens/metrics";
+import type { InjectionToken } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import metricsDetailsComponentEnabledInjectable from "../../../../api/catalog/entity/metrics-details-component-enabled.injectable";
+import type { KubeObjectDetailItem } from "../kube-object-detail-item-injection-token";
+import { DetailsMetricsContainer } from "./details-metrics-container";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import type { KubeObjectDetailsProps } from "../../kube-object-details";
+
+type GetMetricsKubeObjectDetailItem = (token: InjectionToken<KubeObjectDetailMetrics, void>, metricResourceType: ClusterMetricsResourceType) => KubeObjectDetailItem;
+
+export const getMetricsKubeObjectDetailItemInjectable = getInjectable({
+  id: "get-metrics-kube-object-detail-item",
+  instantiate: (di) : GetMetricsKubeObjectDetailItem => (token, metricResourceType) => {
+    const computedInjectedMany = di.inject(computedInjectManyInjectable);
+    const metrics = computedInjectedMany(token);
+    const Component = (props: KubeObjectDetailsProps<any>) => <DetailsMetricsContainer metrics={metrics} {...props} />;
+
+    return {
+      Component,
+      enabled: di.inject(metricsDetailsComponentEnabledInjectable, metricResourceType),
+      orderNumber: -1,
+    };
+  },
+});
+

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/ingress-details-metrics.injectable.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { ingressDetailsMetricsInjectionToken } from "@k8slens/metrics";
+import { getInjectable } from "@ogre-tools/injectable";
+import { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { getMetricsKubeObjectDetailItemInjectable } from "./get-metrics-kube-object-detail-item.injectable";
+
+const ingressMetricsInjectable = getInjectable({
+  id: "ingress-details-metrics",
+  instantiate: (di) => {
+    const getMetricsKubeObjectDetailItem = di.inject(getMetricsKubeObjectDetailItemInjectable);
+
+    return getMetricsKubeObjectDetailItem(
+      ingressDetailsMetricsInjectionToken,
+      ClusterMetricsResourceType.Ingress,
+    );
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default ingressMetricsInjectable;

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/job-details-metrics.injectable.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { jobDetailsMetricsInjectionToken } from "@k8slens/metrics";
+import { getInjectable } from "@ogre-tools/injectable";
+import { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { getMetricsKubeObjectDetailItemInjectable } from "./get-metrics-kube-object-detail-item.injectable";
+
+const jobMetricsInjectable = getInjectable({
+  id: "job-details-metrics",
+  instantiate: (di) => {
+    const getMetricsKubeObjectDetailItem = di.inject(getMetricsKubeObjectDetailItemInjectable);
+
+    return getMetricsKubeObjectDetailItem(
+      jobDetailsMetricsInjectionToken,
+      ClusterMetricsResourceType.Job,
+    );
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default jobMetricsInjectable;

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/namespace-details-metrics.injectable.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { namespaceDetailsMetricsInjectionToken } from "@k8slens/metrics";
+import { getInjectable } from "@ogre-tools/injectable";
+import { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { getMetricsKubeObjectDetailItemInjectable } from "./get-metrics-kube-object-detail-item.injectable";
+
+const namespaceMetricsInjectable = getInjectable({
+  id: "namespace-details-metrics",
+  instantiate: (di) => {
+    const getMetricsKubeObjectDetailItem = di.inject(getMetricsKubeObjectDetailItemInjectable);
+
+    return getMetricsKubeObjectDetailItem(
+      namespaceDetailsMetricsInjectionToken,
+      ClusterMetricsResourceType.Namespace,
+    );
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default namespaceMetricsInjectable;

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/node-details-metrics.injectable.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { nodeDetailsMetricsInjectionToken } from "@k8slens/metrics";
+import { getInjectable } from "@ogre-tools/injectable";
+import { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { getMetricsKubeObjectDetailItemInjectable } from "./get-metrics-kube-object-detail-item.injectable";
+
+const nodeMetricsInjectable = getInjectable({
+  id: "node-details-metrics",
+  instantiate: (di) => {
+    const getMetricsKubeObjectDetailItem = di.inject(getMetricsKubeObjectDetailItemInjectable);
+
+    return getMetricsKubeObjectDetailItem(
+      nodeDetailsMetricsInjectionToken,
+      ClusterMetricsResourceType.Node,
+    );
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default nodeMetricsInjectable;

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/persistent-volume-claim-metrics.injectable.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { persistentVolumeClaimDetailsMetricsInjectionToken } from "@k8slens/metrics";
+import { getInjectable } from "@ogre-tools/injectable";
+import { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { getMetricsKubeObjectDetailItemInjectable } from "./get-metrics-kube-object-detail-item.injectable";
+
+const persistentVolumeClaimMetricsInjectable = getInjectable({
+  id: "persistent-volume-claim-details-metrics",
+  instantiate: (di) => {
+    const getMetricsKubeObjectDetailItem = di.inject(getMetricsKubeObjectDetailItemInjectable);
+
+    return getMetricsKubeObjectDetailItem(
+      persistentVolumeClaimDetailsMetricsInjectionToken,
+      ClusterMetricsResourceType.VolumeClaim,
+    );
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default persistentVolumeClaimMetricsInjectable;

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/pod-details-pod-metrics.injectable.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { podDetailsMetricsInjectionToken } from "@k8slens/metrics";
+import { getInjectable } from "@ogre-tools/injectable";
+import { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { getMetricsKubeObjectDetailItemInjectable } from "./get-metrics-kube-object-detail-item.injectable";
+
+const podMetricsInjectable = getInjectable({
+  id: "pod-details-pod-metrics",
+  instantiate: (di) => {
+    const getMetricsKubeObjectDetailItem = di.inject(getMetricsKubeObjectDetailItemInjectable);
+
+    return getMetricsKubeObjectDetailItem(
+      podDetailsMetricsInjectionToken,
+      ClusterMetricsResourceType.Pod,
+    );
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default podMetricsInjectable;

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/replica-set-details-metrics.injectable.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { replicaSetDetailsMetricsInjectionToken } from "@k8slens/metrics";
+import { getInjectable } from "@ogre-tools/injectable";
+import { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { getMetricsKubeObjectDetailItemInjectable } from "./get-metrics-kube-object-detail-item.injectable";
+
+const replicaSetMetricsInjectable = getInjectable({
+  id: "replica-set-details-metrics",
+  instantiate: (di) => {
+    const getMetricsKubeObjectDetailItem = di.inject(getMetricsKubeObjectDetailItemInjectable);
+
+    return getMetricsKubeObjectDetailItem(
+      replicaSetDetailsMetricsInjectionToken,
+      ClusterMetricsResourceType.ReplicaSet,
+    );
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default replicaSetMetricsInjectable;

packages/core/src/renderer/components/kube-object-details/kube-object-detail-items/metrics/stateful-set-details-metrics.injectable.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { ClusterMetricsResourceType } from "../../../../../common/cluster-types";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { statefulSetDetailsMetricsInjectionToken } from "@k8slens/metrics";
+import { getMetricsKubeObjectDetailItemInjectable } from "./get-metrics-kube-object-detail-item.injectable";
+
+const statefulSetMetricsInjectable = getInjectable({
+  id: "stateful-set-details-metrics",
+  instantiate: (di) => {
+    const getMetricsKubeObjectDetailItem = di.inject(getMetricsKubeObjectDetailItemInjectable);
+
+    return getMetricsKubeObjectDetailItem(
+      statefulSetDetailsMetricsInjectionToken,
+      ClusterMetricsResourceType.StatefulSet,
+    );
+  },
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default statefulSetMetricsInjectable;