@incident-io/backstage 0.0.2

package/README.md

@@ -0,0 +1,115 @@
+# incident.io
+
+Use this plugin to display on-going and historic incidents against Backstage
+components, and to provide quick-links to open new incidents for that service
+inside of incident.io.
+
+## How it works
+
+[importer]: https://github.com/incident/catalog-importer
+
+Once you've configured the [catalog-importer][importer] to sync your Backstage
+catalog into incident.io, you can visit your incident.io dashboard to create a
+custom field that is powered by the Backstage Component catalog type.
+
+We recommend creating a multi-select field called something like "Affected
+services" or "Impacted components".
+
+Remember the custom field ID (taken from the incident.io dashboard) as you'll
+need it later.
+
+## Install the plugin
+
+The file paths mentioned in the following steps are relative to your app's root
+directory — for example, the directory created by following the [Getting
+Started](https://backstage.io/docs/getting-started/) guide and creating your app
+with `npx @backstage/create-app`.
+
+First, install the incident plugin via a CLI:
+
+```bash
+# From your Backstage app root directory
+yarn add --cwd packages/app @incident-io/backstage
+```
+
+Next, add the plugin to `EntityPage.tsx` in
+`packages/app/src/components/catalog` by adding the following code snippets.
+
+Add the following imports to the top of the file:
+
+```ts
+import { EntityIncidentCard } from "@incident-io/backstage";
+```
+
+Find `const overviewContent` in `EntityPage.tsx`, and add the following snippet
+inside the outermost `Grid` defined there, just before the closing `</Grid>`
+tag:
+
+```ts
+<EntitySwitch>
+  <EntitySwitch.Case if={isIncidentAvailable}>
+    <Grid item md={6}>
+      <EntityIncidentCard />
+    </Grid>
+  </EntitySwitch.Case>
+</EntitySwitch>
+```
+
+When you're done, the `overviewContent` definition should look something like
+this:
+
+```ts
+const overviewContent = (
+  <Grid ...>
+    ...
+    <EntitySwitch>
+      <EntitySwitch.Case if={isIncidentAvailable}>
+        <Grid item md={6}>
+          <EntityIncidentCard />
+        </Grid>
+      </EntitySwitch.Case>
+    </EntitySwitch>
+  </Grid>
+);
+```
+
+## Configure the plugin
+
+[annotate]: https://backstage.io/docs/features/software-catalog/descriptor-format#annotations-optional
+
+First, [annotate][annotate] the appropriate entity with the incident.io
+integration key in its `.yaml` configuration file:
+
+```yaml
+annotations:
+  incident.io/api-key: [API_KEY]
+```
+
+[api-keys]: https://app.incident.io/settings/api-keys/
+[api-docs]: https://api-docs.incident.io/
+
+Next, provide the [API key][api-keys] that the client will use to make requests
+to the [incident.io API][api-docs].
+
+Add the proxy configuration in `app-config.yaml`:
+
+```yaml
+proxy:
+  ...
+  '/incident/api':
+    target: https://api.incident.io
+    headers:
+      Authorization: Bearer ${INCIDENT_API_KEY}
+```
+
+Finally, for any of the custom fields you've configured in incident that are
+powered by Backstage catalog types, fill out the following `app-config.yaml`:
+
+```yaml
+integrations:
+  incident:
+    api-field: "<id-of-api-custom-field>"
+    component-field: "<id-of-component-custom-field>"
+    system-field: "<id-of-system-custom-field>"
+    domain-field: "<id-of-domain-custom-field>"
+```

package/config.d.ts

@@ -0,0 +1,64 @@
+/*
+ * Copyright 2023 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export interface Config {
+  /* Configuration options for the incident plugin
+   * @visibility frontend
+   */
+  incident?: {
+    /**
+     * The API key that provides access to the incident.io API.
+     * @see https://app.incident.io/settings/api-keys
+     */
+    apiKey: string;
+
+    /**
+     * The base URL of the incident dashboard, only useful in development.
+     * @visibility frontend
+     */
+    baseUrl?: string;
+
+    /**
+     * The endpoint to use for API calls, only useful for development.
+     */
+    endpoint?: string;
+
+    /*
+     * @visibility frontend
+     */
+    fields: {
+      /**
+       * The custom field ID that associated API entities to incidents.
+       * @visibility frontend
+       */
+      api?: string;
+      /**
+       * The custom field ID that associated Component entities to incidents.
+       * @visibility frontend
+       */
+      component?: string;
+      /**
+       * The custom field ID that associated Domain entities to incidents.
+       * @visibility frontend
+       */
+      domain?: string;
+      /**
+       * The custom field ID that associated System entities to incidents.
+       * @visibility frontend
+       */
+      system?: string;
+    };
+  };
+}

package/dist/esm/index-91fad684.esm.js

@@ -0,0 +1,62 @@
+import { createApiRef, createPlugin, createApiFactory, discoveryApiRef, identityApiRef, createComponentExtension } from '@backstage/core-plugin-api';
+
+const IncidentApiRef = createApiRef({
+  id: "plugin.incident.service"
+});
+const DEFAULT_PROXY_PATH = "/incident/api";
+class IncidentApi {
+  constructor(opts) {
+    var _a;
+    this.discoveryApi = opts.discoveryApi;
+    this.identityApi = opts.identityApi;
+    this.proxyPath = (_a = opts.proxyPath) != null ? _a : DEFAULT_PROXY_PATH;
+  }
+  async request({
+    path,
+    method = "GET",
+    body
+  }) {
+    const apiUrl = await this.discoveryApi.getBaseUrl("proxy") + this.proxyPath;
+    const { token } = await this.identityApi.getCredentials();
+    const resp = await fetch(`${apiUrl}${path}`, {
+      method,
+      body,
+      headers: {
+        Authorization: `Bearer ${token}`
+      }
+    });
+    if (!resp.ok) {
+      throw new Error(`${resp.status} ${resp.statusText}`);
+    }
+    return await resp.json();
+  }
+}
+
+const incidentPlugin = createPlugin({
+  id: "incident",
+  apis: [
+    createApiFactory({
+      api: IncidentApiRef,
+      deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },
+      factory: ({ discoveryApi, identityApi }) => {
+        return new IncidentApi({
+          discoveryApi,
+          identityApi
+        });
+      }
+    })
+  ]
+});
+const EntityIncidentCard = incidentPlugin.provide(
+  createComponentExtension({
+    name: "EntityIncidentCard",
+    component: {
+      lazy: () => import('./index-c77be796.esm.js').then(
+        (m) => m.EntityIncidentCard
+      )
+    }
+  })
+);
+
+export { EntityIncidentCard as E, IncidentApiRef as I, incidentPlugin as i };
+//# sourceMappingURL=index-91fad684.esm.js.map

