@backstage-community/plugin-lighthouse 0.4.20 → 0.4.22

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @backstage-community/plugin-lighthouse
 
+## 0.4.22
+
+### Patch Changes
+
+- 0ba8b43: Backstage version bump to v1.30.2
+- Updated dependencies [0ba8b43]
+  - @backstage-community/plugin-lighthouse-common@0.1.8
+
+## 0.4.21
+
+### Patch Changes
+
+- e71dda0: version:bump to v1.29.1
+- Updated dependencies [e71dda0]
+  - @backstage-community/plugin-lighthouse-common@0.1.7
+
 ## 0.4.20
 
 ### Patch Changes

package/dist/Router.esm.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Routes, Route } from 'react-router-dom';
+import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
+import AuditList from './components/AuditList/index.esm.js';
+import ConnectedAuditView, { AuditViewContent } from './components/AuditView/index.esm.js';
+import CreateAudit, { CreateAuditContent } from './components/CreateAudit/index.esm.js';
+import { LIGHTHOUSE_WEBSITE_URL_ANNOTATION } from './constants.esm.js';
+import { AuditListForEntity } from './components/AuditList/AuditListForEntity.esm.js';
+
+const isLighthouseAvailable = (entity) => Boolean(entity.metadata.annotations?.[LIGHTHOUSE_WEBSITE_URL_ANNOTATION]);
+const Router = () => /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(AuditList, null) }), /* @__PURE__ */ React.createElement(Route, { path: "/audit/:id", element: /* @__PURE__ */ React.createElement(ConnectedAuditView, null) }), /* @__PURE__ */ React.createElement(Route, { path: "/create-audit", element: /* @__PURE__ */ React.createElement(CreateAudit, null) }));
+const EmbeddedRouter = () => {
+  const { entity } = useEntity();
+  if (!isLighthouseAvailable(entity)) {
+    return /* @__PURE__ */ React.createElement(
+      MissingAnnotationEmptyState,
+      {
+        annotation: LIGHTHOUSE_WEBSITE_URL_ANNOTATION
+      }
+    );
+  }
+  return /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(AuditListForEntity, null) }), /* @__PURE__ */ React.createElement(Route, { path: "/audit/:id", element: /* @__PURE__ */ React.createElement(AuditViewContent, null) }), /* @__PURE__ */ React.createElement(Route, { path: "/create-audit", element: /* @__PURE__ */ React.createElement(CreateAuditContent, null) }));
+};
+
+export { EmbeddedRouter, Router, isLighthouseAvailable };
+//# sourceMappingURL=Router.esm.js.map

package/dist/Router.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.esm.js","sources":["../src/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 { Route, Routes } from 'react-router-dom';\nimport {\n  useEntity,\n  MissingAnnotationEmptyState,\n} from '@backstage/plugin-catalog-react';\nimport AuditList from './components/AuditList';\nimport AuditView, { AuditViewContent } from './components/AuditView';\nimport CreateAudit, { CreateAuditContent } from './components/CreateAudit';\nimport { Entity } from '@backstage/catalog-model';\nimport { LIGHTHOUSE_WEBSITE_URL_ANNOTATION } from '../constants';\nimport { AuditListForEntity } from './components/AuditList/AuditListForEntity';\n\n/** @public */\nexport const isLighthouseAvailable = (entity: Entity) =>\n  Boolean(entity.metadata.annotations?.[LIGHTHOUSE_WEBSITE_URL_ANNOTATION]);\n\n/** @public */\nexport const Router = () => (\n  <Routes>\n    <Route path=\"/\" element={<AuditList />} />\n    <Route path=\"/audit/:id\" element={<AuditView />} />\n    <Route path=\"/create-audit\" element={<CreateAudit />} />\n  </Routes>\n);\n\n/** @public */\nexport const EmbeddedRouter = () => {\n  const { entity } = useEntity();\n\n  if (!isLighthouseAvailable(entity)) {\n    return (\n      <MissingAnnotationEmptyState\n        annotation={LIGHTHOUSE_WEBSITE_URL_ANNOTATION}\n      />\n    );\n  }\n\n  return (\n    <Routes>\n      <Route path=\"/\" element={<AuditListForEntity />} />\n      <Route path=\"/audit/:id\" element={<AuditViewContent />} />\n      <Route path=\"/create-audit\" element={<CreateAuditContent />} />\n    </Routes>\n  );\n};\n"],"names":["AuditView"],"mappings":";;;;;;;;;AA8Ba,MAAA,qBAAA,GAAwB,CAAC,MACpC,KAAA,OAAA,CAAQ,OAAO,QAAS,CAAA,WAAA,GAAc,iCAAiC,CAAC,EAAA;AAGnE,MAAM,MAAS,GAAA,sBACnB,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAU,EAAA,IAAA,CAAA,EAAI,mBACvC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAK,EAAA,YAAA,EAAa,OAAS,kBAAA,KAAA,CAAA,aAAA,CAACA,kBAAU,EAAA,IAAA,CAAA,EAAI,CACjD,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,eAAgB,EAAA,OAAA,kBAAU,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAY,GAAI,CACxD,EAAA;AAIK,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAE7B,EAAI,IAAA,CAAC,qBAAsB,CAAA,MAAM,CAAG,EAAA;AAClC,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,UAAY,EAAA,iCAAA;AAAA,OAAA;AAAA,KACd,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,KAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,IAAA,CAAA,EAAI,CACjD,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,YAAa,EAAA,OAAA,kBAAU,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,CAAI,EAAA,CAAA,kBACvD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAK,EAAA,eAAA,EAAgB,OAAS,kBAAA,KAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,IAAA,CAAA,EAAI,CAC/D,CAAA,CAAA;AAEJ;;;;"}

package/dist/api.esm.js

