@axis-backstage/plugin-statuspage 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,12 @@
+# @axis-backstage/plugin-statuspage
+
+## 0.2.0
+
+### Minor Changes
+
+- b445aaa: Initial Release of the Statuspage Plugin
+
+### Patch Changes
+
+- Updated dependencies [b445aaa]
+  - @axis-backstage/plugin-statuspage-common@0.2.0

package/README.md

@@ -0,0 +1,78 @@
+# Statuspage.io plugin
+
+Welcome to the Statuspage.io plugin!
+
+## Introduction
+
+The **Statuspage** plugin allows you to embedd https://statuspage.io components, component groups and dashboards in Backstage.
+
+There is a React-card, `<StatuspageEntityComponent />`, that is suitable for the Entity component/service overview page:
+
+![entity-card](https://github.com/AxisCommunications/backstage-plugins/blob/main/plugins/statuspage/media/entity-card.png)
+
+And also one card, `<StatuspageComponent instance="myinstance"/>`, for easy integration of a complete Statuspage. This component is _not_ dependent
+on the `useEntity()`-hook, making it easy to integrate on the Home-page (or some other portal).
+
+![full-status](https://github.com/AxisCommunications/backstage-plugins/blob/main/plugins/statuspage/media/full-status.png)
+
+## Note
+
+You will **need** to also perform the installation instructions in [Statuspage Backend](https://github.com/AxisCommunications/backstage-plugins/blob/main/plugins/statuspage-backend) in order for this plugin to work.
+
+## Getting Started
+
+1. First, install the plugin into your app:
+
+```bash
+# From your Backstage root directory
+yarn --cwd packages/app add @axis-backstage/plugin-statuspage
+```
+
+2. Setup configuration
+
+```yaml
+statuspage:
+  - name: mystatuspageinstance
+    pageid: abc123foo456
+    token: ${STATUSPAGE_TOKEN}
+    link: https://<your statuspage>.statuspage.io # Optional
+```
+
+If you have access to the Statuspage.io dashboard, your page ID is usually visible in the URL when you're logged in and managing your page. Look for a segment in the URL that appears after `/manage/pages/`. The format usually looks something like `https://manage.statuspage.io/pages/YOUR_PAGE_ID`.
+
+3. Then, modify your entity page in `EntityPage.tsx` to include the `StatuspageEntityComponent` component and the `isStatuspageAvailable` function. Both are exported from the plugin. The example below show how you can add the plugin to the `defaultEntityPage`:
+
+```tsx
+// In packages/app/src/components/catalog/EntityPage.tsx
+import { StatuspageEntityComponent, isStatuspageAvailable } from '@axis-backstage/plugin-statuspage';
+
+const defaultEntityPage = (
+      <EntitySwitch>
+        <EntitySwitch.Case if={isStatuspageAvailable}>
+          <Grid item xs={12}>
+            <StatuspageEntityComponent />
+          </Grid>
+        </EntitySwitch.Case>
+      </EntitySwitch>
+  ...
+);
+```
+
+### Integration with the Catalog
+
+To enable the Jira Dashboard plugin for your entity, the entity yaml must have the following annotation:
+
+```yaml
+apiVersion: backstage.io/v1alpha1
+kind: Component
+metadata:
+  # ...
+  annotations:
+    statuspage.io/components: instance:component_id,component_id,component_id # Jira component name separated with a comma
+```
+
+The `instance` here is the `statuspage.instance.nam` config value.
+
+The `component_id` could be the id of either a component or a component group. This can be found in your statuspage.io management interface:
+
+![component_id](https://github.com/AxisCommunications/backstage-plugins/blob/main/plugins/statuspage/media/component_id.png)

package/dist/esm/StatuspageComponent-cb4a4e5e.esm.js

@@ -0,0 +1,151 @@
+import React from 'react';
+import { Table, Progress, ResponseErrorPanel, InfoCard } from '@backstage/core-components';
+import Stack from '@mui/material/Stack';
+import Accordion from '@mui/material/Accordion';
+import AccordionDetails from '@mui/material/AccordionDetails';
+import AccordionSummary from '@mui/material/AccordionSummary';
+import Typography from '@mui/material/Typography';
+import { styled } from '@mui/material/styles';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import Chip from '@mui/material/Chip';
+import IconButton from '@mui/material/IconButton';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { useApi } from '@backstage/core-plugin-api';
+import { s as statuspageApiRef } from './index-a703918b.esm.js';
+import useAsync from 'react-use/lib/useAsync';
+import Grid from '@mui/material/Grid';
+
+const formatStatusString = (status) => status.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+const StatusChip = ({ status }) => /* @__PURE__ */ React.createElement(
+  Chip,
+  {
+    sx: { margin: "0 8px" },
+    size: "small",
+    label: formatStatusString(status),
+    color: statusColorMap[status] || "default"
+  }
+);
+
+const ComponentsTable = ({ components }) => {
+  const columns = [
+    { title: "System", field: "name", id: "id" },
+    {
+      title: "Status",
+      field: "status",
+      render: (rowData) => /* @__PURE__ */ React.createElement(StatusChip, { status: rowData.status }),
+      align: "right"
+    }
+  ];
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      options: {
+        search: false,
+        paging: false,
+        header: false,
+        padding: "dense",
+        toolbar: false
+      },
+      columns,
+      data: components.map(({ name, status, id }) => ({ name, status, id }))
+    }
+  );
+};
+
+const ComponentGroupStatusChips = ({
+  components
+}) => /* @__PURE__ */ React.createElement(React.Fragment, null, components.some((component) => component.status !== "operational") ? components.filter((component) => component.status !== "operational").map((component) => /* @__PURE__ */ React.createElement(Grid, { item: true, key: component.id }, /* @__PURE__ */ React.createElement(StatusChip, { status: component.status }))) : /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(StatusChip, { status: "operational" })));
+
+const DenseAccordion = styled(Accordion)({
+  margin: "2px",
+  borderRadius: "2px"
+});
+const ComponentGroupCard = ({
+  components,
+  componentGroup,
+  expanded = false
+}) => {
+  return /* @__PURE__ */ React.createElement(DenseAccordion, { key: componentGroup.id, defaultExpanded: expanded }, /* @__PURE__ */ React.createElement(
+    AccordionSummary,
+    {
+      style: { padding: "0 10px !important", display: "flex !important" },
+      expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreIcon, null)
+    },
+    /* @__PURE__ */ React.createElement(Typography, null, componentGroup.name),
+    /* @__PURE__ */ React.createElement(ComponentGroupStatusChips, { components })
+  ), /* @__PURE__ */ React.createElement(AccordionDetails, null, /* @__PURE__ */ React.createElement(ComponentsTable, { components })));
+};
+
+const ComponentGroupsList = ({
+  components,
+  componentGroups,
+  expanded
+}) => {
+  return /* @__PURE__ */ React.createElement(Stack, { paddingTop: "10px" }, componentGroups.map((componentGroup) => /* @__PURE__ */ React.createElement(
+    ComponentGroupCard,
+    {
+      key: componentGroup.id,
+      componentGroup,
+      components: components.filter((c) => c.group_id === componentGroup.id),
+      expanded
+    }
+  )));
+};
+
+const useComponents = (name) => {
+  const statuspageApi = useApi(statuspageApiRef);
+  return useAsync(async () => {
+    const components = await statuspageApi.getComponents(name);
+    const componentGroups = await statuspageApi.getComponentGroups(name);
+    const { url } = await statuspageApi.getLink(name);
+    return {
+      components,
+      componentGroups,
+      url
+    };
+  }, [name]);
+};
+
+const statusColorMap = {
+  under_maintenance: "info",
+  operational: "success",
+  degraded_performance: "warning",
+  partial_outage: "warning",
+  major_outage: "error"
+};
+const StatuspageComponent = ({ name }) => {
+  const { loading, error, value } = useComponents(name);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  const linkAction = (value == null ? void 0 : value.url) && /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "Go to our statuspage",
+      role: "button",
+      title: "Go to statuspage(.io)",
+      href: value == null ? void 0 : value.url,
+      target: "_blank"
+    },
+    /* @__PURE__ */ React.createElement(OpenInNewIcon, null)
+  );
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Status of our services", action: linkAction }, /* @__PURE__ */ React.createElement(
+    ComponentGroupsList,
+    {
+      components: (value == null ? void 0 : value.components) || [],
+      componentGroups: (value == null ? void 0 : value.componentGroups) || []
+    }
+  ));
+};
+
+var StatuspageComponent$1 = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  statusColorMap: statusColorMap,
+  StatuspageComponent: StatuspageComponent
+});
+
+export { ComponentsTable as C, StatuspageComponent$1 as S, ComponentGroupsList as a, useComponents as u };
+//# sourceMappingURL=StatuspageComponent-cb4a4e5e.esm.js.map

