@backstage-community/plugin-code-coverage 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @backstage-community/plugin-code-coverage
 
+## 0.6.0
+
+### Minor Changes
+
+- e385ba7: Backstage version bump to v1.40.2
+
+## 0.5.1
+
+### Patch Changes
+
+- 4aad9f3: remove unused devDependency `canvas`
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/components/CodeCoveragePage/CodeCoveragePage.esm.js

@@ -1,10 +1,14 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { CoverageHistoryChart } from '../CoverageHistoryChart/CoverageHistoryChart.esm.js';
 import { FileExplorer } from '../FileExplorer/FileExplorer.esm.js';
 import { Page, Content, ContentHeader } from '@backstage/core-components';
 
 const CodeCoveragePage = () => {
-  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Code coverage" }), /* @__PURE__ */ React.createElement(CoverageHistoryChart, null), /* @__PURE__ */ React.createElement(FileExplorer, null)));
+  return /* @__PURE__ */ jsx(Page, { themeId: "tool", children: /* @__PURE__ */ jsxs(Content, { children: [
+    /* @__PURE__ */ jsx(ContentHeader, { title: "Code coverage" }),
+    /* @__PURE__ */ jsx(CoverageHistoryChart, {}),
+    /* @__PURE__ */ jsx(FileExplorer, {})
+  ] }) });
 };
 
 export { CodeCoveragePage };

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

@@ -1 +1 @@
-{"version":3,"file":"CodeCoveragePage.esm.js","sources":["../../../src/components/CodeCoveragePage/CodeCoveragePage.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 { CoverageHistoryChart } from '../CoverageHistoryChart';\nimport { FileExplorer } from '../FileExplorer';\nimport { Content, ContentHeader, Page } from '@backstage/core-components';\n\nexport const CodeCoveragePage = () => {\n  return (\n    <Page themeId=\"tool\">\n      <Content>\n        <ContentHeader title=\"Code coverage\" />\n        <CoverageHistoryChart />\n        <FileExplorer />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;AAoBO,MAAM,mBAAmB,MAAM;AACpC,EAAA,2CACG,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,+BACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAM,EAAA,eAAA,EAAgB,mBACpC,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAqB,mBACrB,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAa,CAChB,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CodeCoveragePage.esm.js","sources":["../../../src/components/CodeCoveragePage/CodeCoveragePage.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 { CoverageHistoryChart } from '../CoverageHistoryChart';\nimport { FileExplorer } from '../FileExplorer';\nimport { Content, ContentHeader, Page } from '@backstage/core-components';\n\nexport const CodeCoveragePage = () => {\n  return (\n    <Page themeId=\"tool\">\n      <Content>\n        <ContentHeader title=\"Code coverage\" />\n        <CoverageHistoryChart />\n        <FileExplorer />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,mBAAmB,MAAM;AACpC,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,MAAA,EACZ,+BAAC,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,aAAA,EAAA,EAAc,OAAM,eAAgB,EAAA,CAAA;AAAA,wBACpC,oBAAqB,EAAA,EAAA,CAAA;AAAA,wBACrB,YAAa,EAAA,EAAA;AAAA,GAAA,EAChB,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CoverageHistoryChart/CoverageHistoryChart.esm.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import Box from '@material-ui/core/Box';
 import Card from '@material-ui/core/Card';
@@ -9,7 +10,6 @@ import TrendingDownIcon from '@material-ui/icons/TrendingDown';
 import TrendingFlatIcon from '@material-ui/icons/TrendingFlat';
 import TrendingUpIcon from '@material-ui/icons/TrendingUp';
 import Alert from '@material-ui/lab/Alert';
-import React from 'react';
 import useAsync from 'react-use/esm/useAsync';
 import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line } from 'recharts';
 import { codeCoverageApiRef } from '../../api.esm.js';
@@ -28,12 +28,12 @@ const useStyles = makeStyles((theme) => ({
 const getTrendIcon = (trend, classes) => {
   switch (true) {
     case trend > 0:
-      return /* @__PURE__ */ React.createElement(TrendingUpIcon, { className: classes.trendUp });
+      return /* @__PURE__ */ jsx(TrendingUpIcon, { className: classes.trendUp });
     case trend < 0:
-      return /* @__PURE__ */ React.createElement(TrendingDownIcon, { className: classes.trendDown });
+      return /* @__PURE__ */ jsx(TrendingDownIcon, { className: classes.trendDown });
     case trend === 0:
     default:
-      return /* @__PURE__ */ React.createElement(TrendingFlatIcon, null);
+      return /* @__PURE__ */ jsx(TrendingFlatIcon, {});
   }
 };
 function formatDateToHuman(timeStamp) {
@@ -57,15 +57,18 @@ const CoverageHistoryChart = () => {
   );
   const classes = useStyles();
   if (loadingHistory) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (errorHistory) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error: errorHistory });
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error: errorHistory });
   } else if (!valueHistory) {
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "warning" }, "No history found.");
+    return /* @__PURE__ */ jsx(Alert, { severity: "warning", children: "No history found." });
   }
   if (!valueHistory.history.length) {
-    return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { title: "History" }), /* @__PURE__ */ React.createElement(CardContent, null, "No coverage history found"));
+    return /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { title: "History" }),
+      /* @__PURE__ */ jsx(CardContent, { children: "No coverage history found" })
+    ] });
   }
   const [oldestCoverage] = valueHistory.history.slice(-1);
   const latestCoverage = valueHistory.history[0];
@@ -77,35 +80,74 @@ const CoverageHistoryChart = () => {
   };
   const lineTrend = getTrendForCoverage("line");
   const branchTrend = getTrendForCoverage("branch");