@@ -0,0 +1,8 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const lighthouseApiRef = createApiRef({
+  id: "plugin.lighthouse.service"
+});
+
+export { lighthouseApiRef };
+//# 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 { createApiRef } from '@backstage/core-plugin-api';\nimport { LighthouseApi } from '@backstage-community/plugin-lighthouse-common';\n\n/** @public */\nexport const lighthouseApiRef = createApiRef<LighthouseApi>({\n  id: 'plugin.lighthouse.service',\n});\n"],"names":[],"mappings":";;AAoBO,MAAM,mBAAmB,YAA4B,CAAA;AAAA,EAC1D,EAAI,EAAA,2BAAA;AACN,CAAC;;;;"}

package/dist/components/AuditList/AuditListForEntity.esm.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { AuditListTable } from './AuditListTable.esm.js';
+import { useWebsiteForEntity } from '../../hooks/useWebsiteForEntity.esm.js';
+import { LIGHTHOUSE_WEBSITE_URL_ANNOTATION } from '../../constants.esm.js';
+import { WarningPanel, InfoCard, Content, ContentHeader, Progress } from '@backstage/core-components';
+import Button from '@material-ui/core/Button';
+import { useNavigate, resolvePath } from 'react-router-dom';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { rootRouteRef } from '../../plugin.esm.js';
+import LighthouseSupportButton from '../SupportButton/index.esm.js';
+
+const AuditListForEntity = () => {
+  const { value, loading, error } = useWebsiteForEntity();
+  const { entity } = useEntity();
+  const navigate = useNavigate();
+  const fromPath = useRouteRef(rootRouteRef)?.() ?? "../";
+  let createAuditButtonUrl = "create-audit";
+  const websiteUrl = entity.metadata.annotations?.[LIGHTHOUSE_WEBSITE_URL_ANNOTATION] ?? "";
+  if (websiteUrl) {
+    createAuditButtonUrl += `?url=${encodeURIComponent(websiteUrl)}`;
+  }
+  let content = null;
+  content = /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Latest Audit" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "contained",
+      color: "primary",
+      onClick: () => navigate(resolvePath(createAuditButtonUrl, fromPath))
+    },
+    "Create New Audit"
+  ), /* @__PURE__ */ React.createElement(LighthouseSupportButton, null)), /* @__PURE__ */ React.createElement(AuditListTable, { items: value ? [value] : [] }));
+  if (loading) {
+    content = /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error && !error.message.includes("no audited website found for url")) {
+    content = /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load audit list." }, error.message);
+  }
+  return /* @__PURE__ */ React.createElement(InfoCard, { noPadding: true }, content);
+};
+
+export { AuditListForEntity };
+//# sourceMappingURL=AuditListForEntity.esm.js.map