package/dist/esm/index-91fad684.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-91fad684.esm.js","sources":["../../src/api/client.ts","../../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  DiscoveryApi,\n  IdentityApi,\n  createApiRef,\n} from '@backstage/core-plugin-api';\n\nexport const IncidentApiRef = createApiRef<Incident>({\n  id: 'plugin.incident.service',\n});\n\ntype HTTPMethods = 'GET' | 'PUT' | 'POST' | 'PATCH' | 'DELETE';\n\nexport interface Incident {\n  request<T>({\n    method,\n    path,\n    body,\n  }: {\n    method?: HTTPMethods;\n    path: string;\n    body?: string;\n  }): Promise<T>;\n}\n\nconst DEFAULT_PROXY_PATH = '/incident/api';\n\ntype Options = {\n  discoveryApi: DiscoveryApi;\n  identityApi: IdentityApi;\n  proxyPath?: string;\n};\n\nexport class IncidentApi implements Incident {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly identityApi: IdentityApi;\n  private readonly proxyPath: string;\n\n  constructor(opts: Options) {\n    this.discoveryApi = opts.discoveryApi;\n    this.identityApi = opts.identityApi;\n    this.proxyPath = opts.proxyPath ?? DEFAULT_PROXY_PATH;\n  }\n\n  async request<T = any>({\n    path,\n    method = 'GET',\n    body,\n  }: {\n    path: string;\n    method?: HTTPMethods;\n    body?: string;\n  }): Promise<T> {\n    const apiUrl =\n      (await this.discoveryApi.getBaseUrl('proxy')) + this.proxyPath;\n    const { token } = await this.identityApi.getCredentials();\n\n    const resp = await fetch(`${apiUrl}${path}`, {\n      method: method,\n      body: body,\n      headers: {\n        Authorization: `Bearer ${token}`,\n      },\n    });\n    if (!resp.ok) {\n      throw new Error(`${resp.status} ${resp.statusText}`);\n    }\n\n    return await resp.json();\n  }\n}\n","/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\n\nimport { IncidentApi, IncidentApiRef } from './api/client';\n\nexport const incidentPlugin = createPlugin({\n  id: 'incident',\n  apis: [\n    createApiFactory({\n      api: IncidentApiRef,\n      deps: { discoveryApi: discoveryApiRef, identityApi: identityApiRef },\n      factory: ({ discoveryApi, identityApi }) => {\n        return new IncidentApi({\n          discoveryApi: discoveryApi,\n          identityApi: identityApi,\n        });\n      },\n    }),\n  ],\n});\n\nexport const EntityIncidentCard = incidentPlugin.provide(\n  createComponentExtension({\n    name: 'EntityIncidentCard',\n    component: {\n      lazy: () =>\n        import('./components/EntityIncidentCard').then(\n          m => m.EntityIncidentCard,\n        ),\n    },\n  }),\n);\n"],"names":[],"mappings":";;AAqBO,MAAM,iBAAiB,YAAuB,CAAA;AAAA,EACnD,EAAI,EAAA,yBAAA;AACN,CAAC,EAAA;AAgBD,MAAM,kBAAqB,GAAA,eAAA,CAAA;AAQpB,MAAM,WAAgC,CAAA;AAAA,EAK3C,YAAY,IAAe,EAAA;AApD7B,IAAA,IAAA,EAAA,CAAA;AAqDI,IAAA,IAAA,CAAK,eAAe,IAAK,CAAA,YAAA,CAAA;AACzB,IAAA,IAAA,CAAK,cAAc,IAAK,CAAA,WAAA,CAAA;AACxB,IAAK,IAAA,CAAA,SAAA,GAAA,CAAY,EAAK,GAAA,IAAA,CAAA,SAAA,KAAL,IAAkB,GAAA,EAAA,GAAA,kBAAA,CAAA;AAAA,GACrC;AAAA,EAEA,MAAM,OAAiB,CAAA;AAAA,IACrB,IAAA;AAAA,IACA,MAAS,GAAA,KAAA;AAAA,IACT,IAAA;AAAA,GAKa,EAAA;AACb,IAAA,MAAM,SACH,MAAM,IAAA,CAAK,aAAa,UAAW,CAAA,OAAO,IAAK,IAAK,CAAA,SAAA,CAAA;AACvD,IAAA,MAAM,EAAE,KAAM,EAAA,GAAI,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA,CAAA;AAExD,IAAA,MAAM,IAAO,GAAA,MAAM,KAAM,CAAA,CAAA,EAAG,SAAS,IAAQ,CAAA,CAAA,EAAA;AAAA,MAC3C,MAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAS,EAAA;AAAA,QACP,eAAe,CAAU,OAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OAC3B;AAAA,KACD,CAAA,CAAA;AACD,IAAI,IAAA,CAAC,KAAK,EAAI,EAAA;AACZ,MAAA,MAAM,IAAI,KAAM,CAAA,CAAA,EAAG,IAAK,CAAA,MAAA,CAAA,CAAA,EAAU,KAAK,UAAY,CAAA,CAAA,CAAA,CAAA;AAAA,KACrD;AAEA,IAAO,OAAA,MAAM,KAAK,IAAK,EAAA,CAAA;AAAA,GACzB;AACF;;AC3DO,MAAM,iBAAiB,YAAa,CAAA;AAAA,EACzC,EAAI,EAAA,UAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,cAAA;AAAA,MACL,IAAM,EAAA,EAAE,YAAc,EAAA,eAAA,EAAiB,aAAa,cAAe,EAAA;AAAA,MACnE,OAAS,EAAA,CAAC,EAAE,YAAA,EAAc,aAAkB,KAAA;AAC1C,QAAA,OAAO,IAAI,WAAY,CAAA;AAAA,UACrB,YAAA;AAAA,UACA,WAAA;AAAA,SACD,CAAA,CAAA;AAAA,OACH;AAAA,KACD,CAAA;AAAA,GACH;AACF,CAAC,EAAA;AAEM,MAAM,qBAAqB,cAAe,CAAA,OAAA;AAAA,EAC/C,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,oBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,yBAAiC,CAAE,CAAA,IAAA;AAAA,QACxC,OAAK,CAAE,CAAA,kBAAA;AAAA,OACT;AAAA,KACJ;AAAA,GACD,CAAA;AACH;;;;"}

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

