@backstage-community/plugin-grafana 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @backstage-community/plugin-grafana
+
+## 0.1.0
+
+### Minor Changes
+
+- 48dbddf: Initial plugin version. It's a copy of its original [repo](https://github.com/K-Phoen/backstage-plugin-grafana)

package/README.md

@@ -0,0 +1,27 @@
+# Grafana plugin for Backstage
+
+The Grafana plugin is a frontend plugin that lists Grafana alerts and dashboards. It includes two components that can be integrated into Backstage:
+
+- The `EntityGrafanaDashboardsCard` component which can display dashboards for a specific entity
+- The `EntityGrafanaAlertsCard` component which can display recent alerts for a specific entity
+- The `EntityOverviewDashboardViewer` component which can embed an "overview" dashboard for a specific entity
+- The `DashboardViewer` component which can embed any dashboard
+
+## Setup
+
+Find [installation instructions](./docs/index.md#installation) in our documentation.
+
+## How does it look?
+
+Entity alerts card:
+
+![Alerts card](./docs/alerts_card.png)
+
+Entity dashboards card:
+
+![Dashboards card](./docs/dashboards_card.png)
+
+## Special thanks & Disclaimer
+
+Thanks to K-Phoen for creating the grafana plugin found [here](https://github.com/K-Phoen/backstage-plugin-grafana). As an outcome
+of [this discussion](https://github.com/K-Phoen/backstage-plugin-grafana/issues/78), he gave us permission to keep working on this plugin.

package/config.d.ts

@@ -0,0 +1,38 @@
+/*
+ * Copyright 2021 Kévin Gomez <contact@kevingomez.fr>
+ *
+ * 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 {
+  grafana: {
+    /**
+     * Domain used by users to access Grafana web UI.
+     * Example: https://monitoring.eu.my-company.com/
+     * @visibility frontend
+     */
+    domain: string;
+
+    /**
+     * Path to use for requests via the proxy, defaults to /grafana/api
+     * @visibility frontend
+     */
+    proxyPath?: string;
+
+    /**
+     * Is Grafana using unified alerting?
+     * @visibility frontend
+     */
+    unifiedAlerting?: boolean;
+  };
+}

package/dist/api.esm.js

@@ -0,0 +1,187 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+import { QueryEvaluator } from './query/QueryEvaluator.esm.js';
+
+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;
+};
+const grafanaApiRef = createApiRef({
+  id: "plugin.grafana.service"
+});
+const DEFAULT_PROXY_PATH = "/grafana/api";
+const isSingleWord = (input) => {
+  return input.match(/^[\w-]+$/g) !== null;
+};
+class Client {
+  constructor(opts) {
+    __publicField(this, "discoveryApi");
+    __publicField(this, "fetchApi");
+    __publicField(this, "proxyPath");
+    __publicField(this, "queryEvaluator");
+    var _a;
+    this.discoveryApi = opts.discoveryApi;
+    this.fetchApi = opts.fetchApi;
+    this.proxyPath = (_a = opts.proxyPath) != null ? _a : DEFAULT_PROXY_PATH;
+    this.queryEvaluator = new QueryEvaluator();
+  }
+  async fetch(input, init) {
+    const apiUrl = await this.apiUrl();
+    const resp = await this.fetchApi.fetch(`${apiUrl}${input}`, init);
+    if (!resp.ok) {
+      throw new Error(`Request failed with ${resp.status} ${resp.statusText}`);
+    }
+    return await resp.json();
+  }
+  async listDashboards(domain, query) {
+    if (isSingleWord(query)) {
+      return this.dashboardsByTag(domain, query);
+    }
+    return this.dashboardsForQuery(domain, query);
+  }
+  async dashboardsForQuery(domain, query) {
+    const parsedQuery = this.queryEvaluator.parse(query);
+    const response = await this.fetch(`/api/search?type=dash-db`);
+    const allDashboards = this.fullyQualifiedDashboardURLs(domain, response);
+    return allDashboards.filter((dashboard) => {
+      return this.queryEvaluator.evaluate(parsedQuery, dashboard) === true;
+    });
+  }
+  async dashboardsByTag(domain, tag) {
+    const response = await this.fetch(
+      `/api/search?type=dash-db&tag=${tag}`
+    );
+    return this.fullyQualifiedDashboardURLs(domain, response);
+  }
+  fullyQualifiedDashboardURLs(domain, dashboards) {
+    return dashboards.map((dashboard) => ({
+      ...dashboard,
+      url: domain + dashboard.url,
+      folderUrl: domain + dashboard.folderUrl
+    }));
+  }
+  async apiUrl() {
+    const proxyUrl = await this.discoveryApi.getBaseUrl("proxy");
+    return proxyUrl + this.proxyPath;
+  }
+}
+class GrafanaApiClient {
+  constructor(opts) {
+    __publicField(this, "domain");
+    __publicField(this, "client");
+    this.domain = opts.domain;
+    this.client = new Client(opts);
+  }
+  async listDashboards(query) {
+    return this.client.listDashboards(this.domain, query);
+  }
+  async alertsForSelector(dashboardTag) {
+    const response = await this.client.fetch(
+      `/api/alerts?dashboardTag=${dashboardTag}`
+    );
+    return response.map((alert) => ({
+      name: alert.name,
+      state: alert.state,
+      matchingSelector: dashboardTag,
+      url: `${this.domain}${alert.url}?panelId=${alert.panelId}&fullscreen&refresh=30s`
+    }));
+  }
+}
+class UnifiedAlertingGrafanaApiClient {
+  constructor(opts) {
+    __publicField(this, "domain");
+    __publicField(this, "client");
+    this.domain = opts.domain;
+    this.client = new Client(opts);
+  }
+  async listDashboards(query) {
+    return this.client.listDashboards(this.domain, query);
+  }
+  async alertsForSelector(selectors) {
+    let labelSelectors = [];
+    if (typeof selectors === "string") {
+      labelSelectors = [selectors];
+    } else {
+      labelSelectors = selectors;
+    }
+    const rulesResponse = await this.client.fetch("/api/ruler/grafana/api/v1/rules");
+    const rules = Object.values(rulesResponse).flat().map((ruleGroup) => ruleGroup.rules).flat();
+    const alertsResponse = await this.client.fetch(
+      "/api/prometheus/grafana/api/v1/alerts"
+    );
+    return labelSelectors.map((selector) => {
+      const [label, labelValue] = selector.split("=");
+      const matchingRules = rules.filter(
+        (rule) => rule.labels && rule.labels[label] === labelValue
+      );
+      const alertInstances = alertsResponse.data.alerts.filter(
+        (alertInstance) => alertInstance.labels[label] === labelValue
+      );
+      return matchingRules.map((rule) => {
+        const matchingAlertInstances = alertInstances.filter(
+          (alertInstance) => alertInstance.labels.alertname === rule.grafana_alert.title
+        );
+        const aggregatedAlertStates = matchingAlertInstances.reduce(
+          (previous, alert) => {
+            switch (alert.state) {
+              case "Normal":
+                previous.Normal += 1;
+                break;
+              case "Pending":
+                previous.Pending += 1;
+                break;
+              case "Alerting":
+                previous.Alerting += 1;
+                break;
+              case "NoData":
+                previous.NoData += 1;
+                break;
+              case "Error":
+                previous.Error += 1;
+                break;
+              default:
+                previous.Invalid += 1;
+            }
+            return previous;
+          },
+          {
+            Normal: 0,
+            Pending: 0,
+            Alerting: 0,
+            NoData: 0,
+            Error: 0,
+            Invalid: 0
+          }
+        );
+        return {
+          name: rule.grafana_alert.title,
+          url: `${this.domain}/alerting/grafana/${rule.grafana_alert.uid}/view`,
+          matchingSelector: selector,
+          state: this.getState(
+            aggregatedAlertStates,
+            matchingAlertInstances.length
+          )
+        };
+      });
+    }).flat();
+  }
+  getState(states, totalAlerts) {
+    if (states.Alerting > 0) {
+      return "Alerting";
+    } else if (states.Error > 0) {
+      return "Error";
+    } else if (states.Pending > 0) {
+      return "Pending";
+    }
+    if (states.NoData === totalAlerts) {
+      return "NoData";
+    } else if (states.Normal === totalAlerts || states.Normal + states.NoData === totalAlerts) {
+      return "Normal";
+    }
+    return "n/a";
+  }
+}
+
+export { GrafanaApiClient, UnifiedAlertingGrafanaApiClient, grafanaApiRef };
+//# sourceMappingURL=api.esm.js.map

