feat(KubernetesPlugins): make k8s frontend + backend plugins work with our cluster

sreez-showcase/packages/app/package.json

@@ -29,6 +29,7 @@
     "@backstage/plugin-catalog-import": "^0.11.0",
     "@backstage/plugin-catalog-react": "^1.12.0",
     "@backstage/plugin-devtools": "^0.1.13",
+    "@backstage/plugin-kubernetes": "^0.11.10",
     "@backstage/plugin-org": "^0.6.25",
     "@backstage/plugin-permission-react": "^0.4.22",
     "@backstage/plugin-scaffolder": "^1.20.0",
@@ -41,10 +42,10 @@
     "@backstage/plugin-user-settings": "^0.8.6",
     "@backstage/theme": "^0.5.5",
     "@bestsellerit/backstage-plugin-harbor": "^0.3.1",
-    "@mui/material": "next",
     "@internal/backstage-plugin-devspaces-plugin": "^0.1.0",
     "@janus-idp/plugin-notifications": "^1.3.1",
     "@material-ui/icons": "^4.11.3",
+    "@mui/material": "next",
     "@roadiehq/backstage-plugin-argo-cd": "^2.6.5",
     "@roadiehq/backstage-plugin-github-insights": "^2.3.29",
     "@roadiehq/backstage-plugin-github-pull-requests": "^2.5.26",

sreez-showcase/packages/app/src/components/catalog/entities/ServiceComponent.tsx

@@ -8,6 +8,7 @@ import {overviewContent} from "../tabs/OverviewContent";
 import {buildsContent} from "../tabs/BuildsContent";
 import {workflowsContent} from "../tabs/WorkflowsContent";
 import {techdocsContent} from "../tabs/TechdocsContent";
+import {kubernetesContent} from "../tabs/KubernetesContent";
 
 export const serviceEntityPage = (
     <EntityLayout>
@@ -67,5 +68,10 @@ export const serviceEntityPage = (
         <EntityLayout.Route path="/docs" title="Docs">
             {techdocsContent}
         </EntityLayout.Route>
+
+        <EntityLayout.Route path="/kubernetes" title="Kubernetes">
+            {kubernetesContent}
+        </EntityLayout.Route>
+
     </EntityLayout>
 );

sreez-showcase/packages/app/src/components/catalog/tabs/KubernetesContent.tsx

@@ -0,0 +1,6 @@
+import { EntityKubernetesContent } from '@backstage/plugin-kubernetes';
+import React from "react";
+
+export const kubernetesContent = (
+    <EntityKubernetesContent refreshIntervalMs={30000} />
+);

sreez-showcase/packages/app/src/components/catalog/tabs/OverviewContent.tsx

@@ -8,6 +8,7 @@ import {EntityGithubInsightsReadmeCard} from "@roadiehq/backstage-plugin-github-
 import {EntityArgoCDOverviewCard} from "@roadiehq/backstage-plugin-argo-cd";
 import {EntityGithubPullRequestsOverviewCard} from "@roadiehq/backstage-plugin-github-pull-requests";
 import {EntityCatalogGraphCard} from "@backstage/plugin-catalog-graph";
+import { DevspacesPluginPage } from "@internal/backstage-plugin-devspaces-plugin";
 
 export const overviewContent = (
     <Grid container spacing={1} alignItems={'stretch'} justifyContent={'flex-start'}>
@@ -18,7 +19,7 @@ export const overviewContent = (
         <Grid item xs={4}>
             <EntityAboutCard variant={'flex'}/>
             <EntityLinksCard variant="flex"/>
-            {/*<DevspacesPluginPage/>*/}
+            <DevspacesPluginPage/>
         </Grid>
         <Grid item xs={8}>
             <Grid container>

sreez-showcase/packages/backend/package.json

@@ -34,6 +34,7 @@
     "@backstage/plugin-catalog-node": "^1.11.1",
     "@backstage/plugin-devtools-backend": "^0.3.3",
     "@backstage/plugin-events-backend-module-github": "^0.2.3",
+    "@backstage/plugin-kubernetes-backend": "^0.17.1",
     "@backstage/plugin-permission-backend": "^0.5.41",
     "@backstage/plugin-permission-backend-module-allow-all-policy": "^0.1.14",
     "@backstage/plugin-permission-common": "^0.7.13",

sreez-showcase/packages/backend/src/index.ts

@@ -56,6 +56,9 @@ backend.add(import('@backstage/plugin-search-backend/alpha'));
 
 backend.add(import('@backstage/plugin-devtools-backend'));
 
+// Kubernetes backend plugin
+backend.add(import('@backstage/plugin-kubernetes-backend/alpha'));
+
 const scaffolderModuleCustomExtensions = createBackendModule({
     pluginId: 'scaffolder', // name of the plugin that the module is targeting
     moduleId: 'custom-extensions',