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

package/dist/components/WorkflowRunsCard/WorkflowRunsCard.esm.js

@@ -0,0 +1,296 @@
+import React, { useState, useEffect } from 'react';
+import Typography from '@material-ui/core/Typography';
+import Box from '@material-ui/core/Box';
+import IconButton from '@material-ui/core/IconButton';
+import Tooltip from '@material-ui/core/Tooltip';
+import Button from '@material-ui/core/Button';
+import Chip from '@material-ui/core/Chip';
+import ButtonGroup from '@material-ui/core/ButtonGroup';
+import Grid from '@material-ui/core/Grid';
+import TablePagination from '@material-ui/core/TablePagination';
+import Select from '@material-ui/core/Select';
+import MenuItem from '@material-ui/core/MenuItem';
+import TextField from '@material-ui/core/TextField';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import { makeStyles, createStyles } from '@material-ui/core/styles';
+import { EmptyState, InfoCard, Link, MarkdownContent } from '@backstage/core-components';
+import GitHubIcon from '@material-ui/icons/GitHub';
+import RetryIcon from '@material-ui/icons/Replay';
+import SyncIcon from '@material-ui/icons/Sync';
+import ExternalLinkIcon from '@material-ui/icons/Launch';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { useWorkflowRuns } from '../useWorkflowRuns.esm.js';
+import { WorkflowRunStatus } from '../WorkflowRunStatus/WorkflowRunStatus.esm.js';
+import { buildRouteRef } from '../../routes.esm.js';
+import { getProjectNameFromEntity } from '../getProjectNameFromEntity.esm.js';
+import { getHostnameFromEntity } from '../getHostnameFromEntity.esm.js';
+import Alert from '@material-ui/lab/Alert';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    card: {
+      border: `1px solid ${theme.palette.divider}`,
+      boxShadow: theme.shadows[2],
+      borderRadius: "4px",
+      overflow: "visible",
+      position: "relative",
+      margin: theme.spacing(4, 1, 1),
+      flex: "1",
+      minWidth: "0px"
+    },
+    externalLinkIcon: {
+      fontSize: "inherit",
+      verticalAlign: "middle"
+    },
+    bottomline: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      marginTop: "-5px"
+    },
+    pagination: {
+      width: "100%"
+    }
+  })
+);
+const statusColors = {
+  skipped: "warning",
+  canceled: "info",
+  timed_out: "error",
+  failure: "error",
+  success: "success"
+};
+const matchesSearchTerm = (run, searchTerm) => {
+  const lowerCaseSearchTerm = searchTerm.toLocaleLowerCase();
+  return run.workflowName?.toLocaleLowerCase().includes(lowerCaseSearchTerm) || run.source.branchName?.toLocaleLowerCase().includes(lowerCaseSearchTerm) || run.status?.toLocaleLowerCase().includes(lowerCaseSearchTerm) || run.id?.toLocaleLowerCase().includes(lowerCaseSearchTerm);
+};
+const WorkflowRunsCardView = ({
+  runs,
+  searchTerm,
+  loading,
+  onChangePageSize,
+  onChangePage,
+  page,
+  total,
+  pageSize
+}) => {
+  const classes = useStyles();
+  const routeLink = useRouteRef(buildRouteRef);
+  const filteredRuns = runs?.filter((run) => matchesSearchTerm(run, searchTerm));
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, filteredRuns && runs?.length !== 0 ? filteredRuns.map((run) => /* @__PURE__ */ React.createElement(Grid, { key: run.id, item: true, container: true, xs: 12, sm: 4, md: 4, xl: 4 }, /* @__PURE__ */ React.createElement(Box, { className: classes.card }, /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      display: "flex",
+      flexDirection: "column",
+      m: 3,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    /* @__PURE__ */ React.createElement(Box, { pt: 2, sx: { width: "100%" }, textAlign: "center" }, /* @__PURE__ */ React.createElement(
+      Tooltip,
+      {
+        title: run.status ?? "No Status",
+        placement: "top-start"
+      },
+      /* @__PURE__ */ React.createElement(
+        Alert,
+        {
+          variant: "outlined",
+          severity: statusColors[run.conclusion],
+          style: { alignItems: "center" }
+        },
+        /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, /* @__PURE__ */ React.createElement(Link, { to: routeLink({ id: run.id }) }, /* @__PURE__ */ React.createElement(Typography, { color: "primary", variant: "h6" }, run.workflowName)))
+      )
+    ), /* @__PURE__ */ React.createElement(Tooltip, { title: run.message ?? "No run message" }, /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        variant: "body2",
+        component: "span",
+        style: { fontSize: "smaller" }
+      },
+      /* @__PURE__ */ React.createElement(
+        MarkdownContent,
+        {
+          content: `Commit ID : ${run.source.commit.hash}`
+        }
+      )
+    )), run.source.branchName && /* @__PURE__ */ React.createElement(
+      MarkdownContent,
+      {
+        content: `Branch : ${run.source.branchName}`
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Chip,
+      {
+        key: run.id,
+        size: "small",
+        label: `Workflow ID : ${run.id}`
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Chip,
+      {
+        size: "small",
+        label: /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(
+          WorkflowRunStatus,
+          {
+            status: run.status,
+            conclusion: run.conclusion
+          }
+        ))
+      }
+    ), /* @__PURE__ */ React.createElement("div", { className: classes.bottomline }, run.githubUrl && /* @__PURE__ */ React.createElement(Link, { to: run.githubUrl }, "Workflow runs on GitHub", " ", /* @__PURE__ */ React.createElement(
+      ExternalLinkIcon,
+      {
+        className: classes.externalLinkIcon
+      }
+    )), /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Rerun workflow" }, /* @__PURE__ */ React.createElement(
+      IconButton,
+      {
+        onClick: run.onReRunClick,
+        style: { fontSize: "12px" }
+      },
+      /* @__PURE__ */ React.createElement(RetryIcon, null)
+    )))))
+  )))) : /* @__PURE__ */ React.createElement(Box, { p: 2 }, loading ? /* @__PURE__ */ React.createElement(CircularProgress, null) : "No matching runs found."), /* @__PURE__ */ React.createElement("div", { className: classes.pagination }, /* @__PURE__ */ React.createElement(
+    TablePagination,
+    {
+      component: "div",
+      count: total,
+      page,
+      rowsPerPage: pageSize,
+      onPageChange: (_, newPage) => onChangePage(newPage),
+      onRowsPerPageChange: (event) => onChangePageSize(parseInt(event.target.value, 6)),
+      labelRowsPerPage: "Workflows per page",
+      rowsPerPageOptions: [6, 12, 18, { label: "All", value: -1 }]
+    }
+  )));
+};
+const WorkflowRunsCardSearch = ({
+  searchTerm,
+  handleSearch,
+  retry
+}) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { flexGrow: 1 }), /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      type: "search",
+      label: "Search",
+      value: searchTerm,
+      onChange: handleSearch,
+      "data-testid": "search-control",
+      style: { marginRight: "20px" }
+    }
+  ), /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "Reload workflow runs" }, /* @__PURE__ */ React.createElement(IconButton, { onClick: retry }, /* @__PURE__ */ React.createElement(SyncIcon, null)))));
+};
+const WorkflowRunsCard = ({ entity }) => {
+  const projectName = getProjectNameFromEntity(entity);
+  const hostname = getHostnameFromEntity(entity);
+  const [owner, repo] = (projectName ?? "/").split("/");
+  const [branch, setBranch] = useState("default");
+  const [runs, setRuns] = useState([]);
+  const [searchTerm, setSearchTerm] = useState("");
+  const handleSearch = (event) => {
+    setSearchTerm(event.target.value);
+  };
+  const [
+    { runs: runsData, branches, defaultBranch, ...cardProps },
+    { retry, setPage, setPageSize }
+  ] = useWorkflowRuns({
+    hostname,
+    owner,
+    repo,
+    branch: branch === "all" ? void 0 : branch
+  });
+  const githubHost = hostname || "github.com";
+  const hasNoRuns = !cardProps.loading && !runsData;
+  const handleMenuChange = (event) => {
+    const selectedValue = event.target.value;
+    setBranch(selectedValue);
+    setPage(0);
+    retry();
+  };
+  useEffect(() => {
+    setRuns(runsData);
+  }, [runsData, branch]);
+  useEffect(() => {
+    setBranch(defaultBranch);
+  }, [defaultBranch]);
+  return /* @__PURE__ */ React.createElement(Grid, { item: true }, hasNoRuns ? /* @__PURE__ */ React.createElement(
+    EmptyState,
+    {
+      missing: "data",
+      title: "No Workflow Data",
+      description: "This component has GitHub Actions enabled, but no data was found. Have you created any Workflows? Click the button below to create a new Workflow.",
+      action: /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          variant: "contained",
+          color: "primary",
+          href: `https://${githubHost}/${projectName}/actions/new`
+        },
+        "Create new Workflow"
+      )
+    }
+  ) : /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(GitHubIcon, null), /* @__PURE__ */ React.createElement(Box, { mr: 1 }), /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, projectName), /* @__PURE__ */ React.createElement(
+        Select,
+        {
+          value: branch,
+          key: branch,
+          label: "Branch",
+          onChange: handleMenuChange,
+          "data-testid": "menu-control",
+          style: {
+            marginLeft: "30px",
+            marginRight: "20px",
+            width: "230px"
+          }
+        },
+        branches.map((branchItem) => /* @__PURE__ */ React.createElement(MenuItem, { key: branchItem.name, value: branchItem.name }, branchItem.name === defaultBranch ? /* @__PURE__ */ React.createElement(Typography, { variant: "body2", component: "span" }, branchItem.name, " ", /* @__PURE__ */ React.createElement(
+          Typography,
+          {
+            variant: "body2",
+            component: "span",
+            style: { color: "lightgray", fontSize: "x-small" }
+          },
+          "(default)"
+        )) : branchItem.name)),
+        /* @__PURE__ */ React.createElement(
+          MenuItem,
+          {
+            value: "all",
+            key: "all",
+            style: { color: "lightGrey", fontSize: "small" }
+          },
+          "select all branches"
+        )
+      ), /* @__PURE__ */ React.createElement(
+        WorkflowRunsCardSearch,
+        {
+          searchTerm,
+          handleSearch,
+          retry
+        }
+      ))
+    },
+    /* @__PURE__ */ React.createElement(
+      WorkflowRunsCardView,
+      {
+        runs,
+        loading: cardProps.loading,
+        onChangePageSize: setPageSize,
+        onChangePage: setPage,
+        page: cardProps.page,
+        total: cardProps.total,
+        pageSize: cardProps.pageSize,
+        searchTerm,
+        projectName
+      }
+    )
+  ));
+};
+
+export { WorkflowRunsCard, WorkflowRunsCardView, WorkflowRunsCard as default };
+//# sourceMappingURL=WorkflowRunsCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowRunsCard.esm.js","sources":["../../../src/components/WorkflowRunsCard/WorkflowRunsCard.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 React, { ChangeEvent, useEffect, useState } from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport Box from '@material-ui/core/Box';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Button from '@material-ui/core/Button';\nimport Chip from '@material-ui/core/Chip';\nimport ButtonGroup from '@material-ui/core/ButtonGroup';\nimport Grid from '@material-ui/core/Grid';\nimport TablePagination from '@material-ui/core/TablePagination';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport TextField from '@material-ui/core/TextField';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport { makeStyles, createStyles, Theme } from '@material-ui/core/styles';\nimport {\n  EmptyState,\n  Link,\n  MarkdownContent,\n  InfoCard,\n} from '@backstage/core-components';\nimport GitHubIcon from '@material-ui/icons/GitHub';\nimport RetryIcon from '@material-ui/icons/Replay';\nimport SyncIcon from '@material-ui/icons/Sync';\nimport ExternalLinkIcon from '@material-ui/icons/Launch';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useWorkflowRuns, WorkflowRun } from '../useWorkflowRuns';\nimport { WorkflowRunStatus } from '../WorkflowRunStatus';\nimport { buildRouteRef } from '../../routes';\nimport { getProjectNameFromEntity } from '../getProjectNameFromEntity';\nimport { getHostnameFromEntity } from '../getHostnameFromEntity';\n\nimport Alert, { Color } from '@material-ui/lab/Alert';\nimport { Entity } from '@backstage/catalog-model';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    card: {\n      border: `1px solid ${theme.palette.divider}`,\n      boxShadow: theme.shadows[2],\n      borderRadius: '4px',\n      overflow: 'visible',\n      position: 'relative',\n      margin: theme.spacing(4, 1, 1),\n      flex: '1',\n      minWidth: '0px',\n    },\n    externalLinkIcon: {\n      fontSize: 'inherit',\n      verticalAlign: 'middle',\n    },\n    bottomline: {\n      display: 'flex',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      marginTop: '-5px',\n    },\n    pagination: {\n      width: '100%',\n    },\n  }),\n);\n\ntype WorkflowRunsCardViewProps = {\n  runs?: WorkflowRun[];\n  searchTerm: string;\n  loading: boolean;\n  onChangePageSize: (pageSize: number) => void;\n  onChangePage: (page: number) => void;\n  page: number;\n  total: number;\n  pageSize: number;\n  projectName: string;\n};\n\nconst statusColors: Record<string, string> = {\n  skipped: 'warning',\n  canceled: 'info',\n  timed_out: 'error',\n  failure: 'error',\n  success: 'success',\n};\n\nconst matchesSearchTerm = (run: WorkflowRun, searchTerm: string) => {\n  const lowerCaseSearchTerm = searchTerm.toLocaleLowerCase();\n  return (\n    run.workflowName?.toLocaleLowerCase().includes(lowerCaseSearchTerm) ||\n    run.source.branchName?.toLocaleLowerCase().includes(lowerCaseSearchTerm) ||\n    run.status?.toLocaleLowerCase().includes(lowerCaseSearchTerm) ||\n    run.id?.toLocaleLowerCase().includes(lowerCaseSearchTerm)\n  );\n};\n\nexport const WorkflowRunsCardView = ({\n  runs,\n  searchTerm,\n  loading,\n  onChangePageSize,\n  onChangePage,\n  page,\n  total,\n  pageSize,\n}: WorkflowRunsCardViewProps) => {\n  const classes = useStyles();\n  const routeLink = useRouteRef(buildRouteRef);\n\n  const filteredRuns = runs?.filter(run => matchesSearchTerm(run, searchTerm));\n\n  return (\n    <Grid container spacing={3}>\n      {filteredRuns && runs?.length !== 0 ? (\n        filteredRuns.map(run => (\n          <Grid key={run.id} item container xs={12} sm={4} md={4} xl={4}>\n            <Box className={classes.card}>\n              <Box\n                display=\"flex\"\n                flexDirection=\"column\"\n                m={3}\n                alignItems=\"center\"\n                justifyContent=\"center\"\n              >\n                <Box pt={2} sx={{ width: '100%' }} textAlign=\"center\">\n                  <Tooltip\n                    title={run.status ?? 'No Status'}\n                    placement=\"top-start\"\n                  >\n                    <Alert\n                      variant=\"outlined\"\n                      severity={\n                        statusColors[\n                          run.conclusion as keyof typeof statusColors\n                        ] as Color\n                      }\n                      style={{ alignItems: 'center' }}\n                    >\n                      <Typography variant=\"h6\">\n                        <Link to={routeLink({ id: run.id })}>\n                          <Typography color=\"primary\" variant=\"h6\">\n                            {run.workflowName}\n                          </Typography>\n                        </Link>\n                      </Typography>\n                    </Alert>\n                  </Tooltip>\n                  <Tooltip title={run.message ?? 'No run message'}>\n                    <Typography\n                      variant=\"body2\"\n                      component=\"span\"\n                      style={{ fontSize: 'smaller' }}\n                    >\n                      <MarkdownContent\n                        content={`Commit ID : ${run.source.commit.hash!}`}\n                      />\n                    </Typography>\n                  </Tooltip>\n\n                  {run.source.branchName && (\n                    <MarkdownContent\n                      content={`Branch : ${run.source.branchName}`}\n                    />\n                  )}\n                  <Chip\n                    key={run.id}\n                    size=\"small\"\n                    label={`Workflow ID : ${run.id}`}\n                  />\n                  <Chip\n                    size=\"small\"\n                    label={\n                      <Box display=\"flex\" alignItems=\"center\">\n                        <WorkflowRunStatus\n                          status={run.status}\n                          conclusion={run.conclusion}\n                        />\n                      </Box>\n                    }\n                  />\n                  <div className={classes.bottomline}>\n                    {run.githubUrl && (\n                      <Link to={run.githubUrl}>\n                        Workflow runs on GitHub{' '}\n                        <ExternalLinkIcon\n                          className={classes.externalLinkIcon}\n                        />\n                      </Link>\n                    )}\n                    <ButtonGroup>\n                      <Tooltip title=\"Rerun workflow\">\n                        <IconButton\n                          onClick={run.onReRunClick}\n                          style={{ fontSize: '12px' }}\n                        >\n                          <RetryIcon />\n                        </IconButton>\n                      </Tooltip>\n                    </ButtonGroup>\n                  </div>\n                </Box>\n              </Box>\n            </Box>\n          </Grid>\n        ))\n      ) : (\n        <Box p={2}>\n          {loading ? <CircularProgress /> : 'No matching runs found.'}\n        </Box>\n      )}\n      <div className={classes.pagination}>\n        <TablePagination\n          component=\"div\"\n          count={total}\n          page={page}\n          rowsPerPage={pageSize}\n          onPageChange={(_, newPage) => onChangePage(newPage)}\n          onRowsPerPageChange={event =>\n            onChangePageSize(parseInt(event.target.value, 6))\n          }\n          labelRowsPerPage=\"Workflows per page\"\n          rowsPerPageOptions={[6, 12, 18, { label: 'All', value: -1 }]}\n        />\n      </div>\n    </Grid>\n  );\n};\n\ntype WorkflowRunsCardProps = {\n  entity: Entity;\n};\n\nconst WorkflowRunsCardSearch = ({\n  searchTerm,\n  handleSearch,\n  retry,\n}: {\n  searchTerm: string;\n  handleSearch: (event: ChangeEvent<HTMLInputElement>) => void;\n  retry: () => void;\n}) => {\n  return (\n    <>\n      <Box flexGrow={1} />\n      <TextField\n        type=\"search\"\n        label=\"Search\"\n        value={searchTerm}\n        onChange={handleSearch}\n        data-testid=\"search-control\"\n        style={{ marginRight: '20px' }}\n      />\n      <ButtonGroup>\n        <Tooltip title=\"Reload workflow runs\">\n          <IconButton onClick={retry}>\n            <SyncIcon />\n          </IconButton>\n        </Tooltip>\n      </ButtonGroup>\n    </>\n  );\n};\n\nexport const WorkflowRunsCard = ({ entity }: WorkflowRunsCardProps) => {\n  const projectName = getProjectNameFromEntity(entity);\n  const hostname = getHostnameFromEntity(entity);\n  const [owner, repo] = (projectName ?? '/').split('/');\n  const [branch, setBranch] = useState<string | undefined>('default');\n  const [runs, setRuns] = useState<WorkflowRun[] | undefined>([]);\n  const [searchTerm, setSearchTerm] = useState('');\n\n  const handleSearch = (event: ChangeEvent<HTMLInputElement>) => {\n    setSearchTerm(event.target.value);\n  };\n\n  const [\n    { runs: runsData, branches, defaultBranch, ...cardProps },\n    { retry, setPage, setPageSize },\n  ] = useWorkflowRuns({\n    hostname,\n    owner,\n    repo,\n    branch: branch === 'all' ? undefined : branch,\n  });\n\n  const githubHost = hostname || 'github.com';\n  const hasNoRuns = !cardProps.loading && !runsData;\n\n  const handleMenuChange = (\n    event: ChangeEvent<{ name?: string; value: unknown }>,\n  ) => {\n    const selectedValue = event.target.value as string;\n    setBranch(selectedValue);\n    setPage(0);\n    retry();\n  };\n\n  useEffect(() => {\n    setRuns(runsData);\n  }, [runsData, branch]);\n\n  useEffect(() => {\n    setBranch(defaultBranch);\n  }, [defaultBranch]);\n\n  return (\n    <Grid item>\n      {hasNoRuns ? (\n        <EmptyState\n          missing=\"data\"\n          title=\"No Workflow Data\"\n          description=\"This component has GitHub Actions enabled, but no data was found. Have you created any Workflows? Click the button below to create a new Workflow.\"\n          action={\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              href={`https://${githubHost}/${projectName}/actions/new`}\n            >\n              Create new Workflow\n            </Button>\n          }\n        />\n      ) : (\n        <InfoCard\n          title={\n            <Box display=\"flex\" alignItems=\"center\">\n              <GitHubIcon />\n              <Box mr={1} />\n              <Typography variant=\"h6\">{projectName}</Typography>\n\n              <Select\n                value={branch}\n                key={branch}\n                label=\"Branch\"\n                onChange={handleMenuChange}\n                data-testid=\"menu-control\"\n                style={{\n                  marginLeft: '30px',\n                  marginRight: '20px',\n                  width: '230px',\n                }}\n              >\n                {branches.map(branchItem => (\n                  <MenuItem key={branchItem.name} value={branchItem.name}>\n                    {branchItem.name === defaultBranch ? (\n                      <Typography variant=\"body2\" component=\"span\">\n                        {branchItem.name}{' '}\n                        <Typography\n                          variant=\"body2\"\n                          component=\"span\"\n                          style={{ color: 'lightgray', fontSize: 'x-small' }}\n                        >\n                          (default)\n                        </Typography>\n                      </Typography>\n                    ) : (\n                      branchItem.name\n                    )}\n                  </MenuItem>\n                ))}\n\n                <MenuItem\n                  value=\"all\"\n                  key=\"all\"\n                  style={{ color: 'lightGrey', fontSize: 'small' }}\n                >\n                  select all branches\n                </MenuItem>\n              </Select>\n\n              <WorkflowRunsCardSearch\n                searchTerm={searchTerm}\n                handleSearch={handleSearch}\n                retry={retry}\n              />\n            </Box>\n          }\n        >\n          <WorkflowRunsCardView\n            runs={runs}\n            loading={cardProps.loading}\n            onChangePageSize={setPageSize}\n            onChangePage={setPage}\n            page={cardProps.page}\n            total={cardProps.total}\n            pageSize={cardProps.pageSize}\n            searchTerm={searchTerm}\n            projectName={projectName}\n          />\n        </InfoCard>\n      )}\n    </Grid>\n  );\n};\n\nexport default WorkflowRunsCard;\n"],"names":[],"mappings":"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"}