package/dist/api.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.esm.js","sources":["../src/api.ts"],"sourcesContent":["/*\n * Copyright 2021 Kévin Gomez <contact@kevingomez.fr>\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 {\n  createApiRef,\n  DiscoveryApi,\n  FetchApi,\n} from '@backstage/core-plugin-api';\nimport { QueryEvaluator } from './query';\nimport { Alert, Dashboard } from './types';\n\n/**\n * Interface for the Grafana API\n * @public\n */\nexport interface GrafanaApi {\n  /**\n   * Returns the found dashboards in Grafana with the defined query\n   * @param query - The query used to list the dashboards\n   */\n  listDashboards(query: string): Promise<Dashboard[]>;\n  /**\n   * Returns a list of alerts found in Grafana that have any of the defined alert selectors\n   * @param selectors - One or multiple alert selectors\n   */\n  alertsForSelector(selectors: string | string[]): Promise<Alert[]>;\n}\n\ninterface AggregatedAlertState {\n  Normal: number;\n  Pending: number;\n  Alerting: number;\n  NoData: number;\n  Error: number;\n  Invalid: number;\n}\n\ntype AlertState =\n  | 'Normal'\n  | 'Pending'\n  | 'Alerting'\n  | 'NoData'\n  | 'Error'\n  | 'n/a';\n\ninterface AlertInstance {\n  labels: Record<string, string>;\n  state: AlertState;\n}\n\ninterface AlertsData {\n  data: { alerts: AlertInstance[] };\n}\n\ninterface AlertRuleGroupConfig {\n  name: string;\n  rules: AlertRule[];\n}\n\ninterface GrafanaAlert {\n  id: number;\n  panelId: number;\n  name: string;\n  state: string;\n  url: string;\n}\n\ninterface UnifiedGrafanaAlert {\n  uid: string;\n  title: string;\n}\n\ninterface AlertRule {\n  labels: Record<string, string>;\n  grafana_alert: UnifiedGrafanaAlert;\n}\n\n/**\n * The grafana API reference\n * @public\n */\nexport const grafanaApiRef = createApiRef<GrafanaApi>({\n  id: 'plugin.grafana.service',\n});\n\nexport type Options = {\n  discoveryApi: DiscoveryApi;\n  fetchApi: FetchApi;\n\n  /**\n   * Domain used by users to access Grafana web UI.\n   * Example: https://monitoring.my-company.com/\n   */\n  domain: string;\n\n  /**\n   * Path to use for requests via the proxy, defaults to /grafana/api\n   */\n  proxyPath?: string;\n};\n\nconst DEFAULT_PROXY_PATH = '/grafana/api';\n\nconst isSingleWord = (input: string): boolean => {\n  return input.match(/^[\\w-]+$/g) !== null;\n};\n\nclass Client {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly fetchApi: FetchApi;\n  private readonly proxyPath: string;\n  private readonly queryEvaluator: QueryEvaluator;\n\n  constructor(opts: Options) {\n    this.discoveryApi = opts.discoveryApi;\n    this.fetchApi = opts.fetchApi;\n    this.proxyPath = opts.proxyPath ?? DEFAULT_PROXY_PATH;\n    this.queryEvaluator = new QueryEvaluator();\n  }\n\n  public async fetch<T = any>(input: string, init?: RequestInit): Promise<T> {\n    const apiUrl = await this.apiUrl();\n    const resp = await this.fetchApi.fetch(`${apiUrl}${input}`, init);\n    if (!resp.ok) {\n      throw new Error(`Request failed with ${resp.status} ${resp.statusText}`);\n    }\n\n    return await resp.json();\n  }\n\n  async listDashboards(domain: string, query: string): Promise<Dashboard[]> {\n    if (isSingleWord(query)) {\n      return this.dashboardsByTag(domain, query);\n    }\n\n    return this.dashboardsForQuery(domain, query);\n  }\n\n  async dashboardsForQuery(\n    domain: string,\n    query: string,\n  ): Promise<Dashboard[]> {\n    const parsedQuery = this.queryEvaluator.parse(query);\n    const response = await this.fetch<Dashboard[]>(`/api/search?type=dash-db`);\n    const allDashboards = this.fullyQualifiedDashboardURLs(domain, response);\n\n    return allDashboards.filter(dashboard => {\n      return this.queryEvaluator.evaluate(parsedQuery, dashboard) === true;\n    });\n  }\n\n  async dashboardsByTag(domain: string, tag: string): Promise<Dashboard[]> {\n    const response = await this.fetch<Dashboard[]>(\n      `/api/search?type=dash-db&tag=${tag}`,\n    );\n\n    return this.fullyQualifiedDashboardURLs(domain, response);\n  }\n\n  private fullyQualifiedDashboardURLs(\n    domain: string,\n    dashboards: Dashboard[],\n  ): Dashboard[] {\n    return dashboards.map(dashboard => ({\n      ...dashboard,\n      url: domain + dashboard.url,\n      folderUrl: domain + dashboard.folderUrl,\n    }));\n  }\n\n  private async apiUrl() {\n    const proxyUrl = await this.discoveryApi.getBaseUrl('proxy');\n    return proxyUrl + this.proxyPath;\n  }\n}\n\nexport class GrafanaApiClient implements GrafanaApi {\n  private readonly domain: string;\n  private readonly client: Client;\n\n  constructor(opts: Options) {\n    this.domain = opts.domain;\n    this.client = new Client(opts);\n  }\n\n  async listDashboards(query: string): Promise<Dashboard[]> {\n    return this.client.listDashboards(this.domain, query);\n  }\n\n  async alertsForSelector(dashboardTag: string): Promise<Alert[]> {\n    const response = await this.client.fetch<GrafanaAlert[]>(\n      `/api/alerts?dashboardTag=${dashboardTag}`,\n    );\n\n    return response.map(alert => ({\n      name: alert.name,\n      state: alert.state,\n      matchingSelector: dashboardTag,\n      url: `${this.domain}${alert.url}?panelId=${alert.panelId}&fullscreen&refresh=30s`,\n    }));\n  }\n}\n\nexport class UnifiedAlertingGrafanaApiClient implements GrafanaApi {\n  private readonly domain: string;\n  private readonly client: Client;\n\n  constructor(opts: Options) {\n    this.domain = opts.domain;\n    this.client = new Client(opts);\n  }\n\n  async listDashboards(query: string): Promise<Dashboard[]> {\n    return this.client.listDashboards(this.domain, query);\n  }\n\n  async alertsForSelector(selectors: string | string[]): Promise<Alert[]> {\n    let labelSelectors: string[] = [];\n    if (typeof selectors === 'string') {\n      labelSelectors = [selectors];\n    } else {\n      labelSelectors = selectors;\n    }\n\n    const rulesResponse = await this.client.fetch<\n      Record<string, AlertRuleGroupConfig[]>\n    >('/api/ruler/grafana/api/v1/rules');\n    const rules = Object.values(rulesResponse)\n      .flat()\n      .map(ruleGroup => ruleGroup.rules)\n      .flat();\n    const alertsResponse = await this.client.fetch<AlertsData>(\n      '/api/prometheus/grafana/api/v1/alerts',\n    );\n\n    return labelSelectors\n      .map(selector => {\n        const [label, labelValue] = selector.split('=');\n\n        const matchingRules = rules.filter(\n          rule => rule.labels && rule.labels[label] === labelValue,\n        );\n        const alertInstances = alertsResponse.data.alerts.filter(\n          alertInstance => alertInstance.labels[label] === labelValue,\n        );\n\n        return matchingRules.map(rule => {\n          const matchingAlertInstances = alertInstances.filter(\n            alertInstance =>\n              alertInstance.labels.alertname === rule.grafana_alert.title,\n          );\n\n          const aggregatedAlertStates: AggregatedAlertState =\n            matchingAlertInstances.reduce(\n              (previous, alert) => {\n                switch (alert.state) {\n                  case 'Normal':\n                    previous.Normal += 1;\n                    break;\n                  case 'Pending':\n                    previous.Pending += 1;\n                    break;\n                  case 'Alerting':\n                    previous.Alerting += 1;\n                    break;\n                  case 'NoData':\n                    previous.NoData += 1;\n                    break;\n                  case 'Error':\n                    previous.Error += 1;\n                    break;\n                  default:\n                    previous.Invalid += 1;\n                }\n\n                return previous;\n              },\n              {\n                Normal: 0,\n                Pending: 0,\n                Alerting: 0,\n                NoData: 0,\n                Error: 0,\n                Invalid: 0,\n              },\n            );\n\n          return {\n            name: rule.grafana_alert.title,\n            url: `${this.domain}/alerting/grafana/${rule.grafana_alert.uid}/view`,\n            matchingSelector: selector,\n            state: this.getState(\n              aggregatedAlertStates,\n              matchingAlertInstances.length,\n            ),\n          };\n        });\n      })\n      .flat();\n  }\n\n  private getState(\n    states: AggregatedAlertState,\n    totalAlerts: number,\n  ): AlertState {\n    if (states.Alerting > 0) {\n      return 'Alerting';\n    } else if (states.Error > 0) {\n      return 'Error';\n    } else if (states.Pending > 0) {\n      return 'Pending';\n    }\n    if (states.NoData === totalAlerts) {\n      return 'NoData';\n    } else if (\n      states.Normal === totalAlerts ||\n      states.Normal + states.NoData === totalAlerts\n    ) {\n      return 'Normal';\n    }\n\n    return 'n/a';\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/AlertsCard/AlertsCard.esm.js

@@ -0,0 +1,113 @@
+import React from 'react';
+import { Progress, Table, Link, StatusAborted, StatusError, StatusWarning, StatusPending, StatusOK } from '@backstage/core-components';
+import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import { grafanaApiRef } from '../../api.esm.js';
+import useAsync from 'react-use/lib/useAsync';
+import { Alert } from '@material-ui/lab';
+import { isDashboardSelectorAvailable, GRAFANA_ANNOTATION_TAG_SELECTOR, isAlertSelectorAvailable, GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR, alertSelectorFromEntity, tagSelectorFromEntity } from '../../constants.esm.js';
+
+const AlertStatusBadge = ({ alert }) => {
+  let statusElmt;
+  switch (alert.state) {
+    case "ok":
+    case "Normal":
+      statusElmt = /* @__PURE__ */ React.createElement(StatusOK, null);
+      break;
+    case "paused":
+    case "Pending":
+      statusElmt = /* @__PURE__ */ React.createElement(StatusPending, null);
+      break;
+    case "no_data":
+    case "pending":
+    case "NoData":
+      statusElmt = /* @__PURE__ */ React.createElement(StatusWarning, null);
+      break;
+    case "alerting":
+    case "Alerting":
+    case "Error":
+      statusElmt = /* @__PURE__ */ React.createElement(StatusError, null);
+      break;
+    default:
+      statusElmt = /* @__PURE__ */ React.createElement(StatusAborted, null);
+  }
+  return /* @__PURE__ */ React.createElement("div", null, statusElmt);
+};
+const AlertsTable = ({
+  alerts,
+  opts
+}) => {
+  var _a, _b, _c, _d;
+  const columns = [
+    {
+      title: "Name",
+      field: "name",
+      cellStyle: { width: "90%" },
+      render: (row) => /* @__PURE__ */ React.createElement(Link, { to: row.url, target: "_blank", rel: "noopener" }, row.name)
+    }
+  ];
+  if (opts.showState) {
+    columns.push({
+      title: "State",
+      render: (row) => /* @__PURE__ */ React.createElement(AlertStatusBadge, { alert: row })
+    });
+  }
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      title: opts.title || "Alerts",
+      options: {
+        paging: (_a = opts.paged) != null ? _a : false,
+        pageSize: (_b = opts.pageSize) != null ? _b : 5,
+        search: (_c = opts.searchable) != null ? _c : false,
+        emptyRowsWhenPaging: false,
+        sorting: (_d = opts.sortable) != null ? _d : false,
+        draggable: false,
+        padding: "dense"
+      },
+      data: alerts,
+      columns
+    }
+  );
+};
+const Alerts = ({ entity, opts }) => {
+  const grafanaApi = useApi(grafanaApiRef);
+  const configApi = useApi(configApiRef);
+  const unifiedAlertingEnabled = configApi.getOptionalBoolean("grafana.unifiedAlerting") || false;
+  const alertSelector = unifiedAlertingEnabled ? alertSelectorFromEntity(entity) : tagSelectorFromEntity(entity);
+  const { value, loading, error } = useAsync(
+    async () => await grafanaApi.alertsForSelector(alertSelector)
+  );
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  } else if (error) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+  }
+  return /* @__PURE__ */ React.createElement(AlertsTable, { alerts: value || [], opts });
+};
+const AlertsCard = (opts) => {
+  const { entity } = useEntity();
+  const configApi = useApi(configApiRef);
+  const unifiedAlertingEnabled = configApi.getOptionalBoolean("grafana.unifiedAlerting") || false;
+  if (!unifiedAlertingEnabled && !isDashboardSelectorAvailable(entity)) {
+    return /* @__PURE__ */ React.createElement(
+      MissingAnnotationEmptyState,
+      {
+        annotation: GRAFANA_ANNOTATION_TAG_SELECTOR
+      }
+    );
+  }
+  if (unifiedAlertingEnabled && !isAlertSelectorAvailable(entity)) {
+    return /* @__PURE__ */ React.createElement(
+      MissingAnnotationEmptyState,
+      {
+        annotation: GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR
+      }
+    );
+  }
+  const finalOpts = { ...opts, ...{ showState: opts == null ? void 0 : opts.showState } };
+  return /* @__PURE__ */ React.createElement(Alerts, { entity, opts: finalOpts });
+};
+
+export { AlertsCard, AlertsTable };
+//# sourceMappingURL=AlertsCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertsCard.esm.js","sources":["../../../src/components/AlertsCard/AlertsCard.tsx"],"sourcesContent":["/*\n * Copyright 2021 Kévin Gomez <contact@kevingomez.fr>\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 {\n  Progress,\n  TableColumn,\n  Table,\n  StatusOK,\n  StatusPending,\n  StatusWarning,\n  StatusError,\n  StatusAborted,\n  Link,\n} from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { grafanaApiRef } from '../../api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { Alert } from '@material-ui/lab';\nimport { AlertsCardOpts, Alert as GrafanaAlert } from '../../types';\nimport {\n  GRAFANA_ANNOTATION_TAG_SELECTOR,\n  GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR,\n  isAlertSelectorAvailable,\n  isDashboardSelectorAvailable,\n  tagSelectorFromEntity,\n  alertSelectorFromEntity,\n} from '../../constants';\n\nconst AlertStatusBadge = ({ alert }: { alert: GrafanaAlert }) => {\n  let statusElmt: React.ReactElement;\n\n  switch (alert.state) {\n    case 'ok':\n    case 'Normal':\n      statusElmt = <StatusOK />;\n      break;\n    case 'paused':\n    case 'Pending':\n      statusElmt = <StatusPending />;\n      break;\n    case 'no_data':\n    case 'pending':\n    case 'NoData':\n      statusElmt = <StatusWarning />;\n      break;\n    case 'alerting':\n    case 'Alerting':\n    case 'Error':\n      statusElmt = <StatusError />;\n      break;\n    default:\n      statusElmt = <StatusAborted />;\n  }\n\n  return <div>{statusElmt}</div>;\n};\n\nexport const AlertsTable = ({\n  alerts,\n  opts,\n}: {\n  alerts: GrafanaAlert[];\n  opts: AlertsCardOpts;\n}) => {\n  const columns: TableColumn<GrafanaAlert>[] = [\n    {\n      title: 'Name',\n      field: 'name',\n      cellStyle: { width: '90%' },\n      render: (row: GrafanaAlert): React.ReactNode => (\n        <Link to={row.url} target=\"_blank\" rel=\"noopener\">\n          {row.name}\n        </Link>\n      ),\n    },\n  ];\n\n  if (opts.showState) {\n    columns.push({\n      title: 'State',\n      render: (row: GrafanaAlert): React.ReactNode => (\n        <AlertStatusBadge alert={row} />\n      ),\n    });\n  }\n\n  return (\n    <Table\n      title={opts.title || 'Alerts'}\n      options={{\n        paging: opts.paged ?? false,\n        pageSize: opts.pageSize ?? 5,\n        search: opts.searchable ?? false,\n        emptyRowsWhenPaging: false,\n        sorting: opts.sortable ?? false,\n        draggable: false,\n        padding: 'dense',\n      }}\n      data={alerts}\n      columns={columns}\n    />\n  );\n};\n\nconst Alerts = ({ entity, opts }: { entity: Entity; opts: AlertsCardOpts }) => {\n  const grafanaApi = useApi(grafanaApiRef);\n  const configApi = useApi(configApiRef);\n  const unifiedAlertingEnabled =\n    configApi.getOptionalBoolean('grafana.unifiedAlerting') || false;\n  const alertSelector = unifiedAlertingEnabled\n    ? alertSelectorFromEntity(entity)\n    : tagSelectorFromEntity(entity);\n\n  const { value, loading, error } = useAsync(\n    async () => await grafanaApi.alertsForSelector(alertSelector),\n  );\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  return <AlertsTable alerts={value || []} opts={opts} />;\n};\n\nexport const AlertsCard = (opts?: AlertsCardOpts) => {\n  const { entity } = useEntity();\n  const configApi = useApi(configApiRef);\n  const unifiedAlertingEnabled =\n    configApi.getOptionalBoolean('grafana.unifiedAlerting') || false;\n\n  if (!unifiedAlertingEnabled && !isDashboardSelectorAvailable(entity)) {\n    return (\n      <MissingAnnotationEmptyState\n        annotation={GRAFANA_ANNOTATION_TAG_SELECTOR}\n      />\n    );\n  }\n\n  if (unifiedAlertingEnabled && !isAlertSelectorAvailable(entity)) {\n    return (\n      <MissingAnnotationEmptyState\n        annotation={GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR}\n      />\n    );\n  }\n\n  const finalOpts = { ...opts, ...{ showState: opts?.showState } };\n\n  return <Alerts entity={entity} opts={finalOpts} />;\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { AlertsCard } from './AlertsCard.esm.js';
+//# sourceMappingURL=index.esm.js.map

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

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