package/dist/esm/StatuspageComponent-cb4a4e5e.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatuspageComponent-cb4a4e5e.esm.js","sources":["../../src/components/StatusChip.tsx","../../src/components/ComponentsTable.tsx","../../src/components/ComponentGroupStatusChips.tsx","../../src/components/ComponentGroupCard.tsx","../../src/components/ComponentGroupsList.tsx","../../src/hooks/useComponents.ts","../../src/components/StatuspageComponent.tsx"],"sourcesContent":["import React from 'react';\nimport type { ComponentStatus } from '@axis-backstage/plugin-statuspage-common';\nimport Chip from '@mui/material/Chip';\nimport { statusColorMap } from './StatuspageComponent';\n\ntype StatusChipProps = {\n  status: ComponentStatus;\n};\n\nconst formatStatusString = (status: string): string =>\n  status\n    .split('_')\n    .map(word => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(' ');\n\nexport const StatusChip = ({ status }: StatusChipProps) => (\n  <Chip\n    sx={{ margin: '0 8px' }}\n    size=\"small\"\n    label={formatStatusString(status)}\n    color={statusColorMap[status] || ('default' as any)}\n  />\n);\n","import React from 'react';\nimport { Table, TableColumn } from '@backstage/core-components';\nimport type { Component } from '@axis-backstage/plugin-statuspage-common';\nimport { StatusChip } from './StatusChip';\n\nexport type ComponentsTableProps = {\n  components: Component[];\n};\n\nexport const ComponentsTable = ({ components }: ComponentsTableProps) => {\n  // Columns definition\n  const columns: TableColumn[] = [\n    { title: 'System', field: 'name', id: 'id' },\n    {\n      title: 'Status',\n      field: 'status',\n      render: (rowData: any) => <StatusChip status={rowData.status} />,\n      align: 'right',\n    },\n  ];\n\n  return (\n    <Table\n      options={{\n        search: false,\n        paging: false,\n        header: false,\n        padding: 'dense',\n        toolbar: false,\n      }}\n      columns={columns}\n      data={components.map(({ name, status, id }) => ({ name, status, id }))}\n    />\n  );\n};\n","import React from 'react';\nimport Grid from '@mui/material/Grid';\nimport { StatusChip } from './StatusChip';\nimport { ComponentsTableProps } from './ComponentsTable';\n\nexport const ComponentGroupStatusChips = ({\n  components,\n}: ComponentsTableProps) => (\n  <>\n    {components.some(component => component.status !== 'operational') ? (\n      components\n        .filter(component => component.status !== 'operational')\n        .map(component => (\n          <Grid item key={component.id}>\n            <StatusChip status={component.status} />\n          </Grid>\n        ))\n    ) : (\n      <Grid item>\n        <StatusChip status=\"operational\" />\n      </Grid>\n    )}\n  </>\n);\n","import React from 'react';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { ComponentsTable } from './ComponentsTable';\nimport { ComponentGroupStatusChips } from './ComponentGroupStatusChips';\nimport type {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport type ComponentGroupProps = {\n  components: Component[];\n  componentGroup: ComponentGroup;\n  expanded?: boolean;\n};\n\nconst DenseAccordion = styled(Accordion)({\n  margin: '2px',\n  borderRadius: '2px',\n});\n\nexport const ComponentGroupCard = ({\n  components,\n  componentGroup,\n  expanded = false,\n}: ComponentGroupProps) => {\n  return (\n    <DenseAccordion key={componentGroup.id} defaultExpanded={expanded}>\n      <AccordionSummary\n        style={{ padding: '0 10px !important', display: 'flex !important' }}\n        expandIcon={<ExpandMoreIcon />}\n      >\n        <Typography>{componentGroup.name}</Typography>\n        <ComponentGroupStatusChips components={components} />\n      </AccordionSummary>\n      <AccordionDetails>\n        <ComponentsTable components={components} />\n      </AccordionDetails>\n    </DenseAccordion>\n  );\n};\n","import React from 'react';\nimport Stack from '@mui/material/Stack';\nimport { ComponentGroupCard } from './ComponentGroupCard';\nimport type {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport type ComponentGroupListProps = {\n  components: Component[];\n  componentGroups: ComponentGroup[];\n  expanded?: boolean;\n};\n\nexport const ComponentGroupsList = ({\n  components,\n  componentGroups,\n  expanded,\n}: ComponentGroupListProps) => {\n  return (\n    <Stack paddingTop=\"10px\">\n      {componentGroups.map(componentGroup => (\n        <ComponentGroupCard\n          key={componentGroup.id}\n          componentGroup={componentGroup}\n          components={components.filter(c => c.group_id === componentGroup.id)}\n          expanded={expanded}\n        />\n      ))}\n    </Stack>\n  );\n};\n","import { useApi } from '@backstage/core-plugin-api';\nimport { statuspageApiRef } from '../api/StatuspageApi';\nimport useAsync from 'react-use/lib/useAsync';\nimport {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport const useComponents = (name: string) => {\n  const statuspageApi = useApi(statuspageApiRef);\n\n  return useAsync(async (): Promise<{\n    components: Component[];\n    componentGroups: ComponentGroup[];\n    url?: string;\n  }> => {\n    const components = await statuspageApi.getComponents(name);\n    const componentGroups = await statuspageApi.getComponentGroups(name);\n    const { url } = await statuspageApi.getLink(name);\n    return {\n      components,\n      componentGroups,\n      url,\n    };\n  }, [name]);\n};\n","import React from 'react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport type { ComponentStatus } from '@axis-backstage/plugin-statuspage-common';\nimport { ComponentGroupsList } from './ComponentGroupsList';\nimport IconButton from '@mui/material/IconButton';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { useComponents } from '../hooks/useComponents';\n\n/**\n * StatuspageComponent props.\n *\n * @public\n */\nexport type StatuspageProps = {\n  name: string;\n};\n\n/**\n * Maps statuspage component statuses to MUI colors.\n *\n * @public\n */\nexport const statusColorMap: { [key in ComponentStatus]: string } = {\n  under_maintenance: 'info',\n  operational: 'success',\n  degraded_performance: 'warning',\n  partial_outage: 'warning',\n  major_outage: 'error',\n};\n\n/**\n * Visualizes a full statuspage.\n *\n * @param name - instance name from app config.\n * @public\n */\nexport const StatuspageComponent = ({ name }: StatuspageProps) => {\n  const { loading, error, value } = useComponents(name);\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const linkAction = value?.url && (\n    <IconButton\n      aria-label=\"Go to our statuspage\"\n      role=\"button\"\n      title=\"Go to statuspage(.io)\"\n      href={value?.url}\n      target=\"_blank\"\n    >\n      <OpenInNewIcon />\n    </IconButton>\n  );\n\n  return (\n    <InfoCard title=\"Status of our services\" action={linkAction}>\n      <ComponentGroupsList\n        components={value?.components || []}\n        componentGroups={value?.componentGroups || []}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/StatuspageEntityComponent-1bbc45a4.esm.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Progress, ResponseErrorPanel, InfoCard } from '@backstage/core-components';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { u as useComponents, C as ComponentsTable, a as ComponentGroupsList } from './StatuspageComponent-cb4a4e5e.esm.js';
+import IconButton from '@mui/material/IconButton';
+import Typography from '@mui/material/Typography';
+import { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';
+import '@mui/material/Stack';
+import '@mui/material/Accordion';
+import '@mui/material/AccordionDetails';
+import '@mui/material/AccordionSummary';
+import '@mui/material/styles';
+import '@mui/icons-material/ExpandMore';
+import '@mui/material/Chip';
+import '@backstage/core-plugin-api';
+import './index-a703918b.esm.js';
+import 'react-use/lib/useAsync';
+import '@mui/material/Grid';
+
+const StatuspageEntityComponent = () => {
+  var _a, _b;
+  const { entity } = useEntity();
+  const [name, wantedComponentsStr] = (_b = (_a = entity.metadata.annotations) == null ? void 0 : _a[STATUSPAGE_ANNOTATION]) == null ? void 0 : _b.split(":");
+  const wantedComponents = wantedComponentsStr == null ? void 0 : wantedComponentsStr.split(",").map((it) => it.trim());
+  const { loading, error, value } = useComponents(name);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  const linkAction = (value == null ? void 0 : value.url) && /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "Go to our statuspage",
+      role: "button",
+      title: "Go to statuspage(.io)",
+      href: value == null ? void 0 : value.url,
+      target: "_blank"
+    },
+    /* @__PURE__ */ React.createElement(OpenInNewIcon, null)
+  );
+  const fullStatuspage = !wantedComponents;
+  const filteredComponents = (value == null ? void 0 : value.components.filter(
+    (c) => !fullStatuspage && !c.group && wantedComponents.includes(c.id)
+  )) || [];
+  const filteredComponentGroups = (value == null ? void 0 : value.componentGroups.filter(
+    (c) => fullStatuspage || wantedComponents.includes(c.id)
+  )) || [];
+  const noComponents = (!filteredComponents || filteredComponentGroups.length === 0) && filteredComponents && filteredComponents.length === 0;
+  if (noComponents) {
+    return /* @__PURE__ */ React.createElement(InfoCard, { title: "Service Status", action: linkAction }, /* @__PURE__ */ React.createElement(Typography, { variant: "body2", color: "#FF5555" }, "The specified statuspage.io components could not be found. Check your annotation."));
+  }
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: "Service Status", action: linkAction }, filteredComponents && filteredComponents.length > 0 && /* @__PURE__ */ React.createElement(ComponentsTable, { components: filteredComponents }), filteredComponentGroups && filteredComponentGroups.length > 0 && /* @__PURE__ */ React.createElement(
+    ComponentGroupsList,
+    {
+      components: (value == null ? void 0 : value.components) || [],
+      componentGroups: filteredComponentGroups,
+      expanded: !fullStatuspage
+    }
+  ));
+};
+
+export { StatuspageEntityComponent };
+//# sourceMappingURL=StatuspageEntityComponent-1bbc45a4.esm.js.map

