@backstage-community/plugin-cicd-statistics 0.1.37

package/dist/index.d.ts

@@ -0,0 +1,263 @@
+/// <reference types="react" />
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import { Entity } from '@backstage/catalog-model';
+
+/** @public */
+declare function EntityPageCicdCharts(): JSX.Element;
+
+/** @public */
+declare const cicdStatisticsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    entityContent: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {}>;
+/** @public */
+declare const EntityCicdStatisticsContent: typeof EntityPageCicdCharts;
+
+/**
+ * This is a generic enum of build statuses.
+ *
+ * If all of these aren't applicable to the underlying CI/CD, these can be
+ * configured to be hidden, using the `availableStatuses` in `CicdConfiguration`.
+ *
+ * @public
+ */
+type FilterStatusType = 'unknown' | 'enqueued' | 'scheduled' | 'running' | 'aborted' | 'succeeded' | 'failed' | 'stalled' | 'expired';
+/**
+ * @public
+ */
+declare const statusTypes: Array<FilterStatusType>;
+/**
+ * The branch enum of either 'master' or 'branch' (or possibly the meta 'all').
+ *
+ * The concept of what constitutes a master branch is generic. It might be called
+ * something like 'release' or 'main' or 'trunk' in the underlying CI/CD system,
+ * which is then up to the Api to map accordingly.
+ *
+ * @public
+ */
+type FilterBranchType = 'master' | 'branch';
+/**
+ * @public
+ */
+type TriggerReason = 
+/** Triggered by source code management, e.g. a Github hook */
+'scm'
+/** Triggered manually */
+ | 'manual'
+/** Triggered internally (non-scm, or perhaps after being delayed/enqueued) */
+ | 'internal'
+/** Triggered for some other reason */
+ | 'other';
+/**
+ * @public
+ */
+declare const triggerReasons: Array<TriggerReason>;
+/**
+ * A Stage is a part of either a Build or a parent Stage.
+ *
+ * This may be called things like Stage or Step or Task in CI/CD systems, but is
+ * generic here. There's also no concept of parallelism which might exist within
+ * some stages.
+ *
+ * @public
+ */
+interface Stage {
+    name: string;
+    /** The status of the stage */
+    status: FilterStatusType;
+    /** Stage duration in milliseconds */
+    duration: number;
+    /** Sub stages within this stage */
+    stages?: Array<Stage>;
+}
+/**
+ * Generic Build type.
+ *
+ * A build has e.g. a build type (master/branch), a status and (possibly) sub stages.
+ *
+ * @public
+ */
+interface Build {
+    raw?: unknown;
+    /** Build id */
+    id: string;
+    /** The reason this build was started */
+    triggeredBy?: TriggerReason;
+    /** The status of the build */
+    status: FilterStatusType;
+    /** Branch type */
+    branchType: FilterBranchType;
+    /** Time when the build started */
+    requestedAt: Date;
+    /** The overall duration of the build */
+    duration: number;
+    /** Top-level build stages */
+    stages: Array<Stage>;
+}
+/**
+ * Helper type which is a Build with a certain typed 'raw' field.
+ *
+ * This can be useful in an Api to use while mapping internal data structures
+ * (raw) into generic builds.
+ *
+ * @public
+ */
+type BuildWithRaw<T = any> = Build & {
+    raw: T;
+};
+/**
+ * Chart type.
+ *
+ * Values are:
+ *  * `duration`: shows an area chart of the duration over time
+ *  * `count`: shows a bar chart of the number of build per day
+ *
+ * @public
+ */
+type ChartType = 'duration' | 'count';
+/**
+ * Chart types.
+ *
+ * @public
+ */
+type ChartTypes = Array<ChartType>;
+/**
+ * Default settings for the fetching options and view options.
+ *
+ * These are all optional, but can be overridden from the Api to whatever makes
+ * most sense for that implementation.
+ *
+ * @public
+ */
+interface CicdDefaults {
+    timeFrom: Date;
+    timeTo: Date;
+    filterStatus: Array<FilterStatusType>;
+    filterType: FilterBranchType | 'all';
+    /** Lower-case all stage names (to potentially merge stages with different cases) */
+    lowercaseNames: boolean;
+    /** Normalize the from-to date range in all charts */
+    normalizeTimeRange: boolean;
+    /** Default collapse the stages with a max-duration below this value */
+    collapsedLimit: number;
+    /** Default hide stages with a max-duration below this value */
+    hideLimit: number;
+    /** Chart types per status */
+    chartTypes: Record<FilterStatusType, ChartTypes>;
+}
+/**
+ * A configuration interface which the Api must implement.
+ *
+ * When the UI for the CI/CD Statistics is loaded, it begins with fetching the
+ * configuration before anything else.
+ *
+ * All of these fields are optional though, and will fallback to hard-coded defaults.
+ *
+ * @public
+ */
+interface CicdConfiguration {
+    /**
+     * This field can be used to override what statuses are available
+     */
+    availableStatuses: ReadonlyArray<FilterStatusType>;
+    /**
+     * When transposing the list of builds into a tree of stages, the stage names
+     * will be transformed through this function.
+     *
+     * Override this for a custom implementation. The default will try to remove
+     * parent names off of child names, if they are prepended by them.
+     *
+     * For example; if a stage has the name 'Install' and a child stage has the
+     * name 'Install - Fetch dependencies', the child name will be replaced with
+     * 'Fetch dependencies'.
+     */
+    formatStageName: (parentNames: Array<string>, stageName: string) => string;
+    /**
+     * Default options for the UI
+     */
+    defaults: Partial<CicdDefaults>;
+}
+/**
+ * If the Api implements support for aborting the fetching of builds, throw an
+ * AbortError of this type (or any other error with name === 'AbortError').
+ *
+ * @public
+ */
+declare class AbortError extends Error {
+}
+/**
+ * The result type for `fetchBuilds`.
+ *
+ * @public
+ */
+interface CicdState {
+    builds: Array<Build>;
+}
+/**
+ * When fetching, if applicable, the Api can feedback progress back to the UI.
+ *
+ * Use the `updateProgress(completed, total, started?)` to signal that
+ * `completed` builds out of a `total` has finished. Optionally use the
+ * `started` to signal how many builds have been started in total (i.e. at least
+ * the amount of `completed`).
+ *
+ * This can be called at any rate. Rate limiting (debouncing) is implemented in
+ * the UI.
+ *
+ * Optionally this can signal multiple progresses in several steps
+ *
+ * @public
+ */
+interface UpdateProgress {
+    (completed: number, total: number, started?: number): void;
+    (steps: Array<{
+        title: string;
+        completed: number;
+        total: number;
+        started?: number;
+    }>): void;
+}
+/**
+ * When reading configuration, the Api can return a custom settings depending on
+ * the entity being viewed.
+ *
+ * @public
+ */
+interface GetConfigurationOptions {
+    entity: Entity;
+}
+/**
+ * When fetching, the Api should fetch build information about the `entity` and
+ * respect the `timeFrom`, `timeTo`, `filterStatus` and `filterType`.
+ *
+ * Optionally implement support for `updateProgress` and `abortSignal` if
+ * preferred.
+ *
+ * When the UI re-fetches, it will abort any previous fetching, so polling
+ * `abortSignal.aborted`, and possibly throwing an `AbortError`, can be useful.
+ *
+ * @public
+ */
+interface FetchBuildsOptions {
+    entity: Entity;
+    updateProgress: UpdateProgress;
+    abortSignal: AbortSignal;
+    timeFrom: Date;
+    timeTo: Date;
+    filterStatus: Array<FilterStatusType | 'all'>;
+    filterType: FilterBranchType | 'all';
+}
+/**
+ * The interface which is mapped to the `cicdStatisticsApiRef` which is used by
+ * the UI.
+ *
+ * @public
+ */
+interface CicdStatisticsApi {
+    getConfiguration(options: GetConfigurationOptions): Promise<Partial<CicdConfiguration>>;
+    fetchBuilds(options: FetchBuildsOptions): Promise<CicdState>;
+}
+
+/** @public */
+declare const cicdStatisticsApiRef: _backstage_core_plugin_api.ApiRef<CicdStatisticsApi>;
+
+export { AbortError, type Build, type BuildWithRaw, type ChartType, type ChartTypes, type CicdConfiguration, type CicdDefaults, type CicdState, type CicdStatisticsApi, EntityCicdStatisticsContent, EntityPageCicdCharts, type FetchBuildsOptions, type FilterBranchType, type FilterStatusType, type GetConfigurationOptions, type Stage, type TriggerReason, type UpdateProgress, cicdStatisticsApiRef, cicdStatisticsPlugin, statusTypes, triggerReasons };