package/dist/components/WorkflowRunsTable/WorkflowRunsTable.esm.js

@@ -0,0 +1,139 @@
+import React from 'react';
+import Typography from '@material-ui/core/Typography';
+import Box from '@material-ui/core/Box';
+import IconButton from '@material-ui/core/IconButton';
+import Tooltip from '@material-ui/core/Tooltip';
+import Button from '@material-ui/core/Button';
+import RetryIcon from '@material-ui/icons/Replay';
+import GitHubIcon from '@material-ui/icons/GitHub';
+import { Link as Link$1 } from 'react-router-dom';
+import { useWorkflowRuns } from '../useWorkflowRuns.esm.js';
+import { getStatusDescription, WorkflowRunStatus } from '../WorkflowRunStatus/WorkflowRunStatus.esm.js';
+import SyncIcon from '@material-ui/icons/Sync';
+import { buildRouteRef } from '../../routes.esm.js';
+import { getProjectNameFromEntity } from '../getProjectNameFromEntity.esm.js';
+import { EmptyState, Table, Link } from '@backstage/core-components';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { getHostnameFromEntity } from '../getHostnameFromEntity.esm.js';
+
+const generatedColumns = [
+  {
+    title: "ID",
+    field: "id",
+    type: "numeric",
+    width: "150px"
+  },
+  {
+    title: "Message",
+    field: "message",
+    highlight: true,
+    render: (row) => {
+      const LinkWrapper = () => {
+        const routeLink = useRouteRef(buildRouteRef);
+        return /* @__PURE__ */ React.createElement(Link, { component: Link$1, to: routeLink({ id: row.id }) }, row.message);
+      };
+      return /* @__PURE__ */ React.createElement(LinkWrapper, null);
+    }
+  },
+  {
+    title: "Source",
+    render: (row) => /* @__PURE__ */ React.createElement(Typography, { variant: "body2", noWrap: true }, /* @__PURE__ */ React.createElement(Typography, { paragraph: true, variant: "body2" }, row.source?.branchName), /* @__PURE__ */ React.createElement(Typography, { paragraph: true, variant: "body2" }, row.source?.commit.hash))
+  },
+  {
+    title: "Workflow",
+    field: "workflowName"
+  },
+  {
+    title: "Status",
+    customSort: (d1, d2) => {
+      return getStatusDescription(d1).localeCompare(getStatusDescription(d2));
+    },
+    render: (row) => /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(WorkflowRunStatus, { status: row.status, conclusion: row.conclusion }))
+  },
+  {
+    title: "Actions",
+    render: (row) => /* @__PURE__ */ React.createElement(Tooltip, { title: "Rerun workflow" }, /* @__PURE__ */ React.createElement(IconButton, { onClick: row.onReRunClick }, /* @__PURE__ */ React.createElement(RetryIcon, null))),
+    width: "10%"
+  }
+];
+const WorkflowRunsTableView = ({
+  projectName,
+  loading,
+  pageSize,
+  page,
+  retry,
+  runs,
+  onChangePage,
+  onChangePageSize,
+  total
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      isLoading: loading,
+      options: { paging: true, pageSize, padding: "dense" },
+      totalCount: total,
+      page,
+      actions: [
+        {
+          icon: () => /* @__PURE__ */ React.createElement(SyncIcon, null),
+          tooltip: "Reload workflow runs",
+          isFreeAction: true,
+          onClick: () => retry()
+        }
+      ],
+      data: runs ?? [],
+      onPageChange: onChangePage,
+      onRowsPerPageChange: onChangePageSize,
+      style: { width: "100%" },
+      title: /* @__PURE__ */ React.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React.createElement(GitHubIcon, null), /* @__PURE__ */ React.createElement(Box, { mr: 1 }), /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, projectName)),
+      columns: generatedColumns
+    }
+  );
+};
+const WorkflowRunsTable = ({
+  entity,
+  branch
+}) => {
+  const projectName = getProjectNameFromEntity(entity);
+  const hostname = getHostnameFromEntity(entity);
+  const [owner, repo] = (projectName ?? "/").split("/");
+  const [{ runs, ...tableProps }, { retry, setPage, setPageSize }] = useWorkflowRuns({
+    hostname,
+    owner,
+    repo,
+    branch
+  });
+  const githubHost = hostname || "github.com";
+  const hasNoRuns = !tableProps.loading && !runs;
+  return hasNoRuns ? /* @__PURE__ */ React.createElement(
+    EmptyState,
+    {
+      missing: "data",
+      title: "No Workflow Data",
+      description: "This component has GitHub Actions enabled, but no data was found. Have you created any Workflows? Click the button below to create a new Workflow.",
+      action: /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          variant: "contained",
+          color: "primary",
+          href: `https://${githubHost}/${projectName}/actions/new`
+        },
+        "Create new Workflow"
+      )
+    }
+  ) : /* @__PURE__ */ React.createElement(
+    WorkflowRunsTableView,
+    {
+      ...tableProps,
+      runs,
+      loading: tableProps.loading,
+      retry,
+      onChangePageSize: setPageSize,
+      onChangePage: setPage
+    }
+  );
+};
+
+export { WorkflowRunsTable, WorkflowRunsTableView };
+//# sourceMappingURL=WorkflowRunsTable.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WorkflowRunsTable.esm.js","sources":["../../../src/components/WorkflowRunsTable/WorkflowRunsTable.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 React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport Box from '@material-ui/core/Box';\nimport IconButton from '@material-ui/core/IconButton';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Button from '@material-ui/core/Button';\nimport RetryIcon from '@material-ui/icons/Replay';\nimport GitHubIcon from '@material-ui/icons/GitHub';\nimport { Link as RouterLink } from 'react-router-dom';\nimport { useWorkflowRuns, WorkflowRun } from '../useWorkflowRuns';\nimport { WorkflowRunStatus } from '../WorkflowRunStatus';\nimport SyncIcon from '@material-ui/icons/Sync';\nimport { buildRouteRef } from '../../routes';\nimport { getProjectNameFromEntity } from '../getProjectNameFromEntity';\nimport { Entity } from '@backstage/catalog-model';\n\nimport {\n  EmptyState,\n  Table,\n  TableColumn,\n  Link,\n} from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { getHostnameFromEntity } from '../getHostnameFromEntity';\nimport { getStatusDescription } from '../WorkflowRunStatus/WorkflowRunStatus';\n\nconst generatedColumns: TableColumn<Partial<WorkflowRun>>[] = [\n  {\n    title: 'ID',\n    field: 'id',\n    type: 'numeric',\n    width: '150px',\n  },\n  {\n    title: 'Message',\n    field: 'message',\n    highlight: true,\n    render: row => {\n      const LinkWrapper = () => {\n        const routeLink = useRouteRef(buildRouteRef);\n        return (\n          <Link component={RouterLink} to={routeLink({ id: row.id! })}>\n            {row.message}\n          </Link>\n        );\n      };\n\n      return <LinkWrapper />;\n    },\n  },\n  {\n    title: 'Source',\n    render: row => (\n      <Typography variant=\"body2\" noWrap>\n        <Typography paragraph variant=\"body2\">\n          {row.source?.branchName}\n        </Typography>\n        <Typography paragraph variant=\"body2\">\n          {row.source?.commit.hash}\n        </Typography>\n      </Typography>\n    ),\n  },\n  {\n    title: 'Workflow',\n    field: 'workflowName',\n  },\n  {\n    title: 'Status',\n    customSort: (d1, d2) => {\n      return getStatusDescription(d1).localeCompare(getStatusDescription(d2));\n    },\n    render: row => (\n      <Box display=\"flex\" alignItems=\"center\">\n        <WorkflowRunStatus status={row.status} conclusion={row.conclusion} />\n      </Box>\n    ),\n  },\n  {\n    title: 'Actions',\n    render: (row: Partial<WorkflowRun>) => (\n      <Tooltip title=\"Rerun workflow\">\n        <IconButton onClick={row.onReRunClick}>\n          <RetryIcon />\n        </IconButton>\n      </Tooltip>\n    ),\n    width: '10%',\n  },\n];\n\ntype Props = {\n  loading: boolean;\n  retry: () => void;\n  runs?: WorkflowRun[];\n  projectName: string;\n  page: number;\n  onChangePage: (page: number) => void;\n  total: number;\n  pageSize: number;\n  onChangePageSize: (pageSize: number) => void;\n};\n\nexport const WorkflowRunsTableView = ({\n  projectName,\n  loading,\n  pageSize,\n  page,\n  retry,\n  runs,\n  onChangePage,\n  onChangePageSize,\n  total,\n}: Props) => {\n  return (\n    <Table\n      isLoading={loading}\n      options={{ paging: true, pageSize, padding: 'dense' }}\n      totalCount={total}\n      page={page}\n      actions={[\n        {\n          icon: () => <SyncIcon />,\n          tooltip: 'Reload workflow runs',\n          isFreeAction: true,\n          onClick: () => retry(),\n        },\n      ]}\n      data={runs ?? []}\n      onPageChange={onChangePage}\n      onRowsPerPageChange={onChangePageSize}\n      style={{ width: '100%' }}\n      title={\n        <Box display=\"flex\" alignItems=\"center\">\n          <GitHubIcon />\n          <Box mr={1} />\n          <Typography variant=\"h6\">{projectName}</Typography>\n        </Box>\n      }\n      columns={generatedColumns}\n    />\n  );\n};\n\nexport const WorkflowRunsTable = ({\n  entity,\n  branch,\n}: {\n  entity: Entity;\n  branch?: string;\n}) => {\n  const projectName = getProjectNameFromEntity(entity);\n  const hostname = getHostnameFromEntity(entity);\n  const [owner, repo] = (projectName ?? '/').split('/');\n  const [{ runs, ...tableProps }, { retry, setPage, setPageSize }] =\n    useWorkflowRuns({\n      hostname,\n      owner,\n      repo,\n      branch,\n    });\n\n  const githubHost = hostname || 'github.com';\n  const hasNoRuns = !tableProps.loading && !runs;\n\n  return hasNoRuns ? (\n    <EmptyState\n      missing=\"data\"\n      title=\"No Workflow Data\"\n      description=\"This component has GitHub Actions enabled, but no data was found. Have you created any Workflows? Click the button below to create a new Workflow.\"\n      action={\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          href={`https://${githubHost}/${projectName}/actions/new`}\n        >\n          Create new Workflow\n        </Button>\n      }\n    />\n  ) : (\n    <WorkflowRunsTableView\n      {...tableProps}\n      runs={runs}\n      loading={tableProps.loading}\n      retry={retry}\n      onChangePageSize={setPageSize}\n      onChangePage={setPage}\n    />\n  );\n};\n"],"names":["RouterLink"],"mappings":";;;;;;;;;;;;;;;;;;AAyCA,MAAM,gBAAwD,GAAA;AAAA,EAC5D;AAAA,IACE,KAAO,EAAA,IAAA;AAAA,IACP,KAAO,EAAA,IAAA;AAAA,IACP,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,OAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,KAAO,EAAA,SAAA;AAAA,IACP,SAAW,EAAA,IAAA;AAAA,IACX,QAAQ,CAAO,GAAA,KAAA;AACb,MAAA,MAAM,cAAc,MAAM;AACxB,QAAM,MAAA,SAAA,GAAY,YAAY,aAAa,CAAA,CAAA;AAC3C,QAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAW,EAAAA,MAAA,EAAY,EAAI,EAAA,SAAA,CAAU,EAAE,EAAA,EAAI,GAAI,CAAA,EAAA,EAAK,CAAA,EAAA,EACvD,IAAI,OACP,CAAA,CAAA;AAAA,OAEJ,CAAA;AAEA,MAAA,2CAAQ,WAAY,EAAA,IAAA,CAAA,CAAA;AAAA,KACtB;AAAA,GACF;AAAA,EACA;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,MAAQ,EAAA,CAAA,GAAA,qBACL,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAQ,MAAM,EAAA,IAAA,EAAA,kBAC/B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAC,OAAQ,EAAA,OAAA,EAAA,EAC3B,GAAI,CAAA,MAAA,EAAQ,UACf,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAC,OAAQ,EAAA,OAAA,EAAA,EAC3B,GAAI,CAAA,MAAA,EAAQ,MAAO,CAAA,IACtB,CACF,CAAA;AAAA,GAEJ;AAAA,EACA;AAAA,IACE,KAAO,EAAA,UAAA;AAAA,IACP,KAAO,EAAA,cAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,KAAO,EAAA,QAAA;AAAA,IACP,UAAA,EAAY,CAAC,EAAA,EAAI,EAAO,KAAA;AACtB,MAAA,OAAO,qBAAqB,EAAE,CAAA,CAAE,aAAc,CAAA,oBAAA,CAAqB,EAAE,CAAC,CAAA,CAAA;AAAA,KACxE;AAAA,IACA,QAAQ,CACN,GAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAQ,QAAO,UAAW,EAAA,QAAA,EAAA,kBAC5B,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,QAAQ,GAAI,CAAA,MAAA,EAAQ,UAAY,EAAA,GAAA,CAAI,YAAY,CACrE,CAAA;AAAA,GAEJ;AAAA,EACA;AAAA,IACE,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,CAAC,GACP,qBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAM,EAAA,gBAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAS,GAAI,CAAA,YAAA,EAAA,kBACtB,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAU,CACb,CACF,CAAA;AAAA,IAEF,KAAO,EAAA,KAAA;AAAA,GACT;AACF,CAAA,CAAA;AAcO,MAAM,wBAAwB,CAAC;AAAA,EACpC,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,KAAA;AACF,CAAa,KAAA;AACX,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,OAAA;AAAA,MACX,SAAS,EAAE,MAAA,EAAQ,IAAM,EAAA,QAAA,EAAU,SAAS,OAAQ,EAAA;AAAA,MACpD,UAAY,EAAA,KAAA;AAAA,MACZ,IAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP;AAAA,UACE,IAAA,EAAM,sBAAM,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,IAAA,CAAA;AAAA,UACtB,OAAS,EAAA,sBAAA;AAAA,UACT,YAAc,EAAA,IAAA;AAAA,UACd,OAAA,EAAS,MAAM,KAAM,EAAA;AAAA,SACvB;AAAA,OACF;AAAA,MACA,IAAA,EAAM,QAAQ,EAAC;AAAA,MACf,YAAc,EAAA,YAAA;AAAA,MACd,mBAAqB,EAAA,gBAAA;AAAA,MACrB,KAAA,EAAO,EAAE,KAAA,EAAO,MAAO,EAAA;AAAA,MACvB,KAAA,sCACG,GAAI,EAAA,EAAA,OAAA,EAAQ,QAAO,UAAW,EAAA,QAAA,EAAA,sCAC5B,UAAW,EAAA,IAAA,CAAA,sCACX,GAAI,EAAA,EAAA,EAAA,EAAI,GAAG,CACZ,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EAAA,EAAM,WAAY,CACxC,CAAA;AAAA,MAEF,OAAS,EAAA,gBAAA;AAAA,KAAA;AAAA,GACX,CAAA;AAEJ,EAAA;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,MAAA;AAAA,EACA,MAAA;AACF,CAGM,KAAA;AACJ,EAAM,MAAA,WAAA,GAAc,yBAAyB,MAAM,CAAA,CAAA;AACnD,EAAM,MAAA,QAAA,GAAW,sBAAsB,MAAM,CAAA,CAAA;AAC7C,EAAA,MAAM,CAAC,KAAO,EAAA,IAAI,KAAK,WAAe,IAAA,GAAA,EAAK,MAAM,GAAG,CAAA,CAAA;AACpD,EAAA,MAAM,CAAC,EAAE,IAAM,EAAA,GAAG,UAAW,EAAA,EAAG,EAAE,KAAA,EAAO,OAAS,EAAA,WAAA,EAAa,CAAA,GAC7D,eAAgB,CAAA;AAAA,IACd,QAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,GACD,CAAA,CAAA;AAEH,EAAA,MAAM,aAAa,QAAY,IAAA,YAAA,CAAA;AAC/B,EAAA,MAAM,SAAY,GAAA,CAAC,UAAW,CAAA,OAAA,IAAW,CAAC,IAAA,CAAA;AAE1C,EAAA,OAAO,SACL,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,KAAM,EAAA,kBAAA;AAAA,MACN,WAAY,EAAA,oJAAA;AAAA,MACZ,MACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,KAAM,EAAA,SAAA;AAAA,UACN,IAAM,EAAA,CAAA,QAAA,EAAW,UAAU,CAAA,CAAA,EAAI,WAAW,CAAA,YAAA,CAAA;AAAA,SAAA;AAAA,QAC3C,qBAAA;AAAA,OAED;AAAA,KAAA;AAAA,GAIJ,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,IAAA;AAAA,MACA,SAAS,UAAW,CAAA,OAAA;AAAA,MACpB,KAAA;AAAA,MACA,gBAAkB,EAAA,WAAA;AAAA,MAClB,YAAc,EAAA,OAAA;AAAA,KAAA;AAAA,GAChB,CAAA;AAEJ;;;;"}