package/dist/esm/StatuspageEntityComponent-1bbc45a4.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatuspageEntityComponent-1bbc45a4.esm.js","sources":["../../src/components/StatuspageEntityComponent.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport { ComponentsTable } from './ComponentsTable';\nimport { ComponentGroupsList } from './ComponentGroupsList';\nimport IconButton from '@mui/material/IconButton';\nimport Typography from '@mui/material/Typography';\nimport { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';\nimport { useComponents } from '../hooks/useComponents';\n\n/**\n * Statuspage card intended for the EntityPage. Allows embedding of specific\n * statuspage components and component groups.\n *\n * @public\n */\nexport const StatuspageEntityComponent = () => {\n  const { entity } = useEntity();\n  const [name, wantedComponentsStr] =\n    entity.metadata.annotations?.[STATUSPAGE_ANNOTATION]?.split(':')!;\n  const wantedComponents = wantedComponentsStr?.split(',').map(it => it.trim());\n\n  const { loading, error, value } = useComponents(name);\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const linkAction = value?.url && (\n    <IconButton\n      aria-label=\"Go to our statuspage\"\n      role=\"button\"\n      title=\"Go to statuspage(.io)\"\n      href={value?.url}\n      target=\"_blank\"\n    >\n      <OpenInNewIcon />\n    </IconButton>\n  );\n\n  const fullStatuspage = !wantedComponents;\n  const filteredComponents =\n    value?.components.filter(\n      c => !fullStatuspage && !c.group && wantedComponents.includes(c.id),\n    ) || [];\n  const filteredComponentGroups =\n    value?.componentGroups.filter(\n      c => fullStatuspage || wantedComponents.includes(c.id),\n    ) || [];\n  const noComponents =\n    (!filteredComponents || filteredComponentGroups.length === 0) &&\n    filteredComponents &&\n    filteredComponents.length === 0;\n\n  if (noComponents) {\n    return (\n      <InfoCard title=\"Service Status\" action={linkAction}>\n        <Typography variant=\"body2\" color=\"#FF5555\">\n          The specified statuspage.io components could not be found. Check your\n          annotation.\n        </Typography>\n      </InfoCard>\n    );\n  }\n  return (\n    <InfoCard title=\"Service Status\" action={linkAction}>\n      {filteredComponents && filteredComponents.length > 0 && (\n        <ComponentsTable components={filteredComponents} />\n      )}\n      {filteredComponentGroups && filteredComponentGroups.length > 0 && (\n        <ComponentGroupsList\n          components={value?.components || []}\n          componentGroups={filteredComponentGroups}\n          expanded={!fullStatuspage}\n        />\n      )}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/index-a703918b.esm.js

@@ -0,0 +1,116 @@
+import { createRouteRef, createApiRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
+import { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';
+
+const rootRouteRef = createRouteRef({
+  id: "statuspage"
+});
+
+const statuspageApiRef = createApiRef({
+  id: "plugin.statuspage"
+});
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class StatuspageClient {
+  constructor(options) {
+    __publicField(this, "discoveryApi");
+    __publicField(this, "fetchApi");
+    this.discoveryApi = options.discoveryApi;
+    this.fetchApi = options.fetchApi;
+  }
+  async getLink(name) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("statuspage");
+    const response = await this.fetchApi.fetch(
+      `${baseUrl}/fetch-link/${encodeURIComponent(name)}`,
+      {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }
+    );
+    if (response.ok) {
+      const data = await response.json();
+      return data;
+    }
+    throw new Error(
+      `Failed to get statuspage link for ${name} with status code ${response.status}`
+    );
+  }
+  async getComponents(name) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("statuspage");
+    const data = await this.fetchApi.fetch(
+      `${baseUrl}/fetch-components/${encodeURIComponent(name)}`,
+      {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }
+    );
+    if (data.ok)
+      return data.json();
+    throw new Error(`Failed to get statuspage components for ${name}`);
+  }
+  async getComponentGroups(name) {
+    const baseUrl = await this.discoveryApi.getBaseUrl("statuspage");
+    const data = await this.fetchApi.fetch(
+      `${baseUrl}/fetch-component-groups/${encodeURIComponent(name)}`,
+      {
+        method: "GET",
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }
+    );
+    if (data.ok)
+      return data.json();
+    throw new Error(`Failed to get statuspage component groups for ${name}`);
+  }
+}
+
+const isStatuspageAvailable = (entity) => {
+  var _a;
+  return Boolean((_a = entity.metadata.annotations) == null ? void 0 : _a[STATUSPAGE_ANNOTATION]);
+};
+const statuspagePlugin = createPlugin({
+  id: "statuspage",
+  apis: [
+    createApiFactory({
+      api: statuspageApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        fetchApi: fetchApiRef
+      },
+      factory: ({ discoveryApi, fetchApi }) => new StatuspageClient({ discoveryApi, fetchApi })
+    })
+  ],
+  routes: {
+    root: rootRouteRef
+  }
+});
+const StatuspagePage = statuspagePlugin.provide(
+  createRoutableExtension({
+    name: "StatuspagePage",
+    component: () => import('./StatuspageComponent-cb4a4e5e.esm.js').then(function (n) { return n.S; }).then(
+      (m) => m.StatuspageComponent
+    ),
+    mountPoint: rootRouteRef
+  })
+);
+const StatuspageEntityCard = statuspagePlugin.provide(
+  createRoutableExtension({
+    name: "StatuspageEntityCard",
+    component: () => import('./StatuspageEntityComponent-1bbc45a4.esm.js').then(
+      (m) => m.StatuspageEntityComponent
+    ),
+    mountPoint: rootRouteRef
+  })
+);
+
+export { StatuspagePage as S, statuspagePlugin as a, StatuspageEntityCard as b, isStatuspageAvailable as i, statuspageApiRef as s };
+//# sourceMappingURL=index-a703918b.esm.js.map