@@ -0,0 +1,182 @@
+import { HeaderIconLinkRow, Progress } from '@backstage/core-components';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { useEntity } from '@backstage/plugin-catalog-react';
+import { makeStyles, ListItem, ListItemText, Chip, Typography, ListItemSecondaryAction, Tooltip, IconButton, Card, CardHeader, Divider, CardContent, List } from '@material-ui/core';
+import Link from '@material-ui/core/Link';
+import CachedIcon from '@material-ui/icons/Cached';
+import HistoryIcon from '@material-ui/icons/History';
+import WhatshotIcon from '@material-ui/icons/Whatshot';
+import { Alert } from '@material-ui/lab';
+import React, { useState } from 'react';
+import { useAsync } from 'react-use';
+import { I as IncidentApiRef } from './index-91fad684.esm.js';
+import { DateTime, Duration } from 'luxon';
+import OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';
+
+function getBaseUrl(config) {
+  try {
+    const baseUrl = config.getString("incident.baseUrl");
+    if (baseUrl !== "") {
+      return baseUrl;
+    }
+  } catch (e) {
+  }
+  return "https://app.incident.io";
+}
+
+const useStyles = makeStyles((theme) => ({
+  listItemPrimary: {
+    display: "flex",
+    // vertically align with chip
+    fontWeight: "bold"
+  },
+  warning: {
+    borderColor: theme.palette.status.warning,
+    color: theme.palette.status.warning,
+    "& *": {
+      color: theme.palette.status.warning
+    }
+  },
+  error: {
+    borderColor: theme.palette.status.error,
+    color: theme.palette.status.error,
+    "& *": {
+      color: theme.palette.status.error
+    }
+  }
+}));
+const IncidentListItem = ({
+  baseUrl,
+  incident
+}) => {
+  var _a, _b;
+  const classes = useStyles();
+  const reportedAt = (_a = incident.incident_timestamp_values) == null ? void 0 : _a.find(
+    (ts) => ts.incident_timestamp.name.match(/reported/i)
+  );
+  const reportedAtDate = ((_b = reportedAt == null ? void 0 : reportedAt.value) == null ? void 0 : _b.value) || incident.created_at;
+  const sinceReported = (/* @__PURE__ */ new Date()).getTime() - new Date(reportedAtDate).getTime();
+  const sinceReportedLabel = DateTime.local().minus(Duration.fromMillis(sinceReported)).toRelative({ locale: "en" });
+  const lead = incident.incident_role_assignments.find((roleAssignment) => {
+    return roleAssignment.role.role_type === "lead";
+  });
+  return /* @__PURE__ */ React.createElement(ListItem, { dense: true, key: incident.id }, /* @__PURE__ */ React.createElement(
+    ListItemText,
+    {
+      primary: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        Chip,
+        {
+          "data-testid": `chip-${incident.incident_status.id}`,
+          label: incident.incident_status.name,
+          size: "small",
+          variant: "outlined",
+          className: ["live"].includes(incident.incident_status.category) ? classes.error : classes.warning
+        }
+      ), incident.reference, " ", incident.name),
+      primaryTypographyProps: {
+        variant: "body1",
+        className: classes.listItemPrimary
+      },
+      secondary: /* @__PURE__ */ React.createElement(Typography, { noWrap: true, variant: "body2", color: "textSecondary" }, "Reported ", sinceReportedLabel, " and", " ", (lead == null ? void 0 : lead.assignee) ? `${lead.assignee.name} is lead` : "the lead is unassigned", ".")
+    }
+  ), /* @__PURE__ */ React.createElement(ListItemSecondaryAction, null, /* @__PURE__ */ React.createElement(Tooltip, { title: "View in incident.io", placement: "top" }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      href: `${baseUrl}/incidents/${incident.id}`,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      color: "primary"
+    },
+    /* @__PURE__ */ React.createElement(OpenInBrowserIcon, null)
+  ))));
+};
+
+const EntityIncidentCard = ({
+  maxIncidents = 2
+}) => {
+  var _a;
+  const config = useApi(configApiRef);
+  const baseUrl = getBaseUrl(config);
+  const { entity } = useEntity();
+  const IncidentApi = useApi(IncidentApiRef);
+  const [reload, setReload] = useState(false);
+  const entityFieldID = getEntityFieldID(config, entity);
+  const entityID = `${entity.metadata.namespace}/${entity.metadata.name}`;
+  const query = new URLSearchParams();
+  query.set(`custom_field[${entityFieldID}][one_of]`, entityID);
+  const queryLive = new URLSearchParams(query);
+  queryLive.set(`status_category[one_of]`, "live");
+  const createIncidentLink = {
+    label: "Create incident",
+    disabled: false,
+    icon: /* @__PURE__ */ React.createElement(WhatshotIcon, null),
+    href: `${baseUrl}/incidents/create`
+  };
+  const viewIncidentsLink = {
+    label: "View past incidents",
+    disabled: false,
+    icon: /* @__PURE__ */ React.createElement(HistoryIcon, null),
+    href: `${baseUrl}/incidents?${query.toString()}`
+  };
+  const {
+    value: incidentsResponse,
+    loading: incidentsLoading,
+    error: incidentsError
+  } = useAsync(async () => {
+    return await IncidentApi.request({
+      path: `/v2/incidents?${queryLive.toString()}`
+    });
+  }, [reload]);
+  const incidents = incidentsResponse == null ? void 0 : incidentsResponse.incidents;
+  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(
+    CardHeader,
+    {
+      title: "Incidents",
+      action: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        IconButton,
+        {
+          component: Link,
+          "aria-label": "Refresh",
+          disabled: false,
+          title: "Refresh",
+          onClick: () => setReload(!reload)
+        },
+        /* @__PURE__ */ React.createElement(CachedIcon, null)
+      )),
+      subheader: /* @__PURE__ */ React.createElement(HeaderIconLinkRow, { links: [createIncidentLink, viewIncidentsLink] })
+    }
+  ), /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(CardContent, null, incidentsLoading && /* @__PURE__ */ React.createElement(Progress, null), incidentsError && /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, incidentsError.message), !incidentsLoading && !incidentsError && incidents && /* @__PURE__ */ React.createElement(React.Fragment, null, incidents && incidents.length >= 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, "There are ", /* @__PURE__ */ React.createElement("strong", null, incidents.length), " ongoing incidents involving ", /* @__PURE__ */ React.createElement("strong", null, entity.metadata.name), "."), incidents && incidents.length === 0 && /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, "No ongoing incidents."), /* @__PURE__ */ React.createElement(List, { dense: true }, (_a = incidents == null ? void 0 : incidents.slice(0, maxIncidents)) == null ? void 0 : _a.map((incident) => {
+    return /* @__PURE__ */ React.createElement(
+      IncidentListItem,
+      {
+        key: incident.id,
+        incident,
+        baseUrl
+      }
+    );
+  })), /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, "Click to", " ", /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      target: "_blank",
+      href: `${baseUrl}/incidents?${queryLive.toString()}`
+    },
+    "see more."
+  )))));
+};
+function getEntityFieldID(config, entity) {
+  switch (entity.kind) {
+    case "API":
+      return config.get("integrations.incident.fields.api");
+    case "Component":
+      return config.get("integrations.incident.fields.component");
+    case "Domain":
+      return config.get("integrations.incident.fields.domain");
+    case "System":
+      return config.get("integrations.incident.fields.system");
+    default:
+      throw new Error(`unrecognised entity kind: ${entity.kind}`);
+  }
+}
+
+export { EntityIncidentCard };
+//# sourceMappingURL=index-c77be796.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-c77be796.esm.js","sources":["../../src/config.ts","../../src/components/IncidentListItem/index.tsx","../../src/components/EntityIncidentCard/index.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { ConfigApi } from '@backstage/core-plugin-api';\n\n// Find the baseUrl of the incident dashboard.\nexport function getBaseUrl(config: ConfigApi) {\n  try {\n    const baseUrl = config.getString('incident.baseUrl');\n    if (baseUrl !== '') {\n      return baseUrl;\n    }\n  } catch (e) {\n    // no action\n  }\n\n  return 'https://app.incident.io';\n}\n","/*\n * Copyright 2023 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 { DateTime, Duration } from 'luxon';\nimport { BackstageTheme } from '@backstage/theme';\nimport {\n  Chip,\n  IconButton,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  Tooltip,\n  Typography,\n  makeStyles,\n} from '@material-ui/core';\nimport OpenInBrowserIcon from '@material-ui/icons/OpenInBrowser';\nimport React from 'react';\nimport { definitions } from '../../api/types';\n\nconst useStyles = makeStyles<BackstageTheme>(theme => ({\n  listItemPrimary: {\n    display: 'flex', // vertically align with chip\n    fontWeight: 'bold',\n  },\n  warning: {\n    borderColor: theme.palette.status.warning,\n    color: theme.palette.status.warning,\n    '& *': {\n      color: theme.palette.status.warning,\n    },\n  },\n  error: {\n    borderColor: theme.palette.status.error,\n    color: theme.palette.status.error,\n    '& *': {\n      color: theme.palette.status.error,\n    },\n  },\n}));\n\n// Single item in the list of on-going incidents.\nexport const IncidentListItem = ({\n  baseUrl,\n  incident,\n}: {\n  baseUrl: string;\n  incident: definitions['IncidentV2ResponseBody'];\n}) => {\n  const classes = useStyles();\n  const reportedAt = incident.incident_timestamp_values?.find(ts =>\n    ts.incident_timestamp.name.match(/reported/i),\n  );\n\n  // If reported isn't here for some reason, use created at.\n  const reportedAtDate = reportedAt?.value?.value || incident.created_at;\n\n  const sinceReported =\n    new Date().getTime() - new Date(reportedAtDate).getTime();\n  const sinceReportedLabel = DateTime.local()\n    .minus(Duration.fromMillis(sinceReported))\n    .toRelative({ locale: 'en' });\n  const lead = incident.incident_role_assignments.find(roleAssignment => {\n    return roleAssignment.role.role_type === 'lead';\n  });\n\n  return (\n    <ListItem dense key={incident.id}>\n      <ListItemText\n        primary={\n          <>\n            <Chip\n              data-testid={`chip-${incident.incident_status.id}`}\n              label={incident.incident_status.name}\n              size=\"small\"\n              variant=\"outlined\"\n              className={\n                ['live'].includes(incident.incident_status.category)\n                  ? classes.error\n                  : classes.warning\n              }\n            />\n            {incident.reference} {incident.name}\n          </>\n        }\n        primaryTypographyProps={{\n          variant: 'body1',\n          className: classes.listItemPrimary,\n        }}\n        secondary={\n          <Typography noWrap variant=\"body2\" color=\"textSecondary\">\n            Reported {sinceReportedLabel} and{' '}\n            {lead?.assignee\n              ? `${lead.assignee.name} is lead`\n              : 'the lead is unassigned'}\n            .\n          </Typography>\n        }\n      />\n      <ListItemSecondaryAction>\n        <Tooltip title=\"View in incident.io\" placement=\"top\">\n          <IconButton\n            href={`${baseUrl}/incidents/${incident.id}`}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            color=\"primary\"\n          >\n            <OpenInBrowserIcon />\n          </IconButton>\n        </Tooltip>\n      </ListItemSecondaryAction>\n    </ListItem>\n  );\n};\n","/*\n * Copyright 2023 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 { Entity } from '@backstage/catalog-model';\nimport {\n  HeaderIconLinkRow,\n  IconLinkVerticalProps,\n  Progress,\n} from '@backstage/core-components';\nimport { ConfigApi, configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  Divider,\n  IconButton,\n  List,\n  Typography,\n} from '@material-ui/core';\nimport Link from '@material-ui/core/Link';\nimport CachedIcon from '@material-ui/icons/Cached';\nimport HistoryIcon from '@material-ui/icons/History';\nimport WhatshotIcon from '@material-ui/icons/Whatshot';\nimport { Alert } from '@material-ui/lab';\nimport React, { useState } from 'react';\nimport { useAsync } from 'react-use';\nimport { IncidentApiRef } from '../../api/client';\nimport { definitions } from '../../api/types';\nimport { getBaseUrl } from '../../config';\nimport { IncidentListItem } from '../IncidentListItem';\n\n// The card displayed on the entity page showing a handful of the most recent\n// incidents that are on-going for that component.\nexport const EntityIncidentCard = ({\n  maxIncidents = 2,\n}: {\n  maxIncidents?: number;\n}) => {\n  const config = useApi(configApiRef);\n  const baseUrl = getBaseUrl(config);\n  const { entity } = useEntity();\n\n  const IncidentApi = useApi(IncidentApiRef);\n\n  const [reload, setReload] = useState(false);\n\n  const entityFieldID = getEntityFieldID(config, entity);\n  const entityID = `${entity.metadata.namespace}/${entity.metadata.name}`;\n\n  // This query filters incidents for those that are associated with this\n  // entity.\n  const query = new URLSearchParams();\n  query.set(`custom_field[${entityFieldID}][one_of]`, entityID);\n\n  // This restricts the previous filter to focus only on live incidents.\n  const queryLive = new URLSearchParams(query);\n  queryLive.set(`status_category[one_of]`, 'live');\n\n  const createIncidentLink: IconLinkVerticalProps = {\n    label: 'Create incident',\n    disabled: false,\n    icon: <WhatshotIcon />,\n    href: `${baseUrl}/incidents/create`,\n  };\n\n  const viewIncidentsLink: IconLinkVerticalProps = {\n    label: 'View past incidents',\n    disabled: false,\n    icon: <HistoryIcon />,\n    href: `${baseUrl}/incidents?${query.toString()}`,\n  };\n\n  const {\n    value: incidentsResponse,\n    loading: incidentsLoading,\n    error: incidentsError,\n  } = useAsync(async () => {\n    return await IncidentApi.request<\n      definitions['IncidentsV2ListResponseBody']\n    >({\n      path: `/v2/incidents?${queryLive.toString()}`,\n    });\n  }, [reload]);\n\n  const incidents = incidentsResponse?.incidents;\n\n  return (\n    <Card>\n      <CardHeader\n        title=\"Incidents\"\n        action={\n          <>\n            <IconButton\n              component={Link}\n              aria-label=\"Refresh\"\n              disabled={false}\n              title=\"Refresh\"\n              onClick={() => setReload(!reload)}\n            >\n              <CachedIcon />\n            </IconButton>\n          </>\n        }\n        subheader={\n          <HeaderIconLinkRow links={[createIncidentLink, viewIncidentsLink]} />\n        }\n      />\n      <Divider />\n      <CardContent>\n        {incidentsLoading && <Progress />}\n        {incidentsError && (\n          <Alert severity=\"error\">{incidentsError.message}</Alert>\n        )}\n        {!incidentsLoading && !incidentsError && incidents && (\n          <>\n            {incidents && incidents.length >= 0 && (\n              <Typography variant=\"subtitle1\">\n                There are <strong>{incidents.length}</strong> ongoing incidents\n                involving <strong>{entity.metadata.name}</strong>.\n              </Typography>\n            )}\n            {incidents && incidents.length === 0 && (\n              <Typography variant=\"subtitle1\">No ongoing incidents.</Typography>\n            )}\n            <List dense>\n              {incidents?.slice(0, maxIncidents)?.map(incident => {\n                return (\n                  <IncidentListItem\n                    key={incident.id}\n                    incident={incident}\n                    baseUrl={baseUrl}\n                  />\n                );\n              })}\n            </List>\n            <Typography variant=\"subtitle1\">\n              Click to{' '}\n              <Link\n                target=\"_blank\"\n                href={`${baseUrl}/incidents?${queryLive.toString()}`}\n              >\n                see more.\n              </Link>\n            </Typography>\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n};\n\n// Find the ID of the custom field in incident that represents the association\n// to this type of entity.\n//\n// In practice, this will be kind=Component => ID of Affected components field.\nfunction getEntityFieldID(config: ConfigApi, entity: Entity) {\n  switch (entity.kind) {\n    case 'API':\n      return config.get('integrations.incident.fields.api');\n    case 'Component':\n      return config.get('integrations.incident.fields.component');\n    case 'Domain':\n      return config.get('integrations.incident.fields.domain');\n    case 'System':\n      return config.get('integrations.incident.fields.system');\n    default:\n      throw new Error(`unrecognised entity kind: ${entity.kind}`);\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAkBO,SAAS,WAAW,MAAmB,EAAA;AAC5C,EAAI,IAAA;AACF,IAAM,MAAA,OAAA,GAAU,MAAO,CAAA,SAAA,CAAU,kBAAkB,CAAA,CAAA;AACnD,IAAA,IAAI,YAAY,EAAI,EAAA;AAClB,MAAO,OAAA,OAAA,CAAA;AAAA,KACT;AAAA,WACO,CAAP,EAAA;AAAA,GAEF;AAEA,EAAO,OAAA,yBAAA,CAAA;AACT;;ACEA,MAAM,SAAA,GAAY,WAA2B,CAAU,KAAA,MAAA;AAAA,EACrD,eAAiB,EAAA;AAAA,IACf,OAAS,EAAA,MAAA;AAAA;AAAA,IACT,UAAY,EAAA,MAAA;AAAA,GACd;AAAA,EACA,OAAS,EAAA;AAAA,IACP,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,OAAA;AAAA,IAClC,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,OAAA;AAAA,IAC5B,KAAO,EAAA;AAAA,MACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,OAAA;AAAA,KAC9B;AAAA,GACF;AAAA,EACA,KAAO,EAAA;AAAA,IACL,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAClC,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,IAC5B,KAAO,EAAA;AAAA,MACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,KAC9B;AAAA,GACF;AACF,CAAE,CAAA,CAAA,CAAA;AAGK,MAAM,mBAAmB,CAAC;AAAA,EAC/B,OAAA;AAAA,EACA,QAAA;AACF,CAGM,KAAA;AA3DN,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA4DE,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,UAAA,GAAA,CAAa,EAAS,GAAA,QAAA,CAAA,yBAAA,KAAT,IAAoC,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA;AAAA,IAAK,CAC1D,EAAA,KAAA,EAAA,CAAG,kBAAmB,CAAA,IAAA,CAAK,MAAM,WAAW,CAAA;AAAA,GAAA,CAAA;AAI9C,EAAA,MAAM,cAAiB,GAAA,CAAA,CAAA,EAAA,GAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,KAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAmB,UAAS,QAAS,CAAA,UAAA,CAAA;AAE5D,EAAM,MAAA,aAAA,GAAA,iBACA,IAAA,IAAA,EAAO,EAAA,OAAA,KAAY,IAAI,IAAA,CAAK,cAAc,CAAA,CAAE,OAAQ,EAAA,CAAA;AAC1D,EAAA,MAAM,kBAAqB,GAAA,QAAA,CAAS,KAAM,EAAA,CACvC,MAAM,QAAS,CAAA,UAAA,CAAW,aAAa,CAAC,CACxC,CAAA,UAAA,CAAW,EAAE,MAAA,EAAQ,MAAM,CAAA,CAAA;AAC9B,EAAA,MAAM,IAAO,GAAA,QAAA,CAAS,yBAA0B,CAAA,IAAA,CAAK,CAAkB,cAAA,KAAA;AACrE,IAAO,OAAA,cAAA,CAAe,KAAK,SAAc,KAAA,MAAA,CAAA;AAAA,GAC1C,CAAA,CAAA;AAED,EAAA,2CACG,QAAS,EAAA,EAAA,KAAA,EAAK,IAAC,EAAA,GAAA,EAAK,SAAS,EAC5B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,yBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,aAAA,EAAa,CAAQ,KAAA,EAAA,QAAA,CAAS,eAAgB,CAAA,EAAA,CAAA,CAAA;AAAA,UAC9C,KAAA,EAAO,SAAS,eAAgB,CAAA,IAAA;AAAA,UAChC,IAAK,EAAA,OAAA;AAAA,UACL,OAAQ,EAAA,UAAA;AAAA,UACR,SAAA,EACE,CAAC,MAAM,CAAE,CAAA,QAAA,CAAS,QAAS,CAAA,eAAA,CAAgB,QAAQ,CAAA,GAC/C,OAAQ,CAAA,KAAA,GACR,OAAQ,CAAA,OAAA;AAAA,SAAA;AAAA,OAGf,EAAA,QAAA,CAAS,SAAU,EAAA,GAAA,EAAE,SAAS,IACjC,CAAA;AAAA,MAEF,sBAAwB,EAAA;AAAA,QACtB,OAAS,EAAA,OAAA;AAAA,QACT,WAAW,OAAQ,CAAA,eAAA;AAAA,OACrB;AAAA,MACA,SAAA,sCACG,UAAW,EAAA,EAAA,MAAA,EAAM,MAAC,OAAQ,EAAA,OAAA,EAAQ,OAAM,eAAgB,EAAA,EAAA,WAAA,EAC7C,oBAAmB,MAAK,EAAA,GAAA,EAAA,CACjC,6BAAM,QACH,IAAA,CAAA,EAAG,KAAK,QAAS,CAAA,IAAA,CAAA,QAAA,CAAA,GACjB,0BAAyB,GAE/B,CAAA;AAAA,KAAA;AAAA,GAEJ,sCACC,uBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAM,EAAA,qBAAA,EAAsB,WAAU,KAC7C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,OAAA,CAAA,WAAA,EAAqB,QAAS,CAAA,EAAA,CAAA,CAAA;AAAA,MACvC,MAAO,EAAA,QAAA;AAAA,MACP,GAAI,EAAA,qBAAA;AAAA,MACJ,KAAM,EAAA,SAAA;AAAA,KAAA;AAAA,wCAEL,iBAAkB,EAAA,IAAA,CAAA;AAAA,GAEvB,CACF,CACF,CAAA,CAAA;AAEJ,CAAA;;AC9EO,MAAM,qBAAqB,CAAC;AAAA,EACjC,YAAe,GAAA,CAAA;AACjB,CAEM,KAAA;AAlDN,EAAA,IAAA,EAAA,CAAA;AAmDE,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA,CAAA;AAClC,EAAM,MAAA,OAAA,GAAU,WAAW,MAAM,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAE7B,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA,CAAA;AAEzC,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAE1C,EAAM,MAAA,aAAA,GAAgB,gBAAiB,CAAA,MAAA,EAAQ,MAAM,CAAA,CAAA;AACrD,EAAA,MAAM,WAAW,CAAG,EAAA,MAAA,CAAO,QAAS,CAAA,SAAA,CAAA,CAAA,EAAa,OAAO,QAAS,CAAA,IAAA,CAAA,CAAA,CAAA;AAIjE,EAAM,MAAA,KAAA,GAAQ,IAAI,eAAgB,EAAA,CAAA;AAClC,EAAM,KAAA,CAAA,GAAA,CAAI,CAAgB,aAAA,EAAA,aAAA,CAAA,SAAA,CAAA,EAA0B,QAAQ,CAAA,CAAA;AAG5D,EAAM,MAAA,SAAA,GAAY,IAAI,eAAA,CAAgB,KAAK,CAAA,CAAA;AAC3C,EAAU,SAAA,CAAA,GAAA,CAAI,2BAA2B,MAAM,CAAA,CAAA;AAE/C,EAAA,MAAM,kBAA4C,GAAA;AAAA,IAChD,KAAO,EAAA,iBAAA;AAAA,IACP,QAAU,EAAA,KAAA;AAAA,IACV,IAAA,sCAAO,YAAa,EAAA,IAAA,CAAA;AAAA,IACpB,MAAM,CAAG,EAAA,OAAA,CAAA,iBAAA,CAAA;AAAA,GACX,CAAA;AAEA,EAAA,MAAM,iBAA2C,GAAA;AAAA,IAC/C,KAAO,EAAA,qBAAA;AAAA,IACP,QAAU,EAAA,KAAA;AAAA,IACV,IAAA,sCAAO,WAAY,EAAA,IAAA,CAAA;AAAA,IACnB,IAAM,EAAA,CAAA,EAAG,OAAqB,CAAA,WAAA,EAAA,KAAA,CAAM,QAAS,EAAA,CAAA,CAAA;AAAA,GAC/C,CAAA;AAEA,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,iBAAA;AAAA,IACP,OAAS,EAAA,gBAAA;AAAA,IACT,KAAO,EAAA,cAAA;AAAA,GACT,GAAI,SAAS,YAAY;AACvB,IAAO,OAAA,MAAM,YAAY,OAEvB,CAAA;AAAA,MACA,IAAA,EAAM,CAAiB,cAAA,EAAA,SAAA,CAAU,QAAS,EAAA,CAAA,CAAA;AAAA,KAC3C,CAAA,CAAA;AAAA,GACH,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAA,MAAM,YAAY,iBAAmB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,iBAAA,CAAA,SAAA,CAAA;AAErC,EAAA,2CACG,IACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,WAAA;AAAA,MACN,wBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,IAAA;AAAA,UACX,YAAW,EAAA,SAAA;AAAA,UACX,QAAU,EAAA,KAAA;AAAA,UACV,KAAM,EAAA,SAAA;AAAA,UACN,OAAS,EAAA,MAAM,SAAU,CAAA,CAAC,MAAM,CAAA;AAAA,SAAA;AAAA,4CAE/B,UAAW,EAAA,IAAA,CAAA;AAAA,OAEhB,CAAA;AAAA,MAEF,2BACG,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,OAAO,CAAC,kBAAA,EAAoB,iBAAiB,CAAG,EAAA,CAAA;AAAA,KAAA;AAAA,GAGvE,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,IAAA,CAAA,kBACR,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,EACE,gBAAoB,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,IAAA,CAAA,EAC9B,cACC,oBAAA,KAAA,CAAA,aAAA,CAAC,SAAM,QAAS,EAAA,OAAA,EAAA,EAAS,cAAe,CAAA,OAAQ,CAEjD,EAAA,CAAC,gBAAoB,IAAA,CAAC,kBAAkB,SACvC,oBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,SAAa,IAAA,SAAA,CAAU,MAAU,IAAA,CAAA,oBAC/B,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WAAY,EAAA,EAAA,YAAA,kBACnB,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAQ,SAAU,CAAA,MAAO,CAAS,EAAA,+BAAA,sCAClC,QAAQ,EAAA,IAAA,EAAA,MAAA,CAAO,QAAS,CAAA,IAAK,CAAS,EAAA,GACnD,CAED,EAAA,SAAA,IAAa,UAAU,MAAW,KAAA,CAAA,oBAChC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,WAAA,EAAA,EAAY,uBAAqB,CAAA,sCAEtD,IAAK,EAAA,EAAA,KAAA,EAAK,IACR,EAAA,EAAA,CAAA,EAAA,GAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAW,KAAM,CAAA,CAAA,EAAG,YAApB,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAmC,IAAI,CAAY,QAAA,KAAA;AAClD,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,KAAK,QAAS,CAAA,EAAA;AAAA,QACd,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,IAGN,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,WAAA,EAAA,EAAY,YACrB,GACT,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,QAAA;AAAA,MACP,IAAM,EAAA,CAAA,EAAG,OAAqB,CAAA,WAAA,EAAA,SAAA,CAAU,QAAS,EAAA,CAAA,CAAA;AAAA,KAAA;AAAA,IAClD,WAAA;AAAA,GAGH,CACF,CAEJ,CACF,CAAA,CAAA;AAEJ,EAAA;AAMA,SAAS,gBAAA,CAAiB,QAAmB,MAAgB,EAAA;AAC3D,EAAA,QAAQ,OAAO,IAAM;AAAA,IACnB,KAAK,KAAA;AACH,MAAO,OAAA,MAAA,CAAO,IAAI,kCAAkC,CAAA,CAAA;AAAA,IACtD,KAAK,WAAA;AACH,MAAO,OAAA,MAAA,CAAO,IAAI,wCAAwC,CAAA,CAAA;AAAA,IAC5D,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAO,IAAI,qCAAqC,CAAA,CAAA;AAAA,IACzD,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAO,IAAI,qCAAqC,CAAA,CAAA;AAAA,IACzD;AACE,MAAA,MAAM,IAAI,KAAA,CAAM,CAA6B,0BAAA,EAAA,MAAA,CAAO,IAAM,CAAA,CAAA,CAAA,CAAA;AAAA,GAC9D;AACF;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import * as react from 'react';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+
+declare const incidentPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}, {}>;
+declare const EntityIncidentCard: ({ maxIncidents, }: {
+    maxIncidents?: number | undefined;
+}) => react.JSX.Element;
+
+export { EntityIncidentCard, incidentPlugin };

