Merge branch 'master' of github.com:spotify/backstage into shmidt-i/app-catalog-tabs-routes-everything-is-connected

plugins/github-actions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-github-actions",
-  "version": "0.1.1-alpha.19",
+  "version": "0.1.1-alpha.20",
   "main": "src/index.ts",
   "types": "src/index.ts",
   "license": "Apache-2.0",
@@ -22,11 +22,11 @@
     "mock-data": "./scripts/mock-data.sh"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^0.1.1-alpha.19",
-    "@backstage/core": "^0.1.1-alpha.19",
-    "@backstage/core-api": "^0.1.1-alpha.19",
-    "@backstage/plugin-catalog": "^0.1.1-alpha.19",
-    "@backstage/theme": "^0.1.1-alpha.19",
+    "@backstage/catalog-model": "^0.1.1-alpha.20",
+    "@backstage/core": "^0.1.1-alpha.20",
+    "@backstage/core-api": "^0.1.1-alpha.20",
+    "@backstage/plugin-catalog": "^0.1.1-alpha.20",
+    "@backstage/theme": "^0.1.1-alpha.20",
     "@material-ui/core": "^4.9.1",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
@@ -40,8 +40,8 @@
     "react-use": "^15.3.3"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.1.1-alpha.19",
-    "@backstage/dev-utils": "^0.1.1-alpha.19",
+    "@backstage/cli": "^0.1.1-alpha.20",
+    "@backstage/dev-utils": "^0.1.1-alpha.20",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^10.4.1",
     "@testing-library/user-event": "^12.0.7",

plugins/github-actions/scripts/sample.yaml

@@ -5,6 +5,7 @@ metadata:
   description: backstage.io
   annotations:
     github.com/project-slug: 'spotify/backstage'
+    backstage.io/techdocs-ref: github:https://github.com/spotify/backstage.git
 spec:
   type: website
   lifecycle: production

plugins/github-actions/src/api/GithubActionsApi.ts

@@ -23,7 +23,7 @@ import {
 
 export const githubActionsApiRef = createApiRef<GithubActionsApi>({
   id: 'plugin.githubactions.service',
-  description: 'Used by the Github Actions plugin to make requests',
+  description: 'Used by the GitHub Actions plugin to make requests',
 });
 
 export type GithubActionsApi = {

plugins/github-actions/src/components/Widget/Widget.tsx

@@ -15,7 +15,7 @@
  */
 import React, { useEffect } from 'react';
 import { useWorkflowRuns } from '../useWorkflowRuns';
-import { WorkflowRun } from '../WorkflowRunsTable';
+import { WorkflowRun, WorkflowRunsTable } from '../WorkflowRunsTable';
 import { Entity } from '@backstage/catalog-model';
 import { WorkflowRunStatus } from '../WorkflowRunStatus';
 import {
@@ -108,3 +108,51 @@ export const Widget = ({
     </InfoCard>
   );
 };
+
+const RecentWorkflowRunsCardContent = ({
+  error,
+  loading,
+  branch,
+}: {
+  error?: Error;
+  loading?: boolean;
+  branch: string;
+}) => {
+  if (error) return <Typography>Couldn't fetch {branch} runs</Typography>;
+  if (loading) return <LinearProgress />;
+  return <WorkflowRunsTable />;
+};
+
+export const RecentWorkflowRunsCard = ({
+  entity,
+  branch = 'master',
+}: {
+  entity: Entity;
+  branch: string;
+}) => {
+  const errorApi = useApi(errorApiRef);
+  const [owner, repo] = (
+    entity?.metadata.annotations?.['backstage.io/github-actions-id'] ?? '/'
+  ).split('/');
+  const [{ loading, error }] = useWorkflowRuns({
+    owner,
+    repo,
+    branch,
+  });
+
+  useEffect(() => {
+    if (error) {
+      errorApi.post(error);
+    }
+  }, [error, errorApi]);
+
+  return (
+    <InfoCard title={`${branch} builds`}>
+      <RecentWorkflowRunsCardContent
+        error={error}
+        loading={loading}
+        branch={branch}
+      />
+    </InfoCard>
+  );
+};

plugins/github-actions/src/components/Widget/index.ts

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export { Widget } from './Widget';
+export { Widget, RecentWorkflowRunsCard } from './Widget';