@red-hat-developer-hub/backstage-plugin-scorecard 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,30 @@
+# @red-hat-developer-hub/backstage-plugin-scorecard
+
+## 1.0.0
+
+### Major Changes
+
+- 6709132: Release the major version of Scorecard plugin
+
+### Patch Changes
+
+- Updated dependencies [6709132]
+  - @red-hat-developer-hub/backstage-plugin-scorecard-common@1.0.0
+
+## 0.2.0
+
+### Minor Changes
+
+- 0478b79: Unify provider IDs
+
+## 0.1.0
+
+### Minor Changes
+
+- fe2fa2d: Add internationalization (i18n) support with German, French and Spanish translations for the Scorecard plugin
+- b5ec15c: First version of Scorecard plugin
+
+### Patch Changes
+
+- Updated dependencies [b5ec15c]
+  - @red-hat-developer-hub/backstage-plugin-scorecard-common@0.1.0

package/README.md

@@ -0,0 +1,164 @@
+# 📊 Scorecard Plugin for Backstage
+
+The Scorecard plugin provides a configurable framework to visualize Key Performance Indicators (KPIs) in Backstage. This frontend plugin integrates with the Scorecard backend to deliver Scorecards.
+
+## Getting started
+
+Your plugin has been added to the example app in this repository, meaning you'll be able to access it by running `yarn start` in the root directory, and then navigating to [/scorecard](http://localhost:3000/scorecard).
+
+You can also serve the plugin in isolation by running `yarn start` in the plugin directory.
+This method of serving the plugin provides quicker iteration speed and a faster startup and hot reloads.
+It is only meant for local development, and the setup for it can be found inside the [/dev](./dev) directory.
+
+## For Administrators
+
+### Prerequisites
+
+Before installing the frontend plugin, ensure that the Scorecard backend is integrated into your Backstage instance. Follow the [Scorecard backend plugin README](https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/scorecard/plugins/scorecard-backend/README.md) for setup instructions.
+
+### Installation
+
+To install the Scorecard plugin, run the following command:
+
+```sh
+yarn workspace app add @red-hat-developer-hub/backstage-plugin-scorecard
+```
+
+**Note**
+
+### Permission Framework Support
+
+The Scorecard plugin has support for the permission framework.
+
+- When [RBAC permission](https://github.com/backstage/community-plugins/tree/main/workspaces/rbac/plugins/rbac-backend#installation) framework is enabled, for non-admin users to access scorecard UI, the role associated with your user should have the following permission policies associated with it. Add the following in your permission policies configuration file named `rbac-policy.csv`:
+
+```CSV
+p, role:default/team_a, scorecard.metric.read, read, allow
+
+g, user:default/<your-user-name>, role:default/team_a
+```
+
+You can specify the path to this configuration file in your application configuration:
+
+```yaml
+permission:
+  enabled: true
+  rbac:
+    policies-csv-file: /some/path/rbac-policy.csv
+    policyFileReload: true
+```
+
+### Configuration
+
+1. Add the Scorecard page to you Entity overview page by modifying `packages/app/src/components/catalog/EntityPage.tsx`:
+
+   ```tsx
+   import { ScorecardPage } from '@red-hat-developer-hub/backstage-plugin-scorecard';
+
+   const scorecardRoute = (
+     <EntityLayout.Route path="/scorecard" title="Scorecard">
+       <ScorecardPage />
+     </EntityLayout.Route>
+   );
+
+   const serviceEntityPage = (
+     <EntityLayout>
+       ...
+       {scorecardRoute}
+     </EntityLayout>
+   );
+
+   const websiteEntityPage = (
+     <EntityLayout>
+       ...
+       {scorecardRoute}
+     </EntityLayout>
+   );
+
+   const componentPage = (
+     <EntitySwitch>
+       <EntitySwitch.Case if={isComponentType('service')}>
+         {serviceEntityPage}
+       </EntitySwitch.Case>
+
+       <EntitySwitch.Case if={isComponentType('website')}>
+         {websiteEntityPage}
+       </EntitySwitch.Case>
+     </EntitySwitch>
+   );
+
+   export const entityPage = (
+     <EntitySwitch>
+       ...
+       <EntitySwitch.Case if={isKind('component')} children={componentPage} />
+       ...
+     </EntitySwitch>
+   );
+   ```
+
+### Accessing the Plugin
+
+1. Open your Backstage application.
+2. Navigate to the Entity overview page from catalog.
+3. Explore and analyze scorecard metrics using the scorecards tab.
+
+## Adding Translations
+
+The Scorecard plugin supports internationalization (i18n) for metric titles and descriptions. To add translations for new metrics:
+
+### 1. Add Translations to Translation Files
+
+Add your translations to the appropriate language files in `src/translations/`:
+
+**English (ref.ts):**
+
+```typescript
+export const scorecardMessages = {
+  // ... existing translations
+  metric: {
+    'your-metric-id': {
+      title: 'Your Translated Title',
+      description: 'Your translated description',
+    },
+  },
+};
+```
+
+**Other languages (de.ts, es.ts, fr.ts):**
+
+```typescript
+const scorecardTranslationDe = createTranslationMessages({
+  ref: scorecardTranslationRef,
+  messages: {
+    // ... existing translations
+    'metric.your-metric-id.title': 'Ihr übersetzter Titel', // German
+    'metric.your-metric-id.description': 'Ihre übersetzte Beschreibung',
+  },
+});
+```
+
+### 3. Translation Key Format
+
+Translation keys follow this pattern:
+
+- **Metric titles**: `metric.{metric-id}.title`
+- **Metric descriptions**: `metric.{metric-id}.description`
+
+### 4. Fallback Behavior
+
+If a translation key is not found, the plugin will automatically fall back to:
+
+- The original `title` and `description` values from the metric definition
+- For thresholds: capitalized versions of the threshold keys
+
+### Example: Adding GitHub Open PRs Translation
+
+```typescript
+// In ref.ts
+metric: {
+  'github.open_prs': {
+    title: 'GitHub open PRs',
+    description: 'Current count of open Pull Requests for a given GitHub repository',
+  },
+}
+```

package/dist/alpha.d.ts

@@ -0,0 +1,36 @@
+import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/alpha';
+
+/**
+ * Translation reference for scorecard plugin
+ * @public
+ */
+declare const scorecardTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"plugin.scorecard", {
+    readonly "emptyState.button": string;
+    readonly "emptyState.title": string;
+    readonly "emptyState.description": string;
+    readonly "emptyState.altText": string;
+    readonly "permissionRequired.button": string;
+    readonly "permissionRequired.title": string;
+    readonly "permissionRequired.description": string;
+    readonly "permissionRequired.altText": string;
+    readonly "errors.entityMissingProperties": string;
+    readonly "errors.invalidApiResponse": string;
+    readonly "errors.fetchError": string;
+    readonly "errors.metricDataUnavailable": string;
+    readonly "errors.invalidThresholds": string;
+    readonly "metric.github.open_prs.title": string;
+    readonly "metric.github.open_prs.description": string;
+    readonly "metric.jira.open_issues.title": string;
+    readonly "metric.jira.open_issues.description": string;
+    readonly "thresholds.success": string;
+    readonly "thresholds.error": string;
+    readonly "thresholds.warning": string;
+}>;
+
+/**
+ * Translation Resource for scorecard
+ * @public
+ */
+declare const scorecardTranslations: _backstage_core_plugin_api_alpha.TranslationResource<"plugin.scorecard">;
+
+export { scorecardTranslationRef, scorecardTranslations };

package/dist/alpha.esm.js

@@ -0,0 +1,3 @@
+export { scorecardTranslations } from './translations/index.esm.js';
+export { scorecardTranslationRef } from './translations/ref.esm.js';
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

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

package/dist/api/index.esm.js

@@ -0,0 +1,63 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const scorecardApiRef = createApiRef({
+  id: "plugin.scorecard.service"
+});
+class ScorecardApiClient {
+  fetchApi;
+  discoveryApi;
+  constructor(options) {
+    this.fetchApi = options.fetchApi;
+    this.discoveryApi = options.discoveryApi;
+  }
+  /**
+   * Gets the base URL for the scorecard backend API.
+   * @returns Promise resolving to the base URL
+   */
+  async getBaseUrl() {
+    return await this.discoveryApi.getBaseUrl("scorecard");
+  }
+  /**
+   * Retrieves scorecard metrics for a specific entity.
+   * @param entity - The Backstage entity to get metrics for
+   * @param metricIds - Optional array of specific metric IDs to retrieve
+   * @returns Promise resolving to an array of metric results
+   * @throws Error if the request fails or returns invalid data
+   */
+  async getScorecards(entity, metricIds) {
+    if (!entity?.kind || !entity?.metadata?.namespace || !entity?.metadata?.name) {
+      throw new Error(
+        "Entity missing required properties for scorecard lookup"
+      );
+    }
+    const baseUrl = await this.getBaseUrl();
+    const url = new URL(
+      `${baseUrl}/metrics/catalog/${entity.kind}/${entity.metadata.namespace}/${entity.metadata.name}`
+    );
+    if (metricIds) {
+      url.searchParams.set("metricIds", metricIds.join(","));
+    }
+    try {
+      const response = await this.fetchApi.fetch(url.toString());
+      if (!response.ok) {
+        const errorText = await response.text();
+        throw new Error(
+          `Failed to fetch scorecards: ${response.status} ${response.statusText}. ${errorText}`
+        );
+      }
+      const data = await response.json();
+      if (!Array.isArray(data)) {
+        throw new Error("Invalid response format from scorecard API");
+      }
+      return data;
+    } catch (error) {
+      if (error instanceof Error) {
+        throw error;
+      }
+      throw new Error(`Unexpected error fetching scorecards: ${String(error)}`);
+    }
+  }
+}
+
+export { ScorecardApiClient, scorecardApiRef };
+//# sourceMappingURL=index.esm.js.map

package/dist/api/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../src/api/index.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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  FetchApi,\n  DiscoveryApi,\n} from '@backstage/core-plugin-api';\nimport type { Entity } from '@backstage/catalog-model';\nimport type { MetricResult } from '@red-hat-developer-hub/backstage-plugin-scorecard-common';\n\nexport interface ScorecardApi {\n  /**\n   * Retrieves scorecard metrics for a specific entity.\n   * @param entity - The Backstage entity to get metrics for\n   * @param metricIds - Optional array of specific metric IDs to retrieve\n   * @returns Promise resolving to an array of metric results\n   */\n  getScorecards(entity: Entity, metricIds?: string[]): Promise<MetricResult[]>;\n}\n\nexport const scorecardApiRef = createApiRef<ScorecardApi>({\n  id: 'plugin.scorecard.service',\n});\n\nexport type ScorecardApiClientOptions = {\n  fetchApi: FetchApi;\n  discoveryApi: DiscoveryApi;\n};\n\n/**\n * Client implementation for the Scorecard API.\n * @public\n */\nexport class ScorecardApiClient implements ScorecardApi {\n  private readonly fetchApi: FetchApi;\n  private readonly discoveryApi: DiscoveryApi;\n\n  constructor(options: ScorecardApiClientOptions) {\n    this.fetchApi = options.fetchApi;\n    this.discoveryApi = options.discoveryApi;\n  }\n\n  /**\n   * Gets the base URL for the scorecard backend API.\n   * @returns Promise resolving to the base URL\n   */\n  async getBaseUrl(): Promise<string> {\n    return await this.discoveryApi.getBaseUrl('scorecard');\n  }\n\n  /**\n   * Retrieves scorecard metrics for a specific entity.\n   * @param entity - The Backstage entity to get metrics for\n   * @param metricIds - Optional array of specific metric IDs to retrieve\n   * @returns Promise resolving to an array of metric results\n   * @throws Error if the request fails or returns invalid data\n   */\n  async getScorecards(\n    entity: Entity,\n    metricIds?: string[],\n  ): Promise<MetricResult[]> {\n    if (\n      !entity?.kind ||\n      !entity?.metadata?.namespace ||\n      !entity?.metadata?.name\n    ) {\n      throw new Error(\n        'Entity missing required properties for scorecard lookup',\n      );\n    }\n\n    const baseUrl = await this.getBaseUrl();\n    const url = new URL(\n      `${baseUrl}/metrics/catalog/${entity.kind}/${entity.metadata.namespace}/${entity.metadata.name}`,\n    );\n\n    if (metricIds) {\n      url.searchParams.set('metricIds', metricIds.join(','));\n    }\n\n    try {\n      const response = await this.fetchApi.fetch(url.toString());\n\n      if (!response.ok) {\n        const errorText = await response.text();\n        throw new Error(\n          `Failed to fetch scorecards: ${response.status} ${response.statusText}. ${errorText}`,\n        );\n      }\n\n      const data = await response.json();\n\n      if (!Array.isArray(data)) {\n        throw new Error('Invalid response format from scorecard API');\n      }\n\n      return data;\n    } catch (error) {\n      if (error instanceof Error) {\n        throw error;\n      }\n      throw new Error(`Unexpected error fetching scorecards: ${String(error)}`);\n    }\n  }\n}\n"],"names":[],"mappings":";;AAkCO,MAAM,kBAAkB,YAA2B,CAAA;AAAA,EACxD,EAAI,EAAA;AACN,CAAC;AAWM,MAAM,kBAA2C,CAAA;AAAA,EACrC,QAAA;AAAA,EACA,YAAA;AAAA,EAEjB,YAAY,OAAoC,EAAA;AAC9C,IAAA,IAAA,CAAK,WAAW,OAAQ,CAAA,QAAA;AACxB,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA;AAAA;AAC9B;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,UAA8B,GAAA;AAClC,IAAA,OAAO,MAAM,IAAA,CAAK,YAAa,CAAA,UAAA,CAAW,WAAW,CAAA;AAAA;AACvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,MAAM,aACJ,CAAA,MAAA,EACA,SACyB,EAAA;AACzB,IACE,IAAA,CAAC,MAAQ,EAAA,IAAA,IACT,CAAC,MAAA,EAAQ,UAAU,SACnB,IAAA,CAAC,MAAQ,EAAA,QAAA,EAAU,IACnB,EAAA;AACA,MAAA,MAAM,IAAI,KAAA;AAAA,QACR;AAAA,OACF;AAAA;AAGF,IAAM,MAAA,OAAA,GAAU,MAAM,IAAA,CAAK,UAAW,EAAA;AACtC,IAAA,MAAM,MAAM,IAAI,GAAA;AAAA,MACd,CAAG,EAAA,OAAO,CAAoB,iBAAA,EAAA,MAAA,CAAO,IAAI,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,CAAS,SAAS,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,KAChG;AAEA,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,GAAA,CAAI,aAAa,GAAI,CAAA,WAAA,EAAa,SAAU,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA;AAGvD,IAAI,IAAA;AACF,MAAA,MAAM,WAAW,MAAM,IAAA,CAAK,SAAS,KAAM,CAAA,GAAA,CAAI,UAAU,CAAA;AAEzD,MAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,QAAM,MAAA,SAAA,GAAY,MAAM,QAAA,CAAS,IAAK,EAAA;AACtC,QAAA,MAAM,IAAI,KAAA;AAAA,UACR,+BAA+B,QAAS,CAAA,MAAM,IAAI,QAAS,CAAA,UAAU,KAAK,SAAS,CAAA;AAAA,SACrF;AAAA;AAGF,MAAM,MAAA,IAAA,GAAO,MAAM,QAAA,CAAS,IAAK,EAAA;AAEjC,MAAA,IAAI,CAAC,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAG,EAAA;AACxB,QAAM,MAAA,IAAI,MAAM,4CAA4C,CAAA;AAAA;AAG9D,MAAO,OAAA,IAAA;AAAA,aACA,KAAO,EAAA;AACd,MAAA,IAAI,iBAAiB,KAAO,EAAA;AAC1B,QAAM,MAAA,KAAA;AAAA;AAER,MAAA,MAAM,IAAI,KAAM,CAAA,CAAA,sCAAA,EAAyC,MAAO,CAAA,KAAK,CAAC,CAAE,CAAA,CAAA;AAAA;AAC1E;AAEJ;;;;"}