package/dist/components/getHostnameFromEntity.esm.js

@@ -0,0 +1,10 @@
+import { ANNOTATION_SOURCE_LOCATION, ANNOTATION_LOCATION } from '@backstage/catalog-model';
+import gitUrlParse from 'git-url-parse';
+
+const getHostnameFromEntity = (entity) => {
+  const location = entity?.metadata.annotations?.[ANNOTATION_SOURCE_LOCATION] ?? entity?.metadata.annotations?.[ANNOTATION_LOCATION];
+  return location?.startsWith("url:") ? gitUrlParse(location.slice(4)).resource : void 0;
+};
+
+export { getHostnameFromEntity };
+//# sourceMappingURL=getHostnameFromEntity.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getHostnameFromEntity.esm.js","sources":["../../src/components/getHostnameFromEntity.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 {\n  ANNOTATION_LOCATION,\n  ANNOTATION_SOURCE_LOCATION,\n  Entity,\n} from '@backstage/catalog-model';\nimport gitUrlParse from 'git-url-parse';\n\nexport const getHostnameFromEntity = (entity: Entity) => {\n  const location =\n    entity?.metadata.annotations?.[ANNOTATION_SOURCE_LOCATION] ??\n    entity?.metadata.annotations?.[ANNOTATION_LOCATION];\n\n  return location?.startsWith('url:')\n    ? gitUrlParse(location.slice(4)).resource\n    : undefined;\n};\n"],"names":[],"mappings":";;;AAuBa,MAAA,qBAAA,GAAwB,CAAC,MAAmB,KAAA;AACvD,EAAM,MAAA,QAAA,GACJ,QAAQ,QAAS,CAAA,WAAA,GAAc,0BAA0B,CACzD,IAAA,MAAA,EAAQ,QAAS,CAAA,WAAA,GAAc,mBAAmB,CAAA,CAAA;AAEpD,EAAO,OAAA,QAAA,EAAU,UAAW,CAAA,MAAM,CAC9B,GAAA,WAAA,CAAY,SAAS,KAAM,CAAA,CAAC,CAAC,CAAA,CAAE,QAC/B,GAAA,KAAA,CAAA,CAAA;AACN;;;;"}