package/dist/components/AuditList/AuditListForEntity.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditListForEntity.esm.js","sources":["../../../src/components/AuditList/AuditListForEntity.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, { ReactNode } from 'react';\nimport { AuditListTable } from './AuditListTable';\nimport { useWebsiteForEntity } from '../../hooks/useWebsiteForEntity';\nimport { LIGHTHOUSE_WEBSITE_URL_ANNOTATION } from '../../../constants';\nimport {\n  Content,\n  ContentHeader,\n  InfoCard,\n  Progress,\n  WarningPanel,\n} from '@backstage/core-components';\nimport Button from '@material-ui/core/Button';\nimport { resolvePath, useNavigate } from 'react-router-dom';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { rootRouteRef } from '../../plugin';\nimport LighthouseSupportButton from '../SupportButton';\n\nexport const AuditListForEntity = () => {\n  const { value, loading, error } = useWebsiteForEntity();\n  const { entity } = useEntity();\n  const navigate = useNavigate();\n  const fromPath = useRouteRef(rootRouteRef)?.() ?? '../';\n\n  let createAuditButtonUrl = 'create-audit';\n  const websiteUrl =\n    entity.metadata.annotations?.[LIGHTHOUSE_WEBSITE_URL_ANNOTATION] ?? '';\n  if (websiteUrl) {\n    createAuditButtonUrl += `?url=${encodeURIComponent(websiteUrl)}`;\n  }\n\n  let content: ReactNode = null;\n  content = (\n    <Content>\n      <ContentHeader title=\"Latest Audit\">\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => navigate(resolvePath(createAuditButtonUrl, fromPath))}\n        >\n          Create New Audit\n        </Button>\n        <LighthouseSupportButton />\n      </ContentHeader>\n      <AuditListTable items={value ? [value] : []} />\n    </Content>\n  );\n\n  if (loading) {\n    content = <Progress />;\n  }\n  if (error && !error.message.includes('no audited website found for url')) {\n    // We only want to display this warning panel when its caused by an error other than no audits for the website\n    content = (\n      <WarningPanel severity=\"error\" title=\"Could not load audit list.\">\n        {error.message}\n      </WarningPanel>\n    );\n  }\n\n  return <InfoCard noPadding>{content}</InfoCard>;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAiCO,MAAM,qBAAqB,MAAM;AACtC,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,KAAU,mBAAoB,EAAA,CAAA;AACtD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAA,MAAM,QAAW,GAAA,WAAA,CAAY,YAAY,CAAA,IAAS,IAAA,KAAA,CAAA;AAElD,EAAA,IAAI,oBAAuB,GAAA,cAAA,CAAA;AAC3B,EAAA,MAAM,UACJ,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,iCAAiC,CAAK,IAAA,EAAA,CAAA;AACtE,EAAA,IAAI,UAAY,EAAA;AACd,IAAwB,oBAAA,IAAA,CAAA,KAAA,EAAQ,kBAAmB,CAAA,UAAU,CAAC,CAAA,CAAA,CAAA;AAAA,GAChE;AAEA,EAAA,IAAI,OAAqB,GAAA,IAAA,CAAA;AACzB,EAAA,OAAA,mBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAM,cACnB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,KAAM,EAAA,SAAA;AAAA,MACN,SAAS,MAAM,QAAA,CAAS,WAAY,CAAA,oBAAA,EAAsB,QAAQ,CAAC,CAAA;AAAA,KAAA;AAAA,IACpE,kBAAA;AAAA,GAGD,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,IAAA,CAC3B,mBACC,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,KAAO,EAAA,KAAA,GAAQ,CAAC,KAAK,CAAI,GAAA,IAAI,CAC/C,CAAA,CAAA;AAGF,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,OAAA,uCAAW,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACtB;AACA,EAAA,IAAI,SAAS,CAAC,KAAA,CAAM,OAAQ,CAAA,QAAA,CAAS,kCAAkC,CAAG,EAAA;AAExE,IAAA,OAAA,uCACG,YAAa,EAAA,EAAA,QAAA,EAAS,SAAQ,KAAM,EAAA,4BAAA,EAAA,EAClC,MAAM,OACT,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAS,EAAA,IAAA,EAAA,EAAE,OAAQ,CAAA,CAAA;AACtC;;;;"}

package/dist/components/AuditList/AuditListTable.esm.js

@@ -0,0 +1,92 @@
+import React, { useState, useEffect } from 'react';
+import Typography from '@material-ui/core/Typography';
+import { lighthouseApiRef } from '../../api.esm.js';
+import useInterval from 'react-use/esm/useInterval';
+import { buildSparklinesDataForItem, CATEGORIES, CATEGORY_LABELS, formatTime } from '../../utils.esm.js';
+import { generatePath } from 'react-router-dom';
+import AuditStatusIcon from '../AuditStatusIcon/index.esm.js';
+import { TrendLine, Link, Table } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+
+const columns = [
+  {
+    title: "Website URL",
+    field: "websiteUrl"
+  },
+  ...CATEGORIES.map((category) => ({
+    title: CATEGORY_LABELS[category],
+    field: category
+  })),
+  {
+    title: "Last Report",
+    field: "lastReport",
+    cellStyle: {
+      whiteSpace: "nowrap"
+    }
+  },
+  {
+    title: "Last Audit Triggered",
+    field: "lastAuditTriggered",
+    cellStyle: {
+      minWidth: 120
+    }
+  }
+];
+const AuditListTable = ({ items }) => {
+  const [websiteState, setWebsiteState] = useState(items);
+  const lighthouseApi = useApi(lighthouseApiRef);
+  useEffect(() => {
+    setWebsiteState(items);
+  }, [items]);
+  const runRefresh = (websites) => {
+    websites.forEach(async (website) => {
+      const response = await lighthouseApi.getWebsiteForAuditId(
+        website.lastAudit.id
+      );
+      const auditStatus = response.lastAudit.status;
+      if (auditStatus === "COMPLETED" || auditStatus === "FAILED") {
+        const newWebsiteData = websiteState.slice(0);
+        newWebsiteData[newWebsiteData.findIndex((w) => w.url === response.url)] = response;
+        setWebsiteState(newWebsiteData);
+      }
+    });
+  };
+  const runningWebsiteAudits = websiteState ? websiteState.filter((website) => website.lastAudit.status === "RUNNING") : [];
+  useInterval(
+    () => runRefresh(runningWebsiteAudits),
+    runningWebsiteAudits.length > 0 ? 5e3 : null
+  );
+  const data = websiteState.map((website) => {
+    const trendlineData = buildSparklinesDataForItem(website);
+    const trendlines = {};
+    CATEGORIES.forEach((category) => {
+      trendlines[category] = /* @__PURE__ */ React.createElement(
+        TrendLine,
+        {
+          title: `trendline for ${CATEGORY_LABELS[category]} category of ${website.url}`,
+          data: trendlineData[category] || []
+        }
+      );
+    });
+    return {
+      websiteUrl: /* @__PURE__ */ React.createElement(Link, { to: generatePath("audit/:id", { id: website.lastAudit.id }) }, website.url),
+      ...trendlines,
+      lastReport: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AuditStatusIcon, { audit: website.lastAudit }), " ", /* @__PURE__ */ React.createElement(Typography, { component: "span" }, website.lastAudit.status.toLocaleUpperCase("en-US"))),
+      lastAuditTriggered: formatTime(website.lastAudit.timeCreated)
+    };
+  });
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      options: {
+        paging: false,
+        toolbar: false
+      },
+      columns,
+      data
+    }
+  );
+};
+
+export { AuditListTable, AuditListTable as default };
+//# sourceMappingURL=AuditListTable.esm.js.map

