@backstage-community/plugin-code-coverage 0.2.28 → 0.2.29

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @backstage-community/plugin-code-coverage
 
+## 0.2.29
+
+### Patch Changes
+
+- a53dea5: Updated dependency `highlight.js` to `^11.0.0`.
+- 1a94274: version:bump to v1.29.1
+
 ## 0.2.28
 
 ### Patch Changes

package/dist/api.esm.js

@@ -0,0 +1,48 @@
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { ResponseError } from '@backstage/errors';
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const codeCoverageApiRef = createApiRef({
+  id: "plugin.code-coverage.service"
+});
+class CodeCoverageRestApi {
+  discoveryApi;
+  fetchApi;
+  constructor(options) {
+    this.discoveryApi = options.discoveryApi;
+    this.fetchApi = options.fetchApi;
+  }
+  async fetch(path) {
+    const url = await this.discoveryApi.getBaseUrl("code-coverage");
+    const resp = await this.fetchApi.fetch(`${url}${path}`);
+    if (!resp.ok) {
+      throw await ResponseError.fromResponse(resp);
+    }
+    if (resp.headers.get("content-type")?.includes("application/json")) {
+      return await resp.json();
+    }
+    return await resp.text();
+  }
+  async getCoverageForEntity(entityName) {
+    const entity = encodeURIComponent(stringifyEntityRef(entityName));
+    return await this.fetch(
+      `/report?entity=${entity}`
+    );
+  }
+  async getFileContentFromEntity(entityName, filePath) {
+    const entity = encodeURIComponent(stringifyEntityRef(entityName));
+    return await this.fetch(
+      `/file-content?entity=${entity}&path=${encodeURI(filePath)}`
+    );
+  }
+  async getCoverageHistoryForEntity(entityName, limit) {
+    const entity = encodeURIComponent(stringifyEntityRef(entityName));
+    const hasValidLimit = limit && limit > 0;
+    return await this.fetch(
+      `/history?entity=${entity}${hasValidLimit ? `&limit=${encodeURIComponent(String(limit))}` : ""}`
+    );
+  }
+}
+
+export { CodeCoverageRestApi, codeCoverageApiRef };
+//# sourceMappingURL=api.esm.js.map