-  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { title: "History" }), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Box, { px: 6, display: "flex" }, /* @__PURE__ */ React.createElement(Box, { display: "flex", mr: 4 }, getTrendIcon(lineTrend, classes), /* @__PURE__ */ React.createElement(Typography, null, "Current line: ", latestCoverage.line.percentage, "%", /* @__PURE__ */ React.createElement("br", null), "(", Math.floor(lineTrend), "% change over ", valueHistory.history.length, " ", "builds)")), /* @__PURE__ */ React.createElement(Box, { display: "flex" }, getTrendIcon(branchTrend, classes), /* @__PURE__ */ React.createElement(Typography, null, "Current branch: ", latestCoverage.branch.percentage, "%", /* @__PURE__ */ React.createElement("br", null), "(", Math.floor(branchTrend), "% change over", " ", valueHistory.history.length, " builds)"))), /* @__PURE__ */ React.createElement(ResponsiveContainer, { width: "100%", height: 300 }, /* @__PURE__ */ React.createElement(
-    LineChart,
-    {
-      data: valueHistory.history,
-      margin: { right: 48, top: 32 }
-    },
-    /* @__PURE__ */ React.createElement(CartesianGrid, { strokeDasharray: "3 3" }),
-    /* @__PURE__ */ React.createElement(
-      XAxis,
-      {
-        dataKey: "timestamp",
-        tickFormatter: formatDateToHuman,
-        reversed: true
-      }
-    ),
-    /* @__PURE__ */ React.createElement(YAxis, { dataKey: "line.percentage" }),
-    /* @__PURE__ */ React.createElement(YAxis, { dataKey: "branch.percentage" }),
-    /* @__PURE__ */ React.createElement(Tooltip, { labelFormatter: formatDateToHuman }),
-    /* @__PURE__ */ React.createElement(Legend, null),
-    /* @__PURE__ */ React.createElement(
-      Line,
-      {
-        type: "monotone",
-        dataKey: "branch.percentage",
-        stroke: "#8884d8"
-      }
-    ),
-    /* @__PURE__ */ React.createElement(Line, { type: "monotone", dataKey: "line.percentage", stroke: "#82ca9d" })
-  ))));
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { title: "History" }),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      /* @__PURE__ */ jsxs(Box, { px: 6, display: "flex", children: [
+        /* @__PURE__ */ jsxs(Box, { display: "flex", mr: 4, children: [
+          getTrendIcon(lineTrend, classes),
+          /* @__PURE__ */ jsxs(Typography, { children: [
+            "Current line: ",
+            latestCoverage.line.percentage,
+            "%",
+            /* @__PURE__ */ jsx("br", {}),
+            "(",
+            Math.floor(lineTrend),
+            "% change over ",
+            valueHistory.history.length,
+            " ",
+            "builds)"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { display: "flex", children: [
+          getTrendIcon(branchTrend, classes),
+          /* @__PURE__ */ jsxs(Typography, { children: [
+            "Current branch: ",
+            latestCoverage.branch.percentage,
+            "%",
+            /* @__PURE__ */ jsx("br", {}),
+            "(",
+            Math.floor(branchTrend),
+            "% change over",
+            " ",
+            valueHistory.history.length,
+            " builds)"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 300, children: /* @__PURE__ */ jsxs(
+        LineChart,
+        {
+          data: valueHistory.history,
+          margin: { right: 48, top: 32 },
+          children: [
+            /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3" }),
+            /* @__PURE__ */ jsx(
+              XAxis,
+              {
+                dataKey: "timestamp",
+                tickFormatter: formatDateToHuman,
+                reversed: true
+              }
+            ),
+            /* @__PURE__ */ jsx(YAxis, { dataKey: "line.percentage" }),
+            /* @__PURE__ */ jsx(YAxis, { dataKey: "branch.percentage" }),
+            /* @__PURE__ */ jsx(Tooltip, { labelFormatter: formatDateToHuman }),
+            /* @__PURE__ */ jsx(Legend, {}),
+            /* @__PURE__ */ jsx(
+              Line,
+              {
+                type: "monotone",
+                dataKey: "branch.percentage",
+                stroke: "#8884d8"
+              }
+            ),
+            /* @__PURE__ */ jsx(Line, { type: "monotone", dataKey: "line.percentage", stroke: "#82ca9d" })
+          ]
+        }
+      ) })
+    ] })
+  ] });
 };
 
 export { CoverageHistoryChart };

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

@@ -1 +1 @@
-{"version":3,"file":"CoverageHistoryChart.esm.js","sources":["../../../src/components/CoverageHistoryChart/CoverageHistoryChart.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 Box from '@material-ui/core/Box';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TrendingDownIcon from '@material-ui/icons/TrendingDown';\nimport TrendingFlatIcon from '@material-ui/icons/TrendingFlat';\nimport TrendingUpIcon from '@material-ui/icons/TrendingUp';\nimport Alert from '@material-ui/lab/Alert';\nimport { ClassNameMap } from '@material-ui/styles/withStyles';\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  CartesianGrid,\n  Legend,\n  Line,\n  LineChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { codeCoverageApiRef } from '../../api';\n\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { DateTime } from 'luxon';\n\ntype Coverage = 'line' | 'branch';\n\nconst useStyles = makeStyles(theme => ({\n  trendDown: {\n    color: theme.palette.status.warning,\n  },\n  trendUp: {\n    color: theme.palette.status.ok,\n  },\n}));\n\nconst getTrendIcon = (trend: number, classes: ClassNameMap) => {\n  switch (true) {\n    case trend > 0:\n      return <TrendingUpIcon className={classes.trendUp} />;\n    case trend < 0:\n      return <TrendingDownIcon className={classes.trendDown} />;\n    case trend === 0:\n    default:\n      return <TrendingFlatIcon />;\n  }\n};\n\n// convert timestamp to human friendly form\nfunction formatDateToHuman(timeStamp: string | number) {\n  return DateTime.fromMillis(Number(timeStamp)).toLocaleString(\n    DateTime.DATETIME_MED,\n  );\n}\n\nexport const CoverageHistoryChart = () => {\n  const { entity } = useEntity();\n  const codeCoverageApi = useApi(codeCoverageApiRef);\n  const {\n    loading: loadingHistory,\n    error: errorHistory,\n    value: valueHistory,\n  } = useAsync(\n    async () =>\n      await codeCoverageApi.getCoverageHistoryForEntity({\n        kind: entity.kind,\n        namespace: entity.metadata.namespace || 'default',\n        name: entity.metadata.name,\n      }),\n  );\n  const classes = useStyles();\n\n  if (loadingHistory) {\n    return <Progress />;\n  }\n  if (errorHistory) {\n    return <ResponseErrorPanel error={errorHistory} />;\n  } else if (!valueHistory) {\n    return <Alert severity=\"warning\">No history found.</Alert>;\n  }\n\n  if (!valueHistory.history.length) {\n    return (\n      <Card>\n        <CardHeader title=\"History\" />\n        <CardContent>No coverage history found</CardContent>\n      </Card>\n    );\n  }\n\n  const [oldestCoverage] = valueHistory.history.slice(-1);\n  const latestCoverage = valueHistory.history[0];\n\n  const getTrendForCoverage = (type: Coverage) => {\n    if (!oldestCoverage[type].percentage) {\n      return 0;\n    }\n    return (\n      ((latestCoverage[type].percentage - oldestCoverage[type].percentage) /\n        oldestCoverage[type].percentage) *\n      100\n    );\n  };\n\n  const lineTrend = getTrendForCoverage('line');\n  const branchTrend = getTrendForCoverage('branch');\n\n  return (\n    <Card>\n      <CardHeader title=\"History\" />\n      <CardContent>\n        <Box px={6} display=\"flex\">\n          <Box display=\"flex\" mr={4}>\n            {getTrendIcon(lineTrend, classes)}\n            <Typography>\n              Current line: {latestCoverage.line.percentage}%<br />(\n              {Math.floor(lineTrend)}% change over {valueHistory.history.length}{' '}\n              builds)\n            </Typography>\n          </Box>\n          <Box display=\"flex\">\n            {getTrendIcon(branchTrend, classes)}\n            <Typography>\n              Current branch: {latestCoverage.branch.percentage}%<br />(\n              {Math.floor(branchTrend)}% change over{' '}\n              {valueHistory.history.length} builds)\n            </Typography>\n          </Box>\n        </Box>\n        <ResponsiveContainer width=\"100%\" height={300}>\n          <LineChart\n            data={valueHistory.history}\n            margin={{ right: 48, top: 32 }}\n          >\n            <CartesianGrid strokeDasharray=\"3 3\" />\n            <XAxis\n              dataKey=\"timestamp\"\n              tickFormatter={formatDateToHuman}\n              reversed\n            />\n            <YAxis dataKey=\"line.percentage\" />\n            <YAxis dataKey=\"branch.percentage\" />\n            <Tooltip labelFormatter={formatDateToHuman} />\n            <Legend />\n            <Line\n              type=\"monotone\"\n              dataKey=\"branch.percentage\"\n              stroke=\"#8884d8\"\n            />\n            <Line type=\"monotone\" dataKey=\"line.percentage\" stroke=\"#82ca9d\" />\n          </LineChart>\n        </ResponsiveContainer>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAiDA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,SAAW,EAAA;AAAA,IACT,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA;AAAA,GAC9B;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA;AAAA;AAEhC,CAAE,CAAA,CAAA;AAEF,MAAM,YAAA,GAAe,CAAC,KAAA,EAAe,OAA0B,KAAA;AAC7D,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,KAAQ,GAAA,CAAA;AACX,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,SAAW,EAAA,OAAA,CAAQ,OAAS,EAAA,CAAA;AAAA,IACrD,KAAK,KAAQ,GAAA,CAAA;AACX,MAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,SAAW,EAAA,OAAA,CAAQ,SAAW,EAAA,CAAA;AAAA,IACzD,KAAK,KAAU,KAAA,CAAA;AAAA,IACf;AACE,MAAA,2CAAQ,gBAAiB,EAAA,IAAA,CAAA;AAAA;AAE/B,CAAA;AAGA,SAAS,kBAAkB,SAA4B,EAAA;AACrD,EAAA,OAAO,QAAS,CAAA,UAAA,CAAW,MAAO,CAAA,SAAS,CAAC,CAAE,CAAA,cAAA;AAAA,IAC5C,QAAS,CAAA;AAAA,GACX;AACF;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAM,MAAA,eAAA,GAAkB,OAAO,kBAAkB,CAAA;AACjD,EAAM,MAAA;AAAA,IACJ,OAAS,EAAA,cAAA;AAAA,IACT,KAAO,EAAA,YAAA;AAAA,IACP,KAAO,EAAA;AAAA,GACL,GAAA,QAAA;AAAA,IACF,YACE,MAAM,eAAA,CAAgB,2BAA4B,CAAA;AAAA,MAChD,MAAM,MAAO,CAAA,IAAA;AAAA,MACb,SAAA,EAAW,MAAO,CAAA,QAAA,CAAS,SAAa,IAAA,SAAA;AAAA,MACxC,IAAA,EAAM,OAAO,QAAS,CAAA;AAAA,KACvB;AAAA,GACL;AACA,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,IAAI,cAAgB,EAAA;AAClB,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA;AAAA;AAEnB,EAAA,IAAI,YAAc,EAAA;AAChB,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,KAAA,EAAO,YAAc,EAAA,CAAA;AAAA,GAClD,MAAA,IAAW,CAAC,YAAc,EAAA;AACxB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,SAAA,EAAA,EAAU,mBAAiB,CAAA;AAAA;AAGpD,EAAI,IAAA,CAAC,YAAa,CAAA,OAAA,CAAQ,MAAQ,EAAA;AAChC,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAM,WAAU,CAC5B,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,IAAA,EAAA,2BAAyB,CACxC,CAAA;AAAA;AAIJ,EAAA,MAAM,CAAC,cAAc,CAAA,GAAI,YAAa,CAAA,OAAA,CAAQ,MAAM,EAAE,CAAA;AACtD,EAAM,MAAA,cAAA,GAAiB,YAAa,CAAA,OAAA,CAAQ,CAAC,CAAA;AAE7C,EAAM,MAAA,mBAAA,GAAsB,CAAC,IAAmB,KAAA;AAC9C,IAAA,IAAI,CAAC,cAAA,CAAe,IAAI,CAAA,CAAE,UAAY,EAAA;AACpC,MAAO,OAAA,CAAA;AAAA;AAET,IACI,OAAA,CAAA,cAAA,CAAe,IAAI,CAAA,CAAE,UAAa,GAAA,cAAA,CAAe,IAAI,CAAA,CAAE,UACvD,IAAA,cAAA,CAAe,IAAI,CAAA,CAAE,UACvB,GAAA,GAAA;AAAA,GAEJ;AAEA,EAAM,MAAA,SAAA,GAAY,oBAAoB,MAAM,CAAA;AAC5C,EAAM,MAAA,WAAA,GAAc,oBAAoB,QAAQ,CAAA;AAEhD,EAAA,2CACG,IACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,KAAM,EAAA,SAAA,EAAU,mBAC3B,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,IAAI,CAAG,EAAA,OAAA,EAAQ,0BACjB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAQ,MAAO,EAAA,EAAA,EAAI,CACrB,EAAA,EAAA,YAAA,CAAa,WAAW,OAAO,CAAA,sCAC/B,UAAW,EAAA,IAAA,EAAA,gBAAA,EACK,eAAe,IAAK,CAAA,UAAA,EAAW,GAAC,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAG,CAAE,EAAA,GAAA,EACpD,KAAK,KAAM,CAAA,SAAS,GAAE,gBAAe,EAAA,YAAA,CAAa,OAAQ,CAAA,MAAA,EAAQ,KAAI,SAEzE,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAQ,MACV,EAAA,EAAA,YAAA,CAAa,WAAa,EAAA,OAAO,mBACjC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA,EAAW,oBACO,cAAe,CAAA,MAAA,CAAO,YAAW,GAAC,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,CAAA,EAAE,KACxD,IAAK,CAAA,KAAA,CAAM,WAAW,CAAE,EAAA,eAAA,EAAc,KACtC,YAAa,CAAA,OAAA,CAAQ,QAAO,UAC/B,CACF,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAoB,KAAM,EAAA,MAAA,EAAO,QAAQ,GACxC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,MAAM,YAAa,CAAA,OAAA;AAAA,MACnB,MAAQ,EAAA,EAAE,KAAO,EAAA,EAAA,EAAI,KAAK,EAAG;AAAA,KAAA;AAAA,oBAE7B,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,eAAA,EAAgB,KAAM,EAAA,CAAA;AAAA,oBACrC,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,aAAe,EAAA,iBAAA;AAAA,QACf,QAAQ,EAAA;AAAA;AAAA,KACV;AAAA,oBACA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,OAAA,EAAQ,iBAAkB,EAAA,CAAA;AAAA,oBACjC,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,OAAA,EAAQ,mBAAoB,EAAA,CAAA;AAAA,oBACnC,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,cAAA,EAAgB,iBAAmB,EAAA,CAAA;AAAA,wCAC3C,MAAO,EAAA,IAAA,CAAA;AAAA,oBACR,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,UAAA;AAAA,QACL,OAAQ,EAAA,mBAAA;AAAA,QACR,MAAO,EAAA;AAAA;AAAA,KACT;AAAA,wCACC,IAAK,EAAA,EAAA,IAAA,EAAK,YAAW,OAAQ,EAAA,iBAAA,EAAkB,QAAO,SAAU,EAAA;AAAA,GAErE,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CoverageHistoryChart.esm.js","sources":["../../../src/components/CoverageHistoryChart/CoverageHistoryChart.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 Box from '@material-ui/core/Box';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardHeader from '@material-ui/core/CardHeader';\nimport Typography from '@material-ui/core/Typography';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TrendingDownIcon from '@material-ui/icons/TrendingDown';\nimport TrendingFlatIcon from '@material-ui/icons/TrendingFlat';\nimport TrendingUpIcon from '@material-ui/icons/TrendingUp';\nimport Alert from '@material-ui/lab/Alert';\nimport { ClassNameMap } from '@material-ui/styles/withStyles';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  CartesianGrid,\n  Legend,\n  Line,\n  LineChart,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { codeCoverageApiRef } from '../../api';\n\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { DateTime } from 'luxon';\n\ntype Coverage = 'line' | 'branch';\n\nconst useStyles = makeStyles(theme => ({\n  trendDown: {\n    color: theme.palette.status.warning,\n  },\n  trendUp: {\n    color: theme.palette.status.ok,\n  },\n}));\n\nconst getTrendIcon = (trend: number, classes: ClassNameMap) => {\n  switch (true) {\n    case trend > 0:\n      return <TrendingUpIcon className={classes.trendUp} />;\n    case trend < 0:\n      return <TrendingDownIcon className={classes.trendDown} />;\n    case trend === 0:\n    default:\n      return <TrendingFlatIcon />;\n  }\n};\n\n// convert timestamp to human friendly form\nfunction formatDateToHuman(timeStamp: string | number) {\n  return DateTime.fromMillis(Number(timeStamp)).toLocaleString(\n    DateTime.DATETIME_MED,\n  );\n}\n\nexport const CoverageHistoryChart = () => {\n  const { entity } = useEntity();\n  const codeCoverageApi = useApi(codeCoverageApiRef);\n  const {\n    loading: loadingHistory,\n    error: errorHistory,\n    value: valueHistory,\n  } = useAsync(\n    async () =>\n      await codeCoverageApi.getCoverageHistoryForEntity({\n        kind: entity.kind,\n        namespace: entity.metadata.namespace || 'default',\n        name: entity.metadata.name,\n      }),\n  );\n  const classes = useStyles();\n\n  if (loadingHistory) {\n    return <Progress />;\n  }\n  if (errorHistory) {\n    return <ResponseErrorPanel error={errorHistory} />;\n  } else if (!valueHistory) {\n    return <Alert severity=\"warning\">No history found.</Alert>;\n  }\n\n  if (!valueHistory.history.length) {\n    return (\n      <Card>\n        <CardHeader title=\"History\" />\n        <CardContent>No coverage history found</CardContent>\n      </Card>\n    );\n  }\n\n  const [oldestCoverage] = valueHistory.history.slice(-1);\n  const latestCoverage = valueHistory.history[0];\n\n  const getTrendForCoverage = (type: Coverage) => {\n    if (!oldestCoverage[type].percentage) {\n      return 0;\n    }\n    return (\n      ((latestCoverage[type].percentage - oldestCoverage[type].percentage) /\n        oldestCoverage[type].percentage) *\n      100\n    );\n  };\n\n  const lineTrend = getTrendForCoverage('line');\n  const branchTrend = getTrendForCoverage('branch');\n\n  return (\n    <Card>\n      <CardHeader title=\"History\" />\n      <CardContent>\n        <Box px={6} display=\"flex\">\n          <Box display=\"flex\" mr={4}>\n            {getTrendIcon(lineTrend, classes)}\n            <Typography>\n              Current line: {latestCoverage.line.percentage}%<br />(\n              {Math.floor(lineTrend)}% change over {valueHistory.history.length}{' '}\n              builds)\n            </Typography>\n          </Box>\n          <Box display=\"flex\">\n            {getTrendIcon(branchTrend, classes)}\n            <Typography>\n              Current branch: {latestCoverage.branch.percentage}%<br />(\n              {Math.floor(branchTrend)}% change over{' '}\n              {valueHistory.history.length} builds)\n            </Typography>\n          </Box>\n        </Box>\n        <ResponsiveContainer width=\"100%\" height={300}>\n          <LineChart\n            data={valueHistory.history}\n            margin={{ right: 48, top: 32 }}\n          >\n            <CartesianGrid strokeDasharray=\"3 3\" />\n            <XAxis\n              dataKey=\"timestamp\"\n              tickFormatter={formatDateToHuman}\n              reversed\n            />\n            <YAxis dataKey=\"line.percentage\" />\n            <YAxis dataKey=\"branch.percentage\" />\n            <Tooltip labelFormatter={formatDateToHuman} />\n            <Legend />\n            <Line\n              type=\"monotone\"\n              dataKey=\"branch.percentage\"\n              stroke=\"#8884d8\"\n            />\n            <Line type=\"monotone\" dataKey=\"line.percentage\" stroke=\"#82ca9d\" />\n          </LineChart>\n        </ResponsiveContainer>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FileExplorer/CodeRow.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core/styles';
 
 const useStyles = makeStyles((theme) => ({
@@ -63,15 +63,19 @@ const CodeRow = ({
       hitCountRoundedRectangleClass.push(classes.notHitCountRoundedRectangle);
       lineContentClass.push(classes.notHitCodeLine);
     }
-    hitRoundedRectangle = /* @__PURE__ */ React.createElement("div", { className: hitCountRoundedRectangleClass.join(" ") }, lineHits);
+    hitRoundedRectangle = /* @__PURE__ */ jsx("div", { className: hitCountRoundedRectangleClass.join(" "), children: lineHits });
   }
-  return /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { className: classes.lineNumberCell }, lineNumber), /* @__PURE__ */ React.createElement("td", { className: classes.hitCountCell }, hitRoundedRectangle), /* @__PURE__ */ React.createElement(
-    "td",
-    {
-      className: lineContentClass.join(" "),
-      dangerouslySetInnerHTML: { __html: lineContent }
-    }
-  ));
+  return /* @__PURE__ */ jsxs("tr", { children: [
+    /* @__PURE__ */ jsx("td", { className: classes.lineNumberCell, children: lineNumber }),
+    /* @__PURE__ */ jsx("td", { className: classes.hitCountCell, children: hitRoundedRectangle }),
+    /* @__PURE__ */ jsx(
+      "td",
+      {
+        className: lineContentClass.join(" "),
+        dangerouslySetInnerHTML: { __html: lineContent }
+      }
+    )
+  ] });
 };
 
 export { CodeRow };

package/dist/components/FileExplorer/CodeRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeRow.esm.js","sources":["../../../src/components/FileExplorer/CodeRow.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(theme => ({\n  lineNumberCell: {\n    color: `${theme.palette.grey[500]}`,\n    fontSize: '90%',\n    borderRight: `1px solid ${theme.palette.grey[500]}`,\n    paddingRight: theme.spacing(1),\n    textAlign: 'right',\n  },\n  hitCountCell: {\n    width: '50px',\n    borderRight: `1px solid ${theme.palette.grey[500]}`,\n    textAlign: 'center',\n    color: theme.palette.common.white, // need to enforce this color since it needs to stand out against colored background\n    paddingLeft: theme.spacing(1),\n    paddingRight: theme.spacing(1),\n  },\n  countRoundedRectangle: {\n    borderRadius: '45px',\n    fontSize: '90%',\n    padding: '1px 3px 1px 3px',\n    width: '50px',\n  },\n  hitCountRoundedRectangle: {\n    backgroundColor: `${theme.palette.success.main}`,\n    color: `${theme.palette.success.contrastText}`,\n  },\n  notHitCountRoundedRectangle: {\n    backgroundColor: `${theme.palette.error.main}`,\n    color: `${theme.palette.error.contrastText}`,\n  },\n  codeLine: {\n    paddingLeft: `${theme.spacing(1)}`,\n    whiteSpace: 'pre',\n    fontSize: '90%',\n  },\n  hitCodeLine: {\n    backgroundColor: `${theme.palette.success.main}`,\n    color: `${theme.palette.success.contrastText}`,\n  },\n  notHitCodeLine: {\n    backgroundColor: `${theme.palette.error.main}`,\n    color: `${theme.palette.error.contrastText}`,\n  },\n}));\n\ntype CodeRowProps = {\n  lineNumber: number;\n  lineContent: string;\n  lineHits?: number | null;\n};\n\nexport const CodeRow = ({\n  lineNumber,\n  lineContent,\n  lineHits = null,\n}: CodeRowProps) => {\n  const classes = useStyles();\n  const hitCountRoundedRectangleClass = [classes.countRoundedRectangle];\n  const lineContentClass = [classes.codeLine];\n\n  let hitRoundedRectangle = null;\n  if (lineHits !== null) {\n    if (lineHits > 0) {\n      hitCountRoundedRectangleClass.push(classes.hitCountRoundedRectangle);\n      lineContentClass.push(classes.hitCodeLine);\n    } else {\n      hitCountRoundedRectangleClass.push(classes.notHitCountRoundedRectangle);\n      lineContentClass.push(classes.notHitCodeLine);\n    }\n    hitRoundedRectangle = (\n      <div className={hitCountRoundedRectangleClass.join(' ')}>{lineHits}</div>\n    );\n  }\n\n  return (\n    <tr>\n      <td className={classes.lineNumberCell}>{lineNumber}</td>\n      <td className={classes.hitCountCell}>{hitRoundedRectangle}</td>\n      <td\n        className={lineContentClass.join(' ')}\n        dangerouslySetInnerHTML={{ __html: lineContent }}\n      />\n    </tr>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CodeRow.esm.js","sources":["../../../src/components/FileExplorer/CodeRow.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles(theme => ({\n  lineNumberCell: {\n    color: `${theme.palette.grey[500]}`,\n    fontSize: '90%',\n    borderRight: `1px solid ${theme.palette.grey[500]}`,\n    paddingRight: theme.spacing(1),\n    textAlign: 'right',\n  },\n  hitCountCell: {\n    width: '50px',\n    borderRight: `1px solid ${theme.palette.grey[500]}`,\n    textAlign: 'center',\n    color: theme.palette.common.white, // need to enforce this color since it needs to stand out against colored background\n    paddingLeft: theme.spacing(1),\n    paddingRight: theme.spacing(1),\n  },\n  countRoundedRectangle: {\n    borderRadius: '45px',\n    fontSize: '90%',\n    padding: '1px 3px 1px 3px',\n    width: '50px',\n  },\n  hitCountRoundedRectangle: {\n    backgroundColor: `${theme.palette.success.main}`,\n    color: `${theme.palette.success.contrastText}`,\n  },\n  notHitCountRoundedRectangle: {\n    backgroundColor: `${theme.palette.error.main}`,\n    color: `${theme.palette.error.contrastText}`,\n  },\n  codeLine: {\n    paddingLeft: `${theme.spacing(1)}`,\n    whiteSpace: 'pre',\n    fontSize: '90%',\n  },\n  hitCodeLine: {\n    backgroundColor: `${theme.palette.success.main}`,\n    color: `${theme.palette.success.contrastText}`,\n  },\n  notHitCodeLine: {\n    backgroundColor: `${theme.palette.error.main}`,\n    color: `${theme.palette.error.contrastText}`,\n  },\n}));\n\ntype CodeRowProps = {\n  lineNumber: number;\n  lineContent: string;\n  lineHits?: number | null;\n};\n\nexport const CodeRow = ({\n  lineNumber,\n  lineContent,\n  lineHits = null,\n}: CodeRowProps) => {\n  const classes = useStyles();\n  const hitCountRoundedRectangleClass = [classes.countRoundedRectangle];\n  const lineContentClass = [classes.codeLine];\n\n  let hitRoundedRectangle = null;\n  if (lineHits !== null) {\n    if (lineHits > 0) {\n      hitCountRoundedRectangleClass.push(classes.hitCountRoundedRectangle);\n      lineContentClass.push(classes.hitCodeLine);\n    } else {\n      hitCountRoundedRectangleClass.push(classes.notHitCountRoundedRectangle);\n      lineContentClass.push(classes.notHitCodeLine);\n    }\n    hitRoundedRectangle = (\n      <div className={hitCountRoundedRectangleClass.join(' ')}>{lineHits}</div>\n    );\n  }\n\n  return (\n    <tr>\n      <td className={classes.lineNumberCell}>{lineNumber}</td>\n      <td className={classes.hitCountCell}>{hitRoundedRectangle}</td>\n      <td\n        className={lineContentClass.join(' ')}\n        dangerouslySetInnerHTML={{ __html: lineContent }}\n      />\n    </tr>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FileExplorer/FileContent.esm.js

@@ -1,8 +1,8 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import Paper from '@material-ui/core/Paper';
 import { makeStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
-import React from 'react';
 import useAsync from 'react-use/esm/useAsync';
 import { codeCoverageApiRef } from '../../api.esm.js';
 import { CodeRow } from './CodeRow.esm.js';
@@ -30,18 +30,18 @@ const FormattedLines = ({
   highlightedLines,
   lineHits
 }) => {
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, highlightedLines.map((lineContent, idx) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: highlightedLines.map((lineContent, idx) => {
     const line = idx + 1;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       CodeRow,
       {
-        key: line,
         lineNumber: line,
         lineContent,
         lineHits: lineHits[line]
-      }
+      },
+      line
     );
-  }));
+  }) });
 };
 const FileContent = ({ filename, coverage }) => {
   const { entity } = useEntity();
@@ -59,13 +59,16 @@ const FileContent = ({ filename, coverage }) => {
   );
   const classes = useStyles();
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
   }
   if (!value) {
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "warning" }, "Unable to retrieve file content for ", filename);
+    return /* @__PURE__ */ jsxs(Alert, { severity: "warning", children: [
+      "Unable to retrieve file content for ",
+      filename
+    ] });
   }
   const [language] = filename.split(".").slice(-1);
   const highlightedLines = highlightLines(language, value.split("\n"));
@@ -76,13 +79,13 @@ const FileContent = ({ filename, coverage }) => {
     },
     {}
   );
-  return /* @__PURE__ */ React.createElement(Paper, { variant: "outlined", className: classes.paper }, /* @__PURE__ */ React.createElement("table", { className: classes.coverageFileViewTable }, /* @__PURE__ */ React.createElement("tbody", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Paper, { variant: "outlined", className: classes.paper, children: /* @__PURE__ */ jsx("table", { className: classes.coverageFileViewTable, children: /* @__PURE__ */ jsx("tbody", { children: /* @__PURE__ */ jsx(
     FormattedLines,
     {
       highlightedLines,
       lineHits
     }
-  ))));
+  ) }) }) });
 };
 
 export { FileContent };

package/dist/components/FileExplorer/FileContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileContent.esm.js","sources":["../../../src/components/FileExplorer/FileContent.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 Paper from '@material-ui/core/Paper';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Alert from '@material-ui/lab/Alert';\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { codeCoverageApiRef } from '../../api';\nimport { FileEntry } from '../../types';\nimport { CodeRow } from './CodeRow';\nimport { highlightLines } from './Highlighter';\n\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\ntype Props = {\n  filename: string;\n  coverage: FileEntry;\n};\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    margin: 'auto',\n    top: '2em',\n    width: '80%',\n    border: `2px solid ${theme.palette.common.black}`,\n    boxShadow: theme.shadows[5],\n    padding: theme.spacing(2, 4, 3),\n    overflow: 'scroll',\n  },\n  coverageFileViewTable: {\n    borderSpacing: '0px',\n    width: '80%',\n    marginTop: theme.spacing(2),\n  },\n}));\n\ntype FormattedLinesProps = {\n  highlightedLines: string[];\n  lineHits: Record<number, number>;\n};\nconst FormattedLines = ({\n  highlightedLines,\n  lineHits,\n}: FormattedLinesProps) => {\n  return (\n    <>\n      {highlightedLines.map((lineContent, idx) => {\n        const line = idx + 1;\n        return (\n          <CodeRow\n            key={line}\n            lineNumber={line}\n            lineContent={lineContent}\n            lineHits={lineHits[line]}\n          />\n        );\n      })}\n    </>\n  );\n};\n\nexport const FileContent = ({ filename, coverage }: Props) => {\n  const { entity } = useEntity();\n  const codeCoverageApi = useApi(codeCoverageApiRef);\n  const { loading, error, value } = useAsync(\n    async () =>\n      await codeCoverageApi.getFileContentFromEntity(\n        {\n          kind: entity.kind,\n          namespace: entity.metadata.namespace || 'default',\n          name: entity.metadata.name,\n        },\n        filename,\n      ),\n    [entity],\n  );\n\n  const classes = useStyles();\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n  if (!value) {\n    return (\n      <Alert severity=\"warning\">\n        Unable to retrieve file content for {filename}\n      </Alert>\n    );\n  }\n\n  const [language] = filename.split('.').slice(-1);\n  const highlightedLines = highlightLines(language, value.split('\\n'));\n\n  // List of formatted nodes containing highlighted code\n  // lineHits array where lineHits[i] is number of hits for line i + 1\n  const lineHits = Object.entries(coverage.lineHits).reduce(\n    (acc: Record<string, number>, next: [string, number]) => {\n      acc[next[0]] = next[1];\n      return acc;\n    },\n    {},\n  );\n\n  return (\n    <Paper variant=\"outlined\" className={classes.paper}>\n      <table className={classes.coverageFileViewTable}>\n        <tbody>\n          <FormattedLines\n            highlightedLines={highlightedLines}\n            lineHits={lineHits}\n          />\n        </tbody>\n      </table>\n    </Paper>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileContent.esm.js","sources":["../../../src/components/FileExplorer/FileContent.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 Paper from '@material-ui/core/Paper';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Alert from '@material-ui/lab/Alert';\nimport useAsync from 'react-use/esm/useAsync';\nimport { codeCoverageApiRef } from '../../api';\nimport { FileEntry } from '../../types';\nimport { CodeRow } from './CodeRow';\nimport { highlightLines } from './Highlighter';\n\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\ntype Props = {\n  filename: string;\n  coverage: FileEntry;\n};\n\nconst useStyles = makeStyles(theme => ({\n  paper: {\n    margin: 'auto',\n    top: '2em',\n    width: '80%',\n    border: `2px solid ${theme.palette.common.black}`,\n    boxShadow: theme.shadows[5],\n    padding: theme.spacing(2, 4, 3),\n    overflow: 'scroll',\n  },\n  coverageFileViewTable: {\n    borderSpacing: '0px',\n    width: '80%',\n    marginTop: theme.spacing(2),\n  },\n}));\n\ntype FormattedLinesProps = {\n  highlightedLines: string[];\n  lineHits: Record<number, number>;\n};\nconst FormattedLines = ({\n  highlightedLines,\n  lineHits,\n}: FormattedLinesProps) => {\n  return (\n    <>\n      {highlightedLines.map((lineContent, idx) => {\n        const line = idx + 1;\n        return (\n          <CodeRow\n            key={line}\n            lineNumber={line}\n            lineContent={lineContent}\n            lineHits={lineHits[line]}\n          />\n        );\n      })}\n    </>\n  );\n};\n\nexport const FileContent = ({ filename, coverage }: Props) => {\n  const { entity } = useEntity();\n  const codeCoverageApi = useApi(codeCoverageApiRef);\n  const { loading, error, value } = useAsync(\n    async () =>\n      await codeCoverageApi.getFileContentFromEntity(\n        {\n          kind: entity.kind,\n          namespace: entity.metadata.namespace || 'default',\n          name: entity.metadata.name,\n        },\n        filename,\n      ),\n    [entity],\n  );\n\n  const classes = useStyles();\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n  if (!value) {\n    return (\n      <Alert severity=\"warning\">\n        Unable to retrieve file content for {filename}\n      </Alert>\n    );\n  }\n\n  const [language] = filename.split('.').slice(-1);\n  const highlightedLines = highlightLines(language, value.split('\\n'));\n\n  // List of formatted nodes containing highlighted code\n  // lineHits array where lineHits[i] is number of hits for line i + 1\n  const lineHits = Object.entries(coverage.lineHits).reduce(\n    (acc: Record<string, number>, next: [string, number]) => {\n      acc[next[0]] = next[1];\n      return acc;\n    },\n    {},\n  );\n\n  return (\n    <Paper variant=\"outlined\" className={classes.paper}>\n      <table className={classes.coverageFileViewTable}>\n        <tbody>\n          <FormattedLines\n            highlightedLines={highlightedLines}\n            lineHits={lineHits}\n          />\n        </tbody>\n      </table>\n    </Paper>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FileExplorer/FileExplorer.esm.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEntity, humanizeEntityRef } from '@backstage/plugin-catalog-react';
 import Box from '@material-ui/core/Box';
 import Modal from '@material-ui/core/Modal';
@@ -5,7 +6,7 @@ import { makeStyles } from '@material-ui/core/styles';
 import FolderIcon from '@material-ui/icons/Folder';
 import FileOutlinedIcon from '@material-ui/icons/InsertDriveFileOutlined';
 import Alert from '@material-ui/lab/Alert';
-import React, { useState, useEffect, Fragment } from 'react';
+import { useState, useEffect, Fragment as Fragment$1 } from 'react';
 import useAsync from 'react-use/esm/useAsync';
 import { codeCoverageApiRef } from '../../api.esm.js';
 import { FileContent } from './FileContent.esm.js';
@@ -120,12 +121,15 @@ const FileExplorer = () => {
     if (data.files) setTableData(data.files);
   }, [value]);
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   } else if (error) {
-    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
   }
   if (!value) {
-    return /* @__PURE__ */ React.createElement(Alert, { severity: "warning" }, "No code coverage found for ", humanizeEntityRef(entity));
+    return /* @__PURE__ */ jsxs(Alert, { severity: "warning", children: [
+      "No code coverage found for ",
+      humanizeEntityRef(entity)
+    ] });
   }
   const moveDownIntoPath = (path) => {
     const nextPathData = tableData.find(
@@ -146,7 +150,7 @@ const FileExplorer = () => {
       title: "Path",
       type: "string",
       field: "path",
-      render: (row) => /* @__PURE__ */ React.createElement(
+      render: (row) => /* @__PURE__ */ jsxs(
         Box,
         {
           display: "flex",
@@ -162,11 +166,13 @@ const FileExplorer = () => {
               setCurFile(`${curPath.slice(1)}/${row.path}`);
               setModalOpen(true);
             }
-          }
-        },
-        row.files?.length > 0 && /* @__PURE__ */ React.createElement(FolderIcon, { fontSize: "small", className: styles.icon }),
-        row.files?.length === 0 && /* @__PURE__ */ React.createElement(FileOutlinedIcon, { fontSize: "small", className: styles.icon }),
-        row.path
+          },
+          children: [
+            row.files?.length > 0 && /* @__PURE__ */ jsx(FolderIcon, { fontSize: "small", className: styles.icon }),
+            row.files?.length === 0 && /* @__PURE__ */ jsx(FileOutlinedIcon, { fontSize: "small", className: styles.icon }),
+            row.path
+          ]
+        }
       )
     },
     {
@@ -194,45 +200,54 @@ const FileExplorer = () => {
   if (!fileCoverage) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Box, { className: styles.container }, /* @__PURE__ */ React.createElement(
-    Table,
-    {
-      emptyContent: /* @__PURE__ */ React.createElement(React.Fragment, null, "No files found"),
-      data: tableData || [],
-      columns,
-      title: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, null, "Explore Files"), /* @__PURE__ */ React.createElement(
-        Box,
-        {
-          mt: 1,
-          style: {
-            fontSize: "0.875rem",
-            fontWeight: "normal",
-            display: "flex"
-          }
-        },
-        pathArray.map((pathElement, idx) => /* @__PURE__ */ React.createElement(Fragment, { key: pathElement || "root" }, /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            role: "button",
-            tabIndex: idx,
-            className: idx !== lastPathElementIndex ? styles.link : undefined,
-            onKeyDown: () => moveUpIntoPath(idx),
-            onClick: () => moveUpIntoPath(idx)
-          },
-          pathElement || "root"
-        ), idx !== lastPathElementIndex && /* @__PURE__ */ React.createElement("div", null, "\xA0/\xA0")))
-      ))
-    }
-  ), /* @__PURE__ */ React.createElement(
-    Modal,
-    {
-      open: modalOpen,
-      onClick: (event) => event.stopPropagation(),
-      onClose: () => setModalOpen(false),
-      style: { overflow: "scroll" }
-    },
-    /* @__PURE__ */ React.createElement(FileContent, { filename: curFile, coverage: fileCoverage })
-  ));
+  return /* @__PURE__ */ jsxs(Box, { className: styles.container, children: [
+    /* @__PURE__ */ jsx(
+      Table,
+      {
+        emptyContent: /* @__PURE__ */ jsx(Fragment, { children: "No files found" }),
+        data: tableData || [],
+        columns,
+        title: /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Box, { children: "Explore Files" }),
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              mt: 1,
+              style: {
+                fontSize: "0.875rem",
+                fontWeight: "normal",
+                display: "flex"
+              },
+              children: pathArray.map((pathElement, idx) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "button",
+                    tabIndex: idx,
+                    className: idx !== lastPathElementIndex ? styles.link : undefined,
+                    onKeyDown: () => moveUpIntoPath(idx),
+                    onClick: () => moveUpIntoPath(idx),
+                    children: pathElement || "root"
+                  }
+                ),
+                idx !== lastPathElementIndex && /* @__PURE__ */ jsx("div", { children: "\xA0/\xA0" })
+              ] }, pathElement || "root"))
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        open: modalOpen,
+        onClick: (event) => event.stopPropagation(),
+        onClose: () => setModalOpen(false),
+        style: { overflow: "scroll" },
+        children: /* @__PURE__ */ jsx(FileContent, { filename: curFile, coverage: fileCoverage })
+      }
+    )
+  ] });
 };
 
 export { FileExplorer, buildFileStructure, getObjectsAtPath, groupByPath };

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorer.esm.js","sources":["../../../src/components/FileExplorer/FileExplorer.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 { humanizeEntityRef, useEntity } from '@backstage/plugin-catalog-react';\nimport Box from '@material-ui/core/Box';\nimport Modal from '@material-ui/core/Modal';\nimport { makeStyles } from '@material-ui/core/styles';\nimport FolderIcon from '@material-ui/icons/Folder';\nimport FileOutlinedIcon from '@material-ui/icons/InsertDriveFileOutlined';\nimport Alert from '@material-ui/lab/Alert';\nimport React, { Fragment, useEffect, useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { codeCoverageApiRef } from '../../api';\nimport { FileEntry } from '../../types';\nimport { FileContent } from './FileContent';\nimport {\n  Progress,\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    marginTop: theme.spacing(2),\n  },\n  icon: {\n    marginRight: theme.spacing(1),\n  },\n  link: {\n    color: theme.palette.primary.main,\n    cursor: 'pointer',\n  },\n}));\n\ntype FileStructureObject = Record<string, any>;\n\ntype CoverageTableRow = {\n  filename?: string;\n  files: CoverageTableRow[];\n  coverage: number;\n  missing: number;\n  tracked: number;\n  path: string;\n  tableData?: { id: number };\n};\n\nexport const groupByPath = (files: CoverageTableRow[]) => {\n  const acc: FileStructureObject = {};\n  files.forEach(file => {\n    const filename = file.filename;\n    if (!file.filename) return;\n    const pathArray = filename?.split('/').filter(el => el !== '');\n    if (pathArray) {\n      if (!acc.hasOwnProperty(pathArray[0])) {\n        acc[pathArray[0]] = [];\n      }\n      acc[pathArray[0]].push(file);\n    }\n  });\n  return acc;\n};\n\nconst removeVisitedPathGroup = (\n  files: CoverageTableRow[],\n  pathGroup: string,\n) => {\n  return files.map(file => {\n    return {\n      ...file,\n      filename: file.filename\n        ? file.filename.substring(\n            file.filename?.indexOf(pathGroup) + pathGroup.length + 1,\n          )\n        : file.filename,\n    };\n  });\n};\n\nexport const buildFileStructure = (row: CoverageTableRow) => {\n  const dataGroupedByPath: FileStructureObject = groupByPath(row.files);\n  row.files = Object.keys(dataGroupedByPath).map(pathGroup => {\n    return buildFileStructure({\n      path: pathGroup,\n      files: dataGroupedByPath.hasOwnProperty('files')\n        ? removeVisitedPathGroup(dataGroupedByPath.files, pathGroup)\n        : removeVisitedPathGroup(dataGroupedByPath[pathGroup], pathGroup),\n      coverage:\n        dataGroupedByPath[pathGroup].reduce(\n          (acc: number, cur: CoverageTableRow) => acc + cur.coverage,\n          0,\n        ) / dataGroupedByPath[pathGroup].length,\n      missing: dataGroupedByPath[pathGroup].reduce(\n        (acc: number, cur: CoverageTableRow) => acc + cur.missing,\n        0,\n      ),\n      tracked: dataGroupedByPath[pathGroup].reduce(\n        (acc: number, cur: CoverageTableRow) => acc + cur.tracked,\n        0,\n      ),\n    });\n  });\n  return row;\n};\n\nconst formatInitialData = (value: any) => {\n  return buildFileStructure({\n    path: '',\n    coverage: value.aggregate.line.percentage,\n    missing: value.aggregate.line.missed,\n    tracked: value.aggregate.line.available,\n    files: value.files.map((fc: FileEntry) => {\n      return {\n        path: '',\n        filename: fc.filename,\n        coverage:\n          Object.values(fc.lineHits).length > 0\n            ? Math.floor(\n                (Object.values(fc.lineHits).filter((hits: number) => hits > 0)\n                  .length /\n                  Object.values(fc.lineHits).length) *\n                  100,\n              )\n            : 0,\n        missing: Object.values(fc.lineHits).filter(hits => !hits).length,\n        tracked: Object.values(fc.lineHits).length,\n      };\n    }),\n  });\n};\n\nexport const getObjectsAtPath = (\n  curData: CoverageTableRow | undefined,\n  path: string[],\n): CoverageTableRow[] | undefined => {\n  let data = curData?.files;\n  for (const fragment of path) {\n    data = data?.find(d => d.path === fragment)?.files;\n  }\n  return data;\n};\n\nexport const FileExplorer = () => {\n  const styles = useStyles();\n  const { entity } = useEntity();\n  const [curData, setCurData] = useState<CoverageTableRow | undefined>();\n  const [tableData, setTableData] = useState<CoverageTableRow[] | undefined>();\n  const [curPath, setCurPath] = useState('');\n  const [modalOpen, setModalOpen] = useState(false);\n  const [curFile, setCurFile] = useState('');\n  const codeCoverageApi = useApi(codeCoverageApiRef);\n  const { loading, error, value } = useAsync(\n    async () =>\n      await codeCoverageApi.getCoverageForEntity({\n        kind: entity.kind,\n        namespace: entity.metadata.namespace || 'default',\n        name: entity.metadata.name,\n      }),\n  );\n\n  useEffect(() => {\n    if (!value) return;\n    const data = formatInitialData(value);\n    setCurData(data);\n    if (data.files) setTableData(data.files);\n  }, [value]);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n  if (!value) {\n    return (\n      <Alert severity=\"warning\">\n        No code coverage found for {humanizeEntityRef(entity)}\n      </Alert>\n    );\n  }\n\n  const moveDownIntoPath = (path: string) => {\n    const nextPathData = tableData!.find(\n      (d: CoverageTableRow) => d.path === path,\n    );\n    if (nextPathData && nextPathData.files) {\n      setTableData(nextPathData.files);\n    }\n  };\n\n  const moveUpIntoPath = (idx: number) => {\n    const path = curPath.split('/').slice(0, idx + 1);\n    setCurFile('');\n    setCurPath(path.join('/'));\n    setTableData(getObjectsAtPath(curData, path.slice(1)));\n  };\n\n  const columns: TableColumn<CoverageTableRow>[] = [\n    {\n      title: 'Path',\n      type: 'string',\n      field: 'path',\n      render: (row: CoverageTableRow) => (\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          role=\"button\"\n          tabIndex={row.tableData!.id}\n          className={styles.link}\n          onClick={() => {\n            if (row.files?.length) {\n              setCurPath(`${curPath}/${row.path}`);\n              moveDownIntoPath(row.path);\n            } else {\n              setCurFile(`${curPath.slice(1)}/${row.path}`);\n              setModalOpen(true);\n            }\n          }}\n        >\n          {row.files?.length > 0 && (\n            <FolderIcon fontSize=\"small\" className={styles.icon} />\n          )}\n          {row.files?.length === 0 && (\n            <FileOutlinedIcon fontSize=\"small\" className={styles.icon} />\n          )}\n          {row.path}\n        </Box>\n      ),\n    },\n    {\n      title: 'Coverage',\n      type: 'numeric',\n      field: 'coverage',\n      render: (row: CoverageTableRow) => `${row.coverage.toFixed(2)}%`,\n    },\n    {\n      title: 'Missing lines',\n      type: 'numeric',\n      field: 'missing',\n    },\n    {\n      title: 'Tracked lines',\n      type: 'numeric',\n      field: 'tracked',\n    },\n  ];\n\n  const pathArray = curPath.split('/');\n  const lastPathElementIndex = pathArray.length - 1;\n  const fileCoverage = value.files.find((f: FileEntry) =>\n    f.filename.endsWith(curFile),\n  );\n\n  if (!fileCoverage) {\n    return null;\n  }\n\n  return (\n    <Box className={styles.container}>\n      <Table\n        emptyContent={<>No files found</>}\n        data={tableData || []}\n        columns={columns}\n        title={\n          <>\n            <Box>Explore Files</Box>\n            <Box\n              mt={1}\n              style={{\n                fontSize: '0.875rem',\n                fontWeight: 'normal',\n                display: 'flex',\n              }}\n            >\n              {pathArray.map((pathElement, idx) => (\n                <Fragment key={pathElement || 'root'}>\n                  <div\n                    role=\"button\"\n                    tabIndex={idx}\n                    className={\n                      idx !== lastPathElementIndex ? styles.link : undefined\n                    }\n                    onKeyDown={() => moveUpIntoPath(idx)}\n                    onClick={() => moveUpIntoPath(idx)}\n                  >\n                    {pathElement || 'root'}\n                  </div>\n                  {idx !== lastPathElementIndex && <div>{'\\u00A0/\\u00A0'}</div>}\n                </Fragment>\n              ))}\n            </Box>\n          </>\n        }\n      />\n      <Modal\n        open={modalOpen}\n        onClick={event => event.stopPropagation()}\n        onClose={() => setModalOpen(false)}\n        style={{ overflow: 'scroll' }}\n      >\n        <FileContent filename={curFile} coverage={fileCoverage} />\n      </Modal>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileExplorer.esm.js","sources":["../../../src/components/FileExplorer/FileExplorer.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 { humanizeEntityRef, useEntity } from '@backstage/plugin-catalog-react';\nimport Box from '@material-ui/core/Box';\nimport Modal from '@material-ui/core/Modal';\nimport { makeStyles } from '@material-ui/core/styles';\nimport FolderIcon from '@material-ui/icons/Folder';\nimport FileOutlinedIcon from '@material-ui/icons/InsertDriveFileOutlined';\nimport Alert from '@material-ui/lab/Alert';\nimport { Fragment, useEffect, useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { codeCoverageApiRef } from '../../api';\nimport { FileEntry } from '../../types';\nimport { FileContent } from './FileContent';\nimport {\n  Progress,\n  ResponseErrorPanel,\n  Table,\n  TableColumn,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    marginTop: theme.spacing(2),\n  },\n  icon: {\n    marginRight: theme.spacing(1),\n  },\n  link: {\n    color: theme.palette.primary.main,\n    cursor: 'pointer',\n  },\n}));\n\ntype FileStructureObject = Record<string, any>;\n\ntype CoverageTableRow = {\n  filename?: string;\n  files: CoverageTableRow[];\n  coverage: number;\n  missing: number;\n  tracked: number;\n  path: string;\n  tableData?: { id: number };\n};\n\nexport const groupByPath = (files: CoverageTableRow[]) => {\n  const acc: FileStructureObject = {};\n  files.forEach(file => {\n    const filename = file.filename;\n    if (!file.filename) return;\n    const pathArray = filename?.split('/').filter(el => el !== '');\n    if (pathArray) {\n      if (!acc.hasOwnProperty(pathArray[0])) {\n        acc[pathArray[0]] = [];\n      }\n      acc[pathArray[0]].push(file);\n    }\n  });\n  return acc;\n};\n\nconst removeVisitedPathGroup = (\n  files: CoverageTableRow[],\n  pathGroup: string,\n) => {\n  return files.map(file => {\n    return {\n      ...file,\n      filename: file.filename\n        ? file.filename.substring(\n            file.filename?.indexOf(pathGroup) + pathGroup.length + 1,\n          )\n        : file.filename,\n    };\n  });\n};\n\nexport const buildFileStructure = (row: CoverageTableRow) => {\n  const dataGroupedByPath: FileStructureObject = groupByPath(row.files);\n  row.files = Object.keys(dataGroupedByPath).map(pathGroup => {\n    return buildFileStructure({\n      path: pathGroup,\n      files: dataGroupedByPath.hasOwnProperty('files')\n        ? removeVisitedPathGroup(dataGroupedByPath.files, pathGroup)\n        : removeVisitedPathGroup(dataGroupedByPath[pathGroup], pathGroup),\n      coverage:\n        dataGroupedByPath[pathGroup].reduce(\n          (acc: number, cur: CoverageTableRow) => acc + cur.coverage,\n          0,\n        ) / dataGroupedByPath[pathGroup].length,\n      missing: dataGroupedByPath[pathGroup].reduce(\n        (acc: number, cur: CoverageTableRow) => acc + cur.missing,\n        0,\n      ),\n      tracked: dataGroupedByPath[pathGroup].reduce(\n        (acc: number, cur: CoverageTableRow) => acc + cur.tracked,\n        0,\n      ),\n    });\n  });\n  return row;\n};\n\nconst formatInitialData = (value: any) => {\n  return buildFileStructure({\n    path: '',\n    coverage: value.aggregate.line.percentage,\n    missing: value.aggregate.line.missed,\n    tracked: value.aggregate.line.available,\n    files: value.files.map((fc: FileEntry) => {\n      return {\n        path: '',\n        filename: fc.filename,\n        coverage:\n          Object.values(fc.lineHits).length > 0\n            ? Math.floor(\n                (Object.values(fc.lineHits).filter((hits: number) => hits > 0)\n                  .length /\n                  Object.values(fc.lineHits).length) *\n                  100,\n              )\n            : 0,\n        missing: Object.values(fc.lineHits).filter(hits => !hits).length,\n        tracked: Object.values(fc.lineHits).length,\n      };\n    }),\n  });\n};\n\nexport const getObjectsAtPath = (\n  curData: CoverageTableRow | undefined,\n  path: string[],\n): CoverageTableRow[] | undefined => {\n  let data = curData?.files;\n  for (const fragment of path) {\n    data = data?.find(d => d.path === fragment)?.files;\n  }\n  return data;\n};\n\nexport const FileExplorer = () => {\n  const styles = useStyles();\n  const { entity } = useEntity();\n  const [curData, setCurData] = useState<CoverageTableRow | undefined>();\n  const [tableData, setTableData] = useState<CoverageTableRow[] | undefined>();\n  const [curPath, setCurPath] = useState('');\n  const [modalOpen, setModalOpen] = useState(false);\n  const [curFile, setCurFile] = useState('');\n  const codeCoverageApi = useApi(codeCoverageApiRef);\n  const { loading, error, value } = useAsync(\n    async () =>\n      await codeCoverageApi.getCoverageForEntity({\n        kind: entity.kind,\n        namespace: entity.metadata.namespace || 'default',\n        name: entity.metadata.name,\n      }),\n  );\n\n  useEffect(() => {\n    if (!value) return;\n    const data = formatInitialData(value);\n    setCurData(data);\n    if (data.files) setTableData(data.files);\n  }, [value]);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n  if (!value) {\n    return (\n      <Alert severity=\"warning\">\n        No code coverage found for {humanizeEntityRef(entity)}\n      </Alert>\n    );\n  }\n\n  const moveDownIntoPath = (path: string) => {\n    const nextPathData = tableData!.find(\n      (d: CoverageTableRow) => d.path === path,\n    );\n    if (nextPathData && nextPathData.files) {\n      setTableData(nextPathData.files);\n    }\n  };\n\n  const moveUpIntoPath = (idx: number) => {\n    const path = curPath.split('/').slice(0, idx + 1);\n    setCurFile('');\n    setCurPath(path.join('/'));\n    setTableData(getObjectsAtPath(curData, path.slice(1)));\n  };\n\n  const columns: TableColumn<CoverageTableRow>[] = [\n    {\n      title: 'Path',\n      type: 'string',\n      field: 'path',\n      render: (row: CoverageTableRow) => (\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          role=\"button\"\n          tabIndex={row.tableData!.id}\n          className={styles.link}\n          onClick={() => {\n            if (row.files?.length) {\n              setCurPath(`${curPath}/${row.path}`);\n              moveDownIntoPath(row.path);\n            } else {\n              setCurFile(`${curPath.slice(1)}/${row.path}`);\n              setModalOpen(true);\n            }\n          }}\n        >\n          {row.files?.length > 0 && (\n            <FolderIcon fontSize=\"small\" className={styles.icon} />\n          )}\n          {row.files?.length === 0 && (\n            <FileOutlinedIcon fontSize=\"small\" className={styles.icon} />\n          )}\n          {row.path}\n        </Box>\n      ),\n    },\n    {\n      title: 'Coverage',\n      type: 'numeric',\n      field: 'coverage',\n      render: (row: CoverageTableRow) => `${row.coverage.toFixed(2)}%`,\n    },\n    {\n      title: 'Missing lines',\n      type: 'numeric',\n      field: 'missing',\n    },\n    {\n      title: 'Tracked lines',\n      type: 'numeric',\n      field: 'tracked',\n    },\n  ];\n\n  const pathArray = curPath.split('/');\n  const lastPathElementIndex = pathArray.length - 1;\n  const fileCoverage = value.files.find((f: FileEntry) =>\n    f.filename.endsWith(curFile),\n  );\n\n  if (!fileCoverage) {\n    return null;\n  }\n\n  return (\n    <Box className={styles.container}>\n      <Table\n        emptyContent={<>No files found</>}\n        data={tableData || []}\n        columns={columns}\n        title={\n          <>\n            <Box>Explore Files</Box>\n            <Box\n              mt={1}\n              style={{\n                fontSize: '0.875rem',\n                fontWeight: 'normal',\n                display: 'flex',\n              }}\n            >\n              {pathArray.map((pathElement, idx) => (\n                <Fragment key={pathElement || 'root'}>\n                  <div\n                    role=\"button\"\n                    tabIndex={idx}\n                    className={\n                      idx !== lastPathElementIndex ? styles.link : undefined\n                    }\n                    onKeyDown={() => moveUpIntoPath(idx)}\n                    onClick={() => moveUpIntoPath(idx)}\n                  >\n                    {pathElement || 'root'}\n                  </div>\n                  {idx !== lastPathElementIndex && <div>{'\\u00A0/\\u00A0'}</div>}\n                </Fragment>\n              ))}\n            </Box>\n          </>\n        }\n      />\n      <Modal\n        open={modalOpen}\n        onClick={event => event.stopPropagation()}\n        onClose={() => setModalOpen(false)}\n        style={{ overflow: 'scroll' }}\n      >\n        <FileContent filename={curFile} coverage={fileCoverage} />\n      </Modal>\n    </Box>\n  );\n};\n"],"names":["Fragment"],"mappings":";;;;;;;;;;;;;;;AAoCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,SAAW,EAAA;AAAA,IACT,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GAC5B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GAC9B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IAC7B,MAAQ,EAAA;AAAA;AAEZ,CAAE,CAAA,CAAA;AAcW,MAAA,WAAA,GAAc,CAAC,KAA8B,KAAA;AACxD,EAAA,MAAM,MAA2B,EAAC;AAClC,EAAA,KAAA,CAAM,QAAQ,CAAQ,IAAA,KAAA;AACpB,IAAA,MAAM,WAAW,IAAK,CAAA,QAAA;AACtB,IAAI,IAAA,CAAC,KAAK,QAAU,EAAA;AACpB,IAAM,MAAA,SAAA,GAAY,UAAU,KAAM,CAAA,GAAG,EAAE,MAAO,CAAA,CAAA,EAAA,KAAM,OAAO,EAAE,CAAA;AAC7D,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,IAAI,CAAC,GAAI,CAAA,cAAA,CAAe,SAAU,CAAA,CAAC,CAAC,CAAG,EAAA;AACrC,QAAA,GAAA,CAAI,SAAU,CAAA,CAAC,CAAC,CAAA,GAAI,EAAC;AAAA;AAEvB,MAAA,GAAA,CAAI,SAAU,CAAA,CAAC,CAAC,CAAA,CAAE,KAAK,IAAI,CAAA;AAAA;AAC7B,GACD,CAAA;AACD,EAAO,OAAA,GAAA;AACT;AAEA,MAAM,sBAAA,GAAyB,CAC7B,KAAA,EACA,SACG,KAAA;AACH,EAAO,OAAA,KAAA,CAAM,IAAI,CAAQ,IAAA,KAAA;AACvB,IAAO,OAAA;AAAA,MACL,GAAG,IAAA;AAAA,MACH,QAAU,EAAA,IAAA,CAAK,QACX,GAAA,IAAA,CAAK,QAAS,CAAA,SAAA;AAAA,QACZ,KAAK,QAAU,EAAA,OAAA,CAAQ,SAAS,CAAA,GAAI,UAAU,MAAS,GAAA;AAAA,UAEzD,IAAK,CAAA;AAAA,KACX;AAAA,GACD,CAAA;AACH,CAAA;AAEa,MAAA,kBAAA,GAAqB,CAAC,GAA0B,KAAA;AAC3D,EAAM,MAAA,iBAAA,GAAyC,WAAY,CAAA,GAAA,CAAI,KAAK,CAAA;AACpE,EAAA,GAAA,CAAI,QAAQ,MAAO,CAAA,IAAA,CAAK,iBAAiB,CAAA,CAAE,IAAI,CAAa,SAAA,KAAA;AAC1D,IAAA,OAAO,kBAAmB,CAAA;AAAA,MACxB,IAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA,iBAAA,CAAkB,cAAe,CAAA,OAAO,IAC3C,sBAAuB,CAAA,iBAAA,CAAkB,KAAO,EAAA,SAAS,CACzD,GAAA,sBAAA,CAAuB,iBAAkB,CAAA,SAAS,GAAG,SAAS,CAAA;AAAA,MAClE,QAAA,EACE,iBAAkB,CAAA,SAAS,CAAE,CAAA,MAAA;AAAA,QAC3B,CAAC,GAAA,EAAa,GAA0B,KAAA,GAAA,GAAM,GAAI,CAAA,QAAA;AAAA,QAClD;AAAA,OACF,GAAI,iBAAkB,CAAA,SAAS,CAAE,CAAA,MAAA;AAAA,MACnC,OAAA,EAAS,iBAAkB,CAAA,SAAS,CAAE,CAAA,MAAA;AAAA,QACpC,CAAC,GAAA,EAAa,GAA0B,KAAA,GAAA,GAAM,GAAI,CAAA,OAAA;AAAA,QAClD;AAAA,OACF;AAAA,MACA,OAAA,EAAS,iBAAkB,CAAA,SAAS,CAAE,CAAA,MAAA;AAAA,QACpC,CAAC,GAAA,EAAa,GAA0B,KAAA,GAAA,GAAM,GAAI,CAAA,OAAA;AAAA,QAClD;AAAA;AACF,KACD,CAAA;AAAA,GACF,CAAA;AACD,EAAO,OAAA,GAAA;AACT;AAEA,MAAM,iBAAA,GAAoB,CAAC,KAAe,KAAA;AACxC,EAAA,OAAO,kBAAmB,CAAA;AAAA,IACxB,IAAM,EAAA,EAAA;AAAA,IACN,QAAA,EAAU,KAAM,CAAA,SAAA,CAAU,IAAK,CAAA,UAAA;AAAA,IAC/B,OAAA,EAAS,KAAM,CAAA,SAAA,CAAU,IAAK,CAAA,MAAA;AAAA,IAC9B,OAAA,EAAS,KAAM,CAAA,SAAA,CAAU,IAAK,CAAA,SAAA;AAAA,IAC9B,KAAO,EAAA,KAAA,CAAM,KAAM,CAAA,GAAA,CAAI,CAAC,EAAkB,KAAA;AACxC,MAAO,OAAA;AAAA,QACL,IAAM,EAAA,EAAA;AAAA,QACN,UAAU,EAAG,CAAA,QAAA;AAAA,QACb,QAAA,EACE,OAAO,MAAO,CAAA,EAAA,CAAG,QAAQ,CAAE,CAAA,MAAA,GAAS,IAChC,IAAK,CAAA,KAAA;AAAA,UACF,OAAO,MAAO,CAAA,EAAA,CAAG,QAAQ,CAAA,CAAE,OAAO,CAAC,IAAA,KAAiB,IAAO,GAAA,CAAC,EAC1D,MACD,GAAA,MAAA,CAAO,OAAO,EAAG,CAAA,QAAQ,EAAE,MAC3B,GAAA;AAAA,SAEJ,GAAA,CAAA;AAAA,QACN,OAAA,EAAS,MAAO,CAAA,MAAA,CAAO,EAAG,CAAA,QAAQ,EAAE,MAAO,CAAA,CAAA,IAAA,KAAQ,CAAC,IAAI,CAAE,CAAA,MAAA;AAAA,QAC1D,OAAS,EAAA,MAAA,CAAO,MAAO,CAAA,EAAA,CAAG,QAAQ,CAAE,CAAA;AAAA,OACtC;AAAA,KACD;AAAA,GACF,CAAA;AACH,CAAA;AAEa,MAAA,gBAAA,GAAmB,CAC9B,OAAA,EACA,IACmC,KAAA;AACnC,EAAA,IAAI,OAAO,OAAS,EAAA,KAAA;AACpB,EAAA,KAAA,MAAW,YAAY,IAAM,EAAA;AAC3B,IAAA,IAAA,GAAO,MAAM,IAAK,CAAA,CAAA,CAAA,KAAK,CAAE,CAAA,IAAA,KAAS,QAAQ,CAAG,EAAA,KAAA;AAAA;AAE/C,EAAO,OAAA,IAAA;AACT;AAEO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAuC,EAAA;AACrE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAyC,EAAA;AAC3E,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,EAAE,CAAA;AACzC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,EAAE,CAAA;AACzC,EAAM,MAAA,eAAA,GAAkB,OAAO,kBAAkB,CAAA;AACjD,EAAA,MAAM,EAAE,OAAA,EAAS,KAAO,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAChC,YACE,MAAM,eAAA,CAAgB,oBAAqB,CAAA;AAAA,MACzC,MAAM,MAAO,CAAA,IAAA;AAAA,MACb,SAAA,EAAW,MAAO,CAAA,QAAA,CAAS,SAAa,IAAA,SAAA;AAAA,MACxC,IAAA,EAAM,OAAO,QAAS,CAAA;AAAA,KACvB;AAAA,GACL;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,KAAO,EAAA;AACZ,IAAM,MAAA,IAAA,GAAO,kBAAkB,KAAK,CAAA;AACpC,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI,IAAK,CAAA,KAAA,EAAoB,YAAA,CAAA,IAAA,CAAK,KAAK,CAAA;AAAA,GACzC,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAO,uBAAA,GAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA;AAAA;AAE3C,EAAA,IAAI,CAAC,KAAO,EAAA;AACV,IACE,uBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,QAAA,EAAS,SAAU,EAAA,QAAA,EAAA;AAAA,MAAA,6BAAA;AAAA,MACI,kBAAkB,MAAM;AAAA,KACtD,EAAA,CAAA;AAAA;AAIJ,EAAM,MAAA,gBAAA,GAAmB,CAAC,IAAiB,KAAA;AACzC,IAAA,MAAM,eAAe,SAAW,CAAA,IAAA;AAAA,MAC9B,CAAC,CAAwB,KAAA,CAAA,CAAE,IAAS,KAAA;AAAA,KACtC;AACA,IAAI,IAAA,YAAA,IAAgB,aAAa,KAAO,EAAA;AACtC,MAAA,YAAA,CAAa,aAAa,KAAK,CAAA;AAAA;AACjC,GACF;AAEA,EAAM,MAAA,cAAA,GAAiB,CAAC,GAAgB,KAAA;AACtC,IAAM,MAAA,IAAA,GAAO,QAAQ,KAAM,CAAA,GAAG,EAAE,KAAM,CAAA,CAAA,EAAG,MAAM,CAAC,CAAA;AAChD,IAAA,UAAA,CAAW,EAAE,CAAA;AACb,IAAW,UAAA,CAAA,IAAA,CAAK,IAAK,CAAA,GAAG,CAAC,CAAA;AACzB,IAAA,YAAA,CAAa,iBAAiB,OAAS,EAAA,IAAA,CAAK,KAAM,CAAA,CAAC,CAAC,CAAC,CAAA;AAAA,GACvD;AAEA,EAAA,MAAM,OAA2C,GAAA;AAAA,IAC/C;AAAA,MACE,KAAO,EAAA,MAAA;AAAA,MACP,IAAM,EAAA,QAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,MAAA,EAAQ,CAAC,GACP,qBAAA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,MAAA;AAAA,UACR,UAAW,EAAA,QAAA;AAAA,UACX,IAAK,EAAA,QAAA;AAAA,UACL,QAAA,EAAU,IAAI,SAAW,CAAA,EAAA;AAAA,UACzB,WAAW,MAAO,CAAA,IAAA;AAAA,UAClB,SAAS,MAAM;AACb,YAAI,IAAA,GAAA,CAAI,OAAO,MAAQ,EAAA;AACrB,cAAA,UAAA,CAAW,CAAG,EAAA,OAAO,CAAI,CAAA,EAAA,GAAA,CAAI,IAAI,CAAE,CAAA,CAAA;AACnC,cAAA,gBAAA,CAAiB,IAAI,IAAI,CAAA;AAAA,aACpB,MAAA;AACL,cAAW,UAAA,CAAA,CAAA,EAAG,QAAQ,KAAM,CAAA,CAAC,CAAC,CAAI,CAAA,EAAA,GAAA,CAAI,IAAI,CAAE,CAAA,CAAA;AAC5C,cAAA,YAAA,CAAa,IAAI,CAAA;AAAA;AACnB,WACF;AAAA,UAEC,QAAA,EAAA;AAAA,YAAI,GAAA,CAAA,KAAA,EAAO,SAAS,CACnB,oBAAA,GAAA,CAAC,cAAW,QAAS,EAAA,OAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,YAEtD,GAAA,CAAI,KAAO,EAAA,MAAA,KAAW,CACrB,oBAAA,GAAA,CAAC,oBAAiB,QAAS,EAAA,OAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,YAE5D,GAAI,CAAA;AAAA;AAAA;AAAA;AACP,KAEJ;AAAA,IACA;AAAA,MACE,KAAO,EAAA,UAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA,UAAA;AAAA,MACP,MAAA,EAAQ,CAAC,GAA0B,KAAA,CAAA,EAAG,IAAI,QAAS,CAAA,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AAAA,KAC/D;AAAA,IACA;AAAA,MACE,KAAO,EAAA,eAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,KAAO,EAAA,eAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,KAAO,EAAA;AAAA;AACT,GACF;AAEA,EAAM,MAAA,SAAA,GAAY,OAAQ,CAAA,KAAA,CAAM,GAAG,CAAA;AACnC,EAAM,MAAA,oBAAA,GAAuB,UAAU,MAAS,GAAA,CAAA;AAChD,EAAM,MAAA,YAAA,GAAe,MAAM,KAAM,CAAA,IAAA;AAAA,IAAK,CAAC,CAAA,KACrC,CAAE,CAAA,QAAA,CAAS,SAAS,OAAO;AAAA,GAC7B;AAEA,EAAA,IAAI,CAAC,YAAc,EAAA;AACjB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,SACrB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,YAAA,kCAAgB,QAAc,EAAA,gBAAA,EAAA,CAAA;AAAA,QAC9B,IAAA,EAAM,aAAa,EAAC;AAAA,QACpB,OAAA;AAAA,QACA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,OAAI,QAAa,EAAA,eAAA,EAAA,CAAA;AAAA,0BAClB,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,EAAI,EAAA,CAAA;AAAA,cACJ,KAAO,EAAA;AAAA,gBACL,QAAU,EAAA,UAAA;AAAA,gBACV,UAAY,EAAA,QAAA;AAAA,gBACZ,OAAS,EAAA;AAAA,eACX;AAAA,cAEC,oBAAU,GAAI,CAAA,CAAC,aAAa,GAC3B,qBAAA,IAAA,CAACA,YAAA,EACC,QAAA,EAAA;AAAA,gCAAA,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,IAAK,EAAA,QAAA;AAAA,oBACL,QAAU,EAAA,GAAA;AAAA,oBACV,SACE,EAAA,GAAA,KAAQ,oBAAuB,GAAA,MAAA,CAAO,IAAO,GAAA,SAAA;AAAA,oBAE/C,SAAA,EAAW,MAAM,cAAA,CAAe,GAAG,CAAA;AAAA,oBACnC,OAAA,EAAS,MAAM,cAAA,CAAe,GAAG,CAAA;AAAA,oBAEhC,QAAe,EAAA,WAAA,IAAA;AAAA;AAAA,iBAClB;AAAA,gBACC,GAAQ,KAAA,oBAAA,oBAAyB,GAAA,CAAA,KAAA,EAAA,EAAK,QAAgB,EAAA,WAAA,EAAA;AAAA,eAZ1C,EAAA,EAAA,WAAA,IAAe,MAa9B,CACD;AAAA;AAAA;AACH,SACF,EAAA;AAAA;AAAA,KAEJ;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,SAAA;AAAA,QACN,OAAA,EAAS,CAAS,KAAA,KAAA,KAAA,CAAM,eAAgB,EAAA;AAAA,QACxC,OAAA,EAAS,MAAM,YAAA,CAAa,KAAK,CAAA;AAAA,QACjC,KAAA,EAAO,EAAE,QAAA,EAAU,QAAS,EAAA;AAAA,QAE5B,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EAAY,QAAU,EAAA,OAAA,EAAS,UAAU,YAAc,EAAA;AAAA;AAAA;AAC1D,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Router.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
 import { CodeCoveragePage } from './CodeCoveragePage/CodeCoveragePage.esm.js';
 
@@ -8,9 +8,9 @@ function isCodeCoverageAvailable(entity) {
 const Router = () => {
   const { entity } = useEntity();
   if (!isCodeCoverageAvailable(entity)) {
-    return /* @__PURE__ */ React.createElement(MissingAnnotationEmptyState, { annotation: "backstage.io/code-coverage" });
+    return /* @__PURE__ */ jsx(MissingAnnotationEmptyState, { annotation: "backstage.io/code-coverage" });
   }
-  return /* @__PURE__ */ React.createElement(CodeCoveragePage, null);
+  return /* @__PURE__ */ jsx(CodeCoveragePage, {});
 };
 
 export { Router, isCodeCoverageAvailable };

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

@@ -1 +1 @@
-{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 React from 'react';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  useEntity,\n  MissingAnnotationEmptyState,\n} from '@backstage/plugin-catalog-react';\nimport { CodeCoveragePage } from './CodeCoveragePage';\n\n/**\n * Returns true if the given entity has code coverage enabled.\n *\n * @public\n */\nexport function isCodeCoverageAvailable(entity: Entity) {\n  return Boolean(entity.metadata.annotations?.['backstage.io/code-coverage']);\n}\n\n/**\n * @public\n */\nexport const Router = (): JSX.Element => {\n  const { entity } = useEntity();\n\n  if (!isCodeCoverageAvailable(entity)) {\n    return (\n      <MissingAnnotationEmptyState annotation=\"backstage.io/code-coverage\" />\n    );\n  }\n\n  return <CodeCoveragePage />;\n};\n"],"names":[],"mappings":";;;;AA6BO,SAAS,wBAAwB,MAAgB,EAAA;AACtD,EAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,4BAA4B,CAAC,CAAA;AAC5E;AAKO,MAAM,SAAS,MAAmB;AACvC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAI,IAAA,CAAC,uBAAwB,CAAA,MAAM,CAAG,EAAA;AACpC,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,2BAA4B,EAAA,EAAA,UAAA,EAAW,4BAA6B,EAAA,CAAA;AAAA;AAIzE,EAAA,2CAAQ,gBAAiB,EAAA,IAAA,CAAA;AAC3B;;;;"}
+{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 { Entity } from '@backstage/catalog-model';\nimport {\n  useEntity,\n  MissingAnnotationEmptyState,\n} from '@backstage/plugin-catalog-react';\nimport { CodeCoveragePage } from './CodeCoveragePage';\n\n/**\n * Returns true if the given entity has code coverage enabled.\n *\n * @public\n */\nexport function isCodeCoverageAvailable(entity: Entity) {\n  return Boolean(entity.metadata.annotations?.['backstage.io/code-coverage']);\n}\n\n/**\n * @public\n */\nexport const Router = (): JSX.Element => {\n  const { entity } = useEntity();\n\n  if (!isCodeCoverageAvailable(entity)) {\n    return (\n      <MissingAnnotationEmptyState annotation=\"backstage.io/code-coverage\" />\n    );\n  }\n\n  return <CodeCoveragePage />;\n};\n"],"names":[],"mappings":";;;;AA4BO,SAAS,wBAAwB,MAAgB,EAAA;AACtD,EAAA,OAAO,OAAQ,CAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,4BAA4B,CAAC,CAAA;AAC5E;AAKO,MAAM,SAAS,MAAmB;AACvC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAI,IAAA,CAAC,uBAAwB,CAAA,MAAM,CAAG,EAAA;AACpC,IACE,uBAAA,GAAA,CAAC,2BAA4B,EAAA,EAAA,UAAA,EAAW,4BAA6B,EAAA,CAAA;AAAA;AAIzE,EAAA,2BAAQ,gBAAiB,EAAA,EAAA,CAAA;AAC3B;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage-community/plugin-code-coverage",
   "description": "A Backstage plugin that helps you keep track of your code coverage",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -35,11 +35,11 @@
     "clean": "backstage-cli package clean"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.7.3",
-    "@backstage/core-components": "^0.17.0",
-    "@backstage/core-plugin-api": "^1.10.5",
+    "@backstage/catalog-model": "^1.7.4",
+    "@backstage/core-components": "^0.17.3",
+    "@backstage/core-plugin-api": "^1.10.8",
     "@backstage/errors": "^1.2.7",
-    "@backstage/plugin-catalog-react": "^1.16.0",
+    "@backstage/plugin-catalog-react": "^1.19.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -55,8 +55,8 @@
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.31.0",
-    "@backstage/dev-utils": "^1.1.8",
+    "@backstage/cli": "^0.33.0",
+    "@backstage/dev-utils": "^1.1.11",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
@@ -65,7 +65,6 @@
     "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "@types/react-dom": "^18.2.19",
     "@types/recharts": "^1.8.15",
-    "canvas": "^2.11.2",
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
@@ -73,5 +72,12 @@
   "files": [
     "dist"
   ],
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
   "module": "./dist/index.esm.js"
 }