package/dist/esm/index-a703918b.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-a703918b.esm.js","sources":["../../src/routes.ts","../../src/api/StatuspageApi.ts","../../src/api/StatuspageClient.ts","../../src/plugin.ts"],"sourcesContent":["import { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'statuspage',\n});\n","import { createApiRef } from '@backstage/core-plugin-api';\n\nimport type {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport type StatuspageApi = {\n  getComponents(name: string): Promise<Component[]>;\n  getComponentGroups(name: string): Promise<ComponentGroup[]>;\n  getLink(name: string): Promise<{ url: string }>;\n};\n\nexport const statuspageApiRef = createApiRef<StatuspageApi>({\n  id: 'plugin.statuspage',\n});\n","import { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';\nimport { StatuspageApi } from './StatuspageApi';\nimport {\n  Component,\n  ComponentGroup,\n} from '@axis-backstage/plugin-statuspage-common';\n\nexport class StatuspageClient implements StatuspageApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n\n  constructor(options: { discoveryApi: DiscoveryApi; fetchApi: FetchApi }) {\n    this.discoveryApi = options.discoveryApi;\n    this.fetchApi = options.fetchApi;\n  }\n\n  async getLink(name: string): Promise<{ url: string }> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('statuspage');\n    const response = await this.fetchApi.fetch(\n      `${baseUrl}/fetch-link/${encodeURIComponent(name)}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      },\n    );\n    if (response.ok) {\n      const data = await response.json();\n      return data;\n    }\n    throw new Error(\n      `Failed to get statuspage link for ${name} with status code ${response.status}`,\n    );\n  }\n\n  async getComponents(name: string): Promise<Component[]> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('statuspage');\n    const data = await this.fetchApi.fetch(\n      `${baseUrl}/fetch-components/${encodeURIComponent(name)}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      },\n    );\n\n    if (data.ok) return data.json();\n    throw new Error(`Failed to get statuspage components for ${name}`);\n  }\n\n  async getComponentGroups(name: string): Promise<ComponentGroup[]> {\n    const baseUrl = await this.discoveryApi.getBaseUrl('statuspage');\n    const data = await this.fetchApi.fetch(\n      `${baseUrl}/fetch-component-groups/${encodeURIComponent(name)}`,\n      {\n        method: 'GET',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      },\n    );\n\n    if (data.ok) return data.json();\n    throw new Error(`Failed to get statuspage component groups for ${name}`);\n  }\n}\n","import {\n  createApiFactory,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\n\nimport { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common';\nimport { Entity } from '@backstage/catalog-model';\n\nimport { rootRouteRef } from './routes';\nimport { statuspageApiRef } from './api/StatuspageApi';\nimport { StatuspageClient } from './api/StatuspageClient';\n\n/**\n * Checks availability of a statuspage component\n *\n * @public\n */\nexport const isStatuspageAvailable = (entity: Entity) =>\n  Boolean(entity.metadata.annotations?.[STATUSPAGE_ANNOTATION]);\n\n/**\n * Create the plugin.\n *\n * @public\n */\nexport const statuspagePlugin = createPlugin({\n  id: 'statuspage',\n  apis: [\n    createApiFactory({\n      api: statuspageApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new StatuspageClient({ discoveryApi, fetchApi }),\n    }),\n  ],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n\n/**\n * Routable extension for StatuspageComponent.\n *\n * @public\n */\nexport const StatuspagePage = statuspagePlugin.provide(\n  createRoutableExtension({\n    name: 'StatuspagePage',\n    component: () =>\n      import('./components/StatuspageComponent').then(\n        m => m.StatuspageComponent,\n      ),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * Routable extension for StatuspageComponent.\n *\n * @public\n */\nexport const StatuspageEntityCard = statuspagePlugin.provide(\n  createRoutableExtension({\n    name: 'StatuspageEntityCard',\n    component: () =>\n      import('./components/StatuspageEntityComponent').then(\n        m => m.StatuspageEntityComponent,\n      ),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import * as React from 'react';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import { Entity } from '@backstage/catalog-model';
+
+/**
+ * StatuspageComponent props.
+ *
+ * @public
+ */
+type StatuspageProps = {
+    name: string;
+};
+
+/**
+ * Checks availability of a statuspage component
+ *
+ * @public
+ */
+declare const isStatuspageAvailable: (entity: Entity) => boolean;
+/**
+ * Create the plugin.
+ *
+ * @public
+ */
+declare const statuspagePlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {}>;
+/**
+ * Routable extension for StatuspageComponent.
+ *
+ * @public
+ */
+declare const StatuspagePage: ({ name }: StatuspageProps) => React.JSX.Element;
+/**
+ * Routable extension for StatuspageComponent.
+ *
+ * @public
+ */
+declare const StatuspageEntityCard: () => React.JSX.Element;
+
+export { StatuspageEntityCard, StatuspagePage, StatuspageProps, isStatuspageAvailable, statuspagePlugin };

package/dist/index.esm.js

@@ -0,0 +1,4 @@
+export { b as StatuspageEntityCard, S as StatuspagePage, i as isStatuspageAvailable, a as statuspagePlugin } from './esm/index-a703918b.esm.js';
+import '@backstage/core-plugin-api';
+import '@axis-backstage/plugin-statuspage-common';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

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

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@axis-backstage/plugin-statuspage",
+  "version": "0.2.0",
+  "main": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.esm.js",
+    "types": "dist/index.d.ts"
+  },
+  "backstage": {
+    "role": "frontend-plugin"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "start": "backstage-cli package start",
+    "build": "backstage-cli package build",
+    "lint": "backstage-cli package lint",
+    "test": "backstage-cli package test",
+    "clean": "backstage-cli package clean",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack"
+  },
+  "dependencies": {
+    "@axis-backstage/plugin-statuspage-common": "^0.2.0",
+    "@backstage/catalog-model": "^1.4.3",
+    "@backstage/core-components": "^0.13.10",
+    "@backstage/core-plugin-api": "^1.8.2",
+    "@backstage/plugin-catalog-react": "^1.9.3",
+    "@mui/icons-material": "^5.15.7",
+    "@mui/material": "^5.15.7",
+    "react-use": "^17.2.4"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0  || ^18.0.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.25.1",
+    "@backstage/dev-utils": "^1.0.26",
+    "@testing-library/jest-dom": "^5.10.1"
+  },
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/index.esm.js"
+}