package/dist/components/getProjectNameFromEntity.esm.js

@@ -0,0 +1,5 @@
+const GITHUB_ACTIONS_ANNOTATION = "github.com/project-slug";
+const getProjectNameFromEntity = (entity) => entity?.metadata.annotations?.[GITHUB_ACTIONS_ANNOTATION] ?? "";
+
+export { GITHUB_ACTIONS_ANNOTATION, getProjectNameFromEntity };
+//# sourceMappingURL=getProjectNameFromEntity.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getProjectNameFromEntity.esm.js","sources":["../../src/components/getProjectNameFromEntity.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 { Entity } from '@backstage/catalog-model';\n\n/** @public */\nexport const GITHUB_ACTIONS_ANNOTATION = 'github.com/project-slug';\n\nexport const getProjectNameFromEntity = (entity: Entity) =>\n  entity?.metadata.annotations?.[GITHUB_ACTIONS_ANNOTATION] ?? '';\n"],"names":[],"mappings":"AAmBO,MAAM,yBAA4B,GAAA,0BAAA;AAElC,MAAM,2BAA2B,CAAC,MAAA,KACvC,QAAQ,QAAS,CAAA,WAAA,GAAc,yBAAyB,CAAK,IAAA;;;;"}

package/dist/components/useWorkflowRuns.esm.js

