@backstage-community/plugin-lighthouse 0.20.0 → 0.22.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @backstage-community/plugin-lighthouse
 
+## 0.22.0
+
+### Minor Changes
+
+- 2e6c13e: Backstage version bump to v1.50.2
+
+### Patch Changes
+
+- Updated dependencies [2e6c13e]
+  - @backstage-community/plugin-lighthouse-common@0.19.0
+
+## 0.21.0
+
+### Minor Changes
+
+- 233c7f0: Backstage version bump to v1.50.1
+
+### Patch Changes
+
+- Updated dependencies [233c7f0]
+  - @backstage-community/plugin-lighthouse-common@0.18.0
+
 ## 0.20.0
 
 ### Minor Changes

package/dist/Router.esm.js.map

@@ -1 +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 { 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":";;;;;;;;;AA6Ba,MAAA,qBAAA,GAAwB,CAAC,MACpC,KAAA,OAAA,CAAQ,OAAO,QAAS,CAAA,WAAA,GAAc,iCAAiC,CAAC;AAG7D,MAAA,MAAA,GAAS,sBACpB,IAAA,CAAC,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,GAAA,CAAC,aAAU,CAAI,EAAA,CAAA;AAAA,sBACvC,KAAM,EAAA,EAAA,IAAA,EAAK,cAAa,OAAS,kBAAA,GAAA,CAACA,sBAAU,CAAI,EAAA,CAAA;AAAA,sBAChD,KAAM,EAAA,EAAA,IAAA,EAAK,iBAAgB,OAAS,kBAAA,GAAA,CAAC,eAAY,CAAI,EAAA;AAAA,CACxD,EAAA;AAIK,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAI,IAAA,CAAC,qBAAsB,CAAA,MAAM,CAAG,EAAA;AAClC,IACE,uBAAA,GAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,UAAY,EAAA;AAAA;AAAA,KACd;AAAA;AAIJ,EAAA,4BACG,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAA,GAAA,CAAC,sBAAmB,CAAI,EAAA,CAAA;AAAA,wBAChD,KAAM,EAAA,EAAA,IAAA,EAAK,cAAa,OAAS,kBAAA,GAAA,CAAC,oBAAiB,CAAI,EAAA,CAAA;AAAA,wBACvD,KAAM,EAAA,EAAA,IAAA,EAAK,iBAAgB,OAAS,kBAAA,GAAA,CAAC,sBAAmB,CAAI,EAAA;AAAA,GAC/D,EAAA,CAAA;AAEJ;;;;"}
+{"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 { 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":";;;;;;;;;AA6BO,MAAM,qBAAA,GAAwB,CAAC,MAAA,KACpC,OAAA,CAAQ,OAAO,QAAA,CAAS,WAAA,GAAc,iCAAiC,CAAC;AAGnE,MAAM,MAAA,GAAS,sBACpB,IAAA,CAAC,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,GAAA,EAAI,OAAA,kBAAS,GAAA,CAAC,aAAU,CAAA,EAAI,CAAA;AAAA,sBACvC,KAAA,EAAA,EAAM,IAAA,EAAK,cAAa,OAAA,kBAAS,GAAA,CAACA,sBAAU,CAAA,EAAI,CAAA;AAAA,sBAChD,KAAA,EAAA,EAAM,IAAA,EAAK,iBAAgB,OAAA,kBAAS,GAAA,CAAC,eAAY,CAAA,EAAI;AAAA,CAAA,EACxD;AAIK,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAE7B,EAAA,IAAI,CAAC,qBAAA,CAAsB,MAAM,CAAA,EAAG;AAClC,IAAA,uBACE,GAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAY;AAAA;AAAA,KACd;AAAA,EAEJ;AAEA,EAAA,4BACG,MAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAM,IAAA,EAAK,GAAA,EAAI,OAAA,kBAAS,GAAA,CAAC,sBAAmB,CAAA,EAAI,CAAA;AAAA,wBAChD,KAAA,EAAA,EAAM,IAAA,EAAK,cAAa,OAAA,kBAAS,GAAA,CAAC,oBAAiB,CAAA,EAAI,CAAA;AAAA,wBACvD,KAAA,EAAA,EAAM,IAAA,EAAK,iBAAgB,OAAA,kBAAS,GAAA,CAAC,sBAAmB,CAAA,EAAI;AAAA,GAAA,EAC/D,CAAA;AAEJ;;;;"}

package/dist/alpha/extensions.esm.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { PageBlueprint, ApiBlueprint, configApiRef, NavItemBlueprint } from '@backstage/frontend-plugin-api';
-import { convertLegacyRouteRef, compatWrapper } from '@backstage/core-compat-api';
+import { compatWrapper, convertLegacyRouteRef } from '@backstage/core-compat-api';
 import { rootRouteRef } from '../plugin.esm.js';
 import { lighthouseApiRef } from '../api.esm.js';
 import { LighthouseRestApi } from '@backstage-community/plugin-lighthouse-common';

package/dist/alpha/extensions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.esm.js","sources":["../../src/alpha/extensions.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 {\n  ApiBlueprint,\n  configApiRef,\n  NavItemBlueprint,\n  PageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport { rootRouteRef } from '../plugin';\nimport { lighthouseApiRef } from '../api';\nimport { LighthouseRestApi } from '@backstage-community/plugin-lighthouse-common';\nimport {\n  EntityCardBlueprint,\n  EntityContentBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\nimport { isLighthouseAvailable } from '../Router';\nimport Highlight from '@material-ui/icons/Highlight';\n\nexport const lighthousePage = PageBlueprint.make({\n  params: {\n    path: '/lighthouse',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: async () =>\n      import('../Router').then(m => compatWrapper(<m.Router />)),\n  },\n});\n\nexport const lighthouseApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: lighthouseApiRef,\n      deps: {\n        configApi: configApiRef,\n      },\n      factory: ({ configApi }) => LighthouseRestApi.fromConfig(configApi),\n    }),\n});\n\nexport const lighthouseNavItem = NavItemBlueprint.make({\n  params: {\n    icon: Highlight,\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    title: 'Lighthouse',\n  },\n});\n\nexport const lighthouseEntityCard = EntityCardBlueprint.make({\n  name: 'lighthouse',\n  params: {\n    filter: isLighthouseAvailable,\n    loader: async () =>\n      import('../components/Cards/LastLighthouseAuditCard').then(m =>\n        compatWrapper(<m.LastLighthouseAuditCard />),\n      ),\n  },\n});\n\nexport const lighthouseEntityContent = EntityContentBlueprint.make({\n  name: 'lighthouse',\n  params: {\n    path: '/lighthouse',\n    title: 'Lighthouse',\n    filter: isLighthouseAvailable,\n    loader: async () =>\n      import('../Router').then(m => compatWrapper(<m.EmbeddedRouter />)),\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAmCa,MAAA,cAAA,GAAiB,cAAc,IAAK,CAAA;AAAA,EAC/C,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,aAAA;AAAA,IACN,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,YACN,OAAO,kBAAW,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,aAAA,iBAAe,GAAA,CAAA,CAAA,CAAE,MAAF,EAAA,EAAS,CAAE,CAAC;AAAA;AAE/D,CAAC;AAEY,MAAA,aAAA,GAAgB,aAAa,IAAK,CAAA;AAAA,EAC7C,MAAA,EAAQ,kBACN,YAAa,CAAA;AAAA,IACX,GAAK,EAAA,gBAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,SAAW,EAAA;AAAA,KACb;AAAA,IACA,SAAS,CAAC,EAAE,WAAgB,KAAA,iBAAA,CAAkB,WAAW,SAAS;AAAA,GACnE;AACL,CAAC;AAEY,MAAA,iBAAA,GAAoB,iBAAiB,IAAK,CAAA;AAAA,EACrD,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,SAAA;AAAA,IACN,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,KAAO,EAAA;AAAA;AAEX,CAAC;AAEY,MAAA,oBAAA,GAAuB,oBAAoB,IAAK,CAAA;AAAA,EAC3D,IAAM,EAAA,YAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,qBAAA;AAAA,IACR,MAAQ,EAAA,YACN,OAAO,oDAA6C,CAAE,CAAA,IAAA;AAAA,MAAK,OACzD,aAAc,iBAAA,GAAA,CAAC,CAAE,CAAA,uBAAA,EAAF,EAA0B,CAAE;AAAA;AAC7C;AAEN,CAAC;AAEY,MAAA,uBAAA,GAA0B,uBAAuB,IAAK,CAAA;AAAA,EACjE,IAAM,EAAA,YAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,aAAA;AAAA,IACN,KAAO,EAAA,YAAA;AAAA,IACP,MAAQ,EAAA,qBAAA;AAAA,IACR,MAAQ,EAAA,YACN,OAAO,kBAAW,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,aAAA,iBAAe,GAAA,CAAA,CAAA,CAAE,cAAF,EAAA,EAAiB,CAAE,CAAC;AAAA;AAEvE,CAAC;;;;"}
+{"version":3,"file":"extensions.esm.js","sources":["../../src/alpha/extensions.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 {\n  ApiBlueprint,\n  configApiRef,\n  NavItemBlueprint,\n  PageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport { rootRouteRef } from '../plugin';\nimport { lighthouseApiRef } from '../api';\nimport { LighthouseRestApi } from '@backstage-community/plugin-lighthouse-common';\nimport {\n  EntityCardBlueprint,\n  EntityContentBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\nimport { isLighthouseAvailable } from '../Router';\nimport Highlight from '@material-ui/icons/Highlight';\n\nexport const lighthousePage = PageBlueprint.make({\n  params: {\n    path: '/lighthouse',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: async () =>\n      import('../Router').then(m => compatWrapper(<m.Router />)),\n  },\n});\n\nexport const lighthouseApi = ApiBlueprint.make({\n  params: defineParams =>\n    defineParams({\n      api: lighthouseApiRef,\n      deps: {\n        configApi: configApiRef,\n      },\n      factory: ({ configApi }) => LighthouseRestApi.fromConfig(configApi),\n    }),\n});\n\nexport const lighthouseNavItem = NavItemBlueprint.make({\n  params: {\n    icon: Highlight,\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    title: 'Lighthouse',\n  },\n});\n\nexport const lighthouseEntityCard = EntityCardBlueprint.make({\n  name: 'lighthouse',\n  params: {\n    filter: isLighthouseAvailable,\n    loader: async () =>\n      import('../components/Cards/LastLighthouseAuditCard').then(m =>\n        compatWrapper(<m.LastLighthouseAuditCard />),\n      ),\n  },\n});\n\nexport const lighthouseEntityContent = EntityContentBlueprint.make({\n  name: 'lighthouse',\n  params: {\n    path: '/lighthouse',\n    title: 'Lighthouse',\n    filter: isLighthouseAvailable,\n    loader: async () =>\n      import('../Router').then(m => compatWrapper(<m.EmbeddedRouter />)),\n  },\n});\n"],"names":[],"mappings":";;;;;;;;;;AAmCO,MAAM,cAAA,GAAiB,cAAc,IAAA,CAAK;AAAA,EAC/C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,aAAA;AAAA,IACN,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAA,EAAQ,YACN,OAAO,kBAAW,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,KAAK,aAAA,iBAAc,GAAA,CAAC,CAAA,CAAE,MAAA,EAAF,EAAS,CAAE,CAAC;AAAA;AAE/D,CAAC;AAEM,MAAM,aAAA,GAAgB,aAAa,IAAA,CAAK;AAAA,EAC7C,MAAA,EAAQ,kBACN,YAAA,CAAa;AAAA,IACX,GAAA,EAAK,gBAAA;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,SAAA,EAAW;AAAA,KACb;AAAA,IACA,SAAS,CAAC,EAAE,WAAU,KAAM,iBAAA,CAAkB,WAAW,SAAS;AAAA,GACnE;AACL,CAAC;AAEM,MAAM,iBAAA,GAAoB,iBAAiB,IAAA,CAAK;AAAA,EACrD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,KAAA,EAAO;AAAA;AAEX,CAAC;AAEM,MAAM,oBAAA,GAAuB,oBAAoB,IAAA,CAAK;AAAA,EAC3D,IAAA,EAAM,YAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,qBAAA;AAAA,IACR,MAAA,EAAQ,YACN,OAAO,oDAA6C,CAAA,CAAE,IAAA;AAAA,MAAK,OACzD,aAAA,iBAAc,GAAA,CAAC,CAAA,CAAE,uBAAA,EAAF,EAA0B,CAAE;AAAA;AAC7C;AAEN,CAAC;AAEM,MAAM,uBAAA,GAA0B,uBAAuB,IAAA,CAAK;AAAA,EACjE,IAAA,EAAM,YAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,aAAA;AAAA,IACN,KAAA,EAAO,YAAA;AAAA,IACP,MAAA,EAAQ,qBAAA;AAAA,IACR,MAAA,EAAQ,YACN,OAAO,kBAAW,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,KAAK,aAAA,iBAAc,GAAA,CAAC,CAAA,CAAE,cAAA,EAAF,EAAiB,CAAE,CAAC;AAAA;AAEvE,CAAC;;;;"}

package/dist/alpha/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.ts"],"sourcesContent":["/*\n * Copyright 2025 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 { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport {\n  lighthouseApi,\n  lighthouseEntityCard,\n  lighthouseEntityContent,\n  lighthouseNavItem,\n  lighthousePage,\n} from './extensions';\n\n/**\n * @alpha\n */\nexport const lighthousePlugin = createFrontendPlugin({\n  pluginId: 'lighthouse',\n  extensions: [\n    lighthousePage,\n    lighthouseApi,\n    lighthouseEntityCard,\n    lighthouseNavItem,\n    lighthouseEntityContent,\n  ],\n});\n"],"names":[],"mappings":";;;AA2BO,MAAM,mBAAmB,oBAAqB,CAAA;AAAA,EACnD,QAAU,EAAA,YAAA;AAAA,EACV,UAAY,EAAA;AAAA,IACV,cAAA;AAAA,IACA,aAAA;AAAA,IACA,oBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../../src/alpha/plugin.ts"],"sourcesContent":["/*\n * Copyright 2025 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 { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport {\n  lighthouseApi,\n  lighthouseEntityCard,\n  lighthouseEntityContent,\n  lighthouseNavItem,\n  lighthousePage,\n} from './extensions';\n\n/**\n * @alpha\n */\nexport const lighthousePlugin = createFrontendPlugin({\n  pluginId: 'lighthouse',\n  extensions: [\n    lighthousePage,\n    lighthouseApi,\n    lighthouseEntityCard,\n    lighthouseNavItem,\n    lighthouseEntityContent,\n  ],\n});\n"],"names":[],"mappings":";;;AA2BO,MAAM,mBAAmB,oBAAA,CAAqB;AAAA,EACnD,QAAA,EAAU,YAAA;AAAA,EACV,UAAA,EAAY;AAAA,IACV,cAAA;AAAA,IACA,aAAA;AAAA,IACA,oBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -53,9 +53,9 @@ declare const lighthousePlugin: _backstage_frontend_plugin_api.OverridableFronte
             icon: string | undefined;
         };
         configInput: {
-            filter?: _backstage_filter_predicates.FilterPredicate | undefined;
-            title?: string | undefined;
             path?: string | undefined;
+            title?: string | undefined;
+            filter?: _backstage_filter_predicates.FilterPredicate | undefined;
             group?: string | false | undefined;
             icon?: string | undefined;
         };
@@ -87,8 +87,12 @@ declare const lighthousePlugin: _backstage_frontend_plugin_api.OverridableFronte
     "nav-item:lighthouse": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         kind: "nav-item";
         name: undefined;
-        config: {};
-        configInput: {};
+        config: {
+            title: string | undefined;
+        };
+        configInput: {
+            title?: string | undefined;
+        };
         output: _backstage_frontend_plugin_api.ExtensionDataRef<{
             title: string;
             icon: _backstage_frontend_plugin_api.IconComponent;
@@ -109,8 +113,8 @@ declare const lighthousePlugin: _backstage_frontend_plugin_api.OverridableFronte
             title: string | undefined;
         };
         configInput: {
-            title?: string | undefined;
             path?: string | undefined;
+            title?: string | undefined;
         };
         output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
             optional: true;

package/dist/api.esm.js.map

@@ -1 +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;AACN,CAAC;;;;"}
+{"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,YAAA,CAA4B;AAAA,EAC1D,EAAA,EAAI;AACN,CAAC;;;;"}

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

@@ -1 +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 { 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;AACtD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,QAAW,GAAA,WAAA,CAAY,YAAY,CAAA,IAAS,IAAA,KAAA;AAElD,EAAA,IAAI,oBAAuB,GAAA,cAAA;AAC3B,EAAA,MAAM,UACJ,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,iCAAiC,CAAK,IAAA,EAAA;AACtE,EAAA,IAAI,UAAY,EAAA;AACd,IAAwB,oBAAA,IAAA,CAAA,KAAA,EAAQ,kBAAmB,CAAA,UAAU,CAAC,CAAA,CAAA;AAAA;AAGhE,EAAA,IAAI,OAAqB,GAAA,IAAA;AACzB,EAAA,OAAA,wBACG,OACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,aAAA,EAAA,EAAc,OAAM,cACnB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,KAAM,EAAA,SAAA;AAAA,UACN,SAAS,MAAM,QAAA,CAAS,WAAY,CAAA,oBAAA,EAAsB,QAAQ,CAAC,CAAA;AAAA,UACpE,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,0BACC,uBAAwB,EAAA,EAAA;AAAA,KAC3B,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,kBAAe,KAAO,EAAA,KAAA,GAAQ,CAAC,KAAK,CAAA,GAAI,EAAI,EAAA;AAAA,GAC/C,EAAA,CAAA;AAGF,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,OAAA,uBAAW,QAAS,EAAA,EAAA,CAAA;AAAA;AAEtB,EAAA,IAAI,SAAS,CAAC,KAAA,CAAM,OAAQ,CAAA,QAAA,CAAS,kCAAkC,CAAG,EAAA;AAExE,IAAA,OAAA,uBACG,YAAa,EAAA,EAAA,QAAA,EAAS,SAAQ,KAAM,EAAA,4BAAA,EAClC,gBAAM,OACT,EAAA,CAAA;AAAA;AAIJ,EAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAS,SAAS,EAAA,IAAA,EAAE,QAAQ,EAAA,OAAA,EAAA,CAAA;AACtC;;;;"}
+{"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 { 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,OAAA,EAAS,KAAA,KAAU,mBAAA,EAAoB;AACtD,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,WAAW,WAAA,EAAY;AAC7B,EAAA,MAAM,QAAA,GAAW,WAAA,CAAY,YAAY,CAAA,IAAI,IAAK,KAAA;AAElD,EAAA,IAAI,oBAAA,GAAuB,cAAA;AAC3B,EAAA,MAAM,UAAA,GACJ,MAAA,CAAO,QAAA,CAAS,WAAA,GAAc,iCAAiC,CAAA,IAAK,EAAA;AACtE,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,oBAAA,IAAwB,CAAA,KAAA,EAAQ,kBAAA,CAAmB,UAAU,CAAC,CAAA,CAAA;AAAA,EAChE;AAEA,EAAA,IAAI,OAAA,GAAqB,IAAA;AACzB,EAAA,OAAA,wBACG,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,aAAA,EAAA,EAAc,OAAM,cAAA,EACnB,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,WAAA;AAAA,UACR,KAAA,EAAM,SAAA;AAAA,UACN,SAAS,MAAM,QAAA,CAAS,WAAA,CAAY,oBAAA,EAAsB,QAAQ,CAAC,CAAA;AAAA,UACpE,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,0BACC,uBAAA,EAAA,EAAwB;AAAA,KAAA,EAC3B,CAAA;AAAA,oBACA,GAAA,CAAC,kBAAe,KAAA,EAAO,KAAA,GAAQ,CAAC,KAAK,CAAA,GAAI,EAAC,EAAG;AAAA,GAAA,EAC/C,CAAA;AAGF,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,OAAA,uBAAW,QAAA,EAAA,EAAS,CAAA;AAAA,EACtB;AACA,EAAA,IAAI,SAAS,CAAC,KAAA,CAAM,OAAA,CAAQ,QAAA,CAAS,kCAAkC,CAAA,EAAG;AAExE,IAAA,OAAA,uBACG,YAAA,EAAA,EAAa,QAAA,EAAS,SAAQ,KAAA,EAAM,4BAAA,EAClC,gBAAM,OAAA,EACT,CAAA;AAAA,EAEJ;AAEA,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAS,IAAA,EAAE,QAAA,EAAA,OAAA,EAAQ,CAAA;AACtC;;;;"}

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

@@ -1 +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 { 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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"}
+{"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 { 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.map

@@ -1 +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 { 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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"}
+{"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 { 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":";;;;;;;;;;;;;;;;AA4CO,MAAM,KAAA,GAAQ;AAErB,MAAM,YAAY,MAAM;AACtB,EAAA,MAAM,CAAC,eAAe,CAAA,GAAI,eAAA;AAAA,IACxB;AAAA,GACF;AACA,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,eAAe,CAAA;AAE1D,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,GAAA,CAAI,MAAM,CAAA,GACzB,QAAA,CAAS,KAAA,CAAM,GAAA,CAAI,MAAM,CAAA,EAAa,EAAE,CAAA,IAAK,CAAA,GAC7C,CAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAC7C,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,KAAA,EAAM,GAAI,QAAA;AAAA,IAChC,YACE,MAAM,aAAA,CAAc,cAAA,CAAe;AAAA,MACjC,KAAA,EAAO,KAAA;AAAA,MACP,MAAA,EAAA,CAAS,OAAO,CAAA,IAAK;AAAA,KACtB,CAAA;AAAA,IACH,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,MAAM,SAAA,GAAoB,QAAQ,MAAM;AACtC,IAAA,IAAI,KAAA,EAAO,SAAS,KAAA,EAAO,KAAA;AACzB,MAAA,OAAO,IAAA,CAAK,IAAA,CAAK,KAAA,EAAO,KAAA,GAAQ,OAAO,KAAK,CAAA;AAC9C,IAAA,OAAO,CAAA;AAAA,EACT,GAAG,CAAC,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,KAAK,CAAC,CAAA;AAE/B,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,IAAI,OAAA,GAAqB,IAAA;AACzB,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAA,mBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,KAAA,EAAO,KAAA,EAAO,KAAA,IAAS,EAAC,EAAG,CAAA;AAAA,MAC1C,YAAY,CAAA,oBACX,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,KAAA,EAAO,SAAA;AAAA,UACP,QAAA,EAAU,CAAC,MAAA,EAA8B,OAAA,KAAoB;AAC3D,YAAA,QAAA,CAAS,CAAA,MAAA,EAAS,OAAO,CAAA,CAAE,CAAA;AAAA,UAC7B;AAAA;AAAA;AACF,KAAA,EAEJ,CAAA;AAAA,EAEJ,WAAW,OAAA,EAAS;AAClB,IAAA,OAAA,uBAAW,QAAA,EAAA,EAAS,CAAA;AAAA,EACtB,WAAW,KAAA,EAAO;AAChB,IAAA,OAAA,uBACG,YAAA,EAAA,EAAa,QAAA,EAAS,SAAQ,KAAA,EAAM,4BAAA,EAClC,gBAAM,OAAA,EACT,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,MAAA,EACZ,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,YAAA;AAAA,QACN,QAAA,EAAS,sCAAA;AAAA,QAET,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,OAAA,EAAQ,KAAA,EAAM,SAAA,EAAU,CAAA;AAAA,0BAC3C,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,WAAA,EAAY,OAAM,OAAA,EAAQ;AAAA;AAAA;AAAA,KAC/C;AAAA,yBACC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAW,MAAM,YAAA,CAAa,IAAI,CAAA,EAAG,CAAA;AAAA,sBACtD,IAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,QAAA;AAAA,UACN,WAAA,EAAY,0GAAA;AAAA,UAEZ,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAQ,WAAA;AAAA,gBACR,KAAA,EAAM,SAAA;AAAA,gBACN,OAAA,EAAS,MAAM,QAAA,CAAS,cAAc,CAAA;AAAA,gBACvC,QAAA,EAAA;AAAA;AAAA,aAED;AAAA,YACC,SAAA,wBAAc,uBAAA,EAAA,EAAwB;AAAA;AAAA;AAAA,OACzC;AAAA,0BACC,IAAA,EAAA,EAAK,SAAA,EAAS,MAAC,OAAA,EAAS,CAAA,EAAG,WAAU,QAAA,EACpC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAI,MACR,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,WAAS,IAAA,EAAE,QAAA,EAAA,OAAA,EAAQ,GAC/B,CAAA,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -1 +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 { 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":";;;AAyBA,MAAM,eAAkB,GAAA,CAAC,EAAE,KAAA,EAA8B,KAAA;AACvD,EAAA,IAAI,KAAM,CAAA,MAAA,KAAW,QAAU,EAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AACnD,EAAA,IAAI,KAAM,CAAA,MAAA,KAAW,WAAa,EAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AACnD,EAAA,2BAAQ,aAAc,EAAA,EAAA,CAAA;AACxB;;;;"}
+{"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 { 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":";;;AAyBA,MAAM,eAAA,GAAkB,CAAC,EAAE,KAAA,EAAM,KAAwB;AACvD,EAAA,IAAI,KAAA,CAAM,MAAA,KAAW,QAAA,EAAU,2BAAQ,WAAA,EAAA,EAAY,CAAA;AACnD,EAAA,IAAI,KAAA,CAAM,MAAA,KAAW,WAAA,EAAa,2BAAQ,QAAA,EAAA,EAAS,CAAA;AACnD,EAAA,2BAAQ,aAAA,EAAA,EAAc,CAAA;AACxB;;;;"}

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

@@ -14,7 +14,7 @@ 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 { Page, Header, HeaderLabel, Content, ContentHeader, Progress, InfoCard } from '@backstage/core-components';
 import { useApi, useRouteRef } from '@backstage/core-plugin-api';
 import { rootRouteRef } from '../../plugin.esm.js';
 

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

@@ -1 +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 { 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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"}
+{"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 { 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.map

@@ -1 +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 type { ReactNode } 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, 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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"}
+{"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 type { ReactNode } 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, 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

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

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

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

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

@@ -1,4 +1,4 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import Button from '@material-ui/core/Button';
 import Grid from '@material-ui/core/Grid';
 import List from '@material-ui/core/List';
@@ -11,7 +11,7 @@ import { useNavigate } from 'react-router-dom';
 import { lighthouseApiRef } from '../../api.esm.js';
 import { useQuery } from '../../utils.esm.js';
 import LighthouseSupportButton from '../SupportButton/index.esm.js';
-import { ContentHeader, InfoCard, Page, Header, HeaderLabel, Content } from '@backstage/core-components';
+import { Page, Header, HeaderLabel, Content, ContentHeader, InfoCard } from '@backstage/core-components';
 import { useApi, errorApiRef } from '@backstage/core-plugin-api';
 
 const useStyles = makeStyles((theme) => ({

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/CreateAudit/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 MenuItem from '@material-ui/core/MenuItem';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useCallback, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  FormFactor,\n  LighthouseConfigSettings,\n} from '@backstage-community/plugin-lighthouse-common';\nimport { lighthouseApiRef } from '../../api';\nimport { useQuery } from '../../utils';\nimport LighthouseSupportButton from '../SupportButton';\n\nimport {\n  Content,\n  ContentHeader,\n  Header,\n  HeaderLabel,\n  InfoCard,\n  Page,\n} from '@backstage/core-components';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\n\n// TODO(freben): move all of this out of index\n\nconst useStyles = makeStyles(theme => ({\n  input: {\n    minWidth: 300,\n    [theme.breakpoints.down('xs')]: {\n      minWidth: '100%',\n    },\n  },\n  buttonList: {\n    marginLeft: theme.spacing(-1),\n    marginRight: theme.spacing(-1),\n    '& > *': {\n      margin: theme.spacing(1),\n    },\n    [theme.breakpoints.down('xs')]: {\n      marginLeft: 0,\n      marginRight: 0,\n      flexDirection: 'column',\n      '& > *': {\n        width: '100%',\n      },\n    },\n  },\n}));\n\nconst formFactorToScreenEmulationMap: Record<\n  FormFactor,\n  LighthouseConfigSettings['screenEmulation']\n> = {\n  // the default is mobile, so no need to override\n  mobile: undefined,\n  // Values from lighthouse's cli \"desktop\" preset\n  // https://github.com/GoogleChrome/lighthouse/blob/a6738e0033e7e5ca308b97c1c36f298b7d399402/lighthouse-core/config/constants.js#L71-L77\n  desktop: {\n    mobile: false,\n    width: 1350,\n    height: 940,\n    deviceScaleFactor: 1,\n    disabled: false,\n  },\n};\n\nexport const CreateAuditContent = () => {\n  const errorApi = useApi(errorApiRef);\n  const lighthouseApi = useApi(lighthouseApiRef);\n  const classes = useStyles();\n  const query = useQuery();\n  const navigate = useNavigate();\n  const [submitting, setSubmitting] = useState(false);\n  const [url, setUrl] = useState<string>(query.get('url') || '');\n  const [formFactor, setFormFactor] = useState<FormFactor>('mobile');\n\n  const triggerAudit = useCallback(async (): Promise<void> => {\n    setSubmitting(true);\n    try {\n      // TODO use the id from the response to redirect to the audit page for that id when\n      // FAILED and RUNNING audits are supported\n      await lighthouseApi.triggerAudit({\n        url: url.replace(/\\/$/, ''),\n        options: {\n          lighthouseConfig: {\n            settings: {\n              formFactor,\n              emulatedFormFactor: formFactor,\n              screenEmulation: formFactorToScreenEmulationMap[formFactor],\n            },\n          },\n        },\n      });\n      navigate('..');\n    } catch (err) {\n      errorApi.post(err);\n    } finally {\n      setSubmitting(false);\n    }\n  }, [url, formFactor, lighthouseApi, setSubmitting, errorApi, navigate]);\n\n  return (\n    <>\n      <ContentHeader\n        title=\"Trigger a new audit\"\n        description=\"Submitting this form will immediately trigger and store a new Lighthouse audit. Trigger audits to track your website's accessibility, performance, SEO, and best practices over time.\"\n      >\n        <LighthouseSupportButton />\n      </ContentHeader>\n      <Grid container direction=\"column\">\n        <Grid item xs={12} sm={6}>\n          <InfoCard>\n            <form\n              onSubmit={ev => {\n                ev.preventDefault();\n                triggerAudit();\n              }}\n            >\n              <List>\n                <ListItem>\n                  <TextField\n                    name=\"lighthouse-create-audit-url-tf\"\n                    className={classes.input}\n                    label=\"URL\"\n                    placeholder=\"https://spotify.com\"\n                    helperText=\"The target URL for Lighthouse to use.\"\n                    required\n                    disabled={submitting}\n                    onChange={ev => setUrl(ev.target.value)}\n                    value={url}\n                    inputProps={{ 'aria-label': 'URL' }}\n                  />\n                </ListItem>\n                <ListItem>\n                  <TextField\n                    name=\"lighthouse-create-audit-emulated-form-factor-tf\"\n                    className={classes.input}\n                    label=\"Emulated Form Factor\"\n                    helperText=\"Device to simulate when auditing\"\n                    select\n                    required\n                    disabled={submitting}\n                    onChange={ev =>\n                      setFormFactor(ev.target.value as FormFactor)\n                    }\n                    value={formFactor}\n                    inputProps={{ 'aria-label': 'Emulated form factor' }}\n                  >\n                    <MenuItem value=\"mobile\">Mobile</MenuItem>\n                    <MenuItem value=\"desktop\">Desktop</MenuItem>\n                  </TextField>\n                </ListItem>\n                <ListItem className={classes.buttonList}>\n                  <Button\n                    variant=\"outlined\"\n                    color=\"primary\"\n                    onClick={() => navigate('..')}\n                    disabled={submitting}\n                  >\n                    Cancel\n                  </Button>\n                  <Button\n                    variant=\"contained\"\n                    color=\"primary\"\n                    type=\"submit\"\n                    disabled={submitting}\n                  >\n                    Create Audit\n                  </Button>\n                </ListItem>\n              </List>\n            </form>\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n\nconst CreateAudit = () => (\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>\n      <CreateAuditContent />\n    </Content>\n  </Page>\n);\n\nexport default CreateAudit;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/CreateAudit/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 MenuItem from '@material-ui/core/MenuItem';\nimport TextField from '@material-ui/core/TextField';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { useCallback, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  FormFactor,\n  LighthouseConfigSettings,\n} from '@backstage-community/plugin-lighthouse-common';\nimport { lighthouseApiRef } from '../../api';\nimport { useQuery } from '../../utils';\nimport LighthouseSupportButton from '../SupportButton';\n\nimport {\n  Content,\n  ContentHeader,\n  Header,\n  HeaderLabel,\n  InfoCard,\n  Page,\n} from '@backstage/core-components';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\n\n// TODO(freben): move all of this out of index\n\nconst useStyles = makeStyles(theme => ({\n  input: {\n    minWidth: 300,\n    [theme.breakpoints.down('xs')]: {\n      minWidth: '100%',\n    },\n  },\n  buttonList: {\n    marginLeft: theme.spacing(-1),\n    marginRight: theme.spacing(-1),\n    '& > *': {\n      margin: theme.spacing(1),\n    },\n    [theme.breakpoints.down('xs')]: {\n      marginLeft: 0,\n      marginRight: 0,\n      flexDirection: 'column',\n      '& > *': {\n        width: '100%',\n      },\n    },\n  },\n}));\n\nconst formFactorToScreenEmulationMap: Record<\n  FormFactor,\n  LighthouseConfigSettings['screenEmulation']\n> = {\n  // the default is mobile, so no need to override\n  mobile: undefined,\n  // Values from lighthouse's cli \"desktop\" preset\n  // https://github.com/GoogleChrome/lighthouse/blob/a6738e0033e7e5ca308b97c1c36f298b7d399402/lighthouse-core/config/constants.js#L71-L77\n  desktop: {\n    mobile: false,\n    width: 1350,\n    height: 940,\n    deviceScaleFactor: 1,\n    disabled: false,\n  },\n};\n\nexport const CreateAuditContent = () => {\n  const errorApi = useApi(errorApiRef);\n  const lighthouseApi = useApi(lighthouseApiRef);\n  const classes = useStyles();\n  const query = useQuery();\n  const navigate = useNavigate();\n  const [submitting, setSubmitting] = useState(false);\n  const [url, setUrl] = useState<string>(query.get('url') || '');\n  const [formFactor, setFormFactor] = useState<FormFactor>('mobile');\n\n  const triggerAudit = useCallback(async (): Promise<void> => {\n    setSubmitting(true);\n    try {\n      // TODO use the id from the response to redirect to the audit page for that id when\n      // FAILED and RUNNING audits are supported\n      await lighthouseApi.triggerAudit({\n        url: url.replace(/\\/$/, ''),\n        options: {\n          lighthouseConfig: {\n            settings: {\n              formFactor,\n              emulatedFormFactor: formFactor,\n              screenEmulation: formFactorToScreenEmulationMap[formFactor],\n            },\n          },\n        },\n      });\n      navigate('..');\n    } catch (err) {\n      errorApi.post(err);\n    } finally {\n      setSubmitting(false);\n    }\n  }, [url, formFactor, lighthouseApi, setSubmitting, errorApi, navigate]);\n\n  return (\n    <>\n      <ContentHeader\n        title=\"Trigger a new audit\"\n        description=\"Submitting this form will immediately trigger and store a new Lighthouse audit. Trigger audits to track your website's accessibility, performance, SEO, and best practices over time.\"\n      >\n        <LighthouseSupportButton />\n      </ContentHeader>\n      <Grid container direction=\"column\">\n        <Grid item xs={12} sm={6}>\n          <InfoCard>\n            <form\n              onSubmit={ev => {\n                ev.preventDefault();\n                triggerAudit();\n              }}\n            >\n              <List>\n                <ListItem>\n                  <TextField\n                    name=\"lighthouse-create-audit-url-tf\"\n                    className={classes.input}\n                    label=\"URL\"\n                    placeholder=\"https://spotify.com\"\n                    helperText=\"The target URL for Lighthouse to use.\"\n                    required\n                    disabled={submitting}\n                    onChange={ev => setUrl(ev.target.value)}\n                    value={url}\n                    inputProps={{ 'aria-label': 'URL' }}\n                  />\n                </ListItem>\n                <ListItem>\n                  <TextField\n                    name=\"lighthouse-create-audit-emulated-form-factor-tf\"\n                    className={classes.input}\n                    label=\"Emulated Form Factor\"\n                    helperText=\"Device to simulate when auditing\"\n                    select\n                    required\n                    disabled={submitting}\n                    onChange={ev =>\n                      setFormFactor(ev.target.value as FormFactor)\n                    }\n                    value={formFactor}\n                    inputProps={{ 'aria-label': 'Emulated form factor' }}\n                  >\n                    <MenuItem value=\"mobile\">Mobile</MenuItem>\n                    <MenuItem value=\"desktop\">Desktop</MenuItem>\n                  </TextField>\n                </ListItem>\n                <ListItem className={classes.buttonList}>\n                  <Button\n                    variant=\"outlined\"\n                    color=\"primary\"\n                    onClick={() => navigate('..')}\n                    disabled={submitting}\n                  >\n                    Cancel\n                  </Button>\n                  <Button\n                    variant=\"contained\"\n                    color=\"primary\"\n                    type=\"submit\"\n                    disabled={submitting}\n                  >\n                    Create Audit\n                  </Button>\n                </ListItem>\n              </List>\n            </form>\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n\nconst CreateAudit = () => (\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>\n      <CreateAuditContent />\n    </Content>\n  </Page>\n);\n\nexport default CreateAudit;\n"],"names":[],"mappings":"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"}

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

@@ -8,7 +8,7 @@ import CloseIcon from '@material-ui/icons/Close';
 import { useState } from 'react';
 import useLocalStorage from 'react-use/esm/useLocalStorage';
 import LighthouseSupportButton from '../SupportButton/index.esm.js';
-import { ContentHeader, InfoCard, Link, MarkdownContent } from '@backstage/core-components';
+import { ContentHeader, InfoCard, MarkdownContent, Link } from '@backstage/core-components';
 
 const LIGHTHOUSE_INTRO_LOCAL_STORAGE = "@backstage/lighthouse-plugin/intro-dismissed";
 const USE_CASES = `

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/Intro/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 Tab from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useState } from 'react';\nimport useLocalStorage from 'react-use/esm/useLocalStorage';\nimport LighthouseSupportButton from '../SupportButton';\nimport {\n  ContentHeader,\n  InfoCard,\n  Link,\n  MarkdownContent,\n} from '@backstage/core-components';\n\n// TODO(freben): move all of this out of index\n\nexport const LIGHTHOUSE_INTRO_LOCAL_STORAGE =\n  '@backstage/lighthouse-plugin/intro-dismissed';\n\nconst USE_CASES = `\nGoogle's [Lighthouse](https://developers.google.com/web/tools/lighthouse) auditing tool for websites\nis a great open-source resource for benchmarking and improving the accessibility, performance, SEO, and best practices of your site.\nAt Spotify, we keep track of Lighthouse audit scores over time to look at trends and overall areas for investment.\n\nThis plugin allows you to generate on-demand Lighthouse audits for websites, and to track the trends for the\ntop-level categories of Lighthouse at a glance.\n\nIn the future, we hope to add support for scheduling audits (which we do internally), as well as allowing\ncustom runs of Lighthouse to be ingested (for auditing sites that require authentication or some session state).\n`;\n\nconst SETUP = `\nTo get started, you will need a running instance of [lighthouse-audit-service](https://github.com/spotify/lighthouse-audit-service).\n_It's likely you will need to enable CORS when running lighthouse-audit-service. Initialize the app\nwith the environment variable \\`LAS_CORS\\` set to \\`true\\`._\n\nWhen you have an instance running that Backstage can hook into, first install the plugin into your app:\n\n\\`\\`\\`sh\n# From your Backstage root directory\nyarn --cwd packages/app add @backstage-community/plugin-lighthouse\n\\`\\`\\`\n\nModify your app routes in \\`App.tsx\\` to include the \\`LighthousePage\\` component exported from the plugin, for example:\n\n\\`\\`\\`tsx\n// At the top imports\nimport { LighthousePage } from '@backstage-community/plugin-lighthouse';\n\n<FlatRoutes>\n  // ...\n  <Route path=\"/lighthouse\" element={<LighthousePage />} />\n  // ...\n</FlatRoutes>;\n\\`\\`\\`\n\nThen configure the \\`lighthouse-audit-service\\` URL in your [\\`app-config.yaml\\`](https://github.com/backstage/backstage/blob/master/app-config.yaml).\n\n\\`\\`\\`yaml\nlighthouse:\n  baseUrl: http://your-service-url\n\\`\\`\\`\n`;\n\nconst useStyles = makeStyles(theme => ({\n  tabs: { marginBottom: -18 },\n  tab: { minWidth: 72, paddingLeft: 1, paddingRight: 1 },\n  content: { marginBottom: theme.spacing(2) },\n  closeButtonContainer: { height: '100%' },\n  closeButtonItem: { paddingBottom: 0 },\n}));\n\nfunction GettingStartedCard() {\n  const classes = useStyles();\n  const [value, setValue] = useState(0);\n  return (\n    <InfoCard\n      title=\"Get started\"\n      subheader={\n        <Tabs\n          value={value}\n          indicatorColor=\"primary\"\n          textColor=\"primary\"\n          onChange={(_ev, newValue: number) => setValue(newValue)}\n          aria-label=\"get started tabs\"\n          className={classes.tabs}\n        >\n          <Tab className={classes.tab} label=\"Use cases\" />\n          <Tab className={classes.tab} label=\"Setup\" />\n        </Tabs>\n      }\n      divider\n      actions={\n        <>\n          <Grid container direction=\"row\" justifyContent=\"flex-end\">\n            <Grid item>\n              <Button\n                component={Link}\n                to=\"https://github.com/spotify/lighthouse-audit-service\"\n                size=\"small\"\n              >\n                Check out the README\n              </Button>\n            </Grid>\n          </Grid>\n        </>\n      }\n    >\n      {value === 0 && <MarkdownContent content={USE_CASES} />}\n      {value === 1 && <MarkdownContent content={SETUP} />}\n    </InfoCard>\n  );\n}\n\nexport interface Props {\n  onDismiss?: () => void;\n}\n\nexport default function LighthouseIntro({ onDismiss = () => {} }: Props) {\n  const classes = useStyles();\n  const [dismissed, setDismissed] = useLocalStorage(\n    LIGHTHOUSE_INTRO_LOCAL_STORAGE,\n    false,\n  );\n\n  if (dismissed) return null;\n\n  return (\n    <>\n      <ContentHeader title=\"Welcome to Lighthouse in Backstage!\">\n        <LighthouseSupportButton />\n      </ContentHeader>\n      <Grid className={classes.content} container spacing={3} direction=\"row\">\n        <Grid item xs={12} sm={6} md={4}>\n          <GettingStartedCard />\n        </Grid>\n        {/* TODO add link and image for blog post here */}\n        {/* <Grid item xs={12} sm={6} md={4}>\n          <InfoCard>Blog</InfoCard>\n        </Grid> */}\n        <Grid item xs={12} sm={6} md={8}>\n          <Grid\n            container\n            justifyContent=\"flex-end\"\n            alignItems=\"flex-end\"\n            className={classes.closeButtonContainer}\n          >\n            <Grid item className={classes.closeButtonItem}>\n              <Button\n                variant=\"text\"\n                onClick={() => {\n                  onDismiss();\n                  setDismissed(true);\n                }}\n              >\n                <CloseIcon /> Hide intro\n              </Button>\n            </Grid>\n          </Grid>\n        </Grid>\n      </Grid>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/Intro/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 Tab from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport { makeStyles } from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useState } from 'react';\nimport useLocalStorage from 'react-use/esm/useLocalStorage';\nimport LighthouseSupportButton from '../SupportButton';\nimport {\n  ContentHeader,\n  InfoCard,\n  Link,\n  MarkdownContent,\n} from '@backstage/core-components';\n\n// TODO(freben): move all of this out of index\n\nexport const LIGHTHOUSE_INTRO_LOCAL_STORAGE =\n  '@backstage/lighthouse-plugin/intro-dismissed';\n\nconst USE_CASES = `\nGoogle's [Lighthouse](https://developers.google.com/web/tools/lighthouse) auditing tool for websites\nis a great open-source resource for benchmarking and improving the accessibility, performance, SEO, and best practices of your site.\nAt Spotify, we keep track of Lighthouse audit scores over time to look at trends and overall areas for investment.\n\nThis plugin allows you to generate on-demand Lighthouse audits for websites, and to track the trends for the\ntop-level categories of Lighthouse at a glance.\n\nIn the future, we hope to add support for scheduling audits (which we do internally), as well as allowing\ncustom runs of Lighthouse to be ingested (for auditing sites that require authentication or some session state).\n`;\n\nconst SETUP = `\nTo get started, you will need a running instance of [lighthouse-audit-service](https://github.com/spotify/lighthouse-audit-service).\n_It's likely you will need to enable CORS when running lighthouse-audit-service. Initialize the app\nwith the environment variable \\`LAS_CORS\\` set to \\`true\\`._\n\nWhen you have an instance running that Backstage can hook into, first install the plugin into your app:\n\n\\`\\`\\`sh\n# From your Backstage root directory\nyarn --cwd packages/app add @backstage-community/plugin-lighthouse\n\\`\\`\\`\n\nModify your app routes in \\`App.tsx\\` to include the \\`LighthousePage\\` component exported from the plugin, for example:\n\n\\`\\`\\`tsx\n// At the top imports\nimport { LighthousePage } from '@backstage-community/plugin-lighthouse';\n\n<FlatRoutes>\n  // ...\n  <Route path=\"/lighthouse\" element={<LighthousePage />} />\n  // ...\n</FlatRoutes>;\n\\`\\`\\`\n\nThen configure the \\`lighthouse-audit-service\\` URL in your [\\`app-config.yaml\\`](https://github.com/backstage/backstage/blob/master/app-config.yaml).\n\n\\`\\`\\`yaml\nlighthouse:\n  baseUrl: http://your-service-url\n\\`\\`\\`\n`;\n\nconst useStyles = makeStyles(theme => ({\n  tabs: { marginBottom: -18 },\n  tab: { minWidth: 72, paddingLeft: 1, paddingRight: 1 },\n  content: { marginBottom: theme.spacing(2) },\n  closeButtonContainer: { height: '100%' },\n  closeButtonItem: { paddingBottom: 0 },\n}));\n\nfunction GettingStartedCard() {\n  const classes = useStyles();\n  const [value, setValue] = useState(0);\n  return (\n    <InfoCard\n      title=\"Get started\"\n      subheader={\n        <Tabs\n          value={value}\n          indicatorColor=\"primary\"\n          textColor=\"primary\"\n          onChange={(_ev, newValue: number) => setValue(newValue)}\n          aria-label=\"get started tabs\"\n          className={classes.tabs}\n        >\n          <Tab className={classes.tab} label=\"Use cases\" />\n          <Tab className={classes.tab} label=\"Setup\" />\n        </Tabs>\n      }\n      divider\n      actions={\n        <>\n          <Grid container direction=\"row\" justifyContent=\"flex-end\">\n            <Grid item>\n              <Button\n                component={Link}\n                to=\"https://github.com/spotify/lighthouse-audit-service\"\n                size=\"small\"\n              >\n                Check out the README\n              </Button>\n            </Grid>\n          </Grid>\n        </>\n      }\n    >\n      {value === 0 && <MarkdownContent content={USE_CASES} />}\n      {value === 1 && <MarkdownContent content={SETUP} />}\n    </InfoCard>\n  );\n}\n\nexport interface Props {\n  onDismiss?: () => void;\n}\n\nexport default function LighthouseIntro({ onDismiss = () => {} }: Props) {\n  const classes = useStyles();\n  const [dismissed, setDismissed] = useLocalStorage(\n    LIGHTHOUSE_INTRO_LOCAL_STORAGE,\n    false,\n  );\n\n  if (dismissed) return null;\n\n  return (\n    <>\n      <ContentHeader title=\"Welcome to Lighthouse in Backstage!\">\n        <LighthouseSupportButton />\n      </ContentHeader>\n      <Grid className={classes.content} container spacing={3} direction=\"row\">\n        <Grid item xs={12} sm={6} md={4}>\n          <GettingStartedCard />\n        </Grid>\n        {/* TODO add link and image for blog post here */}\n        {/* <Grid item xs={12} sm={6} md={4}>\n          <InfoCard>Blog</InfoCard>\n        </Grid> */}\n        <Grid item xs={12} sm={6} md={8}>\n          <Grid\n            container\n            justifyContent=\"flex-end\"\n            alignItems=\"flex-end\"\n            className={classes.closeButtonContainer}\n          >\n            <Grid item className={classes.closeButtonItem}>\n              <Button\n                variant=\"text\"\n                onClick={() => {\n                  onDismiss();\n                  setDismissed(true);\n                }}\n              >\n                <CloseIcon /> Hide intro\n              </Button>\n            </Grid>\n          </Grid>\n        </Grid>\n      </Grid>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/components/SupportButton/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 */\nimport { SupportButton } from '@backstage/core-components';\n\nexport default function LighthouseSupportButton() {\n  return (\n    <SupportButton>\n      Lighthouse audits run for any web domain, stored over time.\n    </SupportButton>\n  );\n}\n"],"names":[],"mappings":";;;AAiBA,SAAwB,uBAA0B,GAAA;AAChD,EACE,uBAAA,GAAA,CAAC,iBAAc,QAEf,EAAA,6DAAA,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../src/components/SupportButton/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 */\nimport { SupportButton } from '@backstage/core-components';\n\nexport default function LighthouseSupportButton() {\n  return (\n    <SupportButton>\n      Lighthouse audits run for any web domain, stored over time.\n    </SupportButton>\n  );\n}\n"],"names":[],"mappings":";;;AAiBA,SAAwB,uBAAA,GAA0B;AAChD,EAAA,uBACE,GAAA,CAAC,iBAAc,QAAA,EAAA,6DAAA,EAEf,CAAA;AAEJ;;;;"}

package/dist/constants.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.esm.js","sources":["../constants.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 */\nexport const LIGHTHOUSE_WEBSITE_URL_ANNOTATION = 'lighthouse.com/website-url';\n"],"names":[],"mappings":"AAeO,MAAM,iCAAoC,GAAA;;;;"}
+{"version":3,"file":"constants.esm.js","sources":["../constants.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 */\nexport const LIGHTHOUSE_WEBSITE_URL_ANNOTATION = 'lighthouse.com/website-url';\n"],"names":[],"mappings":"AAeO,MAAM,iCAAA,GAAoC;;;;"}

package/dist/hooks/useWebsiteForEntity.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWebsiteForEntity.esm.js","sources":["../../src/hooks/useWebsiteForEntity.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 */\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { LIGHTHOUSE_WEBSITE_URL_ANNOTATION } from '../../constants';\nimport { lighthouseApiRef } from '../api';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\n\n// For the sake of simplicity we assume that an entity has only one website url. This is to avoid encoding a list\n// type in an annotation which is a plain string.\nexport const useWebsiteForEntity = () => {\n  const { entity } = useEntity();\n  const websiteUrl =\n    entity.metadata.annotations?.[LIGHTHOUSE_WEBSITE_URL_ANNOTATION] ?? '';\n  const lighthouseApi = useApi(lighthouseApiRef);\n  const errorApi = useApi(errorApiRef);\n  const response = useAsync(\n    () => lighthouseApi.getWebsiteByUrl(websiteUrl),\n    [websiteUrl],\n  );\n  // Do not display error alert if its due to no audits found for a website\n  if (\n    response.error &&\n    !response.error.message.includes('no audited website found for url')\n  ) {\n    errorApi.post(response.error);\n  }\n  return response;\n};\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAC7B,EAAA,MAAM,UACJ,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,iCAAiC,CAAK,IAAA,EAAA;AACtE,EAAM,MAAA,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAC7C,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,QAAW,GAAA,QAAA;AAAA,IACf,MAAM,aAAc,CAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC9C,CAAC,UAAU;AAAA,GACb;AAEA,EACE,IAAA,QAAA,CAAS,SACT,CAAC,QAAA,CAAS,MAAM,OAAQ,CAAA,QAAA,CAAS,kCAAkC,CACnE,EAAA;AACA,IAAS,QAAA,CAAA,IAAA,CAAK,SAAS,KAAK,CAAA;AAAA;AAE9B,EAAO,OAAA,QAAA;AACT;;;;"}
+{"version":3,"file":"useWebsiteForEntity.esm.js","sources":["../../src/hooks/useWebsiteForEntity.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 */\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { LIGHTHOUSE_WEBSITE_URL_ANNOTATION } from '../../constants';\nimport { lighthouseApiRef } from '../api';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\n\n// For the sake of simplicity we assume that an entity has only one website url. This is to avoid encoding a list\n// type in an annotation which is a plain string.\nexport const useWebsiteForEntity = () => {\n  const { entity } = useEntity();\n  const websiteUrl =\n    entity.metadata.annotations?.[LIGHTHOUSE_WEBSITE_URL_ANNOTATION] ?? '';\n  const lighthouseApi = useApi(lighthouseApiRef);\n  const errorApi = useApi(errorApiRef);\n  const response = useAsync(\n    () => lighthouseApi.getWebsiteByUrl(websiteUrl),\n    [websiteUrl],\n  );\n  // Do not display error alert if its due to no audits found for a website\n  if (\n    response.error &&\n    !response.error.message.includes('no audited website found for url')\n  ) {\n    errorApi.post(response.error);\n  }\n  return response;\n};\n"],"names":[],"mappings":";;;;;;AAuBO,MAAM,sBAAsB,MAAM;AACvC,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,SAAA,EAAU;AAC7B,EAAA,MAAM,UAAA,GACJ,MAAA,CAAO,QAAA,CAAS,WAAA,GAAc,iCAAiC,CAAA,IAAK,EAAA;AACtE,EAAA,MAAM,aAAA,GAAgB,OAAO,gBAAgB,CAAA;AAC7C,EAAA,MAAM,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,QAAA,GAAW,QAAA;AAAA,IACf,MAAM,aAAA,CAAc,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC9C,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,IACE,QAAA,CAAS,SACT,CAAC,QAAA,CAAS,MAAM,OAAA,CAAQ,QAAA,CAAS,kCAAkC,CAAA,EACnE;AACA,IAAA,QAAA,CAAS,IAAA,CAAK,SAAS,KAAK,CAAA;AAAA,EAC9B;AACA,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.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 { LighthouseRestApi } from '@backstage-community/plugin-lighthouse-common';\nimport { lighthouseApiRef } from './api';\nimport {\n  createPlugin,\n  createRouteRef,\n  createApiFactory,\n  configApiRef,\n  createRoutableExtension,\n  createComponentExtension,\n} from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'lighthouse',\n});\n\nexport const viewAuditRouteRef = createRouteRef({\n  id: 'lighthouse:audit',\n});\n\nexport const createAuditRouteRef = createRouteRef({\n  id: 'lighthouse:create-audit',\n});\n\nexport const entityContentRouteRef = createRouteRef({\n  id: 'lighthouse:entity-content',\n});\n\n/** @public */\nexport const lighthousePlugin = createPlugin({\n  id: 'lighthouse',\n  apis: [\n    createApiFactory({\n      api: lighthouseApiRef,\n      deps: { configApi: configApiRef },\n      factory: ({ configApi }) => LighthouseRestApi.fromConfig(configApi),\n    }),\n  ],\n  routes: {\n    root: createAuditRouteRef,\n    entityContent: entityContentRouteRef,\n  },\n});\n\n/** @public */\nexport const LighthousePage = lighthousePlugin.provide(\n  createRoutableExtension({\n    name: 'LighthousePage',\n    component: () => import('./Router').then(m => m.Router),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/** @public */\nexport const EntityLighthouseContent = lighthousePlugin.provide(\n  createRoutableExtension({\n    name: 'EntityLighthouseContent',\n    component: () => import('./Router').then(m => m.EmbeddedRouter),\n    mountPoint: entityContentRouteRef,\n  }),\n);\n\n/** @public */\nexport const EntityLastLighthouseAuditCard = lighthousePlugin.provide(\n  createComponentExtension({\n    name: 'EntityLastLighthouseAuditCard',\n    component: {\n      lazy: () =>\n        import('./components/Cards').then(m => m.LastLighthouseAuditCard),\n    },\n  }),\n);\n"],"names":[],"mappings":";;;;AA2BO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA;AACN,CAAC;AAEgC,cAAe,CAAA;AAAA,EAC9C,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,sBAAsB,cAAe,CAAA;AAAA,EAChD,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,wBAAwB,cAAe,CAAA;AAAA,EAClD,EAAI,EAAA;AACN,CAAC;AAGM,MAAM,mBAAmB,YAAa,CAAA;AAAA,EAC3C,EAAI,EAAA,YAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,gBAAA;AAAA,MACL,IAAA,EAAM,EAAE,SAAA,EAAW,YAAa,EAAA;AAAA,MAChC,SAAS,CAAC,EAAE,WAAgB,KAAA,iBAAA,CAAkB,WAAW,SAAS;AAAA,KACnE;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,mBAAA;AAAA,IACN,aAAe,EAAA;AAAA;AAEnB,CAAC;AAGM,MAAM,iBAAiB,gBAAiB,CAAA,OAAA;AAAA,EAC7C,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,gBAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,iBAAU,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,MAAM,CAAA;AAAA,IACtD,UAAY,EAAA;AAAA,GACb;AACH;AAGO,MAAM,0BAA0B,gBAAiB,CAAA,OAAA;AAAA,EACtD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,yBAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,iBAAU,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAC9D,UAAY,EAAA;AAAA,GACb;AACH;AAGO,MAAM,gCAAgC,gBAAiB,CAAA,OAAA;AAAA,EAC5D,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,+BAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,iCAAoB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,uBAAuB;AAAA;AACpE,GACD;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.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 { LighthouseRestApi } from '@backstage-community/plugin-lighthouse-common';\nimport { lighthouseApiRef } from './api';\nimport {\n  createPlugin,\n  createRouteRef,\n  createApiFactory,\n  configApiRef,\n  createRoutableExtension,\n  createComponentExtension,\n} from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'lighthouse',\n});\n\nexport const viewAuditRouteRef = createRouteRef({\n  id: 'lighthouse:audit',\n});\n\nexport const createAuditRouteRef = createRouteRef({\n  id: 'lighthouse:create-audit',\n});\n\nexport const entityContentRouteRef = createRouteRef({\n  id: 'lighthouse:entity-content',\n});\n\n/** @public */\nexport const lighthousePlugin = createPlugin({\n  id: 'lighthouse',\n  apis: [\n    createApiFactory({\n      api: lighthouseApiRef,\n      deps: { configApi: configApiRef },\n      factory: ({ configApi }) => LighthouseRestApi.fromConfig(configApi),\n    }),\n  ],\n  routes: {\n    root: createAuditRouteRef,\n    entityContent: entityContentRouteRef,\n  },\n});\n\n/** @public */\nexport const LighthousePage = lighthousePlugin.provide(\n  createRoutableExtension({\n    name: 'LighthousePage',\n    component: () => import('./Router').then(m => m.Router),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/** @public */\nexport const EntityLighthouseContent = lighthousePlugin.provide(\n  createRoutableExtension({\n    name: 'EntityLighthouseContent',\n    component: () => import('./Router').then(m => m.EmbeddedRouter),\n    mountPoint: entityContentRouteRef,\n  }),\n);\n\n/** @public */\nexport const EntityLastLighthouseAuditCard = lighthousePlugin.provide(\n  createComponentExtension({\n    name: 'EntityLastLighthouseAuditCard',\n    component: {\n      lazy: () =>\n        import('./components/Cards').then(m => m.LastLighthouseAuditCard),\n    },\n  }),\n);\n"],"names":[],"mappings":";;;;AA2BO,MAAM,eAAe,cAAA,CAAe;AAAA,EACzC,EAAA,EAAI;AACN,CAAC;AAEgC,cAAA,CAAe;AAAA,EAC9C,EAAA,EAAI;AACN,CAAC;AAEM,MAAM,sBAAsB,cAAA,CAAe;AAAA,EAChD,EAAA,EAAI;AACN,CAAC;AAEM,MAAM,wBAAwB,cAAA,CAAe;AAAA,EAClD,EAAA,EAAI;AACN,CAAC;AAGM,MAAM,mBAAmB,YAAA,CAAa;AAAA,EAC3C,EAAA,EAAI,YAAA;AAAA,EACJ,IAAA,EAAM;AAAA,IACJ,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,gBAAA;AAAA,MACL,IAAA,EAAM,EAAE,SAAA,EAAW,YAAA,EAAa;AAAA,MAChC,SAAS,CAAC,EAAE,WAAU,KAAM,iBAAA,CAAkB,WAAW,SAAS;AAAA,KACnE;AAAA,GACH;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,mBAAA;AAAA,IACN,aAAA,EAAe;AAAA;AAEnB,CAAC;AAGM,MAAM,iBAAiB,gBAAA,CAAiB,OAAA;AAAA,EAC7C,uBAAA,CAAwB;AAAA,IACtB,IAAA,EAAM,gBAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,iBAAU,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,MAAM,CAAA;AAAA,IACtD,UAAA,EAAY;AAAA,GACb;AACH;AAGO,MAAM,0BAA0B,gBAAA,CAAiB,OAAA;AAAA,EACtD,uBAAA,CAAwB;AAAA,IACtB,IAAA,EAAM,yBAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,iBAAU,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,IAC9D,UAAA,EAAY;AAAA,GACb;AACH;AAGO,MAAM,gCAAgC,gBAAA,CAAiB,OAAA;AAAA,EAC5D,wBAAA,CAAyB;AAAA,IACvB,IAAA,EAAM,+BAAA;AAAA,IACN,SAAA,EAAW;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,iCAAoB,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,uBAAuB;AAAA;AACpE,GACD;AACH;;;;"}

package/dist/utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.esm.js","sources":["../src/utils.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 */\nimport { useLocation } from 'react-router-dom';\nimport {\n  Website,\n  Audit,\n  LighthouseCategoryId,\n  AuditCompleted,\n} from '@backstage-community/plugin-lighthouse-common';\n\nexport function useQuery(): URLSearchParams {\n  return new URLSearchParams(useLocation().search);\n}\n\nexport function formatTime(timestamp: string | Date) {\n  let date: Date;\n  if (timestamp instanceof Date) {\n    date = timestamp;\n  } else {\n    date = new Date(timestamp);\n  }\n  return date.toUTCString();\n}\n\nexport const CATEGORIES: LighthouseCategoryId[] = [\n  'accessibility',\n  'performance',\n  'seo',\n  'best-practices',\n];\n\nexport const CATEGORY_LABELS: Record<LighthouseCategoryId, string> = {\n  accessibility: 'Accessibility',\n  performance: 'Performance',\n  seo: 'SEO',\n  'best-practices': 'Best Practices',\n  pwa: 'Progressive Web App',\n};\n\nexport type SparklinesDataByCategory = Record<LighthouseCategoryId, number[]>;\nexport function buildSparklinesDataForItem(\n  item: Website,\n): SparklinesDataByCategory {\n  return item.audits\n    .filter(\n      (audit: Audit): audit is AuditCompleted => audit.status === 'COMPLETED',\n    )\n    .reduce((scores, audit) => {\n      Object.values(audit.categories).forEach(category => {\n        scores[category.id] = scores[category.id] || [];\n        scores[category.id].unshift(category.score);\n      });\n\n      // edge case: if only one audit exists, force a \"flat\" sparkline\n      Object.values(scores).forEach(arr => {\n        if (arr.length === 1) arr.push(arr[0]);\n      });\n\n      return scores;\n    }, {} as SparklinesDataByCategory);\n}\n"],"names":[],"mappings":";;AAuBO,SAAS,QAA4B,GAAA;AAC1C,EAAA,OAAO,IAAI,eAAA,CAAgB,WAAY,EAAA,CAAE,MAAM,CAAA;AACjD;AAEO,SAAS,WAAW,SAA0B,EAAA;AACnD,EAAI,IAAA,IAAA;AACJ,EAAA,IAAI,qBAAqB,IAAM,EAAA;AAC7B,IAAO,IAAA,GAAA,SAAA;AAAA,GACF,MAAA;AACL,IAAO,IAAA,GAAA,IAAI,KAAK,SAAS,CAAA;AAAA;AAE3B,EAAA,OAAO,KAAK,WAAY,EAAA;AAC1B;AAEO,MAAM,UAAqC,GAAA;AAAA,EAChD,eAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF;AAEO,MAAM,eAAwD,GAAA;AAAA,EACnE,aAAe,EAAA,eAAA;AAAA,EACf,WAAa,EAAA,aAAA;AAAA,EACb,GAAK,EAAA,KAAA;AAAA,EACL,gBAAkB,EAAA,gBAAA;AAAA,EAClB,GAAK,EAAA;AACP;AAGO,SAAS,2BACd,IAC0B,EAAA;AAC1B,EAAA,OAAO,KAAK,MACT,CAAA,MAAA;AAAA,IACC,CAAC,KAA0C,KAAA,KAAA,CAAM,MAAW,KAAA;AAAA,GAE7D,CAAA,MAAA,CAAO,CAAC,MAAA,EAAQ,KAAU,KAAA;AACzB,IAAA,MAAA,CAAO,MAAO,CAAA,KAAA,CAAM,UAAU,CAAA,CAAE,QAAQ,CAAY,QAAA,KAAA;AAClD,MAAA,MAAA,CAAO,SAAS,EAAE,CAAA,GAAI,OAAO,QAAS,CAAA,EAAE,KAAK,EAAC;AAC9C,MAAA,MAAA,CAAO,QAAS,CAAA,EAAE,CAAE,CAAA,OAAA,CAAQ,SAAS,KAAK,CAAA;AAAA,KAC3C,CAAA;AAGD,IAAA,MAAA,CAAO,MAAO,CAAA,MAAM,CAAE,CAAA,OAAA,CAAQ,CAAO,GAAA,KAAA;AACnC,MAAA,IAAI,IAAI,MAAW,KAAA,CAAA,MAAO,IAAK,CAAA,GAAA,CAAI,CAAC,CAAC,CAAA;AAAA,KACtC,CAAA;AAED,IAAO,OAAA,MAAA;AAAA,GACT,EAAG,EAA8B,CAAA;AACrC;;;;"}
+{"version":3,"file":"utils.esm.js","sources":["../src/utils.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 */\nimport { useLocation } from 'react-router-dom';\nimport {\n  Website,\n  Audit,\n  LighthouseCategoryId,\n  AuditCompleted,\n} from '@backstage-community/plugin-lighthouse-common';\n\nexport function useQuery(): URLSearchParams {\n  return new URLSearchParams(useLocation().search);\n}\n\nexport function formatTime(timestamp: string | Date) {\n  let date: Date;\n  if (timestamp instanceof Date) {\n    date = timestamp;\n  } else {\n    date = new Date(timestamp);\n  }\n  return date.toUTCString();\n}\n\nexport const CATEGORIES: LighthouseCategoryId[] = [\n  'accessibility',\n  'performance',\n  'seo',\n  'best-practices',\n];\n\nexport const CATEGORY_LABELS: Record<LighthouseCategoryId, string> = {\n  accessibility: 'Accessibility',\n  performance: 'Performance',\n  seo: 'SEO',\n  'best-practices': 'Best Practices',\n  pwa: 'Progressive Web App',\n};\n\nexport type SparklinesDataByCategory = Record<LighthouseCategoryId, number[]>;\nexport function buildSparklinesDataForItem(\n  item: Website,\n): SparklinesDataByCategory {\n  return item.audits\n    .filter(\n      (audit: Audit): audit is AuditCompleted => audit.status === 'COMPLETED',\n    )\n    .reduce((scores, audit) => {\n      Object.values(audit.categories).forEach(category => {\n        scores[category.id] = scores[category.id] || [];\n        scores[category.id].unshift(category.score);\n      });\n\n      // edge case: if only one audit exists, force a \"flat\" sparkline\n      Object.values(scores).forEach(arr => {\n        if (arr.length === 1) arr.push(arr[0]);\n      });\n\n      return scores;\n    }, {} as SparklinesDataByCategory);\n}\n"],"names":[],"mappings":";;AAuBO,SAAS,QAAA,GAA4B;AAC1C,EAAA,OAAO,IAAI,eAAA,CAAgB,WAAA,EAAY,CAAE,MAAM,CAAA;AACjD;AAEO,SAAS,WAAW,SAAA,EAA0B;AACnD,EAAA,IAAI,IAAA;AACJ,EAAA,IAAI,qBAAqB,IAAA,EAAM;AAC7B,IAAA,IAAA,GAAO,SAAA;AAAA,EACT,CAAA,MAAO;AACL,IAAA,IAAA,GAAO,IAAI,KAAK,SAAS,CAAA;AAAA,EAC3B;AACA,EAAA,OAAO,KAAK,WAAA,EAAY;AAC1B;AAEO,MAAM,UAAA,GAAqC;AAAA,EAChD,eAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF;AAEO,MAAM,eAAA,GAAwD;AAAA,EACnE,aAAA,EAAe,eAAA;AAAA,EACf,WAAA,EAAa,aAAA;AAAA,EACb,GAAA,EAAK,KAAA;AAAA,EACL,gBAAA,EAAkB,gBAAA;AAAA,EAClB,GAAA,EAAK;AACP;AAGO,SAAS,2BACd,IAAA,EAC0B;AAC1B,EAAA,OAAO,KAAK,MAAA,CACT,MAAA;AAAA,IACC,CAAC,KAAA,KAA0C,KAAA,CAAM,MAAA,KAAW;AAAA,GAC9D,CACC,MAAA,CAAO,CAAC,MAAA,EAAQ,KAAA,KAAU;AACzB,IAAA,MAAA,CAAO,MAAA,CAAO,KAAA,CAAM,UAAU,CAAA,CAAE,QAAQ,CAAA,QAAA,KAAY;AAClD,MAAA,MAAA,CAAO,SAAS,EAAE,CAAA,GAAI,OAAO,QAAA,CAAS,EAAE,KAAK,EAAC;AAC9C,MAAA,MAAA,CAAO,QAAA,CAAS,EAAE,CAAA,CAAE,OAAA,CAAQ,SAAS,KAAK,CAAA;AAAA,IAC5C,CAAC,CAAA;AAGD,IAAA,MAAA,CAAO,MAAA,CAAO,MAAM,CAAA,CAAE,OAAA,CAAQ,CAAA,GAAA,KAAO;AACnC,MAAA,IAAI,IAAI,MAAA,KAAW,CAAA,MAAO,IAAA,CAAK,GAAA,CAAI,CAAC,CAAC,CAAA;AAAA,IACvC,CAAC,CAAA;AAED,IAAA,OAAO,MAAA;AAAA,EACT,CAAA,EAAG,EAA8B,CAAA;AACrC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-lighthouse",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "description": "A Backstage plugin that integrates towards Lighthouse",
   "backstage": {
     "role": "frontend-plugin",
@@ -68,13 +68,13 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage-community/plugin-lighthouse-common": "^0.17.0",
-    "@backstage/catalog-model": "^1.7.7",
-    "@backstage/core-compat-api": "^0.5.9",
-    "@backstage/core-components": "^0.18.8",
-    "@backstage/core-plugin-api": "^1.12.4",
-    "@backstage/frontend-plugin-api": "^0.15.1",
-    "@backstage/plugin-catalog-react": "^2.1.0",
+    "@backstage-community/plugin-lighthouse-common": "^0.19.0",
+    "@backstage/catalog-model": "^1.8.0",
+    "@backstage/core-compat-api": "^0.5.10",
+    "@backstage/core-components": "^0.18.9",
+    "@backstage/core-plugin-api": "^1.12.5",
+    "@backstage/frontend-plugin-api": "^0.16.2",
+    "@backstage/plugin-catalog-react": "^2.1.4",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -82,12 +82,12 @@
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.36.0",
-    "@backstage/core-app-api": "^1.19.6",
-    "@backstage/frontend-defaults": "^0.5.0",
-    "@backstage/frontend-test-utils": "^0.5.1",
-    "@backstage/plugin-catalog": "^2.0.1",
-    "@backstage/test-utils": "^1.7.16",
+    "@backstage/cli": "^0.36.1",
+    "@backstage/core-app-api": "^1.20.0",
+    "@backstage/frontend-defaults": "^0.5.1",
+    "@backstage/frontend-test-utils": "^0.5.2",
+    "@backstage/plugin-catalog": "^2.0.4",
+    "@backstage/test-utils": "^1.7.17",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
     "@types/react-dom": "^18.2.19",