package/dist/components/DashboardViewer/DashboardViewer.esm.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
+import { isOverviewDashboardAvailable, GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD, overviewDashboardFromEntity } from '../../constants.esm.js';
+
+const DashboardViewer = ({ embedUrl }) => {
+  return /* @__PURE__ */ React.createElement(
+    "iframe",
+    {
+      title: embedUrl,
+      src: embedUrl,
+      width: "100%",
+      height: "100%",
+      referrerPolicy: "strict-origin-when-cross-origin"
+    }
+  );
+};
+const EntityDashboardViewer = () => {
+  const { entity } = useEntity();
+  if (!isOverviewDashboardAvailable(entity)) {
+    return /* @__PURE__ */ React.createElement(
+      MissingAnnotationEmptyState,
+      {
+        annotation: GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD
+      }
+    );
+  }
+  return /* @__PURE__ */ React.createElement(DashboardViewer, { embedUrl: overviewDashboardFromEntity(entity) });
+};
+
+export { DashboardViewer, EntityDashboardViewer };
+//# sourceMappingURL=DashboardViewer.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardViewer.esm.js","sources":["../../../src/components/DashboardViewer/DashboardViewer.tsx"],"sourcesContent":["/*\n * Copyright 2023 Kévin Gomez <contact@kevingomez.fr>\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 {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport {\n  GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD,\n  isOverviewDashboardAvailable,\n  overviewDashboardFromEntity,\n} from '../../constants';\n\n/**\n * Component which embeds the defined URL contents\n * @public\n */\nexport const DashboardViewer = ({ embedUrl }: { embedUrl: string }) => {\n  return (\n    <iframe\n      title={embedUrl}\n      src={embedUrl}\n      width=\"100%\"\n      height=\"100%\"\n      referrerPolicy=\"strict-origin-when-cross-origin\"\n    />\n  );\n};\n\n/**\n * Component which embeds the dashboard overview for an entity\n * @public\n */\nexport const EntityDashboardViewer = () => {\n  const { entity } = useEntity();\n\n  if (!isOverviewDashboardAvailable(entity)) {\n    return (\n      <MissingAnnotationEmptyState\n        annotation={GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD}\n      />\n    );\n  }\n\n  return <DashboardViewer embedUrl={overviewDashboardFromEntity(entity)} />;\n};\n"],"names":[],"mappings":";;;;AA+BO,MAAM,eAAkB,GAAA,CAAC,EAAE,QAAA,EAAqC,KAAA;AACrE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,QAAA;AAAA,MACP,GAAK,EAAA,QAAA;AAAA,MACL,KAAM,EAAA,MAAA;AAAA,MACN,MAAO,EAAA,MAAA;AAAA,MACP,cAAe,EAAA,iCAAA;AAAA,KAAA;AAAA,GACjB,CAAA;AAEJ,EAAA;AAMO,MAAM,wBAAwB,MAAM;AACzC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA,CAAA;AAE7B,EAAI,IAAA,CAAC,4BAA6B,CAAA,MAAM,CAAG,EAAA;AACzC,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,UAAY,EAAA,qCAAA;AAAA,OAAA;AAAA,KACd,CAAA;AAAA,GAEJ;AAEA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,QAAU,EAAA,2BAAA,CAA4B,MAAM,CAAG,EAAA,CAAA,CAAA;AACzE;;;;"}

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