package/dist/api.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.esm.js","sources":["../src/api.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  CompoundEntityRef,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport { ResponseError } from '@backstage/errors';\nimport { JsonCodeCoverage, JsonCoverageHistory } from './types';\nimport {\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n} from '@backstage/core-plugin-api';\n\nexport type CodeCoverageApi = {\n  getCoverageForEntity: (\n    entity: CompoundEntityRef,\n  ) => Promise<JsonCodeCoverage>;\n  getFileContentFromEntity: (\n    entity: CompoundEntityRef,\n    filePath: string,\n  ) => Promise<string>;\n  getCoverageHistoryForEntity: (\n    entity: CompoundEntityRef,\n    limit?: number,\n  ) => Promise<JsonCoverageHistory>;\n};\n\nexport const codeCoverageApiRef = createApiRef<CodeCoverageApi>({\n  id: 'plugin.code-coverage.service',\n});\n\nexport class CodeCoverageRestApi implements CodeCoverageApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  public constructor(options: {\n    discoveryApi: DiscoveryApi;\n    fetchApi: FetchApi;\n  }) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  private async fetch<T = unknown | string | JsonCoverageHistory>(\n    path: string,\n  ): Promise<T | string> {\n    const url = await this.discoveryApi.getBaseUrl('code-coverage');\n    const resp = await this.fetchApi.fetch(`${url}${path}`);\n    if (!resp.ok) {\n      throw await ResponseError.fromResponse(resp);\n    }\n    if (resp.headers.get('content-type')?.includes('application/json')) {\n      return await resp.json();\n    }\n    return await resp.text();\n  }\n\n  async getCoverageForEntity(\n    entityName: CompoundEntityRef,\n  ): Promise<JsonCodeCoverage> {\n    const entity = encodeURIComponent(stringifyEntityRef(entityName));\n    return (await this.fetch<JsonCodeCoverage>(\n      `/report?entity=${entity}`,\n    )) as JsonCodeCoverage;\n  }\n\n  async getFileContentFromEntity(\n    entityName: CompoundEntityRef,\n    filePath: string,\n  ): Promise<string> {\n    const entity = encodeURIComponent(stringifyEntityRef(entityName));\n    return await this.fetch<string>(\n      `/file-content?entity=${entity}&path=${encodeURI(filePath)}`,\n    );\n  }\n\n  async getCoverageHistoryForEntity(\n    entityName: CompoundEntityRef,\n    limit?: number,\n  ): Promise<JsonCoverageHistory> {\n    const entity = encodeURIComponent(stringifyEntityRef(entityName));\n    const hasValidLimit = limit && limit > 0;\n    return (await this.fetch<JsonCoverageHistory>(\n      `/history?entity=${entity}${\n        hasValidLimit ? `&limit=${encodeURIComponent(String(limit))}` : ''\n      }`,\n    )) as JsonCoverageHistory;\n  }\n}\n"],"names":[],"mappings":";;;;AA0CO,MAAM,qBAAqB,YAA8B,CAAA;AAAA,EAC9D,EAAI,EAAA,8BAAA;AACN,CAAC,EAAA;AAEM,MAAM,mBAA+C,CAAA;AAAA,EACzC,YAAA,CAAA;AAAA,EACA,QAAA,CAAA;AAAA,EAEV,YAAY,OAGhB,EAAA;AACD,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA,CAAA;AAC5B,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA,CAAA;AAAA,GAC1B;AAAA,EAEA,MAAc,MACZ,IACqB,EAAA;AACrB,IAAA,MAAM,GAAM,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,eAAe,CAAA,CAAA;AAC9D,IAAM,MAAA,IAAA,GAAO,MAAM,IAAK,CAAA,QAAA,CAAS,MAAM,CAAG,EAAA,GAAG,CAAG,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AACtD,IAAI,IAAA,CAAC,KAAK,EAAI,EAAA;AACZ,MAAM,MAAA,MAAM,aAAc,CAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AAAA,KAC7C;AACA,IAAA,IAAI,KAAK,OAAQ,CAAA,GAAA,CAAI,cAAc,CAAG,EAAA,QAAA,CAAS,kBAAkB,CAAG,EAAA;AAClE,MAAO,OAAA,MAAM,KAAK,IAAK,EAAA,CAAA;AAAA,KACzB;AACA,IAAO,OAAA,MAAM,KAAK,IAAK,EAAA,CAAA;AAAA,GACzB;AAAA,EAEA,MAAM,qBACJ,UAC2B,EAAA;AAC3B,IAAA,MAAM,MAAS,GAAA,kBAAA,CAAmB,kBAAmB,CAAA,UAAU,CAAC,CAAA,CAAA;AAChE,IAAA,OAAQ,MAAM,IAAK,CAAA,KAAA;AAAA,MACjB,kBAAkB,MAAM,CAAA,CAAA;AAAA,KAC1B,CAAA;AAAA,GACF;AAAA,EAEA,MAAM,wBACJ,CAAA,UAAA,EACA,QACiB,EAAA;AACjB,IAAA,MAAM,MAAS,GAAA,kBAAA,CAAmB,kBAAmB,CAAA,UAAU,CAAC,CAAA,CAAA;AAChE,IAAA,OAAO,MAAM,IAAK,CAAA,KAAA;AAAA,MAChB,CAAwB,qBAAA,EAAA,MAAM,CAAS,MAAA,EAAA,SAAA,CAAU,QAAQ,CAAC,CAAA,CAAA;AAAA,KAC5D,CAAA;AAAA,GACF;AAAA,EAEA,MAAM,2BACJ,CAAA,UAAA,EACA,KAC8B,EAAA;AAC9B,IAAA,MAAM,MAAS,GAAA,kBAAA,CAAmB,kBAAmB,CAAA,UAAU,CAAC,CAAA,CAAA;AAChE,IAAM,MAAA,aAAA,GAAgB,SAAS,KAAQ,GAAA,CAAA,CAAA;AACvC,IAAA,OAAQ,MAAM,IAAK,CAAA,KAAA;AAAA,MACjB,CAAA,gBAAA,EAAmB,MAAM,CAAA,EACvB,aAAgB,GAAA,CAAA,OAAA,EAAU,kBAAmB,CAAA,MAAA,CAAO,KAAK,CAAC,CAAC,CAAA,CAAA,GAAK,EAClE,CAAA,CAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF;;;;"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+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)));
+};
+
+export { CodeCoveragePage };
+//# sourceMappingURL=CodeCoveragePage.esm.js.map

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

