@axis-backstage/plugin-statuspage 0.4.0 → 0.5.1

package/dist/api/StatuspageClient.esm.js

@@ -1,13 +1,7 @@
-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 {
+  discoveryApi;
+  fetchApi;
   constructor(options) {
-    __publicField(this, "discoveryApi");
-    __publicField(this, "fetchApi");
     this.discoveryApi = options.discoveryApi;
     this.fetchApi = options.fetchApi;
   }

package/dist/api/StatuspageClient.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatuspageClient.esm.js","sources":["../../src/api/StatuspageClient.ts"],"sourcesContent":["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\n/**\n * The client implementation for the frontend api.\n *\n * @public\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  /**\n   * Fetches link for a statuspage\n   *\n   * @param name - name of the statuspage instance (from config)\n   * @returns the url\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  /**\n   * Returns the components for a statuspage instance\n   *\n   * @param name - the name of statuspage instance (from config)\n   * @returns the components\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  /**\n   * Returns the component groups for a statuspage instance\n   *\n   * @param name - the name of the statuspage instance (from config)\n   * @returns the component groups\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"],"names":[],"mappings":";;;;;;AAYO,MAAM,gBAA0C,CAAA;AAAA,EAIrD,YAAY,OAA6D,EAAA;AAHzE,IAAiB,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA,CAAA;AACjB,IAAiB,aAAA,CAAA,IAAA,EAAA,UAAA,CAAA,CAAA;AAGf,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA,CAAA;AAC5B,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA,CAAA;AAAA,GAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,QAAQ,IAAwC,EAAA;AACpD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,QAAA,GAAW,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MACnC,CAAG,EAAA,OAAO,CAAe,YAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MACjD;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AACA,IAAA,IAAI,SAAS,EAAI,EAAA;AACf,MAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA,CAAA;AACjC,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAqC,kCAAA,EAAA,IAAI,CAAqB,kBAAA,EAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AAAA,KAC/E,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,cAAc,IAAoC,EAAA;AACtD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MAC/B,CAAG,EAAA,OAAO,CAAqB,kBAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MACvD;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,IAAI,IAAK,CAAA,EAAA;AAAI,MAAA,OAAO,KAAK,IAAK,EAAA,CAAA;AAC9B,IAAA,MAAM,IAAI,KAAA,CAAM,CAA2C,wCAAA,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GACnE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,mBAAmB,IAAyC,EAAA;AAChE,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MAC/B,CAAG,EAAA,OAAO,CAA2B,wBAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MAC7D;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,IAAI,IAAK,CAAA,EAAA;AAAI,MAAA,OAAO,KAAK,IAAK,EAAA,CAAA;AAC9B,IAAA,MAAM,IAAI,KAAA,CAAM,CAAiD,8CAAA,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GACzE;AACF;;;;"}
+{"version":3,"file":"StatuspageClient.esm.js","sources":["../../src/api/StatuspageClient.ts"],"sourcesContent":["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\n/**\n * The client implementation for the frontend api.\n *\n * @public\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  /**\n   * Fetches link for a statuspage\n   *\n   * @param name - name of the statuspage instance (from config)\n   * @returns the url\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  /**\n   * Returns the components for a statuspage instance\n   *\n   * @param name - the name of statuspage instance (from config)\n   * @returns the components\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  /**\n   * Returns the component groups for a statuspage instance\n   *\n   * @param name - the name of the statuspage instance (from config)\n   * @returns the component groups\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"],"names":[],"mappings":"AAYO,MAAM,gBAA0C,CAAA;AAAA,EACpC,YAAA,CAAA;AAAA,EACA,QAAA,CAAA;AAAA,EAEjB,YAAY,OAA6D,EAAA;AACvE,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA,CAAA;AAC5B,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA,CAAA;AAAA,GAC1B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,QAAQ,IAAwC,EAAA;AACpD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,QAAA,GAAW,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MACnC,CAAG,EAAA,OAAO,CAAe,YAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MACjD;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AACA,IAAA,IAAI,SAAS,EAAI,EAAA;AACf,MAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA,CAAA;AACjC,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAAqC,kCAAA,EAAA,IAAI,CAAqB,kBAAA,EAAA,QAAA,CAAS,MAAM,CAAA,CAAA;AAAA,KAC/E,CAAA;AAAA,GACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,cAAc,IAAoC,EAAA;AACtD,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MAC/B,CAAG,EAAA,OAAO,CAAqB,kBAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MACvD;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,IAAI,IAAK,CAAA,EAAA;AAAI,MAAA,OAAO,KAAK,IAAK,EAAA,CAAA;AAC9B,IAAA,MAAM,IAAI,KAAA,CAAM,CAA2C,wCAAA,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GACnE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,MAAM,mBAAmB,IAAyC,EAAA;AAChE,IAAA,MAAM,OAAU,GAAA,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,YAAY,CAAA,CAAA;AAC/D,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MAC/B,CAAG,EAAA,OAAO,CAA2B,wBAAA,EAAA,kBAAA,CAAmB,IAAI,CAAC,CAAA,CAAA;AAAA,MAC7D;AAAA,QACE,MAAQ,EAAA,KAAA;AAAA,QACR,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AAEA,IAAA,IAAI,IAAK,CAAA,EAAA;AAAI,MAAA,OAAO,KAAK,IAAK,EAAA,CAAA;AAC9B,IAAA,MAAM,IAAI,KAAA,CAAM,CAAiD,8CAAA,EAAA,IAAI,CAAE,CAAA,CAAA,CAAA;AAAA,GACzE;AACF;;;;"}

package/dist/components/StatusChip.esm.js

@@ -1,7 +1,13 @@
 import React from 'react';
 import Chip from '@mui/material/Chip';
-import { statusColorMap } from './StatuspageComponent.esm.js';
 
+const statusColorMap = {
+  under_maintenance: "info",
+  operational: "success",
+  degraded_performance: "warning",
+  partial_outage: "warning",
+  major_outage: "error"
+};
 const formatStatusString = (status) => status.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
 const StatusChip = ({ status }) => /* @__PURE__ */ React.createElement(
   Chip,

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

@@ -1 +1 @@
-{"version":3,"file":"StatusChip.esm.js","sources":["../../src/components/StatusChip.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"],"names":[],"mappings":";;;;AASA,MAAM,kBAAA,GAAqB,CAAC,MAC1B,KAAA,MAAA,CACG,MAAM,GAAG,CAAA,CACT,GAAI,CAAA,CAAA,IAAA,KAAQ,IAAK,CAAA,MAAA,CAAO,CAAC,CAAE,CAAA,WAAA,EAAgB,GAAA,IAAA,CAAK,KAAM,CAAA,CAAC,EAAE,WAAY,EAAC,CACtE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAEN,MAAM,UAAa,GAAA,CAAC,EAAE,MAAA,EAC3B,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,EAAA,EAAI,EAAE,MAAA,EAAQ,OAAQ,EAAA;AAAA,IACtB,IAAK,EAAA,OAAA;AAAA,IACL,KAAA,EAAO,mBAAmB,MAAM,CAAA;AAAA,IAChC,KAAA,EAAO,cAAe,CAAA,MAAM,CAAM,IAAA,SAAA;AAAA,GAAA;AACpC;;;;"}
+{"version":3,"file":"StatusChip.esm.js","sources":["../../src/components/StatusChip.tsx"],"sourcesContent":["import React from 'react';\nimport Chip from '@mui/material/Chip';\nimport type { ComponentStatus } from '@axis-backstage/plugin-statuspage-common';\n\n/**\n * Maps statuspage component statuses to MUI colors.\n *\n */\nconst 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\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"],"names":[],"mappings":";;;AAQA,MAAM,cAAuD,GAAA;AAAA,EAC3D,iBAAmB,EAAA,MAAA;AAAA,EACnB,WAAa,EAAA,SAAA;AAAA,EACb,oBAAsB,EAAA,SAAA;AAAA,EACtB,cAAgB,EAAA,SAAA;AAAA,EAChB,YAAc,EAAA,OAAA;AAChB,CAAA,CAAA;AAMA,MAAM,kBAAA,GAAqB,CAAC,MAC1B,KAAA,MAAA,CACG,MAAM,GAAG,CAAA,CACT,GAAI,CAAA,CAAA,IAAA,KAAQ,IAAK,CAAA,MAAA,CAAO,CAAC,CAAE,CAAA,WAAA,EAAgB,GAAA,IAAA,CAAK,KAAM,CAAA,CAAC,EAAE,WAAY,EAAC,CACtE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AAEN,MAAM,UAAa,GAAA,CAAC,EAAE,MAAA,EAC3B,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,EAAA,EAAI,EAAE,MAAA,EAAQ,OAAQ,EAAA;AAAA,IACtB,IAAK,EAAA,OAAA;AAAA,IACL,KAAA,EAAO,mBAAmB,MAAM,CAAA;AAAA,IAChC,KAAA,EAAO,cAAe,CAAA,MAAM,CAAM,IAAA,SAAA;AAAA,GAAA;AACpC;;;;"}

package/dist/components/StatuspageComponent.esm.js

@@ -5,13 +5,6 @@ import IconButton from '@mui/material/IconButton';
 import OpenInNewIcon from '@mui/icons-material/OpenInNew';
 import { useComponents } from '../hooks/useComponents.esm.js';
 
-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) {
@@ -20,13 +13,13 @@ const StatuspageComponent = ({ name }) => {
   if (error) {
     return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
   }
-  const linkAction = (value == null ? void 0 : value.url) && /* @__PURE__ */ React.createElement(
+  const linkAction = 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,
+      href: value?.url,
       target: "_blank"
     },
     /* @__PURE__ */ React.createElement(OpenInNewIcon, null)
@@ -34,11 +27,11 @@ const StatuspageComponent = ({ name }) => {
   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) || []
+      components: value?.components || [],
+      componentGroups: value?.componentGroups || []
     }
   ));
 };
 