@@ -0,0 +1,2 @@
+export { DashboardViewer, EntityDashboardViewer } from './DashboardViewer.esm.js';
+//# sourceMappingURL=index.esm.js.map

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

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

package/dist/components/DashboardsCard/DashboardsCard.esm.js

@@ -0,0 +1,88 @@
+import React from 'react';
+import { Progress, Table, Link } from '@backstage/core-components';
+import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
+import { useApi } from '@backstage/core-plugin-api';
+import { grafanaApiRef } from '../../api.esm.js';
+import useAsync from 'react-use/lib/useAsync';
+import { Alert } from '@material-ui/lab';
+import { Tooltip } from '@material-ui/core';
+import { isDashboardSelectorAvailable, GRAFANA_ANNOTATION_DASHBOARD_SELECTOR, dashboardSelectorFromEntity } from '../../constants.esm.js';
+
+const DashboardsTable = ({
+  entity,
+  dashboards,
+  opts
+}) => {
+  var _a, _b, _c, _d;
+  const columns = [
+    {
+      title: "Title",
+      field: "title",
+      render: (row) => /* @__PURE__ */ React.createElement(Link, { to: row.url, target: "_blank", rel: "noopener" }, row.title)
+    },
+    {
+      title: "Folder",
+      field: "folderTitle",
+      render: (row) => /* @__PURE__ */ React.createElement(Link, { to: row.folderUrl, target: "_blank", rel: "noopener" }, row.folderTitle)
+    }
+  ];
+  const titleElm = /* @__PURE__ */ React.createElement(
+    Tooltip,
+    {
+      title: `Note: only dashboard with the "${dashboardSelectorFromEntity(
+        entity
+      )}" selector are displayed.`
+    },
+    /* @__PURE__ */ React.createElement("span", null, opts.title || "Dashboards")
+  );
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      title: titleElm,
+      options: {
+        paging: (_a = opts.paged) != null ? _a : false,
+        pageSize: (_b = opts.pageSize) != null ? _b : 5,
+        search: (_c = opts.searchable) != null ? _c : false,
+        emptyRowsWhenPaging: false,
+        sorting: (_d = opts.sortable) != null ? _d : false,
+        draggable: false,
+        padding: "dense"
+      },
+      data: dashboards,
+      columns
+    }
+  );
+};
+const Dashboards = ({
+  entity,
+  opts
+}) => {
+  const grafanaApi = useApi(grafanaApiRef);
+  const { value, loading, error } = useAsync(async () => {
+    const dashboards = await grafanaApi.listDashboards(
+      dashboardSelectorFromEntity(entity)
+    );
+    if (opts == null ? void 0 : opts.additionalDashboards) {
+      dashboards.push(...opts.additionalDashboards(entity));
+    }
+    return dashboards;
+  });
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  } else if (error) {
+    return /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, error.message);
+  }
+  return /* @__PURE__ */ React.createElement(DashboardsTable, { entity, dashboards: value || [], opts });
+};
+const DashboardsCard = (opts) => {
+  const { entity } = useEntity();
+  return !isDashboardSelectorAvailable(entity) ? /* @__PURE__ */ React.createElement(
+    MissingAnnotationEmptyState,
+    {
+      annotation: GRAFANA_ANNOTATION_DASHBOARD_SELECTOR
+    }
+  ) : /* @__PURE__ */ React.createElement(Dashboards, { entity, opts: opts || {} });
+};
+
+export { DashboardsCard, DashboardsTable };
+//# sourceMappingURL=DashboardsCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardsCard.esm.js","sources":["../../../src/components/DashboardsCard/DashboardsCard.tsx"],"sourcesContent":["/*\n * Copyright 2021 Kévin Gomez <contact@kevingomez.fr>\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 { Progress, TableColumn, Table, Link } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { grafanaApiRef } from '../../api';\nimport useAsync from 'react-use/lib/useAsync';\nimport { Alert } from '@material-ui/lab';\nimport { Tooltip } from '@material-ui/core';\nimport { Dashboard, DashboardCardOpts } from '../../types';\nimport {\n  dashboardSelectorFromEntity,\n  GRAFANA_ANNOTATION_DASHBOARD_SELECTOR,\n  isDashboardSelectorAvailable,\n} from '../../constants';\n\nexport const DashboardsTable = ({\n  entity,\n  dashboards,\n  opts,\n}: {\n  entity: Entity;\n  dashboards: Dashboard[];\n  opts: DashboardCardOpts;\n}) => {\n  const columns: TableColumn<Dashboard>[] = [\n    {\n      title: 'Title',\n      field: 'title',\n      render: (row: Dashboard) => (\n        <Link to={row.url} target=\"_blank\" rel=\"noopener\">\n          {row.title}\n        </Link>\n      ),\n    },\n    {\n      title: 'Folder',\n      field: 'folderTitle',\n      render: (row: Dashboard) => (\n        <Link to={row.folderUrl} target=\"_blank\" rel=\"noopener\">\n          {row.folderTitle}\n        </Link>\n      ),\n    },\n  ];\n\n  const titleElm = (\n    <Tooltip\n      title={`Note: only dashboard with the \"${dashboardSelectorFromEntity(\n        entity,\n      )}\" selector are displayed.`}\n    >\n      <span>{opts.title || 'Dashboards'}</span>\n    </Tooltip>\n  );\n\n  return (\n    <Table\n      title={titleElm}\n      options={{\n        paging: opts.paged ?? false,\n        pageSize: opts.pageSize ?? 5,\n        search: opts.searchable ?? false,\n        emptyRowsWhenPaging: false,\n        sorting: opts.sortable ?? false,\n        draggable: false,\n        padding: 'dense',\n      }}\n      data={dashboards}\n      columns={columns}\n    />\n  );\n};\n\nconst Dashboards = ({\n  entity,\n  opts,\n}: {\n  entity: Entity;\n  opts: DashboardCardOpts;\n}) => {\n  const grafanaApi = useApi(grafanaApiRef);\n  const { value, loading, error } = useAsync(async () => {\n    const dashboards = await grafanaApi.listDashboards(\n      dashboardSelectorFromEntity(entity),\n    );\n    if (opts?.additionalDashboards) {\n      dashboards.push(...opts.additionalDashboards(entity));\n    }\n    return dashboards;\n  });\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  return (\n    <DashboardsTable entity={entity} dashboards={value || []} opts={opts} />\n  );\n};\n\nexport const DashboardsCard = (opts?: DashboardCardOpts) => {\n  const { entity } = useEntity();\n\n  return !isDashboardSelectorAvailable(entity) ? (\n    <MissingAnnotationEmptyState\n      annotation={GRAFANA_ANNOTATION_DASHBOARD_SELECTOR}\n    />\n  ) : (\n    <Dashboards entity={entity} opts={opts || {}} />\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { DashboardsCard } from './DashboardsCard.esm.js';
+//# sourceMappingURL=index.esm.js.map

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

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

