@backstage-community/plugin-dynatrace 10.0.4

package/README.md

@@ -0,0 +1,119 @@
+# Dynatrace
+
+Welcome to the Dynatrace plugin!
+
+![Example of the Dynatrace plugin](./assets/plugin.png)
+
+## Getting started
+
+This plugin uses the Backstage proxy to communicate with Dynatrace's REST APIs.
+
+### Setup
+
+#### Requirements
+
+##### Dynatrace API Key
+
+The Dynatrace plugin will require the following information, to be used in the configuration options detailed below:
+
+- Dynatrace API URL, e.g. `https://my-dynatrace-instance.dynatrace.com/api/v2`
+- Dynatrace API access token (see [documentation](https://www.dynatrace.com/support/help/dynatrace-api/basics/dynatrace-api-authentication)), with the following permissions:
+  - `entities.read`
+  - `problems.read`
+  - `DataExport` and/or `ExternalSyntheticIntegration` and/or `ReadSyntheticData`
+
+#### Install
+
+1. Install the plugin on your frontend:
+
+```
+# From your Backstage root directory
+yarn --cwd packages/app add @backstage-community/plugin-dynatrace
+```
+
+2. We created in our catalog the interface for using the integration with Dynatrace.
+
+```diff
+# packages/app/src/components/catalog/EntityPage.tsx
+
+[...]
++ import { DynatraceTab, isDynatraceAvailable } from '@backstage-community/plugin-dynatrace'
+
+[...]
+
+const serviceEntityPage = (
+  <EntityLayout>
+    [...]
++    <EntityLayout.Route
++      path="/dynatrace"
++      title="Dynatrace"
++      if={isDynatraceAvailable}
++    >
++      <DynatraceTab />
++    </EntityLayout.Route>
+  </EntityLayout>
+)
+
+```
+
+#### Plugin Configuration
+
+This plugin requires a proxy endpoint for Dynatrace configured in `app-config.yaml` like so:
+
+```yaml
+proxy:
+  endpoints:
+    '/dynatrace':
+      target: 'https://example.dynatrace.com/api/v2'
+      headers:
+        Authorization: 'Api-Token ${DYNATRACE_ACCESS_TOKEN}'
+```
+
+It also requires a `baseUrl` for rendering links to problems in the table like so:
+
+```yaml
+dynatrace:
+  baseUrl: 'https://example.dynatrace.com'
+```
+
+#### Catalog Configuration
+
+##### View Recent Application Problems
+
+To show information from Dynatrace for a catalog entity, add the following annotation to `catalog-info.yaml`:
+
+```yaml
+# catalog-info.yaml
+# [...]
+metadata:
+  annotations:
+    dynatrace.com/dynatrace-entity-id: DYNATRACE_ENTITY_ID
+# [...]
+```
+
+The `DYNATRACE_ENTITY_ID` can be found in Dynatrace by browsing to the entity (a service, synthetic, frontend, workload, etc.). It will be located in the browser address bar in the `id` parameter and has the format `ENTITY_TYPE-ENTITY_ID`, where `ENTITY_TYPE` will be one of `SERVICE`, `SYNTHETIC_TEST`, or other, and `ENTITY_ID` will be a string of characters containing uppercase letters and numbers.
+
+##### Viewing Recent Synthetics Results
+
+To show recent results from a Synthetic Monitor, add the following annotation to `catalog-info.yaml`:
+
+```yaml
+# catalog-info.yaml
+# [...]
+metadata:
+  annotations:
+    dynatrace.com/synthetics-ids: SYNTHETIC_ID, SYNTHETIC_ID_2, ...
+# [...]
+```
+
+The annotation can also contain a comma or space separated list of Synthetic Ids to surface details for multiple monitors!
+
+The `SYNTHETIC_ID` can be found in Dynatrace by browsing to the Synthetic monitor. It will be located in the browser address bar in the resource path - `https://example.dynatrace.com/ui/http-monitor/HTTP_CHECK-1234` for an Http check, or `https://example.dynatrace.com/ui/browser-monitor/SYNTHETIC_TEST-1234` for a browser clickpath.
+
+## Contribution
+
+This plugin was originally built by [TELUS](https://github.com/telus).
+
+## Disclaimer
+
+This plugin is not officially supported by Dynatrace.

package/config.d.ts

@@ -0,0 +1,28 @@
+/*
+ * Copyright 2022 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 {
+  /**
+   * dynatrace config
+   * @visibility frontend
+   */
+  dynatrace?: {
+    /**
+     * base url for links
+     * @visibility frontend
+     */
+    baseUrl: string;
+  };
+}

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

@@ -0,0 +1,252 @@
+import React from 'react';
+import Grid from '@material-ui/core/Grid';
+import { StatusOK, StatusError, Table, Link, Progress, ResponseErrorPanel, InfoCard, EmptyState, Page, Content } from '@backstage/core-components';
+import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
+import useAsync from 'react-use/esm/useAsync';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { d as dynatraceApiRef, i as isDynatraceAvailable, D as DYNATRACE_ID_ANNOTATION, a as DYNATRACE_SYNTHETICS_ANNOTATION } from './index-DHDulpiV.esm.js';
+import Chip from '@material-ui/core/Chip';
+
+const ProblemStatus = ({ status }) => {
+  switch (status == null ? void 0 : status.toLocaleLowerCase()) {
+    case "open":
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusError, null), "Open");
+    case "closed":
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StatusOK, null), "Closed");
+    default:
+      return /* @__PURE__ */ React.createElement(React.Fragment, null);
+  }
+};
+
+const parseTimestamp = (timestamp) => {
+  return timestamp ? new Date(timestamp).toLocaleString() : "N/A";
+};
+const ProblemsTable = (props) => {
+  const { problems, dynatraceBaseUrl } = props;
+  const columns = [
+    {
+      title: "Title",
+      field: "title",
+      render: (row) => /* @__PURE__ */ React.createElement(
+        Link,
+        {
+          to: `${dynatraceBaseUrl}/#problems/problemdetails;pid=${row.problemId}`
+        },
+        row.title
+      )
+    },
+    {
+      title: "Status",
+      field: "status",
+      render: (row) => /* @__PURE__ */ React.createElement(ProblemStatus, { status: row.status })
+    },
+    { title: "Severity", field: "severityLevel" },
+    {
+      title: "Root Cause",
+      field: "rootCauseEntity",
+      render: (row) => {
+        var _a;
+        return (_a = row.rootCauseEntity) == null ? void 0 : _a.name;
+      }
+    },
+    {
+      title: "Affected",
+      field: "affectedEntities",
+      render: (row) => {
+        var _a;
+        return (_a = row.affectedEntities) == null ? void 0 : _a.map((e) => e.name);
+      }
+    },
+    {
+      title: "Start Time",
+      field: "startTime",
+      render: (row) => parseTimestamp(row.startTime)
+    },
+    {
+      title: "End Time",
+      field: "endTime",
+      render: (row) => row.endTime === -1 ? "ongoing" : parseTimestamp(row.endTime)
+    }
+  ];
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      options: { search: true, paging: true },
+      columns,
+      data: problems.map((p) => {
+        return { ...p, id: p.problemId };
+      })
+    }
+  );
+};
+
+const cardContents = (problems, dynatraceBaseUrl) => {
+  return problems.length ? /* @__PURE__ */ React.createElement(
+    ProblemsTable,
+    {
+      problems: problems || [],
+      dynatraceBaseUrl
+    }
+  ) : /* @__PURE__ */ React.createElement(EmptyState, { title: "No Problems to Report!", missing: "data" });
+};
+const dynatraceEntityPrefixes = (idPrefix) => {
+  switch (idPrefix) {
+    case "APPLICATION":
+      return "#uemapplications/uemappmetrics;uemapplicationId=";
+    case "SERVICE":
+      return "#services/serviceOverview;id=";
+    case `MOBILE_APPLICATION`:
+      return "#mobileappoverview;appID=";
+    case "SYNTHETIC_TEST":
+      return "ui/browser-monitor/";
+    case "KUBERNETES_CLUSTER":
+      return "ui/kubernetes/";
+    case "PROCESS_GROUP_INSTANCE":
+      return "#processdetails;id=";
+    default:
+      return "ui/entity/";
+  }
+};
+const ProblemsList = (props) => {
+  const { dynatraceEntityId } = props;
+  const configApi = useApi(configApiRef);
+  const dynatraceApi = useApi(dynatraceApiRef);
+  const dynatraceBaseUrl = configApi.getString("dynatrace.baseUrl");
+  const { value, loading, error } = useAsync(async () => {
+    return dynatraceApi.getDynatraceProblems(dynatraceEntityId);
+  }, [dynatraceApi, dynatraceEntityId]);
+  const problems = value == null ? void 0 : value.problems;
+  const deepLinkPrefix = dynatraceEntityPrefixes(
+    `${dynatraceEntityId.split("-")[0]}`
+  );
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  } else if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  return /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: "Problems",
+      subheader: `Last 2 hours - ${dynatraceEntityId}`,
+      deepLink: {
+        title: "View Entity in Dynatrace",
+        link: `${dynatraceBaseUrl}/${deepLinkPrefix}${dynatraceEntityId}`
+      }
+    },
+    cardContents(problems || [], dynatraceBaseUrl)
+  );
+};
+
+const failedInLastXHours = (timestamp, offset) => {
+  if (offset < 0 || offset > 24)
+    throw new Error("offset must be between 0 and 24");
+  return timestamp > new Date((/* @__PURE__ */ new Date()).getTime() - 1e3 * 60 * 60 * offset);
+};
+const chipColor = (timestamp) => {
+  if (failedInLastXHours(timestamp, 1)) {
+    return "salmon";
+  }
+  if (failedInLastXHours(timestamp, 6)) {
+    return "sandybrown";
+  }
+  if (failedInLastXHours(timestamp, 24)) {
+    return "palegoldenrod";
+  }
+  return "lightgreen";
+};
+const SyntheticsLocation = (props) => {
+  const { lastFailedTimestamp, locationId } = props;
+  const dynatraceApi = useApi(dynatraceApiRef);
+  const { value, loading, error } = useAsync(async () => {
+    return dynatraceApi.getDynatraceSyntheticLocationInfo(
+      `SYNTHETIC_LOCATION-00000000000000${locationId}`
+    );
+  });
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  } else if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  return /* @__PURE__ */ React.createElement(
+    Chip,
+    {
+      label: `${value == null ? void 0 : value.name}${failedInLastXHours(new Date(lastFailedTimestamp), 24) ? `: failed @ ${lastFailedTimestamp.toLocaleTimeString()}` : ""}`,
+      size: "medium",
+      style: { backgroundColor: chipColor(lastFailedTimestamp) }
+    }
+  );
+};
+
+const dynatraceMonitorPrefixes = (idPrefix) => {
+  switch (idPrefix) {
+    case "HTTP_CHECK":
+      return "ui/http-monitor";
+    case "BROWSER_MONITOR":
+      return "ui/browser-monitor";
+    case "SYNTHETIC_TEST":
+      return "ui/browser-monitor";
+    default:
+      throw new Error("Invalid synthetic Id");
+  }
+};
+const SyntheticsCard = (props) => {
+  const { syntheticsId } = props;
+  const configApi = useApi(configApiRef);
+  const dynatraceApi = useApi(dynatraceApiRef);
+  const dynatraceBaseUrl = configApi.getString("dynatrace.baseUrl");
+  const { value, loading, error } = useAsync(async () => {
+    return dynatraceApi.getDynatraceSyntheticFailures(syntheticsId);
+  }, [dynatraceApi, syntheticsId]);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  } else if (error) {
+    return /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error });
+  }
+  const deepLinkPrefix = dynatraceMonitorPrefixes(
+    `${syntheticsId.split("-")[0]}`
+  );
+  const lastFailed = value == null ? void 0 : value.locationsExecutionResults.map((l) => {
+    return {
+      timestamp: l.requestResults[0].startTimestamp,
+      location: Number(l.locationId).toString(16)
+    };
+  });
+  return /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: "Synthetics",
+      subheader: `Recent Activity for Monitor ${syntheticsId}`,
+      deepLink: {
+        title: "View this Synthetic in Dynatrace",
+        link: `${dynatraceBaseUrl}/${deepLinkPrefix}/${syntheticsId}`
+      }
+    },
+    lastFailed == null ? void 0 : lastFailed.map((l) => {
+      return /* @__PURE__ */ React.createElement(
+        SyntheticsLocation,
+        {
+          key: l.location,
+          lastFailedTimestamp: new Date(l.timestamp),
+          locationId: l.location
+        }
+      );
+    })
+  );
+};
+
+const DynatraceTab = () => {
+  var _a, _b;
+  const { entity } = useEntity();
+  if (!isDynatraceAvailable(entity)) {
+    return /* @__PURE__ */ React.createElement(MissingAnnotationEmptyState, { annotation: DYNATRACE_ID_ANNOTATION });
+  }
+  const dynatraceEntityId = (_a = entity == null ? void 0 : entity.metadata.annotations) == null ? void 0 : _a[DYNATRACE_ID_ANNOTATION];
+  const syntheticsIds = (_b = entity == null ? void 0 : entity.metadata.annotations) == null ? void 0 : _b[DYNATRACE_SYNTHETICS_ANNOTATION];
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "tool" }, /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, dynatraceEntityId ? /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, lg: 12 }, /* @__PURE__ */ React.createElement(ProblemsList, { dynatraceEntityId })) : "", syntheticsIds == null ? void 0 : syntheticsIds.split(/[ ,]/).filter(Boolean).map((id) => {
+    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, lg: 12 }, /* @__PURE__ */ React.createElement(SyntheticsCard, { syntheticsId: id }));
+  }))));
+};
+
+export { DynatraceTab };
+//# sourceMappingURL=index-CHd0IpuU.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-CHd0IpuU.esm.js","sources":["../../src/components/Problems/ProblemStatus/ProblemStatus.tsx","../../src/components/Problems/ProblemsTable/ProblemsTable.tsx","../../src/components/Problems/ProblemsList/ProblemsList.tsx","../../src/components/Synthetics/SyntheticsLocation/SyntheticsLocation.tsx","../../src/components/Synthetics/SyntheticsCard/SyntheticsCard.tsx","../../src/components/DynatraceTab/DynatraceTab.tsx"],"sourcesContent":["/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { DynatraceProblem } from '../../../api/DynatraceApi';\nimport { StatusError, StatusOK } from '@backstage/core-components';\n\nexport const ProblemStatus = ({ status }: Partial<DynatraceProblem>) => {\n  switch (status?.toLocaleLowerCase()) {\n    case 'open':\n      return (\n        <>\n          <StatusError />\n          Open\n        </>\n      );\n    case 'closed':\n      return (\n        <>\n          <StatusOK />\n          Closed\n        </>\n      );\n    default:\n      return <></>;\n  }\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { Table, TableColumn } from '@backstage/core-components';\nimport { DynatraceProblem } from '../../../api/DynatraceApi';\nimport { ProblemStatus } from '../ProblemStatus';\nimport { Link } from '@backstage/core-components';\n\ntype ProblemsTableProps = {\n  problems: DynatraceProblem[];\n  dynatraceBaseUrl: string;\n};\n\nconst parseTimestamp = (timestamp: number | undefined) => {\n  return timestamp ? new Date(timestamp).toLocaleString() : 'N/A';\n};\n\nexport const ProblemsTable = (props: ProblemsTableProps) => {\n  const { problems, dynatraceBaseUrl } = props;\n  const columns: TableColumn[] = [\n    {\n      title: 'Title',\n      field: 'title',\n      render: (row: Partial<DynatraceProblem>) => (\n        <Link\n          to={`${dynatraceBaseUrl}/#problems/problemdetails;pid=${row.problemId}`}\n        >\n          {row.title}\n        </Link>\n      ),\n    },\n    {\n      title: 'Status',\n      field: 'status',\n      render: (row: Partial<DynatraceProblem>) => (\n        <ProblemStatus status={row.status} />\n      ),\n    },\n    { title: 'Severity', field: 'severityLevel' },\n    {\n      title: 'Root Cause',\n      field: 'rootCauseEntity',\n      render: (row: Partial<DynatraceProblem>) => row.rootCauseEntity?.name,\n    },\n    {\n      title: 'Affected',\n      field: 'affectedEntities',\n      render: (row: Partial<DynatraceProblem>) =>\n        row.affectedEntities?.map(e => e.name),\n    },\n    {\n      title: 'Start Time',\n      field: 'startTime',\n      render: (row: Partial<DynatraceProblem>) => parseTimestamp(row.startTime),\n    },\n    {\n      title: 'End Time',\n      field: 'endTime',\n      render: (row: Partial<DynatraceProblem>) =>\n        row.endTime === -1 ? 'ongoing' : parseTimestamp(row.endTime),\n    },\n  ];\n\n  return (\n    <Table\n      options={{ search: true, paging: true }}\n      columns={columns}\n      data={problems.map(p => {\n        return { ...p, id: p.problemId };\n      })}\n    />\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport {\n  Progress,\n  ResponseErrorPanel,\n  EmptyState,\n} from '@backstage/core-components';\nimport { useApi, configApiRef } from '@backstage/core-plugin-api';\nimport { ProblemsTable } from '../ProblemsTable';\nimport { dynatraceApiRef, DynatraceProblem } from '../../../api';\nimport { InfoCard } from '@backstage/core-components';\n\ntype ProblemsListProps = {\n  dynatraceEntityId: string;\n};\n\nconst cardContents = (\n  problems: DynatraceProblem[],\n  dynatraceBaseUrl: string,\n) => {\n  return problems.length ? (\n    <ProblemsTable\n      problems={problems || []}\n      dynatraceBaseUrl={dynatraceBaseUrl}\n    />\n  ) : (\n    <EmptyState title=\"No Problems to Report!\" missing=\"data\" />\n  );\n};\n\nconst dynatraceEntityPrefixes = (idPrefix: string): string => {\n  switch (idPrefix) {\n    case 'APPLICATION':\n      return '#uemapplications/uemappmetrics;uemapplicationId=';\n\n    case 'SERVICE':\n      return '#services/serviceOverview;id=';\n\n    case `MOBILE_APPLICATION`:\n      return '#mobileappoverview;appID=';\n\n    case 'SYNTHETIC_TEST':\n      return 'ui/browser-monitor/';\n\n    case 'KUBERNETES_CLUSTER':\n      return 'ui/kubernetes/';\n\n    case 'PROCESS_GROUP_INSTANCE':\n      return '#processdetails;id=';\n\n    default:\n      return 'ui/entity/';\n  }\n};\n\nexport const ProblemsList = (props: ProblemsListProps) => {\n  const { dynatraceEntityId } = props;\n  const configApi = useApi(configApiRef);\n  const dynatraceApi = useApi(dynatraceApiRef);\n  const dynatraceBaseUrl = configApi.getString('dynatrace.baseUrl');\n\n  const { value, loading, error } = useAsync(async () => {\n    return dynatraceApi.getDynatraceProblems(dynatraceEntityId);\n  }, [dynatraceApi, dynatraceEntityId]);\n  const problems = value?.problems;\n\n  const deepLinkPrefix = dynatraceEntityPrefixes(\n    `${dynatraceEntityId.split('-')[0]}`,\n  );\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n  return (\n    <InfoCard\n      title=\"Problems\"\n      subheader={`Last 2 hours - ${dynatraceEntityId}`}\n      deepLink={{\n        title: 'View Entity in Dynatrace',\n        link: `${dynatraceBaseUrl}/${deepLinkPrefix}${dynatraceEntityId}`,\n      }}\n    >\n      {cardContents(problems || [], dynatraceBaseUrl)}\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport Chip from '@material-ui/core/Chip';\nimport { dynatraceApiRef } from '../../../api';\n\ntype SyntheticsLocationProps = {\n  lastFailedTimestamp: Date;\n  locationId: string;\n  key: string;\n};\n\nconst failedInLastXHours = (timestamp: Date, offset: number): boolean => {\n  if (offset < 0 || offset > 24)\n    throw new Error('offset must be between 0 and 24');\n  return timestamp > new Date(new Date().getTime() - 1000 * 60 * 60 * offset);\n};\n\nconst chipColor = (timestamp: Date): string => {\n  if (failedInLastXHours(timestamp, 1)) {\n    return 'salmon';\n  }\n  if (failedInLastXHours(timestamp, 6)) {\n    return 'sandybrown';\n  }\n  if (failedInLastXHours(timestamp, 24)) {\n    return 'palegoldenrod';\n  }\n  return 'lightgreen';\n};\n\nexport const SyntheticsLocation = (props: SyntheticsLocationProps) => {\n  const { lastFailedTimestamp, locationId } = props;\n  const dynatraceApi = useApi(dynatraceApiRef);\n  const { value, loading, error } = useAsync(async () => {\n    return dynatraceApi.getDynatraceSyntheticLocationInfo(\n      `SYNTHETIC_LOCATION-00000000000000${locationId}`,\n    );\n  });\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  return (\n    <Chip\n      label={`${value?.name}${\n        failedInLastXHours(new Date(lastFailedTimestamp), 24)\n          ? `: failed @ ${lastFailedTimestamp.toLocaleTimeString()}`\n          : ''\n      }`}\n      size=\"medium\"\n      style={{ backgroundColor: chipColor(lastFailedTimestamp) }}\n    />\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { Progress, ResponseErrorPanel } from '@backstage/core-components';\nimport { InfoCard } from '@backstage/core-components';\nimport { useApi, configApiRef } from '@backstage/core-plugin-api';\nimport { dynatraceApiRef } from '../../../api';\nimport { SyntheticsLocation } from '../SyntheticsLocation';\n\ntype SyntheticsCardProps = {\n  syntheticsId: string;\n};\n\nconst dynatraceMonitorPrefixes = (idPrefix: string): string => {\n  switch (idPrefix) {\n    case 'HTTP_CHECK':\n      return 'ui/http-monitor';\n    case 'BROWSER_MONITOR':\n      return 'ui/browser-monitor';\n    case 'SYNTHETIC_TEST':\n      return 'ui/browser-monitor';\n    default:\n      throw new Error('Invalid synthetic Id');\n  }\n};\n\nexport const SyntheticsCard = (props: SyntheticsCardProps) => {\n  const { syntheticsId } = props;\n  const configApi = useApi(configApiRef);\n  const dynatraceApi = useApi(dynatraceApiRef);\n  const dynatraceBaseUrl = configApi.getString('dynatrace.baseUrl');\n\n  const { value, loading, error } = useAsync(async () => {\n    return dynatraceApi.getDynatraceSyntheticFailures(syntheticsId);\n  }, [dynatraceApi, syntheticsId]);\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  const deepLinkPrefix = dynatraceMonitorPrefixes(\n    `${syntheticsId.split('-')[0]}`,\n  );\n\n  const lastFailed = value?.locationsExecutionResults.map(l => {\n    return {\n      timestamp: l.requestResults[0].startTimestamp,\n      location: Number(l.locationId).toString(16),\n    };\n  });\n\n  return (\n    <InfoCard\n      title=\"Synthetics\"\n      subheader={`Recent Activity for Monitor ${syntheticsId}`}\n      deepLink={{\n        title: 'View this Synthetic in Dynatrace',\n        link: `${dynatraceBaseUrl}/${deepLinkPrefix}/${syntheticsId}`,\n      }}\n    >\n      {lastFailed?.map(l => {\n        return (\n          <SyntheticsLocation\n            key={l.location}\n            lastFailedTimestamp={new Date(l.timestamp)}\n            locationId={l.location}\n          />\n        );\n      })}\n    </InfoCard>\n  );\n};\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport Grid from '@material-ui/core/Grid';\nimport { Page, Content } from '@backstage/core-components';\nimport {\n  useEntity,\n  MissingAnnotationEmptyState,\n} from '@backstage/plugin-catalog-react';\nimport { ProblemsList } from '../Problems/ProblemsList';\nimport { SyntheticsCard } from '../Synthetics/SyntheticsCard';\nimport { isDynatraceAvailable } from '../../plugin';\nimport {\n  DYNATRACE_ID_ANNOTATION,\n  DYNATRACE_SYNTHETICS_ANNOTATION,\n} from '../../constants';\n\nexport const DynatraceTab = () => {\n  const { entity } = useEntity();\n\n  if (!isDynatraceAvailable(entity)) {\n    return <MissingAnnotationEmptyState annotation={DYNATRACE_ID_ANNOTATION} />;\n  }\n\n  const dynatraceEntityId: string =\n    entity?.metadata.annotations?.[DYNATRACE_ID_ANNOTATION]!;\n\n  const syntheticsIds: string =\n    entity?.metadata.annotations?.[DYNATRACE_SYNTHETICS_ANNOTATION]!;\n\n  return (\n    <Page themeId=\"tool\">\n      <Content>\n        <Grid container spacing={2}>\n          {dynatraceEntityId ? (\n            <Grid item xs={12} lg={12}>\n              <ProblemsList dynatraceEntityId={dynatraceEntityId} />\n            </Grid>\n          ) : (\n            ''\n          )}\n          {syntheticsIds\n            ?.split(/[ ,]/)\n            .filter(Boolean)\n            .map(id => {\n              return (\n                <Grid item xs={12} lg={12}>\n                  <SyntheticsCard syntheticsId={id} />\n                </Grid>\n              );\n            })}\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,104 @@
+import { createApiRef, createRouteRef, createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
+
+const dynatraceApiRef = createApiRef({
+  id: "plugin.dynatrace.service"
+});
+
+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 DynatraceClient {
+  constructor({
+    discoveryApi,
+    fetchApi
+  }) {
+    __publicField(this, "discoveryApi");
+    __publicField(this, "fetchApi");
+    this.discoveryApi = discoveryApi;
+    this.fetchApi = fetchApi;
+  }
+  async callApi(path, query) {
+    const apiUrl = `${await this.discoveryApi.getBaseUrl("proxy")}/dynatrace`;
+    const response = await this.fetchApi.fetch(
+      `${apiUrl}/${path}?${new URLSearchParams(query).toString()}`,
+      {
+        headers: {
+          "Content-Type": "application/json"
+        }
+      }
+    );
+    if (response.status === 200) {
+      return await response.json();
+    }
+    throw new Error(
+      `Dynatrace API call failed: ${response.status}:${response.statusText}`
+    );
+  }
+  async getDynatraceSyntheticFailures(syntheticsId) {
+    if (!syntheticsId) {
+      throw new Error("Dynatrace syntheticId is required");
+    }
+    return this.callApi(
+      `synthetic/execution/${encodeURIComponent(syntheticsId)}/FAILED`,
+      {}
+    );
+  }
+  async getDynatraceSyntheticLocationInfo(syntheticLocationId) {
+    if (!syntheticLocationId) {
+      throw new Error("Dynatrace syntheticLocationId is required");
+    }
+    return this.callApi(
+      `synthetic/locations/${encodeURIComponent(syntheticLocationId)}`,
+      {}
+    );
+  }
+  async getDynatraceProblems(dynatraceEntityId) {
+    if (!dynatraceEntityId) {
+      throw new Error("Dynatrace entity id is required");
+    }
+    return this.callApi("problems", {
+      entitySelector: `entityId(${dynatraceEntityId})`
+    });
+  }
+}
+
+const DYNATRACE_ID_ANNOTATION = "dynatrace.com/dynatrace-entity-id";
+const DYNATRACE_SYNTHETICS_ANNOTATION = "dynatrace.com/synthetics-ids";
+
+const rootRouteRef = createRouteRef({
+  id: "dynatrace"
+});
+
+const dynatracePlugin = createPlugin({
+  id: "dynatrace",
+  apis: [
+    createApiFactory({
+      api: dynatraceApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        fetchApi: fetchApiRef
+      },
+      factory: ({ discoveryApi, fetchApi }) => new DynatraceClient({
+        discoveryApi,
+        fetchApi
+      })
+    })
+  ]
+});
+const isDynatraceAvailable = (entity) => {
+  var _a, _b;
+  return Boolean((_a = entity.metadata.annotations) == null ? void 0 : _a[DYNATRACE_ID_ANNOTATION]) || Boolean((_b = entity.metadata.annotations) == null ? void 0 : _b[DYNATRACE_SYNTHETICS_ANNOTATION]);
+};
+const DynatraceTab = dynatracePlugin.provide(
+  createRoutableExtension({
+    name: "DynatraceTab",
+    component: () => import('./index-CHd0IpuU.esm.js').then((m) => m.DynatraceTab),
+    mountPoint: rootRouteRef
+  })
+);
+
+export { DYNATRACE_ID_ANNOTATION as D, DYNATRACE_SYNTHETICS_ANNOTATION as a, dynatracePlugin as b, DynatraceTab as c, dynatraceApiRef as d, isDynatraceAvailable as i };
+//# sourceMappingURL=index-DHDulpiV.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-DHDulpiV.esm.js","sources":["../../src/api/DynatraceApi.ts","../../src/api/DynatraceClient.ts","../../src/constants.ts","../../src/routes.ts","../../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2022 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 { createApiRef } from '@backstage/core-plugin-api';\n\nexport type DynatraceEntity = {\n  entityId: {\n    id: string;\n    type: string;\n  };\n  name: string;\n};\n\nexport type DynatraceProblem = {\n  problemId: string;\n  impactLevel: string;\n  status: string;\n  startTime: number;\n  endTime: number;\n  title: string;\n  severityLevel: string;\n  rootCauseEntity: DynatraceEntity;\n  affectedEntities: Array<DynatraceEntity>;\n};\n\ntype SyntheticRequestResults = {\n  startTimestamp: number;\n};\n\nexport interface DynatraceSyntheticResults {\n  monitorId: string;\n  locationsExecutionResults: [\n    {\n      locationId: number;\n      executionId: string;\n      requestResults: Array<SyntheticRequestResults>;\n    },\n  ];\n}\n\nexport interface DynatraceSyntheticLocationInfo {\n  entityId: string;\n  name: string;\n  city: string;\n  browserType: string;\n}\n\nexport interface DynatraceProblems {\n  problems: Array<DynatraceProblem>;\n  totalCount: number;\n  pageSize: number;\n}\n\nexport const dynatraceApiRef = createApiRef<DynatraceApi>({\n  id: 'plugin.dynatrace.service',\n});\n\nexport type DynatraceApi = {\n  getDynatraceProblems(\n    dynatraceEntityId: string,\n  ): Promise<DynatraceProblems | undefined>;\n  getDynatraceSyntheticFailures(\n    syntheticsId: string,\n  ): Promise<DynatraceSyntheticResults | undefined>;\n  getDynatraceSyntheticLocationInfo(\n    syntheticLocationId: string,\n  ): Promise<DynatraceSyntheticLocationInfo | undefined>;\n};\n","/*\n * Copyright 2022 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  DynatraceProblems,\n  DynatraceApi,\n  DynatraceSyntheticResults,\n  DynatraceSyntheticLocationInfo,\n} from './DynatraceApi';\nimport { DiscoveryApi, FetchApi } from '@backstage/core-plugin-api';\n\nexport class DynatraceClient implements DynatraceApi {\n  discoveryApi: DiscoveryApi;\n  fetchApi: FetchApi;\n\n  constructor({\n    discoveryApi,\n    fetchApi,\n  }: {\n    discoveryApi: DiscoveryApi;\n    fetchApi: FetchApi;\n  }) {\n    this.discoveryApi = discoveryApi;\n    this.fetchApi = fetchApi;\n  }\n\n  private async callApi<T>(\n    path: string,\n    query: { [key in string]: any },\n  ): Promise<T | undefined> {\n    const apiUrl = `${await this.discoveryApi.getBaseUrl('proxy')}/dynatrace`;\n    const response = await this.fetchApi.fetch(\n      `${apiUrl}/${path}?${new URLSearchParams(query).toString()}`,\n      {\n        headers: {\n          'Content-Type': 'application/json',\n        },\n      },\n    );\n    if (response.status === 200) {\n      return (await response.json()) as T;\n    }\n    throw new Error(\n      `Dynatrace API call failed: ${response.status}:${response.statusText}`,\n    );\n  }\n\n  async getDynatraceSyntheticFailures(\n    syntheticsId: string,\n  ): Promise<DynatraceSyntheticResults | undefined> {\n    if (!syntheticsId) {\n      throw new Error('Dynatrace syntheticId is required');\n    }\n\n    return this.callApi(\n      `synthetic/execution/${encodeURIComponent(syntheticsId)}/FAILED`,\n      {},\n    );\n  }\n\n  async getDynatraceSyntheticLocationInfo(\n    syntheticLocationId: string,\n  ): Promise<DynatraceSyntheticLocationInfo | undefined> {\n    if (!syntheticLocationId) {\n      throw new Error('Dynatrace syntheticLocationId is required');\n    }\n\n    return this.callApi(\n      `synthetic/locations/${encodeURIComponent(syntheticLocationId)}`,\n      {},\n    );\n  }\n\n  async getDynatraceProblems(\n    dynatraceEntityId: string,\n  ): Promise<DynatraceProblems | undefined> {\n    if (!dynatraceEntityId) {\n      throw new Error('Dynatrace entity id is required');\n    }\n\n    return this.callApi('problems', {\n      entitySelector: `entityId(${dynatraceEntityId})`,\n    });\n  }\n}\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nexport const DYNATRACE_ID_ANNOTATION = 'dynatrace.com/dynatrace-entity-id';\nexport const DYNATRACE_SYNTHETICS_ANNOTATION = 'dynatrace.com/synthetics-ids';\n","/*\n * Copyright 2022 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 { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'dynatrace',\n});\n","/*\n * Copyright 2022 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { dynatraceApiRef, DynatraceClient } from './api';\nimport {\n  createApiFactory,\n  createPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n  createRoutableExtension,\n} from '@backstage/core-plugin-api';\n\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  DYNATRACE_ID_ANNOTATION,\n  DYNATRACE_SYNTHETICS_ANNOTATION,\n} from './constants';\n\nimport { rootRouteRef } from './routes';\n\n/**\n * Create the Dynatrace plugin.\n * @public\n */\nexport const dynatracePlugin = createPlugin({\n  id: 'dynatrace',\n  apis: [\n    createApiFactory({\n      api: dynatraceApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi }) =>\n        new DynatraceClient({\n          discoveryApi,\n          fetchApi,\n        }),\n    }),\n  ],\n});\n\n/**\n * Checks if the entity has a dynatrace id annotation.\n * @public\n * @param entity - The entity to check for the dynatrace id annotation.\n */\nexport const isDynatraceAvailable = (entity: Entity) =>\n  Boolean(entity.metadata.annotations?.[DYNATRACE_ID_ANNOTATION]) ||\n  Boolean(entity.metadata.annotations?.[DYNATRACE_SYNTHETICS_ANNOTATION]);\n\n/**\n * Creates a routable extension for the dynatrace plugin tab.\n * @public\n */\nexport const DynatraceTab = dynatracePlugin.provide(\n  createRoutableExtension({\n    name: 'DynatraceTab',\n    component: () =>\n      import('./components/DynatraceTab').then(m => m.DynatraceTab),\n    mountPoint: rootRouteRef,\n  }),\n);\n"],"names":[],"mappings":";;AAiEO,MAAM,kBAAkB,YAA2B,CAAA;AAAA,EACxD,EAAI,EAAA,0BAAA;AACN,CAAC;;;;;;;;AC5CM,MAAM,eAAwC,CAAA;AAAA,EAInD,WAAY,CAAA;AAAA,IACV,YAAA;AAAA,IACA,QAAA;AAAA,GAIC,EAAA;AATH,IAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA,CAAA;AACA,IAAA,aAAA,CAAA,IAAA,EAAA,UAAA,CAAA,CAAA;AASE,IAAA,IAAA,CAAK,YAAe,GAAA,YAAA,CAAA;AACpB,IAAA,IAAA,CAAK,QAAW,GAAA,QAAA,CAAA;AAAA,GAClB;AAAA,EAEA,MAAc,OACZ,CAAA,IAAA,EACA,KACwB,EAAA;AACxB,IAAA,MAAM,SAAS,CAAG,EAAA,MAAM,KAAK,YAAa,CAAA,UAAA,CAAW,OAAO,CAAC,CAAA,UAAA,CAAA,CAAA;AAC7D,IAAM,MAAA,QAAA,GAAW,MAAM,IAAA,CAAK,QAAS,CAAA,KAAA;AAAA,MACnC,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,IAAI,eAAgB,CAAA,KAAK,CAAE,CAAA,QAAA,EAAU,CAAA,CAAA;AAAA,MAC1D;AAAA,QACE,OAAS,EAAA;AAAA,UACP,cAAgB,EAAA,kBAAA;AAAA,SAClB;AAAA,OACF;AAAA,KACF,CAAA;AACA,IAAI,IAAA,QAAA,CAAS,WAAW,GAAK,EAAA;AAC3B,MAAQ,OAAA,MAAM,SAAS,IAAK,EAAA,CAAA;AAAA,KAC9B;AACA,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,CAA8B,2BAAA,EAAA,QAAA,CAAS,MAAM,CAAA,CAAA,EAAI,SAAS,UAAU,CAAA,CAAA;AAAA,KACtE,CAAA;AAAA,GACF;AAAA,EAEA,MAAM,8BACJ,YACgD,EAAA;AAChD,IAAA,IAAI,CAAC,YAAc,EAAA;AACjB,MAAM,MAAA,IAAI,MAAM,mCAAmC,CAAA,CAAA;AAAA,KACrD;AAEA,IAAA,OAAO,IAAK,CAAA,OAAA;AAAA,MACV,CAAA,oBAAA,EAAuB,kBAAmB,CAAA,YAAY,CAAC,CAAA,OAAA,CAAA;AAAA,MACvD,EAAC;AAAA,KACH,CAAA;AAAA,GACF;AAAA,EAEA,MAAM,kCACJ,mBACqD,EAAA;AACrD,IAAA,IAAI,CAAC,mBAAqB,EAAA;AACxB,MAAM,MAAA,IAAI,MAAM,2CAA2C,CAAA,CAAA;AAAA,KAC7D;AAEA,IAAA,OAAO,IAAK,CAAA,OAAA;AAAA,MACV,CAAA,oBAAA,EAAuB,kBAAmB,CAAA,mBAAmB,CAAC,CAAA,CAAA;AAAA,MAC9D,EAAC;AAAA,KACH,CAAA;AAAA,GACF;AAAA,EAEA,MAAM,qBACJ,iBACwC,EAAA;AACxC,IAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,MAAM,MAAA,IAAI,MAAM,iCAAiC,CAAA,CAAA;AAAA,KACnD;AAEA,IAAO,OAAA,IAAA,CAAK,QAAQ,UAAY,EAAA;AAAA,MAC9B,cAAA,EAAgB,YAAY,iBAAiB,CAAA,CAAA,CAAA;AAAA,KAC9C,CAAA,CAAA;AAAA,GACH;AACF;;ACjFO,MAAM,uBAA0B,GAAA,oCAAA;AAChC,MAAM,+BAAkC,GAAA;;ACCxC,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA,WAAA;AACN,CAAC,CAAA;;ACkBM,MAAM,kBAAkB,YAAa,CAAA;AAAA,EAC1C,EAAI,EAAA,WAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,eAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA,WAAA;AAAA,OACZ;AAAA,MACA,SAAS,CAAC,EAAE,cAAc,QAAS,EAAA,KACjC,IAAI,eAAgB,CAAA;AAAA,QAClB,YAAA;AAAA,QACA,QAAA;AAAA,OACD,CAAA;AAAA,KACJ,CAAA;AAAA,GACH;AACF,CAAC,EAAA;AAOY,MAAA,oBAAA,GAAuB,CAAC,MAAgB,KAAA;AA5DrD,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA6DE,EAAQ,OAAA,OAAA,CAAA,CAAA,EAAA,GAAA,MAAA,CAAO,QAAS,CAAA,WAAA,KAAhB,IAA8B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,uBAAA,CAAwB,CAC9D,IAAA,OAAA,CAAA,CAAQ,EAAO,GAAA,MAAA,CAAA,QAAA,CAAS,WAAhB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA8B,+BAAgC,CAAA,CAAA,CAAA;AAAA,EAAA;AAMjE,MAAM,eAAe,eAAgB,CAAA,OAAA;AAAA,EAC1C,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,cAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,yBAA2B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,YAAY,CAAA;AAAA,IAC9D,UAAY,EAAA,YAAA;AAAA,GACb,CAAA;AACH;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+/// <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';
+
+/**
+ * Create the Dynatrace plugin.
+ * @public
+ */
+declare const dynatracePlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}, {}>;
+/**
+ * Checks if the entity has a dynatrace id annotation.
+ * @public
+ * @param entity - The entity to check for the dynatrace id annotation.
+ */
+declare const isDynatraceAvailable: (entity: Entity) => boolean;
+/**
+ * Creates a routable extension for the dynatrace plugin tab.
+ * @public
+ */
+declare const DynatraceTab: () => react.JSX.Element;
+
+export { DynatraceTab, dynatracePlugin, isDynatraceAvailable };

package/dist/index.esm.js

@@ -0,0 +1,3 @@
+export { c as DynatraceTab, b as dynatracePlugin, i as isDynatraceAvailable } from './esm/index-DHDulpiV.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":";"}