package/dist/index.esm.js

@@ -0,0 +1,3 @@
+export { E as EntityIncidentCard, i as incidentPlugin } from './esm/index-91fad684.esm.js';
+import '@backstage/core-plugin-api';
+//# 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,67 @@
+{
+  "name": "@incident-io/backstage",
+  "version": "0.0.2",
+  "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"
+  },
+  "configSchema": "config.d.ts",
+  "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": {
+    "@backstage/backend-tasks": "^0.5.3",
+    "@backstage/catalog-model": "^1.4.0",
+    "@backstage/core-components": "^0.13.2",
+    "@backstage/core-plugin-api": "^1.5.2",
+    "@backstage/errors": "^1.2.0",
+    "@backstage/plugin-catalog-react": "^1.7.0",
+    "@backstage/plugin-cost-insights": "^0.12.8",
+    "@backstage/plugin-search-react": "^1.6.2",
+    "@backstage/theme": "^0.4.0",
+    "@material-ui/core": "^4.9.13",
+    "@material-ui/icons": "^4.9.1",
+    "@material-ui/lab": "^4.0.0-alpha.60",
+    "luxon": "^3.3.0",
+    "moment": "^2.29.4",
+    "qs": "^6.11.2",
+    "react-use": "^17.2.4"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0",
+    "react-router": "^6.0.0",
+    "react-router-dom": "^6.0.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.22.8",
+    "@backstage/core-app-api": "^1.8.1",
+    "@backstage/dev-utils": "^1.0.16",
+    "@backstage/test-utils": "^1.4.0",
+    "@testing-library/jest-dom": "^5.10.1",
+    "@testing-library/react": "^12.1.3",
+    "@testing-library/user-event": "^14.0.0",
+    "@types/node": "*",
+    "cross-fetch": "^3.1.5",
+    "msw": "^1.0.0"
+  },
+  "files": [
+    "config.d.ts",
+    "dist",
+    "src"
+  ],
+  "module": "./dist/index.esm.js"
+}