package/dist/constants.esm.js

@@ -0,0 +1,36 @@
+const GRAFANA_ANNOTATION_TAG_SELECTOR = "grafana/tag-selector";
+const GRAFANA_ANNOTATION_DASHBOARD_SELECTOR = "grafana/dashboard-selector";
+const GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR = "grafana/alert-label-selector";
+const GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD = "grafana/overview-dashboard";
+const isDashboardSelectorAvailable = (entity) => {
+  var _a, _b;
+  return ((_a = entity == null ? void 0 : entity.metadata.annotations) == null ? void 0 : _a[GRAFANA_ANNOTATION_DASHBOARD_SELECTOR]) || ((_b = entity == null ? void 0 : entity.metadata.annotations) == null ? void 0 : _b[GRAFANA_ANNOTATION_TAG_SELECTOR]);
+};
+const isAlertSelectorAvailable = (entity) => {
+  var _a;
+  return Boolean(
+    (_a = entity == null ? void 0 : entity.metadata.annotations) == null ? void 0 : _a[GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR]
+  );
+};
+const isOverviewDashboardAvailable = (entity) => {
+  var _a;
+  return Boolean(
+    (_a = entity == null ? void 0 : entity.metadata.annotations) == null ? void 0 : _a[GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD]
+  );
+};
+const dashboardSelectorFromEntity = (entity) => {
+  var _a, _b, _c, _d;
+  return (_d = (_c = (_a = entity == null ? void 0 : entity.metadata.annotations) == null ? void 0 : _a[GRAFANA_ANNOTATION_DASHBOARD_SELECTOR]) != null ? _c : (_b = entity == null ? void 0 : entity.metadata.annotations) == null ? void 0 : _b[GRAFANA_ANNOTATION_TAG_SELECTOR]) != null ? _d : "";
+};
+const alertSelectorFromEntity = (entity) => {
+  var _a, _b;
+  return (_b = (_a = entity == null ? void 0 : entity.metadata.annotations) == null ? void 0 : _a[GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR]) != null ? _b : "";
+};
+const overviewDashboardFromEntity = (entity) => {
+  var _a, _b;
+  return (_b = (_a = entity == null ? void 0 : entity.metadata.annotations) == null ? void 0 : _a[GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD]) != null ? _b : "";
+};
+const tagSelectorFromEntity = dashboardSelectorFromEntity;
+
+export { GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR, GRAFANA_ANNOTATION_DASHBOARD_SELECTOR, GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD, GRAFANA_ANNOTATION_TAG_SELECTOR, alertSelectorFromEntity, dashboardSelectorFromEntity, isAlertSelectorAvailable, isDashboardSelectorAvailable, isOverviewDashboardAvailable, overviewDashboardFromEntity, tagSelectorFromEntity };
+//# sourceMappingURL=constants.esm.js.map