-export { StatuspageComponent, statusColorMap };
+export { StatuspageComponent };
 //# sourceMappingURL=StatuspageComponent.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatuspageComponent.esm.js","sources":["../../src/components/StatuspageComponent.tsx"],"sourcesContent":["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":";;;;;;;AA0BO,MAAM,cAAuD,GAAA;AAAA,EAClE,iBAAmB,EAAA,MAAA;AAAA,EACnB,WAAa,EAAA,SAAA;AAAA,EACb,oBAAsB,EAAA,SAAA;AAAA,EACtB,cAAgB,EAAA,SAAA;AAAA,EAChB,YAAc,EAAA,OAAA;AAChB,EAAA;AAQO,MAAM,mBAAsB,GAAA,CAAC,EAAE,IAAA,EAA4B,KAAA;AAChE,EAAA,MAAM,EAAE,OAAS,EAAA,KAAA,EAAO,KAAM,EAAA,GAAI,cAAc,IAAI,CAAA,CAAA;AAEpD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AACA,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA,CAAA;AAAA,GAC3C;AAEA,EAAM,MAAA,UAAA,GAAA,CAAa,+BAAO,GACxB,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,sBAAA;AAAA,MACX,IAAK,EAAA,QAAA;AAAA,MACL,KAAM,EAAA,uBAAA;AAAA,MACN,MAAM,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA;AAAA,MACb,MAAO,EAAA,QAAA;AAAA,KAAA;AAAA,wCAEN,aAAc,EAAA,IAAA,CAAA;AAAA,GACjB,CAAA;AAGF,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,wBAAA,EAAyB,QAAQ,UAC/C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAA,CAAY,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,UAAA,KAAc,EAAC;AAAA,MAClC,eAAA,EAAA,CAAiB,KAAO,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAA,eAAA,KAAmB,EAAC;AAAA,KAAA;AAAA,GAEhD,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"StatuspageComponent.esm.js","sources":["../../src/components/StatuspageComponent.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  InfoCard,\n  Progress,\n  ResponseErrorPanel,\n} from '@backstage/core-components';\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 * 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":";;;;;;;AA0BO,MAAM,mBAAsB,GAAA,CAAC,EAAE,IAAA,EAA4B,KAAA;AAChE,EAAA,MAAM,EAAE,OAAS,EAAA,KAAA,EAAO,KAAM,EAAA,GAAI,cAAc,IAAI,CAAA,CAAA;AAEpD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AACA,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,KAAc,EAAA,CAAA,CAAA;AAAA,GAC3C;AAEA,EAAM,MAAA,UAAA,GAAa,OAAO,GACxB,oBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,sBAAA;AAAA,MACX,IAAK,EAAA,QAAA;AAAA,MACL,KAAM,EAAA,uBAAA;AAAA,MACN,MAAM,KAAO,EAAA,GAAA;AAAA,MACb,MAAO,EAAA,QAAA;AAAA,KAAA;AAAA,wCAEN,aAAc,EAAA,IAAA,CAAA;AAAA,GACjB,CAAA;AAGF,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,wBAAA,EAAyB,QAAQ,UAC/C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,KAAO,EAAA,UAAA,IAAc,EAAC;AAAA,MAClC,eAAA,EAAiB,KAAO,EAAA,eAAA,IAAmB,EAAC;AAAA,KAAA;AAAA,GAEhD,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/StatuspageEntityCard.esm.js

