@harnessio/backstage-plugin-harness-ccm 0.1.0

package/README.md

@@ -0,0 +1,84 @@
+# Harness Cloud Cost Management Plugin
+
+Website: [https://harness.io/](https://harness.io/)
+
+Welcome to the Harness CCM plugin for Backstage!
+
+## Screenshots
+
+<img src="./src/assets/harness-ccm-backstage-plugin-screenshot.png">
+
+
+## Getting started
+
+## Setup steps
+
+1. Open terminal and navigate to the _root of your Backstage app_. Then run
+
+```
+yarn add --cwd packages/app @harnessio/backstage-plugin-harness-ccm
+
+yarn install
+```
+
+If you are looking to get started with Backstage, check out [backstage.io/docs](https://backstage.io/docs/getting-started/).
+
+For testing purposes, you can also clone this repository to try out the plugin. It contains an example Backstage app setup which is pre-installed with Harness plugins. However, you must create a new Backstage app if you are looking to get started with Backstage.
+
+2. Configure proxy for harness in your `app-config.yaml` under the `proxy` config. Add your Harness Personal Access Token or Service Account Token for `x-api-key`. See the [Harness docs](https://docs.harness.io/article/tdoad7xrh9-add-and-manage-api-keys) for generating an API Key.
+
+```yaml
+# In app-config.yaml
+
+proxy:
+  # ... existing proxy settings
+  '/harness/prod':
+    target: 'https://app.harness.io/'
+    headers:
+      'x-api-key': '<YOUR PAT/SAT>'
+# ...
+```
+
+Notes:
+
+- Plugin uses token configured here to make Harness API calls. Make sure the user creating this API token has necessary permissions, which has `perspective view` permission and same applies for service accounts as well it must have a role assigned that has the roles with adequate permissions as described before. 
+
+- Set the value of target to your on-prem URL if you are using the Harness on-prem offering
+
+3. Inside your Backstage's `EntityPage.tsx`, import the `EntityCcmContent` and `isHarnessCcmAvailable`  from `@harnessio/backstage-plugin-harness-ccm` and add `<EntityHarnessCcmContent />`. Something like this -
+
+```tsx
+// In packages/app/src/components/catalog/EntityPage.tsx
+
+import {
+  isHarnessCcmAvailable,
+  EntityCcmContent,
+} from '@harnessio/backstage-plugin-harness-ccm';
+
+const ccmContent = (
+  // ...
+  <EntitySwitch.Case if={isHarnessCcmAvailable}>
+    <EntityHarnessCcmContent />
+  </EntitySwitch.Case>
+  // ...
+);
+```
+
+4. Add required harness specific annotations to your software component's respective `catalog-info.yaml` file.
+
+Here is an example: [catalog-info-new.yaml](../../examples/catalog-harness-ccm.yaml)
+```yaml
+apiVersion: backstage.io/v1alpha1
+kind: Component
+metadata:
+  # ...
+  annotations:
+    # annotation
+    harness.io/perspective-url: <harness_ccm_perspective_url>
+```
+
+## Features
+
+- Connect a Backstage service with a Harness Perspective and view resources in ways that are more meaningful to your business needs.
+
+

package/dist/esm/OverviewCard-3e34b4e7.esm.js

@@ -0,0 +1,176 @@
+import React from 'react';
+import { makeStyles, CircularProgress, Typography, Divider } from '@material-ui/core';
+import { InfoCard, EmptyState } from '@backstage/core-components';
+import { useEntity, MissingAnnotationEmptyState } from '@backstage/plugin-catalog-react';
+import { useApi, discoveryApiRef, useRouteRef } from '@backstage/core-plugin-api';
+import { r as rootRouteRef, u as usePerspectiveUrlFromEntity, a as useResourceSlugFromEntity, b as useGetPerspective, A as AsyncStatus, D as DEFAULT_GROUP_BY, C as CE_DATE_FORMAT_INTERNAL, c as useFetchPerspectiveDetailsSummaryWithBudget, P as PERSPECTIVE_DETAILS_AGGREGATE, g as getViewFilterForId, d as getTimeFilters, e as getGMTEndDateTime, f as getGMTStartDateTime, h as getGroupByFilter, i as useFetchPerspectiveRecommendations, j as isHarnessCcmAvailable, p as perspectiveDefaultTimeRangeMapper, k as DATE_RANGE_SHORTCUTS } from './index-38352c6f.esm.js';
+import 'react-router';
+import '@mui/icons-material/Launch';
+import 'path-to-regexp';
+import 'react-use/lib/useAsyncRetry';
+import 'dayjs';
+import 'dayjs/plugin/utc';
+import 'dayjs/plugin/quarterOfYear';
+import '@mui/icons-material/ArrowDropDownOutlined';
+import '@mui/icons-material/ArrowDropUpOutlined';
+import 'recharts';
+import '@mui/icons-material/ArrowDownwardOutlined';
+import '@mui/icons-material/ArrowUpwardOutlined';
+import '@mui/icons-material/KeyboardArrowDown';
+
+const useStyles = makeStyles({
+  mainCtn: {
+    display: "flex",
+    alignItems: "center",
+    gap: 20,
+    minHeight: 157
+  },
+  dataCtn: {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "space-evenly",
+    height: "100%"
+  },
+  emptyState: {
+    minHeight: 157,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+function OverviewCard(props) {
+  var _a, _b, _c, _d, _e, _f;
+  const { variant } = props;
+  const classes = useStyles();
+  const { entity } = useEntity();
+  const discoveryApi = useApi(discoveryApiRef);
+  const backendBaseUrl = discoveryApi.getBaseUrl("proxy");
+  const perspectivesPageRoute = useRouteRef(rootRouteRef);
+  const perspectiveUrl = usePerspectiveUrlFromEntity();
+  const {
+    accountId,
+    envFromUrl = "",
+    perspectiveId
+  } = useResourceSlugFromEntity(perspectiveUrl);
+  const { perspective: perspectiveData, status } = useGetPerspective({
+    accountId,
+    backendBaseUrl,
+    perspectiveId,
+    envFromUrl
+  });
+  const isPerspectiveLoading = status === AsyncStatus.Loading;
+  const isPerspectiveReady = !isPerspectiveLoading && perspectiveData;
+  const groupBy = ((_a = perspectiveData == null ? void 0 : perspectiveData.viewVisualization) == null ? void 0 : _a.groupBy) || DEFAULT_GROUP_BY;
+  const viewTimeRangeType = (_b = perspectiveData == null ? void 0 : perspectiveData.viewTimeRange) == null ? void 0 : _b.viewTimeRangeType;
+  const dateRange = viewTimeRangeType && perspectiveDefaultTimeRangeMapper[viewTimeRangeType] || DATE_RANGE_SHORTCUTS.LAST_30_DAYS;
+  const timeRange = {
+    to: dateRange[1].format(CE_DATE_FORMAT_INTERNAL),
+    from: dateRange[0].format(CE_DATE_FORMAT_INTERNAL)
+  };
+  const { perspectiveSummary, loading: isSummaryLoading } = useFetchPerspectiveDetailsSummaryWithBudget({
+    accountId,
+    backendBaseUrl,
+    env: envFromUrl,
+    variables: {
+      aggregateFunction: PERSPECTIVE_DETAILS_AGGREGATE,
+      filters: [
+        getViewFilterForId(perspectiveId),
+        ...getTimeFilters(
+          getGMTStartDateTime(timeRange.from),
+          getGMTEndDateTime(timeRange.to)
+        )
+      ],
+      groupBy: [getGroupByFilter(groupBy)],
+      isClusterHourlyData: false,
+      isClusterQuery: false
+    },
+    lazy: !isPerspectiveReady
+  });
+  const { perspectiveRecommendations, loading: areRecommendationsLoading } = useFetchPerspectiveRecommendations({
+    accountId,
+    backendBaseUrl,
+    env: envFromUrl,
+    variables: {
+      filter: {
+        perspectiveFilters: [
+          getViewFilterForId(perspectiveId),
+          ...getTimeFilters(
+            getGMTStartDateTime(timeRange.from),
+            getGMTEndDateTime(timeRange.to)
+          )
+        ],
+        minSaving: 1,
+        offset: 0,
+        limit: 10
+      }
+    },
+    lazy: !isPerspectiveReady
+  });
+  if (!isHarnessCcmAvailable(entity)) {
+    return /* @__PURE__ */ React.createElement(
+      InfoCard,
+      {
+        title: "Cloud Cost Management",
+        variant,
+        cardClassName: classes.emptyState
+      },
+      /* @__PURE__ */ React.createElement(MissingAnnotationEmptyState, { annotation: "harness.io/perspective-url" })
+    );
+  }
+  if (status === AsyncStatus.Forbidden) {
+    return /* @__PURE__ */ React.createElement(
+      InfoCard,
+      {
+        title: "Cloud Cost Management",
+        variant,
+        cardClassName: classes.emptyState
+      },
+      /* @__PURE__ */ React.createElement(
+        EmptyState,
+        {
+          title: "",
+          missing: "info",
+          description: "You don't have access to view this Perspective"
+        }
+      )
+    );
+  }
+  const isSummaryLoaded = !isSummaryLoading && perspectiveSummary;
+  if (isPerspectiveLoading || !isSummaryLoaded || areRecommendationsLoading) {
+    return /* @__PURE__ */ React.createElement(
+      InfoCard,
+      {
+        title: "Cloud Cost Management",
+        variant,
+        cardClassName: classes.emptyState,
+        deepLink: {
+          title: "View Perspective",
+          link: `${rootRouteRef}`
+        }
+      },
+      /* @__PURE__ */ React.createElement(CircularProgress, null)
+    );
+  }
+  const totalCostStats = (_c = perspectiveSummary == null ? void 0 : perspectiveSummary.perspectiveTrendStats) == null ? void 0 : _c.cost;
+  const forecastedCostStats = (_d = perspectiveSummary == null ? void 0 : perspectiveSummary.perspectiveForecastCost) == null ? void 0 : _d.cost;
+  return /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: "Cloud Cost Management",
+      variant,
+      cardClassName: classes.mainCtn,
+      deepLink: {
+        title: "View Perspective",
+        link: perspectivesPageRoute()
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: classes.dataCtn }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, totalCostStats == null ? void 0 : totalCostStats.statsLabel), /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, totalCostStats == null ? void 0 : totalCostStats.statsValue), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, totalCostStats == null ? void 0 : totalCostStats.statsDescription)),
+    /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" }),
+    /* @__PURE__ */ React.createElement("div", { className: classes.dataCtn }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, forecastedCostStats == null ? void 0 : forecastedCostStats.statsLabel), /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, forecastedCostStats == null ? void 0 : forecastedCostStats.statsValue), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, forecastedCostStats == null ? void 0 : forecastedCostStats.statsDescription)),
+    /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" }),
+    /* @__PURE__ */ React.createElement("div", { className: classes.dataCtn }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Recommendations"), /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, (_e = perspectiveRecommendations == null ? void 0 : perspectiveRecommendations.recommendationStatsV2) == null ? void 0 : _e.count, " ", "recommendation(s) saving upto"), /* @__PURE__ */ React.createElement(Typography, { variant: "h4" }, `$${(_f = perspectiveRecommendations == null ? void 0 : perspectiveRecommendations.recommendationStatsV2) == null ? void 0 : _f.totalMonthlySaving.toLocaleString()}`), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, "per month"))
+  );
+}
+
+export { OverviewCard as default };
+//# sourceMappingURL=OverviewCard-3e34b4e7.esm.js.map

