@backstage-community/plugin-github-actions 0.6.16 → 0.6.18

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-github-actions
 
+## 0.6.18
+
+### Patch Changes
+
+- 9c52968: Adds support for Backstage's new frontend system, available via the `/alpha` sub-path export.
+
+## 0.6.17
+
+### Patch Changes
+
+- 61d5aff: version:bump to v1.29.1
+
 ## 0.6.16
 
 ### Patch Changes

package/README.md

@@ -2,6 +2,21 @@
 
 Website: [https://github.com/actions](https://github.com/actions)
 
+## Table of Contents
+
+- [GitHub Actions Plugin](#github-actions-plugin)
+  - [Table of Contents](#table-of-contents)
+  - [Screenshots](#screenshots)
+  - [Setup](#setup)
+    - [Generic Requirements](#generic-requirements)
+    - [Installation](#installation)
+    - [Integrating with `EntityPage`](#integrating-with-entitypage)
+    - [Integrating with `EntityPage` (New Frontend System)](#integrating-with-entitypage-new-frontend-system)
+    - [Self-hosted / Enterprise GitHub](#self-hosted--enterprise-github)
+  - [Features](#features)
+  - [Limitations](#limitations)
+  - [Optional Workflow Runs Card View](#optional-workflow-runs-card-view)
+
 ## Screenshots
 
 TBD
@@ -33,7 +48,7 @@ TBD
      owner: user:guest
    ```
 
-### Standalone app requirements
+### Installation
 
 1. Install the plugin dependency in your Backstage app package:
 
@@ -42,7 +57,9 @@ TBD
 yarn --cwd packages/app add @backstage-community/plugin-github-actions
 ```
 
-2. Add to the app `EntityPage` component:
+### Integrating with `EntityPage`
+
+1. Add to the app `EntityPage` component:
 
 ```tsx
 // In packages/app/src/components/catalog/EntityPage.tsx
@@ -64,6 +81,39 @@ const serviceEntityPage = (
 3. Run the app with `yarn start` and the backend with `yarn start-backend`.
    Then navigate to `/github-actions/` under any entity.
 
+### Integrating with `EntityPage` (New Frontend System)
+
+Follow this section if you are using Backstage's [new frontend system](https://backstage.io/docs/frontend-system/).
+
+1. Import `githubActionsPlugin` in your `App.tsx` and add it to your app's `features` array:
+
+```typescript
+import githubActionsPlugin from '@backstage-community/plugin-github-actions/alpha';
+
+// ...
+
+export const app = createApp({
+  features: [
+    // ...
+    githubActionsPlugin,
+    // ...
+  ],
+});
+```
+
+2. Next, enable your desired extensions in `app-config.yaml`
+
+```yaml
+app:
+  extensions:
+    - entity-content:github-actions/entity
+    - entity-card:github-actions/latest-workflow-run
+    - entity-card:github-actions/latest-branch-workflow-runs
+    - entity-card:github-actions/recent-workflow-runs
+```
+
+3. Whichever extensions you've enabled should now appear in your entity page.
+
 ### Self-hosted / Enterprise GitHub
 
 The plugin will try to use `backstage.io/source-location` or `backstage.io/managed-by-location`

package/alpha/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@backstage-community/plugin-github-actions__alpha",
+  "version": "0.6.18",
+  "main": "../dist/alpha.esm.js",
+  "module": "../dist/alpha.esm.js",
+  "types": "../dist/alpha.d.ts"
+}

package/dist/alpha/apis.esm.js

@@ -0,0 +1,15 @@
+import { createApiExtension, createApiFactory, configApiRef } from '@backstage/frontend-plugin-api';
+import { scmAuthApiRef } from '@backstage/integration-react';
+import { githubActionsApiRef } from '../api/GithubActionsApi.esm.js';
+import { GithubActionsClient } from '../api/GithubActionsClient.esm.js';
+
+const githubActionsApi = createApiExtension({
+  factory: createApiFactory({
+    api: githubActionsApiRef,
+    deps: { configApi: configApiRef, scmAuthApi: scmAuthApiRef },
+    factory: ({ configApi, scmAuthApi }) => new GithubActionsClient({ configApi, scmAuthApi })
+  })
+});
+
+export { githubActionsApi };
+//# sourceMappingURL=apis.esm.js.map

package/dist/alpha/apis.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apis.esm.js","sources":["../../src/alpha/apis.ts"],"sourcesContent":["import {\n  configApiRef,\n  createApiExtension,\n  createApiFactory,\n} from '@backstage/frontend-plugin-api';\nimport { scmAuthApiRef } from '@backstage/integration-react';\nimport { githubActionsApiRef, GithubActionsClient } from '../api';\n\n/**\n * @alpha\n */\nexport const githubActionsApi = createApiExtension({\n  factory: createApiFactory({\n    api: githubActionsApiRef,\n    deps: { configApi: configApiRef, scmAuthApi: scmAuthApiRef },\n    factory: ({ configApi, scmAuthApi }) =>\n      new GithubActionsClient({ configApi, scmAuthApi }),\n  }),\n});\n"],"names":[],"mappings":";;;;;AAWO,MAAM,mBAAmB,kBAAmB,CAAA;AAAA,EACjD,SAAS,gBAAiB,CAAA;AAAA,IACxB,GAAK,EAAA,mBAAA;AAAA,IACL,IAAM,EAAA,EAAE,SAAW,EAAA,YAAA,EAAc,YAAY,aAAc,EAAA;AAAA,IAC3D,OAAA,EAAS,CAAC,EAAE,SAAW,EAAA,UAAA,EACrB,KAAA,IAAI,mBAAoB,CAAA,EAAE,SAAW,EAAA,UAAA,EAAY,CAAA;AAAA,GACpD,CAAA;AACH,CAAC;;;;"}

package/dist/alpha/entityCards.esm.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { createSchemaFromZod } from '@backstage/frontend-plugin-api';
+import { createEntityCardExtension } from '@backstage/plugin-catalog-react/alpha';
+
+const entityGithubActionsCard = createEntityCardExtension({
+  name: "workflow-runs",
+  loader: () => import('../components/Router.esm.js').then((m) => /* @__PURE__ */ React.createElement(m.Router, { view: "cards" }))
+});
+const entityLatestGithubActionRunCard = createEntityCardExtension({
+  name: "latest-workflow-run",
+  configSchema: createSchemaFromZod(
+    (z) => z.object({
+      props: z.object({
+        branch: z.string().default("master")
+      }).default({}),
+      filter: z.string().optional()
+    })
+  ),
+  loader: ({ config }) => import('../components/Cards/index.esm.js').then((m) => /* @__PURE__ */ React.createElement(m.LatestWorkflowRunCard, { ...config.props }))
+});
+const entityLatestGithubActionsForBranchCard = createEntityCardExtension(
+  {
+    name: "latest-branch-workflow-runs",
+    configSchema: createSchemaFromZod(
+      (z) => z.object({
+        props: z.object({
+          branch: z.string().default("master")
+        }).default({}),
+        filter: z.string().optional()
+      })
+    ),
+    loader: ({ config }) => import('../components/Cards/index.esm.js').then((m) => /* @__PURE__ */ React.createElement(m.LatestWorkflowsForBranchCard, { ...config.props }))
+  }
+);
+const entityRecentGithubActionsRunsCard = createEntityCardExtension({
+  name: "recent-workflow-runs",
+  configSchema: createSchemaFromZod(
+    (z) => z.object({
+      props: z.object({
+        branch: z.string().default("master"),
+        dense: z.boolean().default(false),
+        limit: z.number().default(5).optional()
+      }).default({}),
+      filter: z.string().optional()
+    })
+  ),
+  loader: ({ config }) => import('../components/Cards/index.esm.js').then((m) => /* @__PURE__ */ React.createElement(m.RecentWorkflowRunsCard, { ...config.props }))
+});
+
+export { entityGithubActionsCard, entityLatestGithubActionRunCard, entityLatestGithubActionsForBranchCard, entityRecentGithubActionsRunsCard };
+//# sourceMappingURL=entityCards.esm.js.map

package/dist/alpha/entityCards.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entityCards.esm.js","sources":["../../src/alpha/entityCards.tsx"],"sourcesContent":["import React from 'react';\nimport { createSchemaFromZod } from '@backstage/frontend-plugin-api';\nimport { createEntityCardExtension } from '@backstage/plugin-catalog-react/alpha';\n\n/**\n * @alpha\n */\nexport const entityGithubActionsCard = createEntityCardExtension({\n  name: 'workflow-runs',\n  loader: () =>\n    import('../components/Router').then(m => <m.Router view=\"cards\" />),\n});\n\n/**\n * @alpha\n */\nexport const entityLatestGithubActionRunCard = createEntityCardExtension({\n  name: 'latest-workflow-run',\n  configSchema: createSchemaFromZod(z =>\n    z.object({\n      props: z\n        .object({\n          branch: z.string().default('master'),\n        })\n        .default({}),\n      filter: z.string().optional(),\n    }),\n  ),\n  loader: ({ config }) =>\n    import('../components/Cards').then(m => (\n      <m.LatestWorkflowRunCard {...config.props} />\n    )),\n});\n\n/**\n * @alpha\n */\nexport const entityLatestGithubActionsForBranchCard = createEntityCardExtension(\n  {\n    name: 'latest-branch-workflow-runs',\n    configSchema: createSchemaFromZod(z =>\n      z.object({\n        props: z\n          .object({\n            branch: z.string().default('master'),\n          })\n          .default({}),\n        filter: z.string().optional(),\n      }),\n    ),\n    loader: ({ config }) =>\n      import('../components/Cards').then(m => (\n        <m.LatestWorkflowsForBranchCard {...config.props} />\n      )),\n  },\n);\n\n/**\n * @alpha\n */\nexport const entityRecentGithubActionsRunsCard = createEntityCardExtension({\n  name: 'recent-workflow-runs',\n  configSchema: createSchemaFromZod(z =>\n    z.object({\n      props: z\n        .object({\n          branch: z.string().default('master'),\n          dense: z.boolean().default(false),\n          limit: z.number().default(5).optional(),\n        })\n        .default({}),\n      filter: z.string().optional(),\n    }),\n  ),\n  loader: ({ config }) =>\n    import('../components/Cards').then(m => (\n      <m.RecentWorkflowRunsCard {...config.props} />\n    )),\n});\n"],"names":[],"mappings":";;;;AAOO,MAAM,0BAA0B,yBAA0B,CAAA;AAAA,EAC/D,IAAM,EAAA,eAAA;AAAA,EACN,MAAQ,EAAA,MACN,OAAO,6BAAsB,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,CAAE,CAAA,MAAA,EAAF,EAAS,IAAA,EAAK,SAAQ,CAAE,CAAA;AACtE,CAAC,EAAA;AAKM,MAAM,kCAAkC,yBAA0B,CAAA;AAAA,EACvE,IAAM,EAAA,qBAAA;AAAA,EACN,YAAc,EAAA,mBAAA;AAAA,IAAoB,CAAA,CAAA,KAChC,EAAE,MAAO,CAAA;AAAA,MACP,KAAA,EAAO,EACJ,MAAO,CAAA;AAAA,QACN,MAAQ,EAAA,CAAA,CAAE,MAAO,EAAA,CAAE,QAAQ,QAAQ,CAAA;AAAA,OACpC,CAAA,CACA,OAAQ,CAAA,EAAE,CAAA;AAAA,MACb,MAAQ,EAAA,CAAA,CAAE,MAAO,EAAA,CAAE,QAAS,EAAA;AAAA,KAC7B,CAAA;AAAA,GACH;AAAA,EACA,QAAQ,CAAC,EAAE,MAAO,EAAA,KAChB,OAAO,kCAAqB,CAAA,CAAE,IAAK,CAAA,CAAA,CAAA,yCAChC,CAAE,CAAA,qBAAA,EAAF,EAAyB,GAAG,MAAA,CAAO,OAAO,CAC5C,CAAA;AACL,CAAC,EAAA;AAKM,MAAM,sCAAyC,GAAA,yBAAA;AAAA,EACpD;AAAA,IACE,IAAM,EAAA,6BAAA;AAAA,IACN,YAAc,EAAA,mBAAA;AAAA,MAAoB,CAAA,CAAA,KAChC,EAAE,MAAO,CAAA;AAAA,QACP,KAAA,EAAO,EACJ,MAAO,CAAA;AAAA,UACN,MAAQ,EAAA,CAAA,CAAE,MAAO,EAAA,CAAE,QAAQ,QAAQ,CAAA;AAAA,SACpC,CAAA,CACA,OAAQ,CAAA,EAAE,CAAA;AAAA,QACb,MAAQ,EAAA,CAAA,CAAE,MAAO,EAAA,CAAE,QAAS,EAAA;AAAA,OAC7B,CAAA;AAAA,KACH;AAAA,IACA,QAAQ,CAAC,EAAE,MAAO,EAAA,KAChB,OAAO,kCAAqB,CAAA,CAAE,IAAK,CAAA,CAAA,CAAA,yCAChC,CAAE,CAAA,4BAAA,EAAF,EAAgC,GAAG,MAAA,CAAO,OAAO,CACnD,CAAA;AAAA,GACL;AACF,EAAA;AAKO,MAAM,oCAAoC,yBAA0B,CAAA;AAAA,EACzE,IAAM,EAAA,sBAAA;AAAA,EACN,YAAc,EAAA,mBAAA;AAAA,IAAoB,CAAA,CAAA,KAChC,EAAE,MAAO,CAAA;AAAA,MACP,KAAA,EAAO,EACJ,MAAO,CAAA;AAAA,QACN,MAAQ,EAAA,CAAA,CAAE,MAAO,EAAA,CAAE,QAAQ,QAAQ,CAAA;AAAA,QACnC,KAAO,EAAA,CAAA,CAAE,OAAQ,EAAA,CAAE,QAAQ,KAAK,CAAA;AAAA,QAChC,OAAO,CAAE,CAAA,MAAA,GAAS,OAAQ,CAAA,CAAC,EAAE,QAAS,EAAA;AAAA,OACvC,CAAA,CACA,OAAQ,CAAA,EAAE,CAAA;AAAA,MACb,MAAQ,EAAA,CAAA,CAAE,MAAO,EAAA,CAAE,QAAS,EAAA;AAAA,KAC7B,CAAA;AAAA,GACH;AAAA,EACA,QAAQ,CAAC,EAAE,MAAO,EAAA,KAChB,OAAO,kCAAqB,CAAA,CAAE,IAAK,CAAA,CAAA,CAAA,yCAChC,CAAE,CAAA,sBAAA,EAAF,EAA0B,GAAG,MAAA,CAAO,OAAO,CAC7C,CAAA;AACL,CAAC;;;;"}

package/dist/alpha/entityContent.esm.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { convertLegacyRouteRef } from '@backstage/core-compat-api';
+import { createEntityContentExtension } from '@backstage/plugin-catalog-react/alpha';
+import { rootRouteRef } from '../routes.esm.js';
+
+const entityGithubActionsContent = createEntityContentExtension({
+  defaultPath: "github-actions",
+  defaultTitle: "GitHub Actions",
+  name: "entity",
+  routeRef: convertLegacyRouteRef(rootRouteRef),
+  loader: () => import('../components/Router.esm.js').then((m) => /* @__PURE__ */ React.createElement(m.Router, { view: "table" }))
+});
+
+export { entityGithubActionsContent };
+//# sourceMappingURL=entityContent.esm.js.map

package/dist/alpha/entityContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entityContent.esm.js","sources":["../../src/alpha/entityContent.tsx"],"sourcesContent":["import React from 'react';\nimport { convertLegacyRouteRef } from '@backstage/core-compat-api';\nimport { createEntityContentExtension } from '@backstage/plugin-catalog-react/alpha';\nimport { rootRouteRef } from '../routes';\n\n/**\n * @alpha\n */\nexport const entityGithubActionsContent = createEntityContentExtension({\n  defaultPath: 'github-actions',\n  defaultTitle: 'GitHub Actions',\n  name: 'entity',\n  routeRef: convertLegacyRouteRef(rootRouteRef),\n  loader: () =>\n    import('../components/Router').then(m => <m.Router view=\"table\" />),\n});\n"],"names":[],"mappings":";;;;;AAQO,MAAM,6BAA6B,4BAA6B,CAAA;AAAA,EACrE,WAAa,EAAA,gBAAA;AAAA,EACb,YAAc,EAAA,gBAAA;AAAA,EACd,IAAM,EAAA,QAAA;AAAA,EACN,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,EAC5C,MAAQ,EAAA,MACN,OAAO,6BAAsB,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,CAAE,CAAA,MAAA,EAAF,EAAS,IAAA,EAAK,SAAQ,CAAE,CAAA;AACtE,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -0,0 +1,10 @@
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+
+/**
+ * @alpha
+ */
+declare const _default: _backstage_frontend_plugin_api.BackstagePlugin<{
+    entityContent: _backstage_frontend_plugin_api.RouteRef<undefined>;
+}, {}>;
+
+export { _default as default };

package/dist/alpha.esm.js

@@ -0,0 +1,24 @@
+import { convertLegacyRouteRefs } from '@backstage/core-compat-api';
+import { createPlugin } from '@backstage/frontend-plugin-api';
+import { githubActionsApi } from './alpha/apis.esm.js';
+import { entityGithubActionsCard, entityLatestGithubActionRunCard, entityLatestGithubActionsForBranchCard, entityRecentGithubActionsRunsCard } from './alpha/entityCards.esm.js';
+import { entityGithubActionsContent } from './alpha/entityContent.esm.js';
+import { rootRouteRef } from './routes.esm.js';
+
+var alpha = createPlugin({
+  id: "github-actions",
+  routes: convertLegacyRouteRefs({
+    entityContent: rootRouteRef
+  }),
+  extensions: [
+    entityGithubActionsContent,
+    entityGithubActionsCard,
+    entityLatestGithubActionRunCard,
+    entityLatestGithubActionsForBranchCard,
+    entityRecentGithubActionsRunsCard,
+    githubActionsApi
+  ]
+});
+
+export { alpha as default };
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.ts"],"sourcesContent":["import { convertLegacyRouteRefs } from '@backstage/core-compat-api';\nimport { createPlugin } from '@backstage/frontend-plugin-api';\nimport {\n  entityGithubActionsCard,\n  entityGithubActionsContent,\n  entityLatestGithubActionRunCard,\n  entityLatestGithubActionsForBranchCard,\n  entityRecentGithubActionsRunsCard,\n  githubActionsApi,\n} from './alpha/index';\nimport { rootRouteRef } from './routes';\n\n/**\n * @alpha\n */\nexport default createPlugin({\n  id: 'github-actions',\n  routes: convertLegacyRouteRefs({\n    entityContent: rootRouteRef,\n  }),\n  extensions: [\n    entityGithubActionsContent,\n    entityGithubActionsCard,\n    entityLatestGithubActionRunCard,\n    entityLatestGithubActionsForBranchCard,\n    entityRecentGithubActionsRunsCard,\n    githubActionsApi,\n  ],\n});\n"],"names":[],"mappings":";;;;;;;AAeA,YAAe,YAAa,CAAA;AAAA,EAC1B,EAAI,EAAA,gBAAA;AAAA,EACJ,QAAQ,sBAAuB,CAAA;AAAA,IAC7B,aAAe,EAAA,YAAA;AAAA,GAChB,CAAA;AAAA,EACD,UAAY,EAAA;AAAA,IACV,0BAAA;AAAA,IACA,uBAAA;AAAA,IACA,+BAAA;AAAA,IACA,sCAAA;AAAA,IACA,iCAAA;AAAA,IACA,gBAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/api/GithubActionsApi.esm.js

@@ -0,0 +1,8 @@
+import { createApiRef } from '@backstage/frontend-plugin-api';
+
+const githubActionsApiRef = createApiRef({
+  id: "plugin.githubactions.service"
+});
+
+export { githubActionsApiRef };
+//# sourceMappingURL=GithubActionsApi.esm.js.map

package/dist/api/GithubActionsApi.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GithubActionsApi.esm.js","sources":["../../src/api/GithubActionsApi.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createApiRef } from '@backstage/frontend-plugin-api';\nimport { RestEndpointMethodTypes } from '@octokit/rest';\n\n/** @public */\nexport const githubActionsApiRef = createApiRef<GithubActionsApi>({\n  id: 'plugin.githubactions.service',\n});\n\n/**\n * A client for fetching information about GitHub actions.\n *\n * @public\n */\nexport type GithubActionsApi = {\n  listWorkflowRuns: (options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    pageSize?: number;\n    page?: number;\n    branch?: string;\n  }) => Promise<\n    RestEndpointMethodTypes['actions']['listWorkflowRuns']['response']['data']\n  >;\n\n  getWorkflow: (options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    id: number;\n  }) => Promise<\n    RestEndpointMethodTypes['actions']['getWorkflow']['response']['data']\n  >;\n\n  getWorkflowRun: (options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    id: number;\n  }) => Promise<\n    RestEndpointMethodTypes['actions']['getWorkflowRun']['response']['data']\n  >;\n\n  reRunWorkflow: (options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    runId: number;\n  }) => Promise<any>;\n\n  listJobsForWorkflowRun: (options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    id: number;\n    pageSize?: number;\n    page?: number;\n  }) => Promise<\n    RestEndpointMethodTypes['actions']['listJobsForWorkflowRun']['response']['data']\n  >;\n\n  downloadJobLogsForWorkflowRun: (options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    runId: number;\n  }) => Promise<\n    RestEndpointMethodTypes['actions']['downloadJobLogsForWorkflowRun']['response']['data']\n  >;\n\n  listBranches: (options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    page: number;\n  }) => Promise<\n    RestEndpointMethodTypes['repos']['listBranches']['response']['data']\n  >;\n\n  getDefaultBranch: (options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n  }) => Promise<\n    RestEndpointMethodTypes['repos']['get']['response']['data']['default_branch']\n  >;\n};\n"],"names":[],"mappings":";;AAoBO,MAAM,sBAAsB,YAA+B,CAAA;AAAA,EAChE,EAAI,EAAA,8BAAA;AACN,CAAC;;;;"}

package/dist/api/GithubActionsClient.esm.js

@@ -0,0 +1,113 @@
+import { readGithubIntegrationConfigs } from '@backstage/integration';
+import { Octokit } from '@octokit/rest';
+
+class GithubActionsClient {
+  configApi;
+  scmAuthApi;
+  constructor(options) {
+    this.configApi = options.configApi;
+    this.scmAuthApi = options.scmAuthApi;
+  }
+  async getOctokit(hostname = "github.com") {
+    const { token } = await this.scmAuthApi.getCredentials({
+      url: `https://${hostname}/`,
+      additionalScope: {
+        customScopes: {
+          github: ["repo"]
+        }
+      }
+    });
+    const configs = readGithubIntegrationConfigs(
+      this.configApi.getOptionalConfigArray("integrations.github") ?? []
+    );
+    const githubIntegrationConfig = configs.find((v) => v.host === hostname);
+    const baseUrl = githubIntegrationConfig?.apiBaseUrl;
+    return new Octokit({ auth: token, baseUrl });
+  }
+  async reRunWorkflow(options) {
+    const { hostname, owner, repo, runId } = options;
+    const octokit = await this.getOctokit(hostname);
+    return octokit.actions.reRunWorkflow({
+      owner,
+      repo,
+      run_id: runId
+    });
+  }
+  async listWorkflowRuns(options) {
+    const { hostname, owner, repo, pageSize = 100, page = 0, branch } = options;
+    const octokit = await this.getOctokit(hostname);
+    const workflowRuns = await octokit.actions.listWorkflowRunsForRepo({
+      owner,
+      repo,
+      per_page: pageSize,
+      page,
+      ...branch ? { branch } : {}
+    });
+    return workflowRuns.data;
+  }
+  async getWorkflow(options) {
+    const { hostname, owner, repo, id } = options;
+    const octokit = await this.getOctokit(hostname);
+    const workflow = await octokit.actions.getWorkflow({
+      owner,
+      repo,
+      workflow_id: id
+    });
+    return workflow.data;
+  }
+  async getWorkflowRun(options) {
+    const { hostname, owner, repo, id } = options;
+    const octokit = await this.getOctokit(hostname);
+    const run = await octokit.actions.getWorkflowRun({
+      owner,
+      repo,
+      run_id: id
+    });
+    return run.data;
+  }
+  async listJobsForWorkflowRun(options) {
+    const { hostname, owner, repo, id, pageSize = 100, page = 0 } = options;
+    const octokit = await this.getOctokit(hostname);
+    const jobs = await octokit.actions.listJobsForWorkflowRun({
+      owner,
+      repo,
+      run_id: id,
+      per_page: pageSize,
+      page
+    });
+    return jobs.data;
+  }
+  async downloadJobLogsForWorkflowRun(options) {
+    const { hostname, owner, repo, runId } = options;
+    const octokit = await this.getOctokit(hostname);
+    const workflow = await octokit.actions.downloadJobLogsForWorkflowRun({
+      owner,
+      repo,
+      job_id: runId
+    });
+    return workflow.data;
+  }
+  async listBranches(options) {
+    const { hostname, owner, repo, page = 0 } = options;
+    const octokit = await this.getOctokit(hostname);
+    const response = await octokit.rest.repos.listBranches({
+      owner,
+      repo,
+      per_page: 100,
+      page
+    });
+    return response.data;
+  }
+  async getDefaultBranch(options) {
+    const { hostname, owner, repo } = options;
+    const octokit = await this.getOctokit(hostname);
+    const response = await octokit.rest.repos.get({
+      owner,
+      repo
+    });
+    return response.data.default_branch;
+  }
+}
+
+export { GithubActionsClient };
+//# sourceMappingURL=GithubActionsClient.esm.js.map

package/dist/api/GithubActionsClient.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GithubActionsClient.esm.js","sources":["../../src/api/GithubActionsClient.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { readGithubIntegrationConfigs } from '@backstage/integration';\nimport { ScmAuthApi } from '@backstage/integration-react';\nimport { GithubActionsApi } from './GithubActionsApi';\nimport { Octokit, RestEndpointMethodTypes } from '@octokit/rest';\nimport { ConfigApi } from '@backstage/core-plugin-api';\n\n/**\n * A client for fetching information about GitHub actions.\n *\n * @public\n */\nexport class GithubActionsClient implements GithubActionsApi {\n  private readonly configApi: ConfigApi;\n  private readonly scmAuthApi: ScmAuthApi;\n\n  constructor(options: { configApi: ConfigApi; scmAuthApi: ScmAuthApi }) {\n    this.configApi = options.configApi;\n    this.scmAuthApi = options.scmAuthApi;\n  }\n\n  private async getOctokit(hostname: string = 'github.com'): Promise<Octokit> {\n    const { token } = await this.scmAuthApi.getCredentials({\n      url: `https://${hostname}/`,\n      additionalScope: {\n        customScopes: {\n          github: ['repo'],\n        },\n      },\n    });\n    const configs = readGithubIntegrationConfigs(\n      this.configApi.getOptionalConfigArray('integrations.github') ?? [],\n    );\n    const githubIntegrationConfig = configs.find(v => v.host === hostname);\n    const baseUrl = githubIntegrationConfig?.apiBaseUrl;\n    return new Octokit({ auth: token, baseUrl });\n  }\n\n  async reRunWorkflow(options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    runId: number;\n  }): Promise<any> {\n    const { hostname, owner, repo, runId } = options;\n\n    const octokit = await this.getOctokit(hostname);\n    return octokit.actions.reRunWorkflow({\n      owner,\n      repo,\n      run_id: runId,\n    });\n  }\n\n  async listWorkflowRuns(options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    pageSize?: number;\n    page?: number;\n    branch?: string;\n  }): Promise<\n    RestEndpointMethodTypes['actions']['listWorkflowRuns']['response']['data']\n  > {\n    const { hostname, owner, repo, pageSize = 100, page = 0, branch } = options;\n\n    const octokit = await this.getOctokit(hostname);\n    const workflowRuns = await octokit.actions.listWorkflowRunsForRepo({\n      owner,\n      repo,\n      per_page: pageSize,\n      page,\n      ...(branch ? { branch } : {}),\n    });\n\n    return workflowRuns.data;\n  }\n\n  async getWorkflow(options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    id: number;\n  }): Promise<\n    RestEndpointMethodTypes['actions']['getWorkflow']['response']['data']\n  > {\n    const { hostname, owner, repo, id } = options;\n\n    const octokit = await this.getOctokit(hostname);\n    const workflow = await octokit.actions.getWorkflow({\n      owner,\n      repo,\n      workflow_id: id,\n    });\n\n    return workflow.data;\n  }\n\n  async getWorkflowRun(options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    id: number;\n  }): Promise<\n    RestEndpointMethodTypes['actions']['getWorkflowRun']['response']['data']\n  > {\n    const { hostname, owner, repo, id } = options;\n\n    const octokit = await this.getOctokit(hostname);\n    const run = await octokit.actions.getWorkflowRun({\n      owner,\n      repo,\n      run_id: id,\n    });\n\n    return run.data;\n  }\n\n  async listJobsForWorkflowRun(options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    id: number;\n    pageSize?: number;\n    page?: number;\n  }): Promise<\n    RestEndpointMethodTypes['actions']['listJobsForWorkflowRun']['response']['data']\n  > {\n    const { hostname, owner, repo, id, pageSize = 100, page = 0 } = options;\n\n    const octokit = await this.getOctokit(hostname);\n    const jobs = await octokit.actions.listJobsForWorkflowRun({\n      owner,\n      repo,\n      run_id: id,\n      per_page: pageSize,\n      page,\n    });\n\n    return jobs.data;\n  }\n\n  async downloadJobLogsForWorkflowRun(options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    runId: number;\n  }): Promise<\n    RestEndpointMethodTypes['actions']['downloadJobLogsForWorkflowRun']['response']['data']\n  > {\n    const { hostname, owner, repo, runId } = options;\n\n    const octokit = await this.getOctokit(hostname);\n    const workflow = await octokit.actions.downloadJobLogsForWorkflowRun({\n      owner,\n      repo,\n      job_id: runId,\n    });\n\n    return workflow.data;\n  }\n\n  async listBranches(options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n    page?: number;\n  }): Promise<\n    RestEndpointMethodTypes['repos']['listBranches']['response']['data']\n  > {\n    const { hostname, owner, repo, page = 0 } = options;\n    const octokit = await this.getOctokit(hostname);\n    const response = await octokit.rest.repos.listBranches({\n      owner,\n      repo,\n      per_page: 100,\n      page,\n    });\n\n    return response.data;\n  }\n\n  async getDefaultBranch(options: {\n    hostname?: string;\n    owner: string;\n    repo: string;\n  }): Promise<\n    RestEndpointMethodTypes['repos']['get']['response']['data']['default_branch']\n  > {\n    const { hostname, owner, repo } = options;\n    const octokit = await this.getOctokit(hostname);\n    const response = await octokit.rest.repos.get({\n      owner,\n      repo,\n    });\n\n    return response.data.default_branch;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/api/types.esm.js

@@ -0,0 +1,10 @@
+var BuildStatus = /* @__PURE__ */ ((BuildStatus2) => {
+  BuildStatus2[BuildStatus2["success"] = 0] = "success";
+  BuildStatus2[BuildStatus2["failure"] = 1] = "failure";
+  BuildStatus2[BuildStatus2["pending"] = 2] = "pending";
+  BuildStatus2[BuildStatus2["running"] = 3] = "running";
+  return BuildStatus2;
+})(BuildStatus || {});
+
+export { BuildStatus };
+//# sourceMappingURL=types.esm.js.map

package/dist/api/types.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.esm.js","sources":["../../src/api/types.ts"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/** @public */\nexport type Step = {\n  name: string;\n  status: string;\n  conclusion?: string;\n  number: number; // starts from 1\n  started_at?: string;\n  completed_at?: string;\n};\n\n/** @public */\nexport type Job = {\n  html_url?: string;\n  status: string;\n  conclusion?: string;\n  started_at: string;\n  completed_at?: string;\n  id: number;\n  name: string;\n  steps?: Step[];\n};\n\n/** @public */\nexport type Jobs = {\n  total_count: number;\n  jobs: Job[];\n};\n\n/** @public */\nexport enum BuildStatus {\n  'success',\n  'failure',\n  'pending',\n  'running',\n}\n\n/** @public */\nexport type Branch = {\n  name: string;\n};\n\n/** @public */\nexport type Branches = {\n  default_branch: string;\n  branches: Branch[];\n};\n\n/** @public */\nexport interface RouterProps {\n  view?: 'cards' | 'table';\n}\n"],"names":["BuildStatus"],"mappings":"AA6CY,IAAA,WAAA,qBAAAA,YAAL,KAAA;AACL,EAAAA,YAAA,CAAA,YAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AACA,EAAAA,YAAA,CAAA,YAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AACA,EAAAA,YAAA,CAAA,YAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AACA,EAAAA,YAAA,CAAA,YAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAJU,EAAAA,OAAAA,YAAAA,CAAAA;AAAA,CAAA,EAAA,WAAA,IAAA,EAAA;;;;"}

package/dist/components/Cards/Cards.esm.js

@@ -0,0 +1,78 @@
+import { useEntity } from '@backstage/plugin-catalog-react';
+import LinearProgress from '@material-ui/core/LinearProgress';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+import ExternalLinkIcon from '@material-ui/icons/Launch';
+import React, { useEffect } from 'react';
+import { GITHUB_ACTIONS_ANNOTATION } from '../getProjectNameFromEntity.esm.js';
+import { useWorkflowRuns } from '../useWorkflowRuns.esm.js';
+import { WorkflowRunsTable } from '../WorkflowRunsTable/WorkflowRunsTable.esm.js';
+import { WorkflowRunStatus } from '../WorkflowRunStatus/WorkflowRunStatus.esm.js';
+import { useApi, errorApiRef } from '@backstage/core-plugin-api';
+import { InfoCard, StructuredMetadataTable, Link } from '@backstage/core-components';
+import { getHostnameFromEntity } from '../getHostnameFromEntity.esm.js';
+
+const useStyles = makeStyles({
+  externalLinkIcon: {
+    fontSize: "inherit",
+    verticalAlign: "bottom"
+  }
+});
+const WidgetContent = (props) => {
+  const { error, loading, lastRun, branch } = props;
+  const classes = useStyles();
+  if (error) return /* @__PURE__ */ React.createElement(Typography, null, "Couldn't fetch latest ", branch, " run");
+  if (loading) return /* @__PURE__ */ React.createElement(LinearProgress, null);
+  return /* @__PURE__ */ React.createElement(
+    StructuredMetadataTable,
+    {
+      metadata: {
+        status: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+          WorkflowRunStatus,
+          {
+            status: lastRun.status,
+            conclusion: lastRun.conclusion
+          }
+        )),
+        message: lastRun.message,
+        url: /* @__PURE__ */ React.createElement(Link, { to: lastRun.githubUrl ?? "" }, "See more on GitHub", " ", /* @__PURE__ */ React.createElement(ExternalLinkIcon, { className: classes.externalLinkIcon }))
+      }
+    }
+  );
+};
+const LatestWorkflowRunCard = (props) => {
+  const { branch = "master", variant } = props;
+  const { entity } = useEntity();
+  const errorApi = useApi(errorApiRef);
+  const hostname = getHostnameFromEntity(entity);
+  const [owner, repo] = (entity?.metadata.annotations?.[GITHUB_ACTIONS_ANNOTATION] ?? "/").split("/");
+  const [{ runs, loading, error }] = useWorkflowRuns({
+    hostname,
+    owner,
+    repo,
+    branch
+  });
+  const lastRun = runs?.[0] ?? {};
+  useEffect(() => {
+    if (error) {
+      errorApi.post(error);
+    }
+  }, [error, errorApi]);
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: `Last ${branch} build`, variant }, /* @__PURE__ */ React.createElement(
+    WidgetContent,
+    {
+      error,
+      loading,
+      branch,
+      lastRun
+    }
+  ));
+};
+const LatestWorkflowsForBranchCard = (props) => {
+  const { branch = "master", variant } = props;
+  const { entity } = useEntity();
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: `Last ${branch} build`, variant }, /* @__PURE__ */ React.createElement(WorkflowRunsTable, { branch, entity }));
+};
+
+export { LatestWorkflowRunCard, LatestWorkflowsForBranchCard };
+//# sourceMappingURL=Cards.esm.js.map