package/dist/constants.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.esm.js","sources":["../src/constants.ts"],"sourcesContent":["/*\n * Copyright 2021 Kévin Gomez <contact@kevingomez.fr>\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 { Entity } from '@backstage/catalog-model';\n\n/**\n * Grafana tag selector annotation\n * @public\n * @deprecated Use GRAFANA_ANNOTATION_DASHBOARD_SELECTOR instead.\n */\nexport const GRAFANA_ANNOTATION_TAG_SELECTOR = 'grafana/tag-selector';\n\n/**\n * Grafana dashboard selector annotation\n * @public\n */\nexport const GRAFANA_ANNOTATION_DASHBOARD_SELECTOR =\n  'grafana/dashboard-selector';\n\n/**\n * Grafana alert selector annotation\n * @public\n */\nexport const GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR =\n  'grafana/alert-label-selector';\n\n/**\n * Grafana dashboard overview annotation\n * @public\n */\nexport const GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD =\n  'grafana/overview-dashboard';\n\n/**\n * Returns if the dashboard selector annotation for an entity is set\n * @public\n */\nexport const isDashboardSelectorAvailable = (entity: Entity) =>\n  entity?.metadata.annotations?.[GRAFANA_ANNOTATION_DASHBOARD_SELECTOR] ||\n  entity?.metadata.annotations?.[GRAFANA_ANNOTATION_TAG_SELECTOR];\n\n/**\n * Returns if the alert selector annotation for an entity is set\n * @public\n */\nexport const isAlertSelectorAvailable = (entity: Entity) =>\n  Boolean(\n    entity?.metadata.annotations?.[GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR],\n  );\n\n/**\n * Returns if the overview dashboard annotation for an entity is set\n * @public\n */\nexport const isOverviewDashboardAvailable = (entity: Entity) =>\n  Boolean(\n    entity?.metadata.annotations?.[GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD],\n  );\n\n/**\n * Returns the dashboard selector annotation for an entity\n * @public\n */\nexport const dashboardSelectorFromEntity = (entity: Entity) =>\n  entity?.metadata.annotations?.[GRAFANA_ANNOTATION_DASHBOARD_SELECTOR] ??\n  entity?.metadata.annotations?.[GRAFANA_ANNOTATION_TAG_SELECTOR] ??\n  '';\n/**\n * Returns the alert selector annotation for an entity\n * @public\n */\nexport const alertSelectorFromEntity = (entity: Entity) =>\n  entity?.metadata.annotations?.[GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR] ?? '';\n\n/**\n * Returns the overview dashboard annotation for an entity\n * @public\n */\nexport const overviewDashboardFromEntity = (entity: Entity) =>\n  entity?.metadata.annotations?.[GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD] ?? '';\n\n/**\n * Returns the dashboard selector annotation for an entity\n * @public\n * @deprecated Use dashboardSelectorFromEntity instead\n */\nexport const tagSelectorFromEntity = dashboardSelectorFromEntity;\n"],"names":[],"mappings":"AAuBO,MAAM,+BAAkC,GAAA,uBAAA;AAMxC,MAAM,qCACX,GAAA,6BAAA;AAMK,MAAM,uCACX,GAAA,+BAAA;AAMK,MAAM,qCACX,GAAA,6BAAA;AAMW,MAAA,4BAAA,GAA+B,CAAC,MAAgB,KAAA;AAlD7D,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAmDE,EAAA,OAAA,CAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,SAAS,WAAjB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA+B,6CAC/B,EAAQ,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,QAAA,CAAS,gBAAjB,IAA+B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,+BAAA,CAAA,CAAA,CAAA;AAAA,EAAA;AAMpB,MAAA,wBAAA,GAA2B,CAAC,MAAgB,KAAA;AA1DzD,EAAA,IAAA,EAAA,CAAA;AA2DE,EAAA,OAAA,OAAA;AAAA,IACE,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,QAAS,CAAA,WAAA,KAAjB,IAA+B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,uCAAA,CAAA;AAAA,GACjC,CAAA;AAAA,EAAA;AAMW,MAAA,4BAAA,GAA+B,CAAC,MAAgB,KAAA;AAnE7D,EAAA,IAAA,EAAA,CAAA;AAoEE,EAAA,OAAA,OAAA;AAAA,IACE,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,QAAS,CAAA,WAAA,KAAjB,IAA+B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,qCAAA,CAAA;AAAA,GACjC,CAAA;AAAA,EAAA;AAMW,MAAA,2BAAA,GAA8B,CAAC,MAAgB,KAAA;AA5E5D,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AA6EE,EAAQ,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAA,QAAA,CAAS,WAAjB,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAA+B,qCAA/B,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,CACA,sCAAQ,QAAS,CAAA,WAAA,KAAjB,IAA+B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,+BAAA,CAAA,KAD/B,IAEA,GAAA,EAAA,GAAA,EAAA,CAAA;AAAA,EAAA;AAKW,MAAA,uBAAA,GAA0B,CAAC,MAAgB,KAAA;AApFxD,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAqFE,EAAA,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,QAAS,CAAA,WAAA,KAAjB,IAA+B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,uCAAA,CAAA,KAA/B,IAA2E,GAAA,EAAA,GAAA,EAAA,CAAA;AAAA,EAAA;AAMhE,MAAA,2BAAA,GAA8B,CAAC,MAAgB,KAAA;AA3F5D,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AA4FE,EAAA,OAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,QAAS,CAAA,WAAA,KAAjB,IAA+B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,qCAAA,CAAA,KAA/B,IAAyE,GAAA,EAAA,GAAA,EAAA,CAAA;AAAA,EAAA;AAOpE,MAAM,qBAAwB,GAAA;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,203 @@
+/// <reference types="react" />
+import * as react from 'react';
+import react__default from 'react';
+import { Entity } from '@backstage/catalog-model';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+
+/**
+ * Component which embeds the defined URL contents
+ * @public
+ */
+declare const DashboardViewer: ({ embedUrl }: {
+    embedUrl: string;
+}) => react__default.JSX.Element;
+/**
+ * Component which embeds the dashboard overview for an entity
+ * @public
+ */
+declare const EntityDashboardViewer: () => react__default.JSX.Element;
+
+/**
+ * Grafana daashboard parameters
+ * @public
+ */
+interface Dashboard {
+    /**
+     * The dashboard title
+     * @public
+     */
+    title: string;
+    /**
+     * The endpoint to the dashboard
+     * @public
+     */
+    url: string;
+    /**
+     * The folder title, if any
+     * @public
+     */
+    folderTitle: string;
+    /**
+     * The endpoint to the folder
+     * @public
+     */
+    folderUrl: string;
+    /**
+     * A list of tags assigned to the dashboard
+     * @public
+     */
+    tags: string[];
+}
+/**
+ * Grafana alert parameters
+ * @public
+ */
+interface Alert {
+    /**
+     * The alert name
+     * @public
+     */
+    name: string;
+    /**
+     * The alert state
+     * @public
+     */
+    state: string;
+    /**
+     * The matching selector for the alert
+     * @public
+     */
+    matchingSelector: string;
+    /**
+     * The endpoint to the alert
+     * @public
+     */
+    url: string;
+}
+/**
+ * Parameters used to display the alert card
+ * @public
+ */
+type AlertsCardOpts = {
+    paged?: boolean;
+    searchable?: boolean;
+    pageSize?: number;
+    sortable?: boolean;
+    title?: string;
+    showState?: boolean;
+};
+/**
+ * Parameters used to display the dashboard card
+ * @public
+ */
+type DashboardCardOpts = {
+    paged?: boolean;
+    searchable?: boolean;
+    pageSize?: number;
+    sortable?: boolean;
+    title?: string;
+    additionalDashboards?: (entity: Entity) => Dashboard[];
+};
+
+/**
+ * The grafana plugin.
+ * @public
+ */
+declare const grafanaPlugin: _backstage_core_plugin_api.BackstagePlugin<{}, {}, {}>;
+/**
+ * Component which displays the grafana dashboards found for an entity
+ * @public
+ */
+declare const EntityGrafanaDashboardsCard: (opts?: DashboardCardOpts | undefined) => react.JSX.Element;
+/**
+ * Component which displays the grafana alerts found for an entity
+ * @public
+ */
+declare const EntityGrafanaAlertsCard: (opts?: AlertsCardOpts | undefined) => react.JSX.Element;
+/**
+ * Component which displays the defined grafana dashboard for an entity
+ * @public
+ */
+declare const EntityOverviewDashboardViewer: () => react.JSX.Element;
+
+/**
+ * Grafana tag selector annotation
+ * @public
+ * @deprecated Use GRAFANA_ANNOTATION_DASHBOARD_SELECTOR instead.
+ */
+declare const GRAFANA_ANNOTATION_TAG_SELECTOR = "grafana/tag-selector";
+/**
+ * Grafana dashboard selector annotation
+ * @public
+ */
+declare const GRAFANA_ANNOTATION_DASHBOARD_SELECTOR = "grafana/dashboard-selector";
+/**
+ * Grafana alert selector annotation
+ * @public
+ */
+declare const GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR = "grafana/alert-label-selector";
+/**
+ * Grafana dashboard overview annotation
+ * @public
+ */
+declare const GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD = "grafana/overview-dashboard";
+/**
+ * Returns if the dashboard selector annotation for an entity is set
+ * @public
+ */
+declare const isDashboardSelectorAvailable: (entity: Entity) => string | undefined;
+/**
+ * Returns if the alert selector annotation for an entity is set
+ * @public
+ */
+declare const isAlertSelectorAvailable: (entity: Entity) => boolean;
+/**
+ * Returns if the overview dashboard annotation for an entity is set
+ * @public
+ */
+declare const isOverviewDashboardAvailable: (entity: Entity) => boolean;
+/**
+ * Returns the dashboard selector annotation for an entity
+ * @public
+ */
+declare const dashboardSelectorFromEntity: (entity: Entity) => string;
+/**
+ * Returns the alert selector annotation for an entity
+ * @public
+ */
+declare const alertSelectorFromEntity: (entity: Entity) => string;
+/**
+ * Returns the overview dashboard annotation for an entity
+ * @public
+ */
+declare const overviewDashboardFromEntity: (entity: Entity) => string;
+/**
+ * Returns the dashboard selector annotation for an entity
+ * @public
+ * @deprecated Use dashboardSelectorFromEntity instead
+ */
+declare const tagSelectorFromEntity: (entity: Entity) => string;
+
+/**
+ * Interface for the Grafana API
+ * @public
+ */
+interface GrafanaApi {
+    /**
+     * Returns the found dashboards in Grafana with the defined query
+     * @param query - The query used to list the dashboards
+     */
+    listDashboards(query: string): Promise<Dashboard[]>;
+    /**
+     * Returns a list of alerts found in Grafana that have any of the defined alert selectors
+     * @param selectors - One or multiple alert selectors
+     */
+    alertsForSelector(selectors: string | string[]): Promise<Alert[]>;
+}
+/**
+ * The grafana API reference
+ * @public
+ */
+declare const grafanaApiRef: _backstage_core_plugin_api.ApiRef<GrafanaApi>;
+
+export { type Alert, type AlertsCardOpts, type Dashboard, type DashboardCardOpts, DashboardViewer, EntityDashboardViewer, EntityGrafanaAlertsCard, EntityGrafanaDashboardsCard, EntityOverviewDashboardViewer, GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR, GRAFANA_ANNOTATION_DASHBOARD_SELECTOR, GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD, GRAFANA_ANNOTATION_TAG_SELECTOR, type GrafanaApi, alertSelectorFromEntity, dashboardSelectorFromEntity, grafanaApiRef, grafanaPlugin, isAlertSelectorAvailable, isDashboardSelectorAvailable, isOverviewDashboardAvailable, overviewDashboardFromEntity, tagSelectorFromEntity };