package/dist/esm/OverviewCard-3e34b4e7.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewCard-3e34b4e7.esm.js","sources":["../../src/components/OverviewCard/OverviewCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  CircularProgress,\n  Divider,\n  makeStyles,\n  Typography,\n} from '@material-ui/core';\nimport {\n  InfoCard,\n  InfoCardVariants,\n  EmptyState,\n} from '@backstage/core-components';\nimport {\n  MissingAnnotationEmptyState,\n  useEntity,\n} from '@backstage/plugin-catalog-react';\nimport {\n  discoveryApiRef,\n  useApi,\n  useRouteRef,\n} from '@backstage/core-plugin-api';\n\nimport { isHarnessCcmAvailable } from '../Router';\nimport usePerspectiveUrlFromEntity from '../../hooks/usePerspectiveUrlEntity';\nimport { useResourceSlugFromEntity } from '../../hooks/useResourceSlugFromEntity';\nimport useFetchPerspectiveDetailsSummaryWithBudget from '../../api/useFetchPerspectiveDetailsSummaryWithBudget';\nimport {\n  CE_DATE_FORMAT_INTERNAL,\n  DATE_RANGE_SHORTCUTS,\n  DEFAULT_GROUP_BY,\n  getGMTEndDateTime,\n  getGMTStartDateTime,\n  getGroupByFilter,\n  getTimeFilters,\n  getViewFilterForId,\n  PERSPECTIVE_DETAILS_AGGREGATE,\n  perspectiveDefaultTimeRangeMapper,\n} from '../../utils/PerpsectiveUtils';\nimport { rootRouteRef } from '../../routes';\nimport useFetchPerspectiveRecommendations from '../../api/useFetchPerspectiveRecommendations';\nimport { AsyncStatus, K8sRecommendationFilterDtoInput } from '../../api/types';\nimport useGetPerspective from '../../hooks/useGetPerspective';\n\nconst useStyles = makeStyles({\n  mainCtn: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 20,\n    minHeight: 157,\n  },\n  dataCtn: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-evenly',\n    height: '100%',\n  },\n  emptyState: {\n    minHeight: 157,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport interface OverviewCardProps {\n  variant?: InfoCardVariants;\n}\n\nfunction OverviewCard(props: OverviewCardProps) {\n  const { variant } = props;\n\n  const classes = useStyles();\n\n  const { entity } = useEntity();\n  const discoveryApi = useApi(discoveryApiRef);\n  const backendBaseUrl = discoveryApi.getBaseUrl('proxy');\n  const perspectivesPageRoute = useRouteRef(rootRouteRef);\n\n  const perspectiveUrl = usePerspectiveUrlFromEntity();\n  const {\n    accountId,\n    envFromUrl = '',\n    perspectiveId,\n  } = useResourceSlugFromEntity(perspectiveUrl);\n\n  const { perspective: perspectiveData, status } = useGetPerspective({\n    accountId,\n    backendBaseUrl,\n    perspectiveId,\n    envFromUrl,\n  });\n\n  const isPerspectiveLoading = status === AsyncStatus.Loading;\n  const isPerspectiveReady = !isPerspectiveLoading && perspectiveData;\n\n  const groupBy =\n    perspectiveData?.viewVisualization?.groupBy || DEFAULT_GROUP_BY;\n\n  const viewTimeRangeType = perspectiveData?.viewTimeRange?.viewTimeRangeType;\n\n  const dateRange =\n    (viewTimeRangeType &&\n      perspectiveDefaultTimeRangeMapper[viewTimeRangeType]) ||\n    DATE_RANGE_SHORTCUTS.LAST_30_DAYS;\n\n  const timeRange = {\n    to: dateRange[1].format(CE_DATE_FORMAT_INTERNAL),\n    from: dateRange[0].format(CE_DATE_FORMAT_INTERNAL),\n  };\n\n  const { perspectiveSummary, loading: isSummaryLoading } =\n    useFetchPerspectiveDetailsSummaryWithBudget({\n      accountId,\n      backendBaseUrl,\n      env: envFromUrl,\n      variables: {\n        aggregateFunction: PERSPECTIVE_DETAILS_AGGREGATE,\n        filters: [\n          getViewFilterForId(perspectiveId),\n          ...getTimeFilters(\n            getGMTStartDateTime(timeRange.from),\n            getGMTEndDateTime(timeRange.to),\n          ),\n        ],\n        groupBy: [getGroupByFilter(groupBy)],\n        isClusterHourlyData: false,\n        isClusterQuery: false,\n      },\n      lazy: !isPerspectiveReady,\n    });\n\n  const { perspectiveRecommendations, loading: areRecommendationsLoading } =\n    useFetchPerspectiveRecommendations({\n      accountId,\n      backendBaseUrl,\n      env: envFromUrl,\n      variables: {\n        filter: {\n          perspectiveFilters: [\n            getViewFilterForId(perspectiveId),\n            ...getTimeFilters(\n              getGMTStartDateTime(timeRange.from),\n              getGMTEndDateTime(timeRange.to),\n            ),\n          ],\n          minSaving: 1,\n          offset: 0,\n          limit: 10,\n        } as unknown as K8sRecommendationFilterDtoInput,\n      },\n      lazy: !isPerspectiveReady,\n    });\n\n  if (!isHarnessCcmAvailable(entity)) {\n    return (\n      <InfoCard\n        title=\"Cloud Cost Management\"\n        variant={variant}\n        cardClassName={classes.emptyState}\n      >\n        <MissingAnnotationEmptyState annotation=\"harness.io/perspective-url\" />\n      </InfoCard>\n    );\n  }\n\n  if (status === AsyncStatus.Forbidden) {\n    return (\n      <InfoCard\n        title=\"Cloud Cost Management\"\n        variant={variant}\n        cardClassName={classes.emptyState}\n      >\n        <EmptyState\n          title=\"\"\n          missing=\"info\"\n          description=\"You don't have access to view this Perspective\"\n        />\n      </InfoCard>\n    );\n  }\n\n  const isSummaryLoaded = !isSummaryLoading && perspectiveSummary;\n\n  if (isPerspectiveLoading || !isSummaryLoaded || areRecommendationsLoading) {\n    return (\n      <InfoCard\n        title=\"Cloud Cost Management\"\n        variant={variant}\n        cardClassName={classes.emptyState}\n        deepLink={{\n          title: 'View Perspective',\n          link: `${rootRouteRef}`,\n        }}\n      >\n        <CircularProgress />\n      </InfoCard>\n    );\n  }\n\n  const totalCostStats = perspectiveSummary?.perspectiveTrendStats?.cost;\n  const forecastedCostStats = perspectiveSummary?.perspectiveForecastCost?.cost;\n\n  return (\n    <InfoCard\n      title=\"Cloud Cost Management\"\n      variant={variant}\n      cardClassName={classes.mainCtn}\n      deepLink={{\n        title: 'View Perspective',\n        link: perspectivesPageRoute(),\n      }}\n    >\n      <div className={classes.dataCtn}>\n        <Typography variant=\"subtitle2\">\n          {totalCostStats?.statsLabel}\n        </Typography>\n        <Typography variant=\"h4\">{totalCostStats?.statsValue}</Typography>\n        <Typography variant=\"body2\">\n          {totalCostStats?.statsDescription}\n        </Typography>\n      </div>\n      <Divider orientation=\"vertical\" />\n      <div className={classes.dataCtn}>\n        <Typography variant=\"subtitle2\">\n          {forecastedCostStats?.statsLabel}\n        </Typography>\n        <Typography variant=\"h4\">{forecastedCostStats?.statsValue}</Typography>\n        <Typography variant=\"body2\">\n          {forecastedCostStats?.statsDescription}\n        </Typography>\n      </div>\n      <Divider orientation=\"vertical\" />\n      <div className={classes.dataCtn}>\n        <Typography variant=\"subtitle2\">Recommendations</Typography>\n        <Typography variant=\"caption\">\n          {perspectiveRecommendations?.recommendationStatsV2?.count}{' '}\n          recommendation(s) saving upto\n        </Typography>\n        <Typography variant=\"h4\">{`$${perspectiveRecommendations?.recommendationStatsV2?.totalMonthlySaving.toLocaleString()}`}</Typography>\n        <Typography variant=\"body2\">per month</Typography>\n      </div>\n    </InfoCard>\n  );\n}\n\nexport default OverviewCard;\n"],"names":[],"mappings":"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"}