@backstage-community/plugin-lighthouse 0.4.20 → 0.4.21

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

@@ -0,0 +1,152 @@
+import Button from '@material-ui/core/Button';
+import Grid from '@material-ui/core/Grid';
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+import MenuItem from '@material-ui/core/MenuItem';
+import TextField from '@material-ui/core/TextField';
+import { makeStyles } from '@material-ui/core/styles';
+import React, { useState, useCallback } from 'react';
+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 { useApi, errorApiRef } from '@backstage/core-plugin-api';
+
+const useStyles = makeStyles((theme) => ({
+  input: {
+    minWidth: 300,
+    [theme.breakpoints.down("xs")]: {
+      minWidth: "100%"
+    }
+  },
+  buttonList: {
+    marginLeft: theme.spacing(-1),
+    marginRight: theme.spacing(-1),
+    "& > *": {
+      margin: theme.spacing(1)
+    },
+    [theme.breakpoints.down("xs")]: {
+      marginLeft: 0,
+      marginRight: 0,
+      flexDirection: "column",
+      "& > *": {
+        width: "100%"
+      }
+    }
+  }
+}));
+const formFactorToScreenEmulationMap = {
+  // the default is mobile, so no need to override
+  mobile: void 0,
+  // Values from lighthouse's cli "desktop" preset
+  // https://github.com/GoogleChrome/lighthouse/blob/a6738e0033e7e5ca308b97c1c36f298b7d399402/lighthouse-core/config/constants.js#L71-L77
+  desktop: {
+    mobile: false,
+    width: 1350,
+    height: 940,
+    deviceScaleFactor: 1,
+    disabled: false
+  }
+};
+const CreateAuditContent = () => {
+  const errorApi = useApi(errorApiRef);
+  const lighthouseApi = useApi(lighthouseApiRef);
+  const classes = useStyles();
+  const query = useQuery();
+  const navigate = useNavigate();
+  const [submitting, setSubmitting] = useState(false);
+  const [url, setUrl] = useState(query.get("url") || "");
+  const [formFactor, setFormFactor] = useState("mobile");
+  const triggerAudit = useCallback(async () => {
+    setSubmitting(true);
+    try {
+      await lighthouseApi.triggerAudit({
+        url: url.replace(/\/$/, ""),
+        options: {
+          lighthouseConfig: {
+            settings: {
+              formFactor,
+              emulatedFormFactor: formFactor,
+              screenEmulation: formFactorToScreenEmulationMap[formFactor]
+            }
+          }
+        }
+      });
+      navigate("..");
+    } catch (err) {
+      errorApi.post(err);
+    } finally {
+      setSubmitting(false);
+    }
+  }, [url, formFactor, lighthouseApi, setSubmitting, errorApi, navigate]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    ContentHeader,
+    {
+      title: "Trigger a new audit",
+      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."
+    },
+    /* @__PURE__ */ React.createElement(LighthouseSupportButton, null)
+  ), /* @__PURE__ */ React.createElement(Grid, { container: true, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, sm: 6 }, /* @__PURE__ */ React.createElement(InfoCard, null, /* @__PURE__ */ React.createElement(
+    "form",
+    {
+      onSubmit: (ev) => {
+        ev.preventDefault();
+        triggerAudit();
+      }
+    },
+    /* @__PURE__ */ React.createElement(List, null, /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(
+      TextField,
+      {
+        name: "lighthouse-create-audit-url-tf",
+        className: classes.input,
+        label: "URL",
+        placeholder: "https://spotify.com",
+        helperText: "The target URL for Lighthouse to use.",
+        required: true,
+        disabled: submitting,
+        onChange: (ev) => setUrl(ev.target.value),
+        value: url,
+        inputProps: { "aria-label": "URL" }
+      }
+    )), /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(
+      TextField,
+      {
+        name: "lighthouse-create-audit-emulated-form-factor-tf",
+        className: classes.input,
+        label: "Emulated Form Factor",
+        helperText: "Device to simulate when auditing",
+        select: true,
+        required: true,
+        disabled: submitting,
+        onChange: (ev) => setFormFactor(ev.target.value),
+        value: formFactor,
+        inputProps: { "aria-label": "Emulated form factor" }
+      },
+      /* @__PURE__ */ React.createElement(MenuItem, { value: "mobile" }, "Mobile"),
+      /* @__PURE__ */ React.createElement(MenuItem, { value: "desktop" }, "Desktop")
+    )), /* @__PURE__ */ React.createElement(ListItem, { className: classes.buttonList }, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "outlined",
+        color: "primary",
+        onClick: () => navigate(".."),
+        disabled: submitting
+      },
+      "Cancel"
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "contained",
+        color: "primary",
+        type: "submit",
+        disabled: submitting
+      },
+      "Create Audit"
+    )))
+  )))));
+};
+const CreateAudit = () => /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Header, { title: "Lighthouse", subtitle: "Website audits powered by Lighthouse" }, /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Owner", value: "Spotify" }), /* @__PURE__ */ React.createElement(HeaderLabel, { label: "Lifecycle", value: "Alpha" })), /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(CreateAuditContent, null)));
+
+export { CreateAuditContent, CreateAudit as default };
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +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 React, { 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

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

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

@@ -0,0 +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 React, { 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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SupportButton } from '@backstage/core-components';
+
+function LighthouseSupportButton() {
+  return /* @__PURE__ */ React.createElement(SupportButton, null, "Lighthouse audits run for any web domain, stored over time.");
+}
+
+export { LighthouseSupportButton as default };
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +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 React from 'react';\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":";;;AAkBA,SAAwB,uBAA0B,GAAA;AAChD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,qBAAc,6DAEf,CAAA,CAAA;AAEJ;;;;"}

package/dist/constants.esm.js

@@ -0,0 +1,4 @@
+const LIGHTHOUSE_WEBSITE_URL_ANNOTATION = "lighthouse.com/website-url";
+
+export { LIGHTHOUSE_WEBSITE_URL_ANNOTATION };
+//# sourceMappingURL=constants.esm.js.map

package/dist/constants.esm.js.map

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

package/dist/hooks/useWebsiteForEntity.esm.js

@@ -0,0 +1,23 @@
+import { useEntity } from '@backstage/plugin-catalog-react';
+import useAsync from 'react-use/esm/useAsync';
+import { LIGHTHOUSE_WEBSITE_URL_ANNOTATION } from '../constants.esm.js';
+import { lighthouseApiRef } from '../api.esm.js';
+import { useApi, errorApiRef } from '@backstage/core-plugin-api';
+
+const useWebsiteForEntity = () => {
+  const { entity } = useEntity();
+  const websiteUrl = entity.metadata.annotations?.[LIGHTHOUSE_WEBSITE_URL_ANNOTATION] ?? "";
+  const lighthouseApi = useApi(lighthouseApiRef);
+  const errorApi = useApi(errorApiRef);
+  const response = useAsync(
+    () => lighthouseApi.getWebsiteByUrl(websiteUrl),
+    [websiteUrl]
+  );
+  if (response.error && !response.error.message.includes("no audited website found for url")) {
+    errorApi.post(response.error);
+  }
+  return response;
+};
+
+export { useWebsiteForEntity };
+//# sourceMappingURL=useWebsiteForEntity.esm.js.map

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

@@ -0,0 +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,CAAA;AAC7B,EAAA,MAAM,UACJ,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,GAAc,iCAAiC,CAAK,IAAA,EAAA,CAAA;AACtE,EAAM,MAAA,aAAA,GAAgB,OAAO,gBAAgB,CAAA,CAAA;AAC7C,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAA,MAAM,QAAW,GAAA,QAAA;AAAA,IACf,MAAM,aAAc,CAAA,eAAA,CAAgB,UAAU,CAAA;AAAA,IAC9C,CAAC,UAAU,CAAA;AAAA,GACb,CAAA;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,CAAA;AAAA,GAC9B;AACA,EAAO,OAAA,QAAA,CAAA;AACT;;;;"}