Flux Runtime Card and Page

plugins/backstage-plugin-flux/README.md

@@ -25,6 +25,7 @@ You can also add cards for resources with the following components, each of thes
 - EntityFluxOCIRepositoriesCard
 - EntityFluxHelmRepositoriesCard
 - EntityFluxImagePoliciesCard
+- FluxRuntimeCard
 
 As with other Backstage plugins, you can compose the UI you need.
 
@@ -302,4 +303,3 @@ Request failed with 401 Unauthorized, {"error":{"name":"AuthenticationError","me
 This is likely caused by this issue in [Backstage](https://github.com/backstage/backstage/issues/12394).
 
 The simplest thing to do is put some sort of authentication in front of your Backstage setup, for example using the [GitHub Authentication Provider](https://backstage.io/docs/auth/github/provider/) this will ensure there's an authentication token available.
-

plugins/backstage-plugin-flux/dev/helpers.ts

@@ -266,3 +266,26 @@ export const newTestImagePolicy = (
     },
   };
 };
+
+export const newTestFluxController = (
+  name: string,
+  namespace: string,
+  labels: { [name: string]: string },
+) => {
+  return {
+    apiVersion: 'meta.k8s.io/v1',
+    kind: 'PartialObjectMetadata',
+    metadata: {
+      name,
+      namespace,
+      uid: 'b062d329-538d-4bb3-b4df-b2ac4b06dba8',
+      resourceVersion: '1001263',
+      generation: 1,
+      creationTimestamp: '2023-10-19T16:34:14Z',
+      labels,
+      annotations: {
+        'deployment.kubernetes.io/revision': '1',
+      },
+    },
+  };
+};

plugins/backstage-plugin-flux/dev/index.tsx

@@ -35,9 +35,15 @@ import {
   newTestKustomization,
   newTestHelmRepository,
   newTestImagePolicy,
+  newTestFluxController,
 } from './helpers';
 import { ReconcileRequestAnnotation } from '../src/hooks';
 import { EntityFluxSourcesCard } from '../src/components/EntityFluxSourcesCard';
+import { FluxRuntimeCard } from '../src/components/FluxRuntimeCard';
+import {
+  NAMESPACES_PATH,
+  getDeploymentsPath,
+} from '../src/hooks/useGetDeployments';
 
 const fakeEntity: Entity = {
   apiVersion: 'backstage.io/v1alpha1',
@@ -72,7 +78,10 @@ class StubKubernetesClient implements KubernetesApi {
 
   async getClusters(): Promise<{ name: string; authProvider: string }[]> {
     await new Promise(resolve => setTimeout(resolve, 100));
-    return [{ name: 'mock-cluster', authProvider: 'serviceAccount' }];
+    return [
+      { name: 'mock-cluster-1', authProvider: 'serviceAccount1' },
+      { name: 'mock-cluster-2', authProvider: 'serviceAccount2' },
+    ];
   }
 
   getWorkloadsByEntity(
@@ -117,12 +126,12 @@ class StubKubernetesClient implements KubernetesApi {
     };
   }
 
-  // this is only used by sync and suspend/resume
   async proxy({
+    clusterName,
     init,
     path,
   }: {
-    clusterName: string;
+    clusterName?: string;
     path: string;
     init?: RequestInit | undefined;
   }): Promise<any> {
@@ -174,6 +183,89 @@ class StubKubernetesClient implements KubernetesApi {
       } as Response;
     }
 
+    if (!init?.method && path === NAMESPACES_PATH) {
+      if (clusterName === 'mock-cluster-1') {
+        return {
+          ok: true,
+          json: () =>
+            Promise.resolve({
+              kind: 'NamespacesList',
+              apiVersion: 'meta.k8s.io/v1',
+              items: [
+                {
+                  name: 'flux-system',
+                  uid: '1dcca7cb-c651-4a86-93b4-ecf440df2353',
+                  resourceVersion: '1583',
+                  creationTimestamp: '2023-10-19T16:34:12Z',
+                  labels: {
+                    'app.kubernetes.io/instance': 'flux-system',
+                    'app.kubernetes.io/part-of': 'flux',
+                    'app.kubernetes.io/version': 'v2.0.0',
+                    'kubernetes.io/metadata.name': 'flux-system',
+                    'kustomize.toolkit.fluxcd.io/name': 'flux-system',
+                    'kustomize.toolkit.fluxcd.io/namespace': 'flux-system',
+                    'pod-security.kubernetes.io/warn': 'restricted',
+                    'pod-security.kubernetes.io/warn-version': 'latest',
+                  },
+                },
+              ],
+            }),
+        } as Response;
+      }
+      if (clusterName === 'mock-cluster-2') {
+        return {
+          ok: true,
+          json: () =>
+            Promise.resolve({
+              kind: 'NamespacesList',
+              apiVersion: 'meta.k8s.io/v1',
+              items: [
+                {
+                  name: 'default',
+                  uid: '1dcca7cb-c651-4a86-93b4-ecf440df2353',
+                  resourceVersion: '1583',
+                  creationTimestamp: '2023-10-19T16:34:12Z',
+                  labels: {
+                    'app.kubernetes.io/instance': 'default',
+                    'app.kubernetes.io/part-of': 'flux',
+                    'app.kubernetes.io/version': 'v2.0.0',
+                    'kubernetes.io/metadata.name': 'default',
+                    'kustomize.toolkit.fluxcd.io/name': 'default',
+                    'kustomize.toolkit.fluxcd.io/namespace': 'default',
+                    'pod-security.kubernetes.io/warn': 'restricted',
+                    'pod-security.kubernetes.io/warn-version': 'latest',
+                  },
+                },
+              ],
+            }),
+        } as Response;
+      }
+    }
+
+    if (!init?.method && path === getDeploymentsPath('flux-system')) {
+      return {
+        ok: true,
+        json: () =>
+          Promise.resolve({
+            kind: 'DeploymentList',
+            apiVersion: 'apps/v1',
+            items: [this.resources[0], this.resources[1]],
+          }),
+      } as Response;
+    }
+
+    if (!init?.method && path === getDeploymentsPath('default')) {
+      return {
+        ok: true,
+        json: () =>
+          Promise.resolve({
+            kind: 'DeploymentList',
+            apiVersion: 'apps/v1',
+            items: [this.resources[2]],
+          }),
+      } as Response;
+    }
+
     // very simple right now
     if (this.mockResponses[path]?.length) {
       // shift pops the [0]th element off the array
@@ -605,5 +697,62 @@ createDevApp()
       </TestApiProvider>
     ),
   })
+  .addPage({
+    title: 'Flux Runtime',
+    path: '/flux_runtime',
+    element: (
+      <TestApiProvider
+        apis={[
+          [
+            configApiRef,
+            new ConfigReader({
+              gitops: { baseUrl: 'https://example.com/wego' },
+            }),
+          ],
+          [
+            kubernetesApiRef,
+            new StubKubernetesClient([
+              newTestFluxController('helm-controller', 'flux-system', {
+                'app.kubernetes.io/component': 'helm-controller',
+                'app.kubernetes.io/instance': 'flux-system',
+                'app.kubernetes.io/part-of': 'flux',
+                'app.kubernetes.io/version': 'v2.1.2',
+                'control-plane': 'controller',
+                'kustomize.toolkit.fluxcd.io/name': 'flux-system',
+                'kustomize.toolkit.fluxcd.io/namespace': 'flux-system',
+              }),
+              newTestFluxController(
+                'image-automation-controller',
+                'flux-system',
+                {
+                  'app.kubernetes.io/component': 'image-automation-controller',
+                  'app.kubernetes.io/instance': 'flux-system',
+                  'app.kubernetes.io/part-of': 'flux',
+                  'app.kubernetes.io/version': 'v2.1.2',
+                  'control-plane': 'controller',
+                  'kustomize.toolkit.fluxcd.io/name': 'flux-system',
+                  'kustomize.toolkit.fluxcd.io/namespace': 'flux-system',
+                },
+              ),
+              newTestFluxController('image-automation-controller', 'default', {
+                'app.kubernetes.io/component': 'image-automation-controller',
+                'app.kubernetes.io/instance': 'default',
+                'app.kubernetes.io/part-of': 'flux',
+                'app.kubernetes.io/version': 'v2.1.2',
+                'control-plane': 'controller',
+                'kustomize.toolkit.fluxcd.io/name': 'default',
+                'kustomize.toolkit.fluxcd.io/namespace': 'default',
+              }),
+            ]),
+          ],
+          [kubernetesAuthProvidersApiRef, new StubKubernetesAuthProvidersApi()],
+        ]}
+      >
+        <Content>
+          <FluxRuntimeCard />
+        </Content>
+      </TestApiProvider>
+    ),
+  })
   .registerPlugin(weaveworksFluxPlugin)
   .render();