package/dist/components/AuditList/AuditListTable.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditListTable.esm.js","sources":["../../../src/components/AuditList/AuditListTable.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, { useState, useEffect } from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport { Website } from '@backstage-community/plugin-lighthouse-common';\nimport { lighthouseApiRef } from '../../api';\nimport useInterval from 'react-use/esm/useInterval';\nimport {\n  formatTime,\n  CATEGORIES,\n  CATEGORY_LABELS,\n  buildSparklinesDataForItem,\n} from '../../utils';\nimport { generatePath } from 'react-router-dom';\nimport AuditStatusIcon from '../AuditStatusIcon';\n\nimport {\n  Link,\n  Table,\n  TableColumn,\n  TrendLine,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nconst columns: TableColumn[] = [\n  {\n    title: 'Website URL',\n    field: 'websiteUrl',\n  },\n  ...CATEGORIES.map(category => ({\n    title: CATEGORY_LABELS[category],\n    field: category,\n  })),\n  {\n    title: 'Last Report',\n    field: 'lastReport',\n    cellStyle: {\n      whiteSpace: 'nowrap',\n    },\n  },\n  {\n    title: 'Last Audit Triggered',\n    field: 'lastAuditTriggered',\n    cellStyle: {\n      minWidth: 120,\n    },\n  },\n];\n\nexport const AuditListTable = ({ items }: { items: Website[] }) => {\n  const [websiteState, setWebsiteState] = useState(items);\n  const lighthouseApi = useApi(lighthouseApiRef);\n\n  useEffect(() => {\n    setWebsiteState(items);\n  }, [items]);\n\n  const runRefresh = (websites: Website[]) => {\n    websites.forEach(async website => {\n      const response = await lighthouseApi.getWebsiteForAuditId(\n        website.lastAudit.id,\n      );\n      const auditStatus = response.lastAudit.status;\n      if (auditStatus === 'COMPLETED' || auditStatus === 'FAILED') {\n        const newWebsiteData = websiteState.slice(0);\n        newWebsiteData[newWebsiteData.findIndex(w => w.url === response.url)] =\n          response;\n        setWebsiteState(newWebsiteData);\n      }\n    });\n  };\n\n  const runningWebsiteAudits = websiteState\n    ? websiteState.filter(website => website.lastAudit.status === 'RUNNING')\n    : [];\n\n  useInterval(\n    () => runRefresh(runningWebsiteAudits),\n    runningWebsiteAudits.length > 0 ? 5000 : null,\n  );\n\n  const data = websiteState.map(website => {\n    const trendlineData = buildSparklinesDataForItem(website);\n    const trendlines: any = {};\n    CATEGORIES.forEach(category => {\n      trendlines[category] = (\n        <TrendLine\n          title={`trendline for ${CATEGORY_LABELS[category]} category of ${website.url}`}\n          data={trendlineData[category] || []}\n        />\n      );\n    });\n\n    return {\n      websiteUrl: (\n        <Link to={generatePath('audit/:id', { id: website.lastAudit.id })}>\n          {website.url}\n        </Link>\n      ),\n      ...trendlines,\n      lastReport: (\n        <>\n          <AuditStatusIcon audit={website.lastAudit} />{' '}\n          <Typography component=\"span\">\n            {website.lastAudit.status.toLocaleUpperCase('en-US')}\n          </Typography>\n        </>\n      ),\n      lastAuditTriggered: formatTime(website.lastAudit.timeCreated),\n    };\n  });\n\n  return (\n    <Table\n      options={{\n        paging: false,\n        toolbar: false,\n      }}\n      columns={columns}\n      data={data}\n    />\n  );\n};\n\nexport default AuditListTable;\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,83 @@
+import Button from '@material-ui/core/Button';
+import Grid from '@material-ui/core/Grid';
+import Pagination from '@material-ui/lab/Pagination';
+import React, { useState, useMemo } from 'react';
+import { useNavigate } from 'react-router-dom';
+import useAsync from 'react-use/esm/useAsync';
+import useLocalStorage from 'react-use/esm/useLocalStorage';
+import { lighthouseApiRef } from '../../api.esm.js';
+import { useQuery } from '../../utils.esm.js';
+import LighthouseIntro, { LIGHTHOUSE_INTRO_LOCAL_STORAGE } from '../Intro/index.esm.js';
+import LighthouseSupportButton from '../SupportButton/index.esm.js';
+import { AuditListTable } from './AuditListTable.esm.js';
+import { WarningPanel, Page, Header, HeaderLabel, Content, ContentHeader, InfoCard, Progress } from '@backstage/core-components';
+import { useApi } from '@backstage/core-plugin-api';
+
+const LIMIT = 10;
+const AuditList = () => {
+  const [dismissedStored] = useLocalStorage(
+    LIGHTHOUSE_INTRO_LOCAL_STORAGE
+  );
+  const [dismissed, setDismissed] = useState(dismissedStored);
+  const query = useQuery();
+  const page = query.get("page") ? parseInt(query.get("page"), 10) || 1 : 1;
+  const lighthouseApi = useApi(lighthouseApiRef);
+  const { value, loading, error } = useAsync(
+    async () => await lighthouseApi.getWebsiteList({
+      limit: LIMIT,
+      offset: (page - 1) * LIMIT
+    }),
+    [page]
+  );
+  const pageCount = useMemo(() => {
+    if (value?.total && value?.limit)
+      return Math.ceil(value?.total / value?.limit);
+    return 0;
+  }, [value?.total, value?.limit]);
+  const navigate = useNavigate();
+  let content = null;
+  if (value) {
+    content = /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AuditListTable, { items: value?.items || [] }), pageCount > 1 && /* @__PURE__ */ React.createElement(
+      Pagination,
+      {
+        page,
+        count: pageCount,
+        onChange: (_event, newPage) => {
+          navigate(`?page=${newPage}`);
+        }
+      }
+    ));
+  } else if (loading) {
+    content = /* @__PURE__ */ React.createElement(Progress, null);
+  } else if (error) {
+    content = /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load audit list." }, error.message);
+  }
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(
+    Header,
+    {
+      title: "Lighthouse",
+      subtitle: "Website audits powered by Lighthouse"
+    },
+    /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Owner", value: "Spotify" }),
+    /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Lifecycle", value: "Alpha" })
+  ), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(LighthouseIntro, { onDismiss: () => setDismissed(true) }), /* @__PURE__ */ React.createElement(
+    ContentHeader,
+    {
+      title: "Audits",
+      description: "View all audits run for your website through Backstage here. Track the trend of your most recent audits."
+    },
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "contained",
+        color: "primary",
+        onClick: () => navigate("create-audit")
+      },
+      "Create Audit"
+    ),
+    dismissed && /* @__PURE__ */ React.createElement(LighthouseSupportButton, null)
+  ), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(InfoCard, { noPadding: true }, content)))));
+};
+
+export { LIMIT, AuditList as default };
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/AuditList/index.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 Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\nimport Pagination from '@material-ui/lab/Pagination';\nimport React, { ChangeEvent, ReactNode, useMemo, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport useAsync from 'react-use/esm/useAsync';\nimport useLocalStorage from 'react-use/esm/useLocalStorage';\nimport { lighthouseApiRef } from '../../api';\nimport { useQuery } from '../../utils';\nimport LighthouseIntro, { LIGHTHOUSE_INTRO_LOCAL_STORAGE } from '../Intro';\nimport LighthouseSupportButton from '../SupportButton';\nimport AuditListTable from './AuditListTable';\n\nimport {\n  Content,\n  ContentHeader,\n  Header,\n  HeaderLabel,\n  InfoCard,\n  Page,\n  Progress,\n  WarningPanel,\n} from '@backstage/core-components';\n\nimport { useApi } from '@backstage/core-plugin-api';\n\n// TODO(freben): move all of this out of index\n\nexport const LIMIT = 10;\n\nconst AuditList = () => {\n  const [dismissedStored] = useLocalStorage<boolean>(\n    LIGHTHOUSE_INTRO_LOCAL_STORAGE,\n  );\n  const [dismissed, setDismissed] = useState(dismissedStored);\n\n  const query = useQuery();\n  const page = query.get('page')\n    ? parseInt(query.get('page') as string, 10) || 1\n    : 1;\n\n  const lighthouseApi = useApi(lighthouseApiRef);\n  const { value, loading, error } = useAsync(\n    async () =>\n      await lighthouseApi.getWebsiteList({\n        limit: LIMIT,\n        offset: (page - 1) * LIMIT,\n      }),\n    [page],\n  );\n\n  const pageCount: number = useMemo(() => {\n    if (value?.total && value?.limit)\n      return Math.ceil(value?.total / value?.limit);\n    return 0;\n  }, [value?.total, value?.limit]);\n\n  const navigate = useNavigate();\n\n  let content: ReactNode = null;\n  if (value) {\n    content = (\n      <>\n        <AuditListTable items={value?.items || []} />\n        {pageCount > 1 && (\n          <Pagination\n            page={page}\n            count={pageCount}\n            onChange={(_event: ChangeEvent<unknown>, newPage: number) => {\n              navigate(`?page=${newPage}`);\n            }}\n          />\n        )}\n      </>\n    );\n  } else if (loading) {\n    content = <Progress />;\n  } else if (error) {\n    content = (\n      <WarningPanel severity=\"error\" title=\"Could not load audit list.\">\n        {error.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <Page themeId=\"tool\">\n      <Header\n        title=\"Lighthouse\"\n        subtitle=\"Website audits powered by Lighthouse\"\n      >\n        <HeaderLabel label=\"Owner\" value=\"Spotify\" />\n        <HeaderLabel label=\"Lifecycle\" value=\"Alpha\" />\n      </Header>\n      <Content>\n        <LighthouseIntro onDismiss={() => setDismissed(true)} />\n        <ContentHeader\n          title=\"Audits\"\n          description=\"View all audits run for your website through Backstage here. Track the trend of your most recent audits.\"\n        >\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={() => navigate('create-audit')}\n          >\n            Create Audit\n          </Button>\n          {dismissed && <LighthouseSupportButton />}\n        </ContentHeader>\n        <Grid container spacing={3} direction=\"column\">\n          <Grid item>\n            <InfoCard noPadding>{content}</InfoCard>\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n\nexport default AuditList;\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StatusError, StatusOK, StatusPending } from '@backstage/core-components';
+
+const AuditStatusIcon = ({ audit }) => {
+  if (audit.status === "FAILED") return /* @__PURE__ */ React.createElement(StatusError, null);
+  if (audit.status === "COMPLETED") return /* @__PURE__ */ React.createElement(StatusOK, null);
+  return /* @__PURE__ */ React.createElement(StatusPending, null);
+};
+
+export { AuditStatusIcon as default };
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/AuditStatusIcon/index.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 { Audit } from '@backstage-community/plugin-lighthouse-common';\nimport {\n  StatusError,\n  StatusOK,\n  StatusPending,\n} from '@backstage/core-components';\n\n// TODO(freben): move all of this out of index\n\nconst AuditStatusIcon = ({ audit }: { audit: Audit }) => {\n  if (audit.status === 'FAILED') return <StatusError />;\n  if (audit.status === 'COMPLETED') return <StatusOK />;\n  return <StatusPending />;\n};\n\nexport default AuditStatusIcon;\n"],"names":[],"mappings":";;;AA0BA,MAAM,eAAkB,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AACvD,EAAA,IAAI,KAAM,CAAA,MAAA,KAAW,QAAU,EAAA,2CAAQ,WAAY,EAAA,IAAA,CAAA,CAAA;AACnD,EAAA,IAAI,KAAM,CAAA,MAAA,KAAW,WAAa,EAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AACnD,EAAA,2CAAQ,aAAc,EAAA,IAAA,CAAA,CAAA;AACxB;;;;"}

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

@@ -0,0 +1,135 @@
+import Button from '@material-ui/core/Button';
+import Grid from '@material-ui/core/Grid';
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemIcon from '@material-ui/core/ListItemIcon';
+import ListItemText from '@material-ui/core/ListItemText';
+import { makeStyles } from '@material-ui/core/styles';
+import Alert from '@material-ui/lab/Alert';
+import React, { useState, useEffect } from 'react';
+import { useParams, useNavigate, resolvePath, Link, generatePath } from 'react-router-dom';
+import useAsync from 'react-use/esm/useAsync';
+import { lighthouseApiRef } from '../../api.esm.js';
+import { formatTime } from '../../utils.esm.js';
+import AuditStatusIcon from '../AuditStatusIcon/index.esm.js';
+import LighthouseSupportButton from '../SupportButton/index.esm.js';
+import { ContentHeader, Page, Header, HeaderLabel, Content, Progress, InfoCard } from '@backstage/core-components';
+import { useApi, useRouteRef } from '@backstage/core-plugin-api';
+import { rootRouteRef } from '../../plugin.esm.js';
+
+const useStyles = makeStyles({
+  contentGrid: {
+    height: "100%"
+  },
+  iframe: {
+    border: "0",
+    width: "100%",
+    height: "100%"
+  },
+  errorOutput: { whiteSpace: "pre" }
+});
+const AuditLinkList = ({ audits = [], selectedId }) => {
+  const fromPath = useRouteRef(rootRouteRef)?.() ?? "../";
+  return /* @__PURE__ */ React.createElement(
+    List,
+    {
+      "data-testid": "audit-sidebar",
+      component: "nav",
+      "aria-label": "lighthouse audit history"
+    },
+    audits.map((audit) => /* @__PURE__ */ React.createElement(
+      ListItem,
+      {
+        key: audit.id,
+        selected: audit.id === selectedId,
+        button: true,
+        component: Link,
+        replace: true,
+        to: resolvePath(
+          generatePath("audit/:id", { id: audit.id }),
+          fromPath
+        )
+      },
+      /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(AuditStatusIcon, { audit })),
+      /* @__PURE__ */ React.createElement(ListItemText, { primary: formatTime(audit.timeCreated) })
+    ))
+  );
+};
+const AuditView = ({ audit }) => {
+  const classes = useStyles();
+  const params = useParams();
+  const { url: lighthouseUrl } = useApi(lighthouseApiRef);
+  if (audit?.status === "RUNNING") return /* @__PURE__ */ React.createElement(Progress, null);
+  if (audit?.status === "FAILED")
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "This audit failed when attempting to run after several retries. Check that your instance of lighthouse-audit-service can successfully connect to your website and try again.");
+  return /* @__PURE__ */ React.createElement(InfoCard, { variant: "fullHeight" }, /* @__PURE__ */ React.createElement(
+    "iframe",
+    {
+      className: classes.iframe,
+      title: `Lighthouse audit${audit?.url ? ` for ${audit.url}` : ""}`,
+      src: `${lighthouseUrl}/v1/audits/${encodeURIComponent(params.id)}`
+    }
+  ));
+};
+const AuditViewContent = () => {
+  const lighthouseApi = useApi(lighthouseApiRef);
+  const fromPath = useRouteRef(rootRouteRef)?.() ?? "../";
+  const params = useParams();
+  const classes = useStyles();
+  const navigate = useNavigate();
+  const {
+    loading,
+    error,
+    value: nextValue
+  } = useAsync(
+    async () => await lighthouseApi.getWebsiteForAuditId(params.id),
+    [params.id]
+  );
+  const [value, setValue] = useState();
+  useEffect(() => {
+    if (!!nextValue && nextValue.url !== value?.url) {
+      setValue(nextValue);
+    }
+  }, [value, nextValue, setValue]);
+  let content = null;
+  if (value) {
+    content = /* @__PURE__ */ React.createElement(Grid, { container: true, alignItems: "stretch", className: classes.contentGrid }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(AuditLinkList, { audits: value?.audits, selectedId: params.id })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 9 }, /* @__PURE__ */ React.createElement(AuditView, { audit: value?.audits.find((a) => a.id === params.id) })));
+  } else if (loading) {
+    content = /* @__PURE__ */ React.createElement(Progress, null);
+  } else if (error) {
+    content = /* @__PURE__ */ React.createElement(
+      Alert,
+      {
+        "data-testid": "error-message",
+        severity: "error",
+        className: classes.errorOutput
+      },
+      error.message
+    );
+  }
+  let createAuditButtonUrl = "create-audit";
+  if (value?.url) {
+    createAuditButtonUrl += `?url=${encodeURIComponent(value.url)}`;
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    ContentHeader,
+    {
+      title: value?.url || "Audit",
+      description: "See a history of all Lighthouse audits for your website run through Backstage."
+    },
+    /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "contained",
+        color: "primary",
+        onClick: () => navigate(resolvePath(createAuditButtonUrl, fromPath))
+      },
+      "Create New Audit"
+    ),
+    /* @__PURE__ */ React.createElement(LighthouseSupportButton, null)
+  ), content);
+};
+const ConnectedAuditView = () => /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: "Lighthouse", subtitle: "Website audits powered by Lighthouse" }, /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Owner", value: "Spotify" }), /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Lifecycle", value: "Alpha" })), /* @__PURE__ */ React.createElement(Content, { stretch: true }, /* @__PURE__ */ React.createElement(AuditViewContent, null)));
+
+export { AuditViewContent, ConnectedAuditView as default };
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/AuditView/index.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 Button from '@material-ui/core/Button';\nimport Grid from '@material-ui/core/Grid';\nimport List from '@material-ui/core/List';\nimport ListItem from '@material-ui/core/ListItem';\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\nimport ListItemText from '@material-ui/core/ListItemText';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Alert from '@material-ui/lab/Alert';\nimport React, { ReactNode, useEffect, useState } from 'react';\nimport {\n  generatePath,\n  Link,\n  resolvePath,\n  useNavigate,\n  useParams,\n} from 'react-router-dom';\nimport useAsync from 'react-use/esm/useAsync';\nimport { Audit, Website } from '@backstage-community/plugin-lighthouse-common';\nimport { lighthouseApiRef } from '../../api';\nimport { formatTime } from '../../utils';\nimport AuditStatusIcon from '../AuditStatusIcon';\nimport LighthouseSupportButton from '../SupportButton';\n\nimport {\n  Content,\n  ContentHeader,\n  Header,\n  HeaderLabel,\n  InfoCard,\n  Page,\n  Progress,\n} from '@backstage/core-components';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { rootRouteRef } from '../../plugin';\n\n// TODO(freben): move all of this out of index\n\nconst useStyles = makeStyles({\n  contentGrid: {\n    height: '100%',\n  },\n  iframe: {\n    border: '0',\n    width: '100%',\n    height: '100%',\n  },\n  errorOutput: { whiteSpace: 'pre' },\n});\n\ninterface AuditLinkListProps {\n  audits?: Audit[];\n  selectedId: string;\n}\nconst AuditLinkList = ({ audits = [], selectedId }: AuditLinkListProps) => {\n  const fromPath = useRouteRef(rootRouteRef)?.() ?? '../';\n  return (\n    <List\n      data-testid=\"audit-sidebar\"\n      component=\"nav\"\n      aria-label=\"lighthouse audit history\"\n    >\n      {audits.map(audit => (\n        <ListItem\n          key={audit.id}\n          selected={audit.id === selectedId}\n          button\n          component={Link}\n          replace\n          to={resolvePath(\n            generatePath('audit/:id', { id: audit.id }),\n            fromPath,\n          )}\n        >\n          <ListItemIcon>\n            <AuditStatusIcon audit={audit} />\n          </ListItemIcon>\n          <ListItemText primary={formatTime(audit.timeCreated)} />\n        </ListItem>\n      ))}\n    </List>\n  );\n};\n\nconst AuditView = ({ audit }: { audit?: Audit }) => {\n  const classes = useStyles();\n  const params = useParams() as { id: string };\n  const { url: lighthouseUrl } = useApi(lighthouseApiRef);\n\n  if (audit?.status === 'RUNNING') return <Progress />;\n  if (audit?.status === 'FAILED')\n    return (\n      <Alert severity=\"error\">\n        This audit failed when attempting to run after several retries. Check\n        that your instance of lighthouse-audit-service can successfully connect\n        to your website and try again.\n      </Alert>\n    );\n\n  return (\n    <InfoCard variant=\"fullHeight\">\n      <iframe\n        className={classes.iframe}\n        title={`Lighthouse audit${audit?.url ? ` for ${audit.url}` : ''}`}\n        src={`${lighthouseUrl}/v1/audits/${encodeURIComponent(params.id)}`}\n      />\n    </InfoCard>\n  );\n};\n\nexport const AuditViewContent = () => {\n  const lighthouseApi = useApi(lighthouseApiRef);\n  const fromPath = useRouteRef(rootRouteRef)?.() ?? '../';\n  const params = useParams() as { id: string };\n  const classes = useStyles();\n  const navigate = useNavigate();\n\n  const {\n    loading,\n    error,\n    value: nextValue,\n  } = useAsync(\n    async () => await lighthouseApi.getWebsiteForAuditId(params.id),\n    [params.id],\n  );\n  const [value, setValue] = useState<Website>();\n  useEffect(() => {\n    if (!!nextValue && nextValue.url !== value?.url) {\n      setValue(nextValue);\n    }\n  }, [value, nextValue, setValue]);\n\n  let content: ReactNode = null;\n  if (value) {\n    content = (\n      <Grid container alignItems=\"stretch\" className={classes.contentGrid}>\n        <Grid item xs={3}>\n          <AuditLinkList audits={value?.audits} selectedId={params.id} />\n        </Grid>\n        <Grid item xs={9}>\n          <AuditView audit={value?.audits.find(a => a.id === params.id)} />\n        </Grid>\n      </Grid>\n    );\n  } else if (loading) {\n    content = <Progress />;\n  } else if (error) {\n    content = (\n      <Alert\n        data-testid=\"error-message\"\n        severity=\"error\"\n        className={classes.errorOutput}\n      >\n        {error.message}\n      </Alert>\n    );\n  }\n\n  let createAuditButtonUrl = 'create-audit';\n  if (value?.url) {\n    createAuditButtonUrl += `?url=${encodeURIComponent(value.url)}`;\n  }\n\n  return (\n    <>\n      <ContentHeader\n        title={value?.url || 'Audit'}\n        description=\"See a history of all Lighthouse audits for your website run through Backstage.\"\n      >\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => navigate(resolvePath(createAuditButtonUrl, fromPath))}\n        >\n          Create New Audit\n        </Button>\n        <LighthouseSupportButton />\n      </ContentHeader>\n      {content}\n    </>\n  );\n};\n\nconst ConnectedAuditView = () => (\n  <Page themeId=\"tool\">\n    <Header title=\"Lighthouse\" subtitle=\"Website audits powered by Lighthouse\">\n      <HeaderLabel label=\"Owner\" value=\"Spotify\" />\n      <HeaderLabel label=\"Lifecycle\" value=\"Alpha\" />\n    </Header>\n    <Content stretch>\n      <AuditViewContent />\n    </Content>\n  </Page>\n);\n\nexport default ConnectedAuditView;\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import Typography from '@material-ui/core/Typography';
+import { useWebsiteForEntity } from '../../hooks/useWebsiteForEntity.esm.js';
+import AuditStatusIcon from '../AuditStatusIcon/index.esm.js';
+import { EmptyState, WarningPanel, InfoCard, StructuredMetadataTable, Progress, StatusError, StatusWarning, StatusOK } from '@backstage/core-components';
+
+const LighthouseCategoryScoreStatus = (props) => {
+  const scoreAsPercentage = Math.round(props.score * 100);
+  switch (true) {
+    case scoreAsPercentage >= 90:
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusOK, null), scoreAsPercentage, "%");
+    case (scoreAsPercentage >= 50 && scoreAsPercentage < 90):
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusWarning, null), scoreAsPercentage, "%");
+    case scoreAsPercentage < 50:
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusError, null), scoreAsPercentage, "%");
+    default:
+      return /* @__PURE__ */ React.createElement(Typography, { component: "span" }, "N/A");
+  }
+};
+const LighthouseAuditStatus = (props) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(AuditStatusIcon, { audit: props.audit }), props.audit.status.toLocaleUpperCase("en-US"));
+const LighthouseAuditSummary = (props) => {
+  const { audit, dense = false } = props;
+  const { url } = audit;
+  const flattenedCategoryData = {};
+  if (audit.status === "COMPLETED") {
+    const categories = audit.categories;
+    const categoryIds = Object.keys(categories);
+    categoryIds.forEach((id) => {
+      const { title, score } = categories[id];
+      flattenedCategoryData[title] = /* @__PURE__ */ React.createElement(LighthouseCategoryScoreStatus, { score });
+    });
+  }
+  const tableData = {
+    url,
+    status: /* @__PURE__ */ React.createElement(LighthouseAuditStatus, { audit }),
+    ...flattenedCategoryData
+  };
+  return /* @__PURE__ */ React.createElement(StructuredMetadataTable, { metadata: tableData, dense });
+};
+const LastLighthouseAuditCard = (props) => {
+  const { dense = false, variant } = props;
+  const { value: website, loading, error } = useWebsiteForEntity();
+  let content;
+  if (loading) {
+    content = /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    content = error.message.includes("no audited website found for url") ? /* @__PURE__ */ React.createElement(EmptyState, { title: "No Audits Found", missing: "data" }) : /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load audit list." }, error.message);
+  }
+  if (website) {
+    content = /* @__PURE__ */ React.createElement(LighthouseAuditSummary, { audit: website.lastAudit, dense });
+  }
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Lighthouse Audit", variant }, content);
+};
+
+export { LastLighthouseAuditCard };
+//# sourceMappingURL=LastLighthouseAuditCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LastLighthouseAuditCard.esm.js","sources":["../../../src/components/Cards/LastLighthouseAuditCard.tsx"],"sourcesContent":["/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport Typography from '@material-ui/core/Typography';\nimport {\n  Audit,\n  AuditCompleted,\n  LighthouseCategoryId,\n} from '@backstage-community/plugin-lighthouse-common';\nimport { useWebsiteForEntity } from '../../hooks/useWebsiteForEntity';\nimport AuditStatusIcon from '../AuditStatusIcon';\nimport {\n  EmptyState,\n  InfoCard,\n  InfoCardVariants,\n  Progress,\n  StatusError,\n  StatusOK,\n  StatusWarning,\n  StructuredMetadataTable,\n  WarningPanel,\n} from '@backstage/core-components';\n\nconst LighthouseCategoryScoreStatus = (props: { score: number }) => {\n  const scoreAsPercentage = Math.round(props.score * 100);\n  switch (true) {\n    case scoreAsPercentage >= 90:\n      return (\n        <>\n          <StatusOK />\n          {scoreAsPercentage}%\n        </>\n      );\n    case scoreAsPercentage >= 50 && scoreAsPercentage < 90:\n      return (\n        <>\n          <StatusWarning />\n          {scoreAsPercentage}%\n        </>\n      );\n    case scoreAsPercentage < 50:\n      return (\n        <>\n          <StatusError />\n          {scoreAsPercentage}%\n        </>\n      );\n    default:\n      return <Typography component=\"span\">N/A</Typography>;\n  }\n};\n\nconst LighthouseAuditStatus = (props: { audit: Audit }) => (\n  <>\n    <AuditStatusIcon audit={props.audit} />\n    {props.audit.status.toLocaleUpperCase('en-US')}\n  </>\n);\n\nconst LighthouseAuditSummary = (props: { audit: Audit; dense?: boolean }) => {\n  const { audit, dense = false } = props;\n  const { url } = audit;\n  const flattenedCategoryData: Record<string, React.ReactNode> = {};\n  if (audit.status === 'COMPLETED') {\n    const categories = (audit as AuditCompleted).categories;\n    const categoryIds = Object.keys(categories) as LighthouseCategoryId[];\n    categoryIds.forEach((id: LighthouseCategoryId) => {\n      const { title, score } = categories[id];\n\n      flattenedCategoryData[title] = (\n        <LighthouseCategoryScoreStatus score={score} />\n      );\n    });\n  }\n  const tableData = {\n    url,\n    status: <LighthouseAuditStatus audit={audit} />,\n    ...flattenedCategoryData,\n  };\n\n  return <StructuredMetadataTable metadata={tableData} dense={dense} />;\n};\n\n/** @public */\nexport const LastLighthouseAuditCard = (props: {\n  dense?: boolean;\n  variant?: InfoCardVariants;\n}) => {\n  const { dense = false, variant } = props;\n  const { value: website, loading, error } = useWebsiteForEntity();\n\n  let content;\n  if (loading) {\n    content = <Progress />;\n  }\n  if (error) {\n    // We only want to display this warning panel when its caused by an error other than no audits being found for the website\n    content = error.message.includes('no audited website found for url') ? (\n      <EmptyState title=\"No Audits Found\" missing=\"data\" />\n    ) : (\n      <WarningPanel severity=\"error\" title=\"Could not load audit list.\">\n        {error.message}\n      </WarningPanel>\n    );\n  }\n  if (website) {\n    content = (\n      <LighthouseAuditSummary audit={website.lastAudit} dense={dense} />\n    );\n  }\n  return (\n    <InfoCard title=\"Lighthouse Audit\" variant={variant}>\n      {content}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { LastLighthouseAuditCard } from './LastLighthouseAuditCard.esm.js';
+//# sourceMappingURL=index.esm.js.map

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

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