@@ -0,0 +1,122 @@
+import { useState } from 'react';
+import useAsyncRetry from 'react-use/esm/useAsyncRetry';
+import { githubActionsApiRef } from '../api/GithubActionsApi.esm.js';
+import { useApi, errorApiRef } from '@backstage/core-plugin-api';
+
+function useWorkflowRuns({
+  hostname,
+  owner,
+  repo,
+  branch,
+  initialPageSize = 6
+}) {
+  const api = useApi(githubActionsApiRef);
+  const errorApi = useApi(errorApiRef);
+  const [total, setTotal] = useState(0);
+  const [page, setPage] = useState(0);
+  const [pageSize, setPageSize] = useState(initialPageSize);
+  const [branches, setBranches] = useState([]);
+  const [defaultBranch, setDefaultBranch] = useState("");
+  const {
+    loading,
+    value: runs,
+    retry,
+    error
+  } = useAsyncRetry(async () => {
+    const fetchedDefaultBranch = await api.getDefaultBranch({
+      hostname,
+      owner,
+      repo
+    });
+    setDefaultBranch(fetchedDefaultBranch);
+    let selectedBranch = branch;
+    if (branch === "default") {
+      selectedBranch = fetchedDefaultBranch;
+    }
+    const fetchBranches = async () => {
+      let next = true;
+      let iteratePage = 0;
+      const branchSet2 = [];
+      while (next) {
+        const branchesData = await api.listBranches({
+          hostname,
+          owner,
+          repo,
+          page: iteratePage
+        });
+        if (branchesData.length === 0) {
+          next = false;
+        }
+        iteratePage++;
+        branchSet2.push(...branchesData);
+      }
+      return branchSet2;
+    };
+    const branchSet = await fetchBranches();
+    setBranches(branchSet);
+    const workflowRunsData = await api.listWorkflowRuns({
+      hostname,
+      owner,
+      repo,
+      pageSize,
+      page: page + 1,
+      branch: selectedBranch
+    });
+    setTotal(workflowRunsData.total_count);
+    return workflowRunsData.workflow_runs.map((run) => ({
+      workflowName: run.name ?? void 0,
+      message: run.head_commit?.message,
+      id: `${run.id}`,
+      onReRunClick: async () => {
+        try {
+          await api.reRunWorkflow({
+            hostname,
+            owner,
+            repo,
+            runId: run.id
+          });
+        } catch (e) {
+          errorApi.post(
+            new Error(`Failed to rerun the workflow: ${e.message}`)
+          );
+        }
+      },
+      source: {
+        branchName: run.head_branch ?? void 0,
+        commit: {
+          hash: run.head_commit?.id,
+          url: run.head_repository?.branches_url?.replace(
+            "{/branch}",
+            run.head_branch ?? ""
+          )
+        }
+      },
+      status: run.status ?? void 0,
+      conclusion: run.conclusion ?? void 0,
+      url: run.url,
+      githubUrl: run.html_url
+    }));
+  }, [page, pageSize, repo, owner]);
+  return [
+    {
+      page,
+      pageSize,
+      loading,
+      runs,
+      branches,
+      defaultBranch,
+      projectName: `${owner}/${repo}`,
+      total,
+      error
+    },
+    {
+      runs,
+      setPage,
+      setPageSize,
+      retry
+    }
+  ];
+}
+
+export { useWorkflowRuns };
+//# sourceMappingURL=useWorkflowRuns.esm.js.map