package/dist/index.esm.js

@@ -0,0 +1,45 @@
+import { createRouteRef, createPlugin, createRoutableExtension, createApiRef } from '@backstage/core-plugin-api';
+
+const rootCatalogCicdStatsRouteRef = createRouteRef({
+  id: "cicd-statistics"
+});
+const cicdStatisticsPlugin = createPlugin({
+  id: "cicd-statistics",
+  routes: {
+    entityContent: rootCatalogCicdStatsRouteRef
+  }
+});
+const EntityCicdStatisticsContent = cicdStatisticsPlugin.provide(
+  createRoutableExtension({
+    component: () => import('./esm/entity-page-CNIrdNBp.esm.js').then((m) => m.EntityPageCicdCharts),
+    mountPoint: rootCatalogCicdStatsRouteRef,
+    name: "EntityCicdStatisticsContent"
+  })
+);
+
+const statusTypes = [
+  "succeeded",
+  "failed",
+  "enqueued",
+  "scheduled",
+  "running",
+  "aborted",
+  "stalled",
+  "expired",
+  "unknown"
+];
+const triggerReasons = [
+  "scm",
+  "manual",
+  "internal",
+  "other"
+];
+class AbortError extends Error {
+}
+
+const cicdStatisticsApiRef = createApiRef({
+  id: "cicd-statistics-api"
+});
+
+export { AbortError, EntityCicdStatisticsContent, cicdStatisticsApiRef, cicdStatisticsPlugin, statusTypes, triggerReasons };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/plugin.ts","../src/apis/types.ts","../src/apis/cicd-statistics.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 */\n\nimport {\n  createPlugin,\n  createRoutableExtension,\n  createRouteRef,\n} from '@backstage/core-plugin-api';\n\nexport type { EntityPageCicdCharts } from './entity-page';\n\nconst rootCatalogCicdStatsRouteRef = createRouteRef({\n  id: 'cicd-statistics',\n});\n\n/** @public */\nexport const cicdStatisticsPlugin = createPlugin({\n  id: 'cicd-statistics',\n  routes: {\n    entityContent: rootCatalogCicdStatsRouteRef,\n  },\n});\n\n/** @public */\nexport const EntityCicdStatisticsContent = cicdStatisticsPlugin.provide(\n  createRoutableExtension({\n    component: () => import('./entity-page').then(m => m.EntityPageCicdCharts),\n    mountPoint: rootCatalogCicdStatsRouteRef,\n    name: 'EntityCicdStatisticsContent',\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 { Entity } from '@backstage/catalog-model';\n\n/**\n * This is a generic enum of build statuses.\n *\n * If all of these aren't applicable to the underlying CI/CD, these can be\n * configured to be hidden, using the `availableStatuses` in `CicdConfiguration`.\n *\n * @public\n */\nexport type FilterStatusType =\n  | 'unknown'\n  | 'enqueued'\n  | 'scheduled'\n  | 'running'\n  | 'aborted'\n  | 'succeeded'\n  | 'failed'\n  | 'stalled'\n  | 'expired';\n\n/**\n * @public\n */\nexport const statusTypes: Array<FilterStatusType> = [\n  'succeeded',\n  'failed',\n  'enqueued',\n  'scheduled',\n  'running',\n  'aborted',\n  'stalled',\n  'expired',\n  'unknown',\n];\n\n/**\n * The branch enum of either 'master' or 'branch' (or possibly the meta 'all').\n *\n * The concept of what constitutes a master branch is generic. It might be called\n * something like 'release' or 'main' or 'trunk' in the underlying CI/CD system,\n * which is then up to the Api to map accordingly.\n *\n * @public\n */\nexport type FilterBranchType = 'master' | 'branch';\n\n/**\n * @public\n */\nexport type TriggerReason =\n  /** Triggered by source code management, e.g. a Github hook */\n  | 'scm'\n  /** Triggered manually */\n  | 'manual'\n  /** Triggered internally (non-scm, or perhaps after being delayed/enqueued) */\n  | 'internal'\n  /** Triggered for some other reason */\n  | 'other';\n\n/**\n * @public\n */\nexport const triggerReasons: Array<TriggerReason> = [\n  'scm',\n  'manual',\n  'internal',\n  'other',\n];\n\n/**\n * A Stage is a part of either a Build or a parent Stage.\n *\n * This may be called things like Stage or Step or Task in CI/CD systems, but is\n * generic here. There's also no concept of parallelism which might exist within\n * some stages.\n *\n * @public\n */\nexport interface Stage {\n  name: string;\n\n  /** The status of the stage */\n  status: FilterStatusType;\n\n  /** Stage duration in milliseconds */\n  duration: number;\n\n  /** Sub stages within this stage */\n  stages?: Array<Stage>;\n}\n\n/**\n * Generic Build type.\n *\n * A build has e.g. a build type (master/branch), a status and (possibly) sub stages.\n *\n * @public\n */\nexport interface Build {\n  raw?: unknown;\n\n  /** Build id */\n  id: string;\n\n  /** The reason this build was started */\n  triggeredBy?: TriggerReason;\n\n  /** The status of the build */\n  status: FilterStatusType;\n\n  /** Branch type */\n  branchType: FilterBranchType;\n\n  /** Time when the build started */\n  requestedAt: Date;\n\n  /** The overall duration of the build */\n  duration: number;\n\n  /** Top-level build stages */\n  stages: Array<Stage>;\n}\n\n/**\n * Helper type which is a Build with a certain typed 'raw' field.\n *\n * This can be useful in an Api to use while mapping internal data structures\n * (raw) into generic builds.\n *\n * @public\n */\nexport type BuildWithRaw<T = any> = Build & {\n  raw: T;\n};\n\n/**\n * Chart type.\n *\n * Values are:\n *  * `duration`: shows an area chart of the duration over time\n *  * `count`: shows a bar chart of the number of build per day\n *\n * @public\n */\nexport type ChartType = 'duration' | 'count';\n\n/**\n * Chart types.\n *\n * @public\n */\nexport type ChartTypes = Array<ChartType>;\n\n/**\n * Default settings for the fetching options and view options.\n *\n * These are all optional, but can be overridden from the Api to whatever makes\n * most sense for that implementation.\n *\n * @public\n */\nexport interface CicdDefaults {\n  timeFrom: Date;\n  timeTo: Date;\n  filterStatus: Array<FilterStatusType>;\n  filterType: FilterBranchType | 'all';\n\n  /** Lower-case all stage names (to potentially merge stages with different cases) */\n  lowercaseNames: boolean;\n  /** Normalize the from-to date range in all charts */\n  normalizeTimeRange: boolean;\n  /** Default collapse the stages with a max-duration below this value */\n  collapsedLimit: number;\n  /** Default hide stages with a max-duration below this value */\n  hideLimit: number;\n  /** Chart types per status */\n  chartTypes: Record<FilterStatusType, ChartTypes>;\n}\n\n/**\n * A configuration interface which the Api must implement.\n *\n * When the UI for the CI/CD Statistics is loaded, it begins with fetching the\n * configuration before anything else.\n *\n * All of these fields are optional though, and will fallback to hard-coded defaults.\n *\n * @public\n */\nexport interface CicdConfiguration {\n  /**\n   * This field can be used to override what statuses are available\n   */\n  availableStatuses: ReadonlyArray<FilterStatusType>;\n\n  /**\n   * When transposing the list of builds into a tree of stages, the stage names\n   * will be transformed through this function.\n   *\n   * Override this for a custom implementation. The default will try to remove\n   * parent names off of child names, if they are prepended by them.\n   *\n   * For example; if a stage has the name 'Install' and a child stage has the\n   * name 'Install - Fetch dependencies', the child name will be replaced with\n   * 'Fetch dependencies'.\n   */\n  formatStageName: (parentNames: Array<string>, stageName: string) => string;\n\n  /**\n   * Default options for the UI\n   */\n  defaults: Partial<CicdDefaults>;\n}\n\n/**\n * If the Api implements support for aborting the fetching of builds, throw an\n * AbortError of this type (or any other error with name === 'AbortError').\n *\n * @public\n */\nexport class AbortError extends Error {}\n\n/**\n * The result type for `fetchBuilds`.\n *\n * @public\n */\nexport interface CicdState {\n  builds: Array<Build>;\n}\n\n/**\n * When fetching, if applicable, the Api can feedback progress back to the UI.\n *\n * Use the `updateProgress(completed, total, started?)` to signal that\n * `completed` builds out of a `total` has finished. Optionally use the\n * `started` to signal how many builds have been started in total (i.e. at least\n * the amount of `completed`).\n *\n * This can be called at any rate. Rate limiting (debouncing) is implemented in\n * the UI.\n *\n * Optionally this can signal multiple progresses in several steps\n *\n * @public\n */\nexport interface UpdateProgress {\n  (completed: number, total: number, started?: number): void;\n  (\n    steps: Array<{\n      title: string;\n      completed: number;\n      total: number;\n      started?: number;\n    }>,\n  ): void;\n}\n\n/**\n * When reading configuration, the Api can return a custom settings depending on\n * the entity being viewed.\n *\n * @public\n */\nexport interface GetConfigurationOptions {\n  entity: Entity;\n}\n\n/**\n * When fetching, the Api should fetch build information about the `entity` and\n * respect the `timeFrom`, `timeTo`, `filterStatus` and `filterType`.\n *\n * Optionally implement support for `updateProgress` and `abortSignal` if\n * preferred.\n *\n * When the UI re-fetches, it will abort any previous fetching, so polling\n * `abortSignal.aborted`, and possibly throwing an `AbortError`, can be useful.\n *\n * @public\n */\nexport interface FetchBuildsOptions {\n  entity: Entity;\n  updateProgress: UpdateProgress;\n  abortSignal: AbortSignal;\n  timeFrom: Date;\n  timeTo: Date;\n  filterStatus: Array<FilterStatusType | 'all'>;\n  filterType: FilterBranchType | 'all';\n}\n\n/**\n * The interface which is mapped to the `cicdStatisticsApiRef` which is used by\n * the UI.\n *\n * @public\n */\nexport interface CicdStatisticsApi {\n  getConfiguration(\n    options: GetConfigurationOptions,\n  ): Promise<Partial<CicdConfiguration>>;\n  fetchBuilds(options: FetchBuildsOptions): Promise<CicdState>;\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 { createApiRef } from '@backstage/core-plugin-api';\nimport { CicdStatisticsApi } from './types';\n\n/** @public */\nexport const cicdStatisticsApiRef = createApiRef<CicdStatisticsApi>({\n  id: 'cicd-statistics-api',\n});\n"],"names":[],"mappings":";;AAwBA,MAAM,+BAA+B,cAAe,CAAA;AAAA,EAClD,EAAI,EAAA,iBAAA;AACN,CAAC,CAAA,CAAA;AAGM,MAAM,uBAAuB,YAAa,CAAA;AAAA,EAC/C,EAAI,EAAA,iBAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,aAAe,EAAA,4BAAA;AAAA,GACjB;AACF,CAAC,EAAA;AAGM,MAAM,8BAA8B,oBAAqB,CAAA,OAAA;AAAA,EAC9D,uBAAwB,CAAA;AAAA,IACtB,SAAA,EAAW,MAAM,OAAO,mCAAe,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,oBAAoB,CAAA;AAAA,IACzE,UAAY,EAAA,4BAAA;AAAA,IACZ,IAAM,EAAA,6BAAA;AAAA,GACP,CAAA;AACH;;ACHO,MAAM,WAAuC,GAAA;AAAA,EAClD,WAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AACF,EAAA;AA6BO,MAAM,cAAuC,GAAA;AAAA,EAClD,KAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AACF,EAAA;AAyJO,MAAM,mBAAmB,KAAM,CAAA;AAAC;;ACzNhC,MAAM,uBAAuB,YAAgC,CAAA;AAAA,EAClE,EAAI,EAAA,qBAAA;AACN,CAAC;;;;"}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@backstage-community/plugin-cicd-statistics",
+  "version": "0.1.37",
+  "description": "A frontend plugin visualizing CI/CD pipeline statistics (build time)",
+  "backstage": {
+    "role": "frontend-plugin"
+  },
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.esm.js",
+    "types": "dist/index.d.ts"
+  },
+  "keywords": [
+    "backstage"
+  ],
+  "homepage": "https://backstage.io",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/backstage/community-plugins",
+    "directory": "workspaces/cicd-statistics/plugins/cicd-statistics"
+  },
+  "license": "Apache-2.0",
+  "sideEffects": false,
+  "main": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "backstage-cli package build",
+    "clean": "backstage-cli package clean",
+    "lint": "backstage-cli package lint",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack",
+    "start": "backstage-cli package start",
+    "test": "backstage-cli package test"
+  },
+  "dependencies": {
+    "@backstage/catalog-model": "^1.4.5",
+    "@backstage/core-plugin-api": "^1.9.2",
+    "@backstage/plugin-catalog-react": "^1.11.3",
+    "@date-io/luxon": "^1.3.13",
+    "@material-ui/core": "^4.12.2",
+    "@material-ui/icons": "^4.9.1",
+    "@material-ui/lab": "4.0.0-alpha.61",
+    "@material-ui/pickers": "^3.3.10",
+    "already": "^3.2.0",
+    "humanize-duration": "^3.27.0",
+    "lodash": "^4.17.21",
+    "luxon": "^3.0.0",
+    "react-use": "^17.3.1",
+    "recharts": "^2.5.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.26.3",
+    "@testing-library/dom": "^10.0.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^15.0.0",
+    "@types/humanize-duration": "^3.18.1",
+    "@types/lodash": "^4.14.151",
+    "@types/luxon": "^3.0.0",
+    "@types/react": "^16.13.1 || ^17.0.0",
+    "@types/react-dom": "^18.2.19",
+    "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"
+  },
+  "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"
+  },
+  "module": "./dist/index.esm.js"
+}