@@ -0,0 +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,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,112 @@
+import { useEntity } from '@backstage/plugin-catalog-react';
+import Box from '@material-ui/core/Box';
+import Card from '@material-ui/core/Card';
+import CardContent from '@material-ui/core/CardContent';
+import CardHeader from '@material-ui/core/CardHeader';
+import Typography from '@material-ui/core/Typography';
+import { makeStyles } from '@material-ui/core/styles';
+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';
+import { Progress, ResponseErrorPanel } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+import { DateTime } from 'luxon';
+
+const useStyles = makeStyles((theme) => ({
+  trendDown: {
+    color: theme.palette.status.warning
+  },
+  trendUp: {
+    color: theme.palette.status.ok
+  }
+}));
+const getTrendIcon = (trend, classes) => {
+  switch (true) {
+    case trend > 0:
+      return /* @__PURE__ */ React.createElement(TrendingUpIcon, { className: classes.trendUp });
+    case trend < 0:
+      return /* @__PURE__ */ React.createElement(TrendingDownIcon, { className: classes.trendDown });
+    case trend === 0:
+    default:
+      return /* @__PURE__ */ React.createElement(TrendingFlatIcon, null);
+  }
+};
+function formatDateToHuman(timeStamp) {
+  return DateTime.fromMillis(Number(timeStamp)).toLocaleString(
+    DateTime.DATETIME_MED
+  );
+}
+const CoverageHistoryChart = () => {
+  const { entity } = useEntity();
+  const codeCoverageApi = useApi(codeCoverageApiRef);
+  const {
+    loading: loadingHistory,
+    error: errorHistory,
+    value: valueHistory
+  } = useAsync(
+    async () => await codeCoverageApi.getCoverageHistoryForEntity({
+      kind: entity.kind,
+      namespace: entity.metadata.namespace || "default",
+      name: entity.metadata.name
+    })
+  );
+  const classes = useStyles();
+  if (loadingHistory) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (errorHistory) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error: errorHistory });
+  } else if (!valueHistory) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "warning" }, "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"));
+  }
+  const [oldestCoverage] = valueHistory.history.slice(-1);
+  const latestCoverage = valueHistory.history[0];
+  const getTrendForCoverage = (type) => {
+    if (!oldestCoverage[type].percentage) {
+      return 0;
+    }
+    return (latestCoverage[type].percentage - oldestCoverage[type].percentage) / oldestCoverage[type].percentage * 100;
+  };
+  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" })
+  ))));
+};
+
+export { CoverageHistoryChart };
+//# sourceMappingURL=CoverageHistoryChart.esm.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,78 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/core/styles';
+
+const useStyles = makeStyles((theme) => ({
+  lineNumberCell: {
+    color: `${theme.palette.grey[500]}`,
+    fontSize: "90%",
+    borderRight: `1px solid ${theme.palette.grey[500]}`,
+    paddingRight: theme.spacing(1),
+    textAlign: "right"
+  },
+  hitCountCell: {
+    width: "50px",
+    borderRight: `1px solid ${theme.palette.grey[500]}`,
+    textAlign: "center",
+    color: theme.palette.common.white,
+    // need to enforce this color since it needs to stand out against colored background
+    paddingLeft: theme.spacing(1),
+    paddingRight: theme.spacing(1)
+  },
+  countRoundedRectangle: {
+    borderRadius: "45px",
+    fontSize: "90%",
+    padding: "1px 3px 1px 3px",
+    width: "50px"
+  },
+  hitCountRoundedRectangle: {
+    backgroundColor: `${theme.palette.success.main}`,
+    color: `${theme.palette.success.contrastText}`
+  },
+  notHitCountRoundedRectangle: {
+    backgroundColor: `${theme.palette.error.main}`,
+    color: `${theme.palette.error.contrastText}`
+  },
+  codeLine: {
+    paddingLeft: `${theme.spacing(1)}`,
+    whiteSpace: "pre",
+    fontSize: "90%"
+  },
+  hitCodeLine: {
+    backgroundColor: `${theme.palette.success.main}`,
+    color: `${theme.palette.success.contrastText}`
+  },
+  notHitCodeLine: {
+    backgroundColor: `${theme.palette.error.main}`,
+    color: `${theme.palette.error.contrastText}`
+  }
+}));
+const CodeRow = ({
+  lineNumber,
+  lineContent,
+  lineHits = null
+}) => {
+  const classes = useStyles();
+  const hitCountRoundedRectangleClass = [classes.countRoundedRectangle];
+  const lineContentClass = [classes.codeLine];
+  let hitRoundedRectangle = null;
+  if (lineHits !== null) {
+    if (lineHits > 0) {
+      hitCountRoundedRectangleClass.push(classes.hitCountRoundedRectangle);
+      lineContentClass.push(classes.hitCodeLine);
+    } else {
+      hitCountRoundedRectangleClass.push(classes.notHitCountRoundedRectangle);
+      lineContentClass.push(classes.notHitCodeLine);
+    }
+    hitRoundedRectangle = /* @__PURE__ */ React.createElement("div", { className: hitCountRoundedRectangleClass.join(" ") }, 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 }
+    }
+  ));
+};
+
+export { CodeRow };
+//# sourceMappingURL=CodeRow.esm.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,89 @@
+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';
+import { highlightLines } from './Highlighter.esm.js';
+import { Progress, ResponseErrorPanel } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+
+const useStyles = makeStyles((theme) => ({
+  paper: {
+    margin: "auto",
+    top: "2em",
+    width: "80%",
+    border: `2px solid ${theme.palette.common.black}`,
+    boxShadow: theme.shadows[5],
+    padding: theme.spacing(2, 4, 3),
+    overflow: "scroll"
+  },
+  coverageFileViewTable: {
+    borderSpacing: "0px",
+    width: "80%",
+    marginTop: theme.spacing(2)
+  }
+}));
+const FormattedLines = ({
+  highlightedLines,
+  lineHits
+}) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, highlightedLines.map((lineContent, idx) => {
+    const line = idx + 1;
+    return /* @__PURE__ */ React.createElement(
+      CodeRow,
+      {
+        key: line,
+        lineNumber: line,
+        lineContent,
+        lineHits: lineHits[line]
+      }
+    );
+  }));
+};
+const FileContent = ({ filename, coverage }) => {
+  const { entity } = useEntity();
+  const codeCoverageApi = useApi(codeCoverageApiRef);
+  const { loading, error, value } = useAsync(
+    async () => await codeCoverageApi.getFileContentFromEntity(
+      {
+        kind: entity.kind,
+        namespace: entity.metadata.namespace || "default",
+        name: entity.metadata.name
+      },
+      filename
+    ),
+    [entity]
+  );
+  const classes = useStyles();
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  if (!value) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "warning" }, "Unable to retrieve file content for ", filename);
+  }
+  const [language] = filename.split(".").slice(-1);
+  const highlightedLines = highlightLines(language, value.split("\n"));
+  const lineHits = Object.entries(coverage.lineHits).reduce(
+    (acc, next) => {
+      acc[next[0]] = next[1];
+      return acc;
+    },
+    {}
+  );
+  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(
+    FormattedLines,
+    {
+      highlightedLines,
+      lineHits
+    }
+  ))));
+};
+
+export { FileContent };
+//# sourceMappingURL=FileContent.esm.js.map

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

@@ -0,0 +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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"}