package/dist/components/Common/NoScorecardsState.esm.js

@@ -0,0 +1,83 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+import Grid from '@mui/material/Grid';
+import OpenInNewOutlinedIcon from '@mui/icons-material/OpenInNewOutlined';
+import noScorecardsSvg from '../../images/no-scorecards.svg';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+
+const NoScorecardsState = () => {
+  const { t } = useTranslation();
+  const configApi = useApi(configApiRef);
+  const supportUrl = configApi.getOptionalString("app.support.url") ?? "https://access.redhat.com/documentation/red_hat_developer_hub";
+  return /* @__PURE__ */ jsx(Box, { sx: { p: 4, height: "100%", maxWidth: "1592px", margin: "auto" }, children: /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      container: true,
+      spacing: 4,
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      children: [
+        /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, md: 6, sx: { textAlign: "left" }, children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              sx: (theme) => ({
+                fontSize: "2.5rem",
+                fontWeight: 300,
+                color: theme.palette.text.primary,
+                mb: 2
+              }),
+              children: t("emptyState.title")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              sx: (theme) => ({
+                fontSize: "1rem",
+                color: theme.palette.text.secondary,
+                mb: 3,
+                lineHeight: 1.5
+              }),
+              children: t("emptyState.description")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: "primary",
+              variant: "contained",
+              size: "large",
+              component: "a",
+              href: supportUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              endIcon: /* @__PURE__ */ jsx(OpenInNewOutlinedIcon, { sx: { width: 16, height: 16, ml: 1 } }),
+              children: t("emptyState.button")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, sx: { textAlign: "right" }, children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "img",
+            src: noScorecardsSvg,
+            alt: t("emptyState.altText"),
+            sx: {
+              width: "100%",
+              maxWidth: "600px",
+              height: "auto"
+            }
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+
+export { NoScorecardsState as default };
+//# sourceMappingURL=NoScorecardsState.esm.js.map

package/dist/components/Common/NoScorecardsState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoScorecardsState.esm.js","sources":["../../../src/components/Common/NoScorecardsState.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { useApi, configApiRef } from '@backstage/core-plugin-api';\n\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport Button from '@mui/material/Button';\nimport Grid from '@mui/material/Grid';\nimport OpenInNewOutlinedIcon from '@mui/icons-material/OpenInNewOutlined';\n\nimport noScorecardsSvg from '../../images/no-scorecards.svg';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nconst NoScorecardsState: React.FC = () => {\n  const { t } = useTranslation();\n\n  const configApi = useApi(configApiRef);\n  const supportUrl =\n    configApi.getOptionalString('app.support.url') ??\n    'https://access.redhat.com/documentation/red_hat_developer_hub';\n\n  return (\n    <Box sx={{ p: 4, height: '100%', maxWidth: '1592px', margin: 'auto' }}>\n      <Grid\n        container\n        spacing={4}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        height=\"100%\"\n      >\n        <Grid item xs={12} md={6} sx={{ textAlign: 'left' }}>\n          <Typography\n            sx={theme => ({\n              fontSize: '2.5rem',\n              fontWeight: 300,\n              color: theme.palette.text.primary,\n              mb: 2,\n            })}\n          >\n            {t('emptyState.title')}\n          </Typography>\n\n          <Typography\n            sx={theme => ({\n              fontSize: '1rem',\n              color: theme.palette.text.secondary,\n              mb: 3,\n              lineHeight: 1.5,\n            })}\n          >\n            {t('emptyState.description')}\n          </Typography>\n\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            size=\"large\"\n            component=\"a\"\n            href={supportUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            endIcon={\n              <OpenInNewOutlinedIcon sx={{ width: 16, height: 16, ml: 1 }} />\n            }\n          >\n            {t('emptyState.button')}\n          </Button>\n        </Grid>\n\n        <Grid item xs={12} md={6} sx={{ textAlign: 'right' }}>\n          <Box\n            component=\"img\"\n            src={noScorecardsSvg}\n            alt={t('emptyState.altText')}\n            sx={{\n              width: '100%',\n              maxWidth: '600px',\n              height: 'auto',\n            }}\n          />\n        </Grid>\n      </Grid>\n    </Box>\n  );\n};\n\nexport default NoScorecardsState;\n"],"names":[],"mappings":";;;;;;;;;;AA2BA,MAAM,oBAA8B,MAAM;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAA,MAAM,UACJ,GAAA,SAAA,CAAU,iBAAkB,CAAA,iBAAiB,CAC7C,IAAA,+DAAA;AAEF,EAAA,uBACG,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,CAAG,EAAA,CAAA,EAAG,MAAQ,EAAA,MAAA,EAAQ,QAAU,EAAA,QAAA,EAAU,MAAQ,EAAA,MAAA,EAC3D,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,UAAW,EAAA,QAAA;AAAA,MACX,cAAe,EAAA,QAAA;AAAA,MACf,MAAO,EAAA,MAAA;AAAA,MAEP,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,EAAE,SAAW,EAAA,MAAA,EACzC,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,IAAI,CAAU,KAAA,MAAA;AAAA,gBACZ,QAAU,EAAA,QAAA;AAAA,gBACV,UAAY,EAAA,GAAA;AAAA,gBACZ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,gBAC1B,EAAI,EAAA;AAAA,eACN,CAAA;AAAA,cAEC,YAAE,kBAAkB;AAAA;AAAA,WACvB;AAAA,0BAEA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,IAAI,CAAU,KAAA,MAAA;AAAA,gBACZ,QAAU,EAAA,MAAA;AAAA,gBACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,gBAC1B,EAAI,EAAA,CAAA;AAAA,gBACJ,UAAY,EAAA;AAAA,eACd,CAAA;AAAA,cAEC,YAAE,wBAAwB;AAAA;AAAA,WAC7B;AAAA,0BAEA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,KAAM,EAAA,SAAA;AAAA,cACN,OAAQ,EAAA,WAAA;AAAA,cACR,IAAK,EAAA,OAAA;AAAA,cACL,SAAU,EAAA,GAAA;AAAA,cACV,IAAM,EAAA,UAAA;AAAA,cACN,MAAO,EAAA,QAAA;AAAA,cACP,GAAI,EAAA,qBAAA;AAAA,cACJ,OAAA,kBACG,GAAA,CAAA,qBAAA,EAAA,EAAsB,EAAI,EAAA,EAAE,KAAO,EAAA,EAAA,EAAI,MAAQ,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAK,EAAA,CAAA;AAAA,cAG9D,YAAE,mBAAmB;AAAA;AAAA;AACxB,SACF,EAAA,CAAA;AAAA,wBAEC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,EAAE,SAAW,EAAA,OAAA,EACzC,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,KAAA;AAAA,YACV,GAAK,EAAA,eAAA;AAAA,YACL,GAAA,EAAK,EAAE,oBAAoB,CAAA;AAAA,YAC3B,EAAI,EAAA;AAAA,cACF,KAAO,EAAA,MAAA;AAAA,cACP,QAAU,EAAA,OAAA;AAAA,cACV,MAAQ,EAAA;AAAA;AACV;AAAA,SAEJ,EAAA;AAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Common/PermissionRequiredState.esm.js

@@ -0,0 +1,94 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
+import Button from '@mui/material/Button';
+import Typography from '@mui/material/Typography';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import permissionRequiredSvg from '../../images/permission-required.svg';
+
+const PermissionRequiredState = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(Box, { sx: { p: 4, height: "100%", maxWidth: "1592px", margin: "auto" }, children: /* @__PURE__ */ jsxs(
+    Grid,
+    {
+      container: true,
+      spacing: 4,
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      children: [
+        /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, md: 6, sx: { textAlign: "left" }, children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              sx: (theme) => ({
+                fontSize: "2.5rem",
+                fontWeight: 400,
+                color: theme.palette.text.primary,
+                mb: 2
+              }),
+              children: t("permissionRequired.title")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              sx: (theme) => ({
+                fontSize: "1rem",
+                color: theme.palette.text.secondary,
+                mb: 3,
+                lineHeight: 1.5
+              }),
+              children: t("permissionRequired.description", {
+                permission: /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    component: "span",
+                    sx: (theme) => ({
+                      fontWeight: "bold",
+                      color: theme.palette.text.primary
+                    }),
+                    children: "scorecard.metric.read"
+                  }
+                )
+              })
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              variant: "outlined",
+              target: "_blank",
+              href: "https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/scorecard/plugins/scorecard/README.md#permission-framework-support",
+              sx: (theme) => ({
+                color: theme.palette.primary.main
+              }),
+              children: [
+                t("permissionRequired.button"),
+                " \xA0 ",
+                /* @__PURE__ */ jsx(OpenInNewIcon, {})
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, sx: { textAlign: "right" }, children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "img",
+            src: permissionRequiredSvg,
+            alt: t("permissionRequired.altText"),
+            sx: {
+              width: "100%",
+              maxWidth: "600px",
+              height: "auto"
+            }
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+
+export { PermissionRequiredState as default };
+//# sourceMappingURL=PermissionRequiredState.esm.js.map

package/dist/components/Common/PermissionRequiredState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionRequiredState.esm.js","sources":["../../../src/components/Common/PermissionRequiredState.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 Box from '@mui/material/Box';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport Typography from '@mui/material/Typography';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\n\nimport { useTranslation } from '../../hooks/useTranslation';\nimport permissionRequiredSvg from '../../images/permission-required.svg';\n\nconst PermissionRequiredState = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Box sx={{ p: 4, height: '100%', maxWidth: '1592px', margin: 'auto' }}>\n      <Grid\n        container\n        spacing={4}\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        height=\"100%\"\n      >\n        <Grid item xs={12} md={6} sx={{ textAlign: 'left' }}>\n          <Typography\n            sx={theme => ({\n              fontSize: '2.5rem',\n              fontWeight: 400,\n              color: theme.palette.text.primary,\n              mb: 2,\n            })}\n          >\n            {t('permissionRequired.title')}\n          </Typography>\n\n          <Typography\n            sx={theme => ({\n              fontSize: '1rem',\n              color: theme.palette.text.secondary,\n              mb: 3,\n              lineHeight: 1.5,\n            })}\n          >\n            {t('permissionRequired.description' as any, {\n              permission: (\n                <Typography\n                  component=\"span\"\n                  sx={theme => ({\n                    fontWeight: 'bold',\n                    color: theme.palette.text.primary,\n                  })}\n                >\n                  scorecard.metric.read\n                </Typography>\n              ),\n            })}\n          </Typography>\n\n          <Button\n            variant=\"outlined\"\n            target=\"_blank\"\n            href=\"https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/scorecard/plugins/scorecard/README.md#permission-framework-support\"\n            sx={theme => ({\n              color: theme.palette.primary.main,\n            })}\n          >\n            {t('permissionRequired.button')} &nbsp; <OpenInNewIcon />\n          </Button>\n        </Grid>\n\n        <Grid item xs={12} md={6} sx={{ textAlign: 'right' }}>\n          <Box\n            component=\"img\"\n            src={permissionRequiredSvg}\n            alt={t('permissionRequired.altText')}\n            sx={{\n              width: '100%',\n              maxWidth: '600px',\n              height: 'auto',\n            }}\n          />\n        </Grid>\n      </Grid>\n    </Box>\n  );\n};\n\nexport default PermissionRequiredState;\n"],"names":[],"mappings":"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"}

package/dist/components/Scorecard/EntityScorecardContent.esm.js

@@ -0,0 +1,85 @@
+import { jsx } from 'react/jsx-runtime';
+import { ResponseErrorPanel } from '@backstage/core-components';
+import Box from '@mui/material/Box';
+import CircularProgress from '@mui/material/CircularProgress';
+import NoScorecardsState from '../Common/NoScorecardsState.esm.js';
+import Scorecard from './Scorecard.esm.js';
+import { useScorecards } from '../../hooks/useScorecards.esm.js';
+import { getStatusConfig } from '../../utils/utils.esm.js';
+import { useScorecardMetricsReadPermission } from '../../hooks/useScorecardMetricsReadPermission.esm.js';
+import PermissionRequiredState from '../Common/PermissionRequiredState.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+
+const EntityScorecardContent = () => {
+  const { scorecards, loadingData, error } = useScorecards();
+  const { t } = useTranslation();
+  const {
+    allowed: hasReadScorecardMetricsPermission,
+    loading: loadingPermission
+  } = useScorecardMetricsReadPermission();
+  if (loadingData || loadingPermission) {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        minHeight: "200px",
+        children: /* @__PURE__ */ jsx(CircularProgress, {})
+      }
+    );
+  }
+  if (!hasReadScorecardMetricsPermission) {
+    return /* @__PURE__ */ jsx(PermissionRequiredState, {});
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(ResponseErrorPanel, { error });
+  }
+  if (!loadingData && scorecards?.length === 0) {
+    return /* @__PURE__ */ jsx(NoScorecardsState, {});
+  }
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: 2,
+      sx: { alignItems: "flex-start" },
+      children: scorecards?.map((metric) => {
+        const isMetricDataError = metric.status === "error" || metric.result?.value === void 0;
+        const isThresholdError = metric.result?.thresholdResult?.status === "error";
+        const statusConfig = getStatusConfig({
+          evaluation: metric.result?.thresholdResult?.evaluation,
+          thresholdStatus: metric.result?.thresholdResult?.status,
+          metricStatus: metric.status
+        });
+        const titleKey = `metric.${metric.id}.title`;
+        const descriptionKey = `metric.${metric.id}.description`;
+        const title = t(titleKey, {});
+        const description = t(descriptionKey, {});
+        const finalTitle = title === titleKey ? metric.metadata.title : title;
+        const finalDescription = description === descriptionKey ? metric.metadata.description : description;
+        return /* @__PURE__ */ jsx(
+          Scorecard,
+          {
+            cardTitle: finalTitle,
+            description: finalDescription,
+            loading: false,
+            statusColor: statusConfig.color,
+            StatusIcon: statusConfig.icon ?? (() => null),
+            value: metric.result?.value,
+            thresholds: metric.result?.thresholdResult,
+            isMetricDataError,
+            metricDataError: metric?.error,
+            isThresholdError,
+            thresholdError: metric.result?.thresholdResult?.error
+          },
+          metric.id
+        );
+      })
+    }
+  );
+};
+
+export { EntityScorecardContent };
+//# sourceMappingURL=EntityScorecardContent.esm.js.map

package/dist/components/Scorecard/EntityScorecardContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityScorecardContent.esm.js","sources":["../../../src/components/Scorecard/EntityScorecardContent.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { MetricResult } from '@red-hat-developer-hub/backstage-plugin-scorecard-common';\nimport { ResponseErrorPanel } from '@backstage/core-components';\n\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport NoScorecardsState from '../Common/NoScorecardsState';\nimport Scorecard from './Scorecard';\nimport { useScorecards } from '../../hooks/useScorecards';\nimport { getStatusConfig } from '../../utils/utils';\nimport { useScorecardMetricsReadPermission } from '../../hooks/useScorecardMetricsReadPermission';\nimport PermissionRequiredState from '../Common/PermissionRequiredState';\nimport { useTranslation } from '../../hooks/useTranslation';\n\nexport const EntityScorecardContent = () => {\n  const { scorecards, loadingData, error } = useScorecards();\n  const { t } = useTranslation();\n\n  const {\n    allowed: hasReadScorecardMetricsPermission,\n    loading: loadingPermission,\n  } = useScorecardMetricsReadPermission();\n\n  if (loadingData || loadingPermission) {\n    return (\n      <Box\n        display=\"flex\"\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        minHeight=\"200px\"\n      >\n        <CircularProgress />\n      </Box>\n    );\n  }\n\n  if (!hasReadScorecardMetricsPermission) {\n    return <PermissionRequiredState />;\n  }\n\n  if (error) {\n    return <ResponseErrorPanel error={error} />;\n  }\n\n  if (!loadingData && scorecards?.length === 0) {\n    return <NoScorecardsState />;\n  }\n\n  return (\n    <Box\n      display=\"flex\"\n      flexWrap=\"wrap\"\n      gap={2}\n      sx={{ alignItems: 'flex-start' }}\n    >\n      {scorecards?.map((metric: MetricResult) => {\n        // Check if metric data unavailable\n        const isMetricDataError =\n          metric.status === 'error' || metric.result?.value === undefined;\n\n        // Check if threshold has an error\n        const isThresholdError =\n          metric.result?.thresholdResult?.status === 'error';\n\n        const statusConfig = getStatusConfig({\n          evaluation: metric.result?.thresholdResult?.evaluation,\n          thresholdStatus: metric.result?.thresholdResult?.status,\n          metricStatus: metric.status,\n        });\n\n        // Use metric ID to construct translation keys, fallback to original title/description\n        const titleKey = `metric.${metric.id}.title`;\n        const descriptionKey = `metric.${metric.id}.description`;\n\n        const title = t(titleKey as any, {});\n        const description = t(descriptionKey as any, {});\n\n        // If translation returns the key itself, fallback to original title/description\n        const finalTitle = title === titleKey ? metric.metadata.title : title;\n        const finalDescription =\n          description === descriptionKey\n            ? metric.metadata.description\n            : description;\n\n        return (\n          <Scorecard\n            key={metric.id}\n            cardTitle={finalTitle}\n            description={finalDescription}\n            loading={false}\n            statusColor={statusConfig.color}\n            StatusIcon={statusConfig.icon ?? (() => null)}\n            value={metric.result?.value}\n            thresholds={metric.result?.thresholdResult}\n            isMetricDataError={isMetricDataError}\n            metricDataError={metric?.error}\n            isThresholdError={isThresholdError}\n            thresholdError={metric.result?.thresholdResult?.error}\n          />\n        );\n      })}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}