package/src/api/client.ts

@@ -0,0 +1,85 @@
+/*
+ * Copyright 2023 The Backstage Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import {
+  DiscoveryApi,
+  IdentityApi,
+  createApiRef,
+} from '@backstage/core-plugin-api';
+
+export const IncidentApiRef = createApiRef<Incident>({
+  id: 'plugin.incident.service',
+});
+
+type HTTPMethods = 'GET' | 'PUT' | 'POST' | 'PATCH' | 'DELETE';
+
+export interface Incident {
+  request<T>({
+    method,
+    path,
+    body,
+  }: {
+    method?: HTTPMethods;
+    path: string;
+    body?: string;
+  }): Promise<T>;
+}
+
+const DEFAULT_PROXY_PATH = '/incident/api';
+
+type Options = {
+  discoveryApi: DiscoveryApi;
+  identityApi: IdentityApi;
+  proxyPath?: string;
+};
+
+export class IncidentApi implements Incident {
+  private readonly discoveryApi: DiscoveryApi;
+  private readonly identityApi: IdentityApi;
+  private readonly proxyPath: string;
+
+  constructor(opts: Options) {
+    this.discoveryApi = opts.discoveryApi;
+    this.identityApi = opts.identityApi;
+    this.proxyPath = opts.proxyPath ?? DEFAULT_PROXY_PATH;
+  }
+
+  async request<T = any>({
+    path,
+    method = 'GET',
+    body,
+  }: {
+    path: string;
+    method?: HTTPMethods;
+    body?: string;
+  }): Promise<T> {
+    const apiUrl =
+      (await this.discoveryApi.getBaseUrl('proxy')) + this.proxyPath;
+    const { token } = await this.identityApi.getCredentials();
+
+    const resp = await fetch(`${apiUrl}${path}`, {
+      method: method,
+      body: body,
+      headers: {
+        Authorization: `Bearer ${token}`,
+      },
+    });
+    if (!resp.ok) {
+      throw new Error(`${resp.status} ${resp.statusText}`);
+    }
+
+    return await resp.json();
+  }
+}