package/dist/index.esm.js

@@ -0,0 +1,5 @@
+export { DashboardViewer, EntityDashboardViewer } from './components/DashboardViewer/DashboardViewer.esm.js';
+export { EntityGrafanaAlertsCard, EntityGrafanaDashboardsCard, EntityOverviewDashboardViewer, grafanaPlugin } from './plugin.esm.js';
+export { GRAFANA_ANNOTATION_ALERT_LABEL_SELECTOR, GRAFANA_ANNOTATION_DASHBOARD_SELECTOR, GRAFANA_ANNOTATION_OVERVIEW_DASHBOARD, GRAFANA_ANNOTATION_TAG_SELECTOR, alertSelectorFromEntity, dashboardSelectorFromEntity, isAlertSelectorAvailable, isDashboardSelectorAvailable, isOverviewDashboardAvailable, overviewDashboardFromEntity, tagSelectorFromEntity } from './constants.esm.js';
+export { grafanaApiRef } from './api.esm.js';
+//# 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/dist/plugin.esm.js

@@ -0,0 +1,62 @@
+import { createPlugin, createApiFactory, discoveryApiRef, fetchApiRef, configApiRef, createComponentExtension } from '@backstage/core-plugin-api';
+import { grafanaApiRef, GrafanaApiClient, UnifiedAlertingGrafanaApiClient } from './api.esm.js';
+
+const grafanaPlugin = createPlugin({
+  id: "grafana",
+  apis: [
+    createApiFactory({
+      api: grafanaApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        fetchApi: fetchApiRef,
+        configApi: configApiRef
+      },
+      factory: ({ discoveryApi, fetchApi, configApi }) => {
+        const unifiedAlertingEnabled = configApi.getOptionalBoolean("grafana.unifiedAlerting") || false;
+        if (!unifiedAlertingEnabled) {
+          return new GrafanaApiClient({
+            discoveryApi,
+            fetchApi,
+            domain: configApi.getString("grafana.domain"),
+            proxyPath: configApi.getOptionalString("grafana.proxyPath")
+          });
+        }
+        return new UnifiedAlertingGrafanaApiClient({
+          discoveryApi,
+          fetchApi,
+          domain: configApi.getString("grafana.domain"),
+          proxyPath: configApi.getOptionalString("grafana.proxyPath")
+        });
+      }
+    })
+  ]
+});
+const EntityGrafanaDashboardsCard = grafanaPlugin.provide(
+  createComponentExtension({
+    name: "EntityGrafanaDashboardsCard",
+    component: {
+      lazy: () => import('./components/DashboardsCard/index.esm.js').then((m) => m.DashboardsCard)
+    }
+  })
+);
+const EntityGrafanaAlertsCard = grafanaPlugin.provide(
+  createComponentExtension({
+    name: "EntityGrafanaAlertsCard",
+    component: {
+      lazy: () => import('./components/AlertsCard/index.esm.js').then((m) => m.AlertsCard)
+    }
+  })
+);
+const EntityOverviewDashboardViewer = grafanaPlugin.provide(
+  createComponentExtension({
+    name: "EntityOverviewDashboardViewer",
+    component: {
+      lazy: () => import('./components/DashboardViewer/index.esm.js').then(
+        (m) => m.EntityDashboardViewer
+      )
+    }
+  })
+);
+
+export { EntityGrafanaAlertsCard, EntityGrafanaDashboardsCard, EntityOverviewDashboardViewer, grafanaPlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2021 Kévin Gomez <contact@kevingomez.fr>\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 {\n  configApiRef,\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  UnifiedAlertingGrafanaApiClient,\n  grafanaApiRef,\n  GrafanaApiClient,\n} from './api';\n\n/**\n * The grafana plugin.\n * @public\n */\nexport const grafanaPlugin = createPlugin({\n  id: 'grafana',\n  apis: [\n    createApiFactory({\n      api: grafanaApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n        configApi: configApiRef,\n      },\n      factory: ({ discoveryApi, fetchApi, configApi }) => {\n        const unifiedAlertingEnabled =\n          configApi.getOptionalBoolean('grafana.unifiedAlerting') || false;\n\n        if (!unifiedAlertingEnabled) {\n          return new GrafanaApiClient({\n            discoveryApi,\n            fetchApi,\n            domain: configApi.getString('grafana.domain'),\n            proxyPath: configApi.getOptionalString('grafana.proxyPath'),\n          });\n        }\n\n        return new UnifiedAlertingGrafanaApiClient({\n          discoveryApi,\n          fetchApi,\n          domain: configApi.getString('grafana.domain'),\n          proxyPath: configApi.getOptionalString('grafana.proxyPath'),\n        });\n      },\n    }),\n  ],\n});\n\n/**\n * Component which displays the grafana dashboards found for an entity\n * @public\n */\nexport const EntityGrafanaDashboardsCard = grafanaPlugin.provide(\n  createComponentExtension({\n    name: 'EntityGrafanaDashboardsCard',\n    component: {\n      lazy: () =>\n        import('./components/DashboardsCard').then(m => m.DashboardsCard),\n    },\n  }),\n);\n\n/**\n * Component which displays the grafana alerts found for an entity\n * @public\n */\nexport const EntityGrafanaAlertsCard = grafanaPlugin.provide(\n  createComponentExtension({\n    name: 'EntityGrafanaAlertsCard',\n    component: {\n      lazy: () => import('./components/AlertsCard').then(m => m.AlertsCard),\n    },\n  }),\n);\n\n/**\n * Component which displays the defined grafana dashboard for an entity\n * @public\n */\nexport const EntityOverviewDashboardViewer = grafanaPlugin.provide(\n  createComponentExtension({\n    name: 'EntityOverviewDashboardViewer',\n    component: {\n      lazy: () =>\n        import('./components/DashboardViewer').then(\n          m => m.EntityDashboardViewer,\n        ),\n    },\n  }),\n);\n"],"names":[],"mappings":";;;AAkCO,MAAM,gBAAgB,YAAa,CAAA;AAAA,EACxC,EAAI,EAAA,SAAA;AAAA,EACJ,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,aAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,QAAU,EAAA,WAAA;AAAA,QACV,SAAW,EAAA,YAAA;AAAA,OACb;AAAA,MACA,SAAS,CAAC,EAAE,YAAc,EAAA,QAAA,EAAU,WAAgB,KAAA;AAClD,QAAA,MAAM,sBACJ,GAAA,SAAA,CAAU,kBAAmB,CAAA,yBAAyB,CAAK,IAAA,KAAA,CAAA;AAE7D,QAAA,IAAI,CAAC,sBAAwB,EAAA;AAC3B,UAAA,OAAO,IAAI,gBAAiB,CAAA;AAAA,YAC1B,YAAA;AAAA,YACA,QAAA;AAAA,YACA,MAAA,EAAQ,SAAU,CAAA,SAAA,CAAU,gBAAgB,CAAA;AAAA,YAC5C,SAAA,EAAW,SAAU,CAAA,iBAAA,CAAkB,mBAAmB,CAAA;AAAA,WAC3D,CAAA,CAAA;AAAA,SACH;AAEA,QAAA,OAAO,IAAI,+BAAgC,CAAA;AAAA,UACzC,YAAA;AAAA,UACA,QAAA;AAAA,UACA,MAAA,EAAQ,SAAU,CAAA,SAAA,CAAU,gBAAgB,CAAA;AAAA,UAC5C,SAAA,EAAW,SAAU,CAAA,iBAAA,CAAkB,mBAAmB,CAAA;AAAA,SAC3D,CAAA,CAAA;AAAA,OACH;AAAA,KACD,CAAA;AAAA,GACH;AACF,CAAC,EAAA;AAMM,MAAM,8BAA8B,aAAc,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,6BAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,0CAA6B,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,cAAc,CAAA;AAAA,KACpE;AAAA,GACD,CAAA;AACH,EAAA;AAMO,MAAM,0BAA0B,aAAc,CAAA,OAAA;AAAA,EACnD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,yBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,sCAAyB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,UAAU,CAAA;AAAA,KACtE;AAAA,GACD,CAAA;AACH,EAAA;AAMO,MAAM,gCAAgC,aAAc,CAAA,OAAA;AAAA,EACzD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,+BAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,2CAA8B,CAAE,CAAA,IAAA;AAAA,QACrC,OAAK,CAAE,CAAA,qBAAA;AAAA,OACT;AAAA,KACJ;AAAA,GACD,CAAA;AACH;;;;"}

