feat: add logs link

SocialGouv · Dec 13, 2023 · 9bbdbca · 9bbdbca
1 parent 2117fdd
commit 9bbdbca
Show file tree

Hide file tree

Showing 4 changed files with 70 additions and 23 deletions.
diff --git a/src/components/kube/cronjob.tsx b/src/components/kube/cronjob.tsx
@@ -1,7 +1,7 @@
 import dayjs from "dayjs"
 import _ from "lodash"
 
-import { Cronjob, Job } from "@/lib/kube/types"
+import { Cronjob, Job, getLogsUrl } from "@/lib/kube/types"
 import PodWidget from "@/components/kube/pod"
 import Tooltip from "@/components/ui/tooltip"
 import JsonWidget from "@/components/ui/json"
@@ -23,12 +23,22 @@ export default function CronjobWidget({ cronjob }: { cronjob: Cronjob }) {
 }
 
 function Meta({ cronjob }: { cronjob: Cronjob }) {
+  const logsUrl = getLogsUrl(cronjob)
   return (
     <div className="flex flex-row justify-between">
       <span className="font-bold">{cronjob.name}</span>
       <span className="text-xs text-gray-500 text-right">
         <div className="font-bold capitalize">CRON</div>
-        <div>{dayjs(cronjob.raw?.metadata.creationTimestamp).fromNow()}</div>
+        <div>
+          {dayjs(cronjob.raw?.metadata.creationTimestamp).fromNow()}
+        </div>{" "}
+        {logsUrl && (
+          <div>
+            <a href={logsUrl} target="_blank">
+              Logs
+            </a>
+          </div>
+        )}
       </span>
     </div>
   )

diff --git a/src/components/kube/deployment.tsx b/src/components/kube/deployment.tsx
@@ -1,6 +1,6 @@
 import dayjs from "dayjs"
 
-import { Deployment, getDeploymentStatus } from "@/lib/kube/types"
+import { Deployment, getDeploymentStatus, getLogsUrl } from "@/lib/kube/types"
 import PodWidget from "@/components/kube/pod"
 
 export default function DeploymentWidget({
@@ -24,12 +24,20 @@ export default function DeploymentWidget({
 }
 
 function Meta({ deployment }: { deployment: Deployment }) {
+  const logsUrl = getLogsUrl(deployment)
   return (
     <div className="flex flex-row justify-between">
       <span className="font-bold">{deployment.name}</span>
       <span className="text-xs text-gray-500 text-right">
         <div className="font-bold capitalize">DEPLOY</div>
         <div>{dayjs(deployment.raw.metadata.creationTimestamp).fromNow()}</div>
+        {logsUrl && (
+          <div>
+            <a href={logsUrl} target="_blank">
+              Logs
+            </a>
+          </div>
+        )}
       </span>
     </div>
   )

diff --git a/src/lib/kube/index.ts b/src/lib/kube/index.ts
@@ -1,35 +1,35 @@
 import "server-only"
 
-import cron from "node-cron"
-import _ from "lodash"
 import { $ } from "execa"
-import { z, ZodTypeAny } from "zod"
+import _ from "lodash"
+import cron from "node-cron"
 import pMap from "p-map"
+import { z, ZodTypeAny } from "zod"
 
 import {
-  Namespace,
-  clusterSchema,
-  RawCluster,
+  CachedData,
   Cluster,
-  eventSchema,
-  DumpFile,
-  podSchema,
-  replicasetSchema,
+  clusterSchema,
+  Cronjob,
+  cronjobSchema,
+  Deployment,
   deploymentSchema,
+  DumpFile,
+  eventSchema,
   jobSchema,
-  cronjobSchema,
-  RawPod,
-  RawReplicaSet,
-  RawDeployment,
-  RawJob,
+  KubeData,
+  makeCachedData,
+  Namespace,
+  podSchema,
+  RawCluster,
   RawCronjob,
+  RawDeployment,
   RawEvent,
+  RawJob,
   RawNamespace,
-  KubeData,
-  CachedData,
-  Deployment,
-  Cronjob,
-  makeCachedData,
+  RawPod,
+  RawReplicaSet,
+  replicasetSchema,
 } from "@/lib/kube/types"
 import { grepS3BucketFiles } from "@/lib/s3"
 

diff --git a/src/lib/kube/types.ts b/src/lib/kube/types.ts
@@ -190,6 +190,13 @@ export const deploymentSchema = z.object({
     name: z.string(),
     namespace: z.string(),
     creationTimestamp: z.coerce.date(),
+    labels: z.optional(
+      z.object({
+        application: z.optional(z.string()),
+        app: z.optional(z.string()),
+        component: z.optional(z.string()),
+      })
+    ),
   }),
   status: z.object({
     availableReplicas: z.optional(z.number()),
@@ -247,6 +254,11 @@ export const cronjobSchema = z.object({
     name: z.string(),
     namespace: z.string(),
     creationTimestamp: z.coerce.date(),
+    labels: z.object({
+      application: z.optional(z.string()),
+      app: z.optional(z.string()),
+      component: z.optional(z.string()),
+    }),
   }),
   status: z.object({
     lastScheduleTime: z.optional(z.coerce.date()),
@@ -415,3 +427,20 @@ export function getNamespaceStatus(namespace: Namespace): Status {
 
   return "ok"
 }
+
+export function getAppLabel(workload: Deployment | Cronjob): string {
+  const meta = workload.raw.metadata
+  const appLabel =
+    meta.labels?.component ||
+    meta.labels?.application ||
+    meta.labels?.app ||
+    meta.name
+  return appLabel
+}
+
+export function getLogsUrl(workload: Deployment | Cronjob): string | undefined {
+  return process.env.NEXT_PUBLIC_GRAFANA_URL_LOGS_DEPLOYMENT?.replace(
+    "{{namespace}}",
+    workload.raw.metadata.namespace
+  ).replace("{{app}}", getAppLabel(workload))
+}