package/dist/components/Cards/Cards.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cards.esm.js","sources":["../../../src/components/Cards/Cards.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport ExternalLinkIcon from '@material-ui/icons/Launch';\nimport React, { useEffect } from 'react';\nimport { GITHUB_ACTIONS_ANNOTATION } from '../getProjectNameFromEntity';\nimport { useWorkflowRuns, WorkflowRun } from '../useWorkflowRuns';\nimport { WorkflowRunsTable } from '../WorkflowRunsTable';\nimport { WorkflowRunStatus } from '../WorkflowRunStatus';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  StructuredMetadataTable,\n} from '@backstage/core-components';\nimport { getHostnameFromEntity } from '../getHostnameFromEntity';\n\nconst useStyles = makeStyles({\n  externalLinkIcon: {\n    fontSize: 'inherit',\n    verticalAlign: 'bottom',\n  },\n});\n\nconst WidgetContent = (props: {\n  error?: Error;\n  loading?: boolean;\n  lastRun: WorkflowRun;\n  branch: string;\n}) => {\n  const { error, loading, lastRun, branch } = props;\n  const classes = useStyles();\n\n  if (error) return <Typography>Couldn't fetch latest {branch} run</Typography>;\n  if (loading) return <LinearProgress />;\n\n  return (\n    <StructuredMetadataTable\n      metadata={{\n        status: (\n          <>\n            <WorkflowRunStatus\n              status={lastRun.status}\n              conclusion={lastRun.conclusion}\n            />\n          </>\n        ),\n        message: lastRun.message,\n        url: (\n          <Link to={lastRun.githubUrl ?? ''}>\n            See more on GitHub{' '}\n            <ExternalLinkIcon className={classes.externalLinkIcon} />\n          </Link>\n        ),\n      }}\n    />\n  );\n};\n\n/** @public */\nexport const LatestWorkflowRunCard = (props: {\n  branch?: string;\n  variant?: InfoCardVariants;\n}) => {\n  const { branch = 'master', variant } = props;\n  const { entity } = useEntity();\n  const errorApi = useApi(errorApiRef);\n  const hostname = getHostnameFromEntity(entity);\n  const [owner, repo] = (\n    entity?.metadata.annotations?.[GITHUB_ACTIONS_ANNOTATION] ?? '/'\n  ).split('/');\n  const [{ runs, loading, error }] = useWorkflowRuns({\n    hostname,\n    owner,\n    repo,\n    branch,\n  });\n  const lastRun = runs?.[0] ?? ({} as WorkflowRun);\n  useEffect(() => {\n    if (error) {\n      errorApi.post(error);\n    }\n  }, [error, errorApi]);\n\n  return (\n    <InfoCard title={`Last ${branch} build`} variant={variant}>\n      <WidgetContent\n        error={error}\n        loading={loading}\n        branch={branch}\n        lastRun={lastRun}\n      />\n    </InfoCard>\n  );\n};\n\n/** @public */\nexport const LatestWorkflowsForBranchCard = (props: {\n  branch?: string;\n  variant?: InfoCardVariants;\n}) => {\n  const { branch = 'master', variant } = props;\n  const { entity } = useEntity();\n\n  return (\n    <InfoCard title={`Last ${branch} build`} variant={variant}>\n      <WorkflowRunsTable branch={branch} entity={entity} />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Cards/RecentWorkflowRunsCard.esm.js

@@ -0,0 +1,71 @@
+import { useEntity } from '@backstage/plugin-catalog-react';
+import React, { useEffect } from 'react';
+import { Link as Link$1 } from 'react-router-dom';
+import { GITHUB_ACTIONS_ANNOTATION } from '../getProjectNameFromEntity.esm.js';
+import { useWorkflowRuns } from '../useWorkflowRuns.esm.js';
+import { WorkflowRunStatus } from '../WorkflowRunStatus/WorkflowRunStatus.esm.js';
+import Typography from '@material-ui/core/Typography';
+import { useApi, errorApiRef, useRouteRef } from '@backstage/core-plugin-api';
+import { ErrorPanel, InfoCard, Link, Table } from '@backstage/core-components';
+import { buildRouteRef } from '../../routes.esm.js';
+import { getHostnameFromEntity } from '../getHostnameFromEntity.esm.js';
+
+const firstLine = (message) => message.split("\n")[0];
+const RecentWorkflowRunsCard = (props) => {
+  const { branch, dense = false, limit = 5, variant } = props;
+  const { entity } = useEntity();
+  const errorApi = useApi(errorApiRef);
+  const hostname = getHostnameFromEntity(entity);
+  const [owner, repo] = (entity?.metadata.annotations?.[GITHUB_ACTIONS_ANNOTATION] ?? "/").split("/");
+  const [{ runs = [], loading, error }] = useWorkflowRuns({
+    hostname,
+    owner,
+    repo,
+    branch,
+    initialPageSize: limit
+  });
+  useEffect(() => {
+    if (error) {
+      errorApi.post(error);
+    }
+  }, [error, errorApi]);
+  const githubHost = hostname || "github.com";
+  const routeLink = useRouteRef(buildRouteRef);
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ErrorPanel, { title: error.message, error });
+  }
+  return /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: "Recent Workflow Runs",
+      subheader: branch ? `Branch: ${branch}` : "All Branches",
+      noPadding: true,
+      variant
+    },
+    !runs.length ? /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement(Typography, { variant: "body1" }, "This component has GitHub Actions enabled, but no workflows were found."), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement(Link, { to: `https://${githubHost}/${owner}/${repo}/actions/new` }, "Create a new workflow"))) : /* @__PURE__ */ React.createElement(
+      Table,
+      {
+        isLoading: loading,
+        options: {
+          search: false,
+          paging: false,
+          padding: dense ? "dense" : "default",
+          toolbar: false
+        },
+        columns: [
+          {
+            title: "Commit Message",
+            field: "message",
+            render: (data) => /* @__PURE__ */ React.createElement(Link, { component: Link$1, to: routeLink({ id: data.id }) }, firstLine(data.message ?? ""))
+          },
+          { title: "Branch", field: "source.branchName" },
+          { title: "Status", field: "status", render: WorkflowRunStatus }
+        ],
+        data: runs
+      }
+    )
+  );
+};
+
+export { RecentWorkflowRunsCard };
+//# sourceMappingURL=RecentWorkflowRunsCard.esm.js.map

