Merge pull request #7484 from awanlin/awanlin/azure-devops-frontend-plugin

Adding Azure DevOps frontend plugin

packages/app/package.json

@@ -11,6 +11,7 @@
     "@backstage/core-plugin-api": "^0.1.10",
     "@backstage/integration-react": "^0.1.11",
     "@backstage/plugin-api-docs": "^0.6.11",
+    "@backstage/plugin-azure-devops": "^0.1.0",
     "@backstage/plugin-badges": "^0.2.12",
     "@backstage/plugin-catalog": "^0.7.0",
     "@backstage/plugin-catalog-graph": "^0.1.3",

packages/app/src/components/catalog/EntityPage.tsx

@@ -33,6 +33,10 @@ import {
   EntityProvidedApisCard,
   EntityProvidingComponentsCard,
 } from '@backstage/plugin-api-docs';
+import {
+  EntityAzurePipelinesContent,
+  isAzureDevOpsAvailable,
+} from '@backstage/plugin-azure-devops';
 import { EntityBadgesDialog } from '@backstage/plugin-badges';
 import {
   EntityAboutCard,
@@ -183,6 +187,10 @@ export const cicdContent = (
       <EntityGithubActionsContent />
     </EntitySwitch.Case>
 
+    <EntitySwitch.Case if={isAzureDevOpsAvailable}>
+      <EntityAzurePipelinesContent defaultLimit={25} />
+    </EntitySwitch.Case>
+
     <EntitySwitch.Case>
       <EmptyState
         title="No CI/CD available for this entity"

packages/backend/src/index.ts

@@ -38,7 +38,7 @@ import { Config } from '@backstage/config';
 import healthcheck from './plugins/healthcheck';
 import { metricsInit, metricsHandler } from './metrics';
 import auth from './plugins/auth';
-import azureDevOps from './plugins/azuredevops';
+import azureDevOps from './plugins/azure-devops';
 import catalog from './plugins/catalog';
 import codeCoverage from './plugins/codecoverage';
 import kubernetes from './plugins/kubernetes';

packages/backend/src/plugins/azure-devops.ts

@@ -18,9 +18,9 @@ import { createRouter } from '@backstage/plugin-azure-devops-backend';
 import { Router } from 'express';
 import type { PluginEnvironment } from '../types';
 
-export default async function createPlugin({
+export default function createPlugin({
   logger,
   config,
 }: PluginEnvironment): Promise<Router> {
-  return await createRouter({ logger, config });
+  return createRouter({ logger, config });
 }