package/dist/query/QueryEvaluator.esm.js

@@ -0,0 +1,71 @@
+import jsep from 'jsep';
+
+const includes = (haystack, needle) => {
+  if (!Array.isArray(haystack)) {
+    throw Error(`@> operator can only be used on an array`);
+  }
+  return haystack.includes(needle);
+};
+class QueryEvaluator {
+  constructor() {
+    jsep.addBinaryOp("@>", 6);
+  }
+  parse(query) {
+    return jsep(query);
+  }
+  evaluate(root, context) {
+    switch (root.type) {
+      case "UnaryExpression":
+        return this.evaluateUnaryExpression(
+          root,
+          context
+        );
+      case "BinaryExpression":
+        return this.evaluateBinaryExpression(
+          root,
+          context
+        );
+      case "Identifier":
+        if (!context.hasOwnProperty(root.name)) {
+          throw Error(
+            `identifier ${root.name} does not exist`
+          );
+        }
+        return context[root.name];
+      case "Literal":
+        return root.value;
+      default:
+        throw Error(`unknown node type ${root.type}`);
+    }
+  }
+  evaluateUnaryExpression(root, context) {
+    switch (root.operator) {
+      case "!":
+        return !this.evaluate(root.argument, context);
+      default:
+        throw Error(`unknown unary operator ${root.operator}`);
+    }
+  }
+  evaluateBinaryExpression(root, context) {
+    switch (root.operator) {
+      case "&&":
+        return this.evaluate(root.left, context) && this.evaluate(root.right, context);
+      case "||":
+        return this.evaluate(root.left, context) || this.evaluate(root.right, context);
+      case "==":
+        return this.evaluate(root.left, context) === this.evaluate(root.right, context);
+      case "!=":
+        return this.evaluate(root.left, context) !== this.evaluate(root.right, context);
+      case "@>":
+        return includes(
+          this.evaluate(root.left, context),
+          this.evaluate(root.right, context)
+        );
+      default:
+        throw Error(`unknown binary operator ${root.operator}`);
+    }
+  }
+}
+
+export { QueryEvaluator };
+//# sourceMappingURL=QueryEvaluator.esm.js.map

package/dist/query/QueryEvaluator.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryEvaluator.esm.js","sources":["../../src/query/QueryEvaluator.ts"],"sourcesContent":["/*\n * Copyright 2023 Kévin Gomez <contact@kevingomez.fr>\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 jsep from 'jsep';\n\nexport type EvaluationContext = Record<string, any>;\n\nconst includes = (haystack: any, needle: any): boolean => {\n  if (!Array.isArray(haystack)) {\n    throw Error(`@> operator can only be used on an array`);\n  }\n\n  return (haystack as any[]).includes(needle);\n};\n\nexport class QueryEvaluator {\n  constructor() {\n    // [A] @> B, is B in A\n    jsep.addBinaryOp('@>', 6);\n  }\n\n  parse(query: string): jsep.Expression {\n    return jsep(query);\n  }\n\n  evaluate(root: jsep.Expression, context: EvaluationContext): any {\n    switch (root.type) {\n      case 'UnaryExpression':\n        return this.evaluateUnaryExpression(\n          root as jsep.UnaryExpression,\n          context,\n        );\n      case 'BinaryExpression':\n        return this.evaluateBinaryExpression(\n          root as jsep.BinaryExpression,\n          context,\n        );\n      case 'Identifier':\n        if (!context.hasOwnProperty((root as jsep.Identifier).name)) {\n          throw Error(\n            `identifier ${(root as jsep.Identifier).name} does not exist`,\n          );\n        }\n\n        return context[(root as jsep.Identifier).name];\n      case 'Literal':\n        return (root as jsep.Literal).value;\n      default:\n        throw Error(`unknown node type ${root.type}`);\n    }\n  }\n\n  private evaluateUnaryExpression(\n    root: jsep.UnaryExpression,\n    context: EvaluationContext,\n  ): any {\n    switch (root.operator) {\n      case '!':\n        return !this.evaluate(root.argument, context);\n      default:\n        throw Error(`unknown unary operator ${root.operator}`);\n    }\n  }\n\n  private evaluateBinaryExpression(\n    root: jsep.BinaryExpression,\n    context: EvaluationContext,\n  ): any {\n    switch (root.operator) {\n      case '&&':\n        return (\n          this.evaluate(root.left, context) &&\n          this.evaluate(root.right, context)\n        );\n      case '||':\n        return (\n          this.evaluate(root.left, context) ||\n          this.evaluate(root.right, context)\n        );\n      case '==':\n        return (\n          this.evaluate(root.left, context) ===\n          this.evaluate(root.right, context)\n        );\n      case '!=':\n        return (\n          this.evaluate(root.left, context) !==\n          this.evaluate(root.right, context)\n        );\n      case '@>':\n        return includes(\n          this.evaluate(root.left, context),\n          this.evaluate(root.right, context),\n        );\n      default:\n        throw Error(`unknown binary operator ${root.operator}`);\n    }\n  }\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@backstage-community/plugin-grafana",
+  "version": "0.1.0",
+  "description": "A Backstage backend plugin that integrates towards Grafana",
+  "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"
+  },
+  "keywords": [
+    "backstage",
+    "grafana"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/backstage/community-plugins",
+    "directory": "workspaces/grafana/plugins/grafana"
+  },
+  "backstage": {
+    "role": "frontend-plugin"
+  },
+  "sideEffects": false,
+  "scripts": {
+    "start": "backstage-cli package start",
+    "build": "backstage-cli package build",
+    "lint": "backstage-cli package lint",
+    "test": "backstage-cli package test",
+    "clean": "backstage-cli package clean",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack"
+  },
+  "dependencies": {
+    "@backstage/catalog-model": "^1.5.0",
+    "@backstage/core-components": "^0.14.7",
+    "@backstage/core-plugin-api": "^1.9.2",
+    "@backstage/plugin-catalog-react": "^1.12.0",
+    "@material-ui/core": "^4.12.2",
+    "@material-ui/lab": "4.0.0-alpha.61",
+    "cross-fetch": "^4.0.0",
+    "jsep": "^1.3.8",
+    "react-use": "^17.2.4"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.26.5",
+    "@backstage/core-app-api": "^1.12.5",
+    "@backstage/dev-utils": "^1.0.32",
+    "@backstage/test-utils": "^1.5.5",
+    "@testing-library/dom": "^10.0.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^15.0.0",
+    "@testing-library/user-event": "^14.0.0",
+    "msw": "^1.0.0",
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
+  },
+  "files": [
+    "dist",
+    "config.d.ts"
+  ],
+  "configSchema": "config.d.ts",
+  "module": "./dist/index.esm.js"
+}