package/dist/components/Cards/RecentWorkflowRunsCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentWorkflowRunsCard.esm.js","sources":["../../../src/components/Cards/RecentWorkflowRunsCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport React, { useEffect } from 'react';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { GITHUB_ACTIONS_ANNOTATION } from '../getProjectNameFromEntity';\nimport { useWorkflowRuns, WorkflowRun } from '../useWorkflowRuns';\nimport { WorkflowRunStatus } from '../WorkflowRunStatus';\nimport Typography from '@material-ui/core/Typography';\n\nimport { errorApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  ErrorPanel,\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Table,\n} from '@backstage/core-components';\nimport { buildRouteRef } from '../../routes';\nimport { getHostnameFromEntity } from '../getHostnameFromEntity';\n\nconst firstLine = (message: string): string => message.split('\\n')[0];\n\n/** @public */\nexport const RecentWorkflowRunsCard = (props: {\n  branch?: string;\n  dense?: boolean;\n  limit?: number;\n  variant?: InfoCardVariants;\n}) => {\n  const { branch, dense = false, limit = 5, variant } = props;\n\n  const { entity } = useEntity();\n  const errorApi = useApi(errorApiRef);\n\n  const hostname = getHostnameFromEntity(entity);\n\n  const [owner, repo] = (\n    entity?.metadata.annotations?.[GITHUB_ACTIONS_ANNOTATION] ?? '/'\n  ).split('/');\n\n  const [{ runs = [], loading, error }] = useWorkflowRuns({\n    hostname,\n    owner,\n    repo,\n    branch,\n    initialPageSize: limit,\n  });\n\n  useEffect(() => {\n    if (error) {\n      errorApi.post(error);\n    }\n  }, [error, errorApi]);\n\n  const githubHost = hostname || 'github.com';\n  const routeLink = useRouteRef(buildRouteRef);\n\n  if (error) {\n    return <ErrorPanel title={error.message} error={error} />;\n  }\n\n  return (\n    <InfoCard\n      title=\"Recent Workflow Runs\"\n      subheader={branch ? `Branch: ${branch}` : 'All Branches'}\n      noPadding\n      variant={variant}\n    >\n      {!runs.length ? (\n        <div style={{ textAlign: 'center' }}>\n          <Typography variant=\"body1\">\n            This component has GitHub Actions enabled, but no workflows were\n            found.\n          </Typography>\n          <Typography variant=\"body2\">\n            <Link to={`https://${githubHost}/${owner}/${repo}/actions/new`}>\n              Create a new workflow\n            </Link>\n          </Typography>\n        </div>\n      ) : (\n        <Table<WorkflowRun>\n          isLoading={loading}\n          options={{\n            search: false,\n            paging: false,\n            padding: dense ? 'dense' : 'default',\n            toolbar: false,\n          }}\n          columns={[\n            {\n              title: 'Commit Message',\n              field: 'message',\n              render: data => (\n                <Link component={RouterLink} to={routeLink({ id: data.id! })}>\n                  {firstLine(data.message ?? '')}\n                </Link>\n              ),\n            },\n            { title: 'Branch', field: 'source.branchName' },\n            { title: 'Status', field: 'status', render: WorkflowRunStatus },\n          ]}\n          data={runs}\n        />\n      )}\n    </InfoCard>\n  );\n};\n"],"names":["RouterLink"],"mappings":"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"}

package/dist/components/Cards/index.esm.js

@@ -0,0 +1,3 @@
+export { LatestWorkflowRunCard, LatestWorkflowsForBranchCard } from './Cards.esm.js';
+export { RecentWorkflowRunsCard } from './RecentWorkflowRunsCard.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/Cards/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}