@@ -10,10 +10,9 @@ import { STATUSPAGE_ANNOTATION } from '@axis-backstage/plugin-statuspage-common'
 import { useComponents } from '../hooks/useComponents.esm.js';
 
 const StatuspageEntityCard = () => {
-  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 [name, wantedComponentsStr] = entity.metadata.annotations?.[STATUSPAGE_ANNOTATION]?.split(":");
+  const wantedComponents = wantedComponentsStr?.split(",").map((it) => it.trim());
   const { loading, error, value } = useComponents(name);
   if (loading) {
     return /* @__PURE__ */ React.createElement(Progress, null);
@@ -27,24 +26,24 @@ const StatuspageEntityCard = () => {
   if (error) {
     return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
   }
-  const linkAction = (value == null ? void 0 : value.url) && /* @__PURE__ */ React.createElement(
+  const linkAction = 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,
+      href: value?.url,
       target: "_blank"
     },
     /* @__PURE__ */ React.createElement(OpenInNewIcon, null)
   );
   const fullStatuspage = !wantedComponents;
-  const filteredComponents = (value == null ? void 0 : value.components.filter(
+  const filteredComponents = value?.components.filter(
     (c) => !fullStatuspage && !c.group && wantedComponents.includes(c.id)
-  )) || [];
-  const filteredComponentGroups = (value == null ? void 0 : value.componentGroups.filter(
+  ) || [];
+  const filteredComponentGroups = 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."));
@@ -52,7 +51,7 @@ const StatuspageEntityCard = () => {
   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) || [],
+      components: value?.components || [],
       componentGroups: filteredComponentGroups,
       expanded: !fullStatuspage
     }

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

@@ -1 +1 @@
-{"version":3,"file":"StatuspageEntityCard.esm.js","sources":["../../src/components/StatuspageEntityCard.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 StatuspageEntityCard = () => {\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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"}
+{"version":3,"file":"StatuspageEntityCard.esm.js","sources":["../../src/components/StatuspageEntityCard.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 StatuspageEntityCard = () => {\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/index.esm.js

@@ -5,10 +5,6 @@ import 'react';
 import '@mui/material/Stack';
 import '@backstage/core-components';
 import '@mui/material/Chip';
-import '@mui/material/IconButton';
-import '@mui/icons-material/OpenInNew';
-import '@backstage/core-plugin-api';
 export { statuspageApiRef } from './api/StatuspageApi.esm.js';
-import 'react-use/lib/useAsync';
 export { StatuspageClient } from './api/StatuspageClient.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/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/plugin.esm.js

@@ -4,10 +4,7 @@ import { rootRouteRef } from './routes.esm.js';
 import { statuspageApiRef } from './api/StatuspageApi.esm.js';
 import { StatuspageClient } from './api/StatuspageClient.esm.js';
 
-const isStatuspageAvailable = (entity) => {
-  var _a;
-  return Boolean((_a = entity.metadata.annotations) == null ? void 0 : _a[STATUSPAGE_ANNOTATION]);
-};
+const isStatuspageAvailable = (entity) => Boolean(entity.metadata.annotations?.[STATUSPAGE_ANNOTATION]);
 const statuspagePlugin = createPlugin({
   id: "statuspage",
   apis: [

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["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"],"names":[],"mappings":";;;;;;AAoBa,MAAA,qBAAA,GAAwB,CAAC,MAAgB,KAAA;AApBtD,EAAA,IAAA,EAAA,CAAA;AAqBE,EAAA,OAAA,OAAA,CAAA,CAAQ,EAAO,GAAA,MAAA,CAAA,QAAA,CAAS,WAAhB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA8B,qBAAsB,CAAA,CAAA,CAAA;AAAA,EAAA;AAOvD,MAAM,mBAAmB,YAAa,CAAA;AAAA,EAC3C,EAAI,EAAA,YAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,gBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA,WAAA;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EACxB,KAAA,IAAI,gBAAiB,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU,CAAA;AAAA,KAClD,CAAA;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAC,EAAA;AAOM,MAAM,iBAAiB,gBAAiB,CAAA,OAAA;AAAA,EAC7C,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,gBAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,yCAAkC,CAAE,CAAA,IAAA;AAAA,MACzC,OAAK,CAAE,CAAA,mBAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["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"],"names":[],"mappings":";;;;;;AAoBa,MAAA,qBAAA,GAAwB,CAAC,MACpC,KAAA,OAAA,CAAQ,OAAO,QAAS,CAAA,WAAA,GAAc,qBAAqB,CAAC,EAAA;AAOvD,MAAM,mBAAmB,YAAa,CAAA;AAAA,EAC3C,EAAI,EAAA,YAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,gBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA,WAAA;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EACxB,KAAA,IAAI,gBAAiB,CAAA,EAAE,YAAc,EAAA,QAAA,EAAU,CAAA;AAAA,KAClD,CAAA;AAAA,GACH;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAC,EAAA;AAOM,MAAM,iBAAiB,gBAAiB,CAAA,OAAA;AAAA,EAC7C,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,gBAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,yCAAkC,CAAE,CAAA,IAAA;AAAA,MACzC,OAAK,CAAE,CAAA,mBAAA;AAAA,KACT;AAAA,IACF,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-backstage/plugin-statuspage",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",
@@ -11,7 +11,13 @@
     "directory": "_release/package"
   },
   "backstage": {
-    "role": "frontend-plugin"
+    "role": "frontend-plugin",
+    "pluginId": "statuspage",
+    "pluginPackages": [
+      "@axis-backstage/plugin-statuspage",
+      "@axis-backstage/plugin-statuspage-backend",
+      "@axis-backstage/plugin-statuspage-common"
+    ]
   },
   "sideEffects": false,
   "scripts": {
@@ -24,7 +30,7 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@axis-backstage/plugin-statuspage-common": "^0.3.0",
+    "@axis-backstage/plugin-statuspage-common": "^0.4.0",
     "@backstage/catalog-model": "^1.5.0",
     "@backstage/core-components": "^0.14.7",
     "@backstage/core-plugin-api": "^1.9.2",
@@ -37,7 +43,7 @@
     "react": "^17.0.0  || ^18.0.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.26.6",
+    "@backstage/cli": "^0.26.10",
     "@backstage/dev-utils": "^1.0.32",
     "@testing-library/jest-dom": "^5.10.1"
   },