@backstage-community/plugin-apiiro 0.1.0

package/dist/queries/top-risks.queries.esm.js

@@ -0,0 +1,47 @@
+import { useQuery } from '@tanstack/react-query';
+import { post } from '../api/index.esm.js';
+
+const getTopRisksData = async ({
+  fetchApi,
+  signal,
+  connectApi,
+  repoId,
+  entityRef
+}) => {
+  const url = await connectApi.discoveryApi.getBaseUrl("apiiro");
+  const body = { repositoryKey: repoId, ...entityRef && { entityRef } };
+  return await post(fetchApi, `${url}/top-risks`, {
+    signal,
+    body
+  });
+};
+function useTopRisksData({
+  fetchApi,
+  connectApi,
+  repoId,
+  entityRef
+}) {
+  const {
+    data: topRisksData,
+    error: topRisksDataError,
+    isLoading: topRisksDataLoading
+  } = useQuery({
+    queryKey: ["GET_TOP_RISKS" /* GET_TOP_RISKS */, repoId, entityRef],
+    queryFn: ({ signal }) => repoId ? getTopRisksData({
+      fetchApi,
+      signal,
+      connectApi,
+      repoId,
+      entityRef
+    }) : Promise.resolve([]),
+    enabled: !!repoId
+  });
+  return {
+    topRisksData,
+    topRisksDataError,
+    topRisksDataLoading
+  };
+}
+
+export { useTopRisksData };
+//# sourceMappingURL=top-risks.queries.esm.js.map

package/dist/queries/top-risks.queries.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-risks.queries.esm.js","sources":["../../src/queries/top-risks.queries.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useQuery } from '@tanstack/react-query';\nimport { post } from '../api';\nimport { Query, TopRiskSuccessResponseData } from './queries.type';\n\nexport enum TOP_RISKS_QUERY_KEY {\n  GET_TOP_RISKS = 'GET_TOP_RISKS',\n}\n\nconst getTopRisksData = async ({\n  fetchApi,\n  signal,\n  connectApi,\n  repoId,\n  entityRef,\n}: Query & { repoId: string; entityRef?: string }) => {\n  const url = await connectApi.discoveryApi.getBaseUrl('apiiro');\n  const body = { repositoryKey: repoId, ...(entityRef && { entityRef }) };\n  return await post<TopRiskSuccessResponseData>(fetchApi, `${url}/top-risks`, {\n    signal,\n    body,\n  });\n};\n\nexport function useTopRisksData({\n  fetchApi,\n  connectApi,\n  repoId,\n  entityRef,\n}: Omit<Query, 'signal'> & { repoId?: string; entityRef?: string }) {\n  const {\n    data: topRisksData,\n    error: topRisksDataError,\n    isLoading: topRisksDataLoading,\n  } = useQuery({\n    queryKey: [TOP_RISKS_QUERY_KEY.GET_TOP_RISKS, repoId, entityRef],\n    queryFn: ({ signal }) =>\n      repoId\n        ? getTopRisksData({\n            fetchApi,\n            signal,\n            connectApi,\n            repoId,\n            entityRef,\n          })\n        : Promise.resolve([]),\n    enabled: !!repoId,\n  });\n\n  return {\n    topRisksData,\n    topRisksDataError,\n    topRisksDataLoading,\n  };\n}\n"],"names":[],"mappings":";;;AAuBA,MAAM,kBAAkB,OAAO;AAAA,EAC7B,QAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,KAAsD;AACpD,EAAA,MAAM,GAAA,GAAM,MAAM,UAAA,CAAW,YAAA,CAAa,WAAW,QAAQ,CAAA;AAC7D,EAAA,MAAM,IAAA,GAAO,EAAE,aAAA,EAAe,MAAA,EAAQ,GAAI,SAAA,IAAa,EAAE,WAAU,EAAG;AACtE,EAAA,OAAO,MAAM,IAAA,CAAiC,QAAA,EAAU,CAAA,EAAG,GAAG,CAAA,UAAA,CAAA,EAAc;AAAA,IAC1E,MAAA;AAAA,IACA;AAAA,GACD,CAAA;AACH,CAAA;AAEO,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAoE;AAClE,EAAA,MAAM;AAAA,IACJ,IAAA,EAAM,YAAA;AAAA,IACN,KAAA,EAAO,iBAAA;AAAA,IACP,SAAA,EAAW;AAAA,MACT,QAAA,CAAS;AAAA,IACX,QAAA,EAAU,CAAC,eAAA,sBAAmC,MAAA,EAAQ,SAAS,CAAA;AAAA,IAC/D,SAAS,CAAC,EAAE,MAAA,EAAO,KACjB,SACI,eAAA,CAAgB;AAAA,MACd,QAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA;AAAA,KACD,CAAA,GACD,OAAA,CAAQ,OAAA,CAAQ,EAAE,CAAA;AAAA,IACxB,OAAA,EAAS,CAAC,CAAC;AAAA,GACZ,CAAA;AAED,EAAA,OAAO;AAAA,IACL,YAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/routes.esm.js

@@ -0,0 +1,8 @@
+import { createRouteRef } from '@backstage/core-plugin-api';
+
+const rootRouteRef = createRouteRef({
+  id: "apiiro-plugin"
+});
+
+export { rootRouteRef };
+//# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'apiiro-plugin',\n});\n"],"names":[],"mappings":";;AAiBO,MAAM,eAAe,cAAA,CAAe;AAAA,EACzC,EAAA,EAAI;AACN,CAAC;;;;"}

package/dist/theme/themeUtils.esm.js

@@ -0,0 +1,290 @@
+const lightPalette = {
+  risk: {
+    critical: "#bc0e4d",
+    high: "#f2405e",
+    medium: "#ffa70f",
+    low: "#ffe366"
+  },
+  riskStatus: {
+    open: "#f2405e",
+    accepted: "#00d0b3"
+  },
+  trend: {
+    positive: { line: "#f44336", background: "#fde7eb", text: "#9d0b23" },
+    negative: { line: "#2eefd9", background: "#d9fcf8", text: "#09776a" },
+    neutral: { line: "#769cd6", background: "#ebf1fa", text: "#012b70" }
+  },
+  activity: {
+    active: "#11e4cb"
+  },
+  businessImpact: {
+    high: "#d32f2f",
+    medium: "#f57c00",
+    low: "#388e3c"
+  },
+  gauge: {
+    success: "#2eefd9",
+    warning: "#f2405e"
+  },
+  sla: {
+    breach: "#f2405e",
+    adherence: "#a8c5ff"
+  },
+  blueVariants: [
+    "#012b70",
+    "#2e5a9e",
+    "#769cd6",
+    "#9db9e2",
+    "#b3c9e9",
+    "#c5d7ef",
+    "#d5e2f4",
+    "#e1eaf8",
+    "#ebf1fa",
+    "#f2f6fd",
+    "#f7fafe",
+    "#f9fbff"
+  ],
+  avatar: [
+    "#1976d2",
+    "#388e3c",
+    "#f57c00",
+    "#7b1fa2",
+    "#c62828",
+    "#00796b",
+    "#5d4037",
+    "#455a64"
+  ],
+  logo: {
+    background: "#E6E6E6",
+    fill: "#21263F"
+  },
+  countBadge: {
+    background: "#dfe4ff",
+    text: "#2b3ba8"
+  },
+  spinner: "#2eefd9",
+  other: "#e2e2e9",
+  header: "#21263F",
+  // Grey palette indices for light mode
+  grey: {
+    riskAutoIgnored: 600,
+    riskStatusIgnored: 500,
+    activityInactive: 400,
+    businessImpactDefault: 600,
+    gaugeBackground: 100,
+    slaNotSet: 300,
+    other: 700,
+    searchBackground: 50,
+    searchBorder: 300,
+    searchHoverBorder: 400,
+    codeBackground: 100,
+    codeBorder: 400
+  }
+};
+const darkPalette = {
+  risk: {
+    critical: "#d40f57ff",
+    high: "#f14763ff",
+    medium: "#ffb84d",
+    low: "#ffe680"
+  },
+  riskStatus: {
+    open: "#f2405e",
+    accepted: "#00d0b3"
+  },
+  trend: {
+    positive: {
+      line: "#ff7b8f",
+      background: "rgba(244, 67, 54, 0.2)",
+      text: "#ffb3bf"
+    },
+    negative: {
+      line: "#4dffd9",
+      background: "rgba(46, 239, 217, 0.2)",
+      text: "#80ffe6"
+    },
+    neutral: {
+      line: "#a3c4f3",
+      background: "rgba(118, 156, 214, 0.2)",
+      text: "#c4d9f7"
+    }
+  },
+  activity: {
+    active: "#4dffd9"
+  },
+  businessImpact: {
+    high: "#ff6b6b",
+    medium: "#ffb84d",
+    low: "#69db7c"
+  },
+  gauge: {
+    success: "#4dffd9",
+    warning: "#ff7b8f"
+  },
+  sla: {
+    breach: "#ff7b8f",
+    adherence: "#a3c4f3"
+  },
+  blueVariants: [
+    "#4a7fc7",
+    "#5d8fd4",
+    "#709fe0",
+    "#83afec",
+    "#96bff8",
+    "#a9cfff",
+    "#bcdfff",
+    "#cfefff",
+    "#e2f5ff",
+    "#f0faff",
+    "#f7fcff",
+    "#fafeff"
+  ],
+  avatar: [
+    "#5c9ce6",
+    "#5cb85c",
+    "#f5a623",
+    "#9b59b6",
+    "#e74c3c",
+    "#1abc9c",
+    "#8b6914",
+    "#7f8c8d"
+  ],
+  countBadge: {
+    background: "rgba(25, 118, 210, 0.2)",
+    // primary.main with 0.2 alpha
+    text: "#64b5f6"
+    // primary.light
+  },
+  logo: {
+    background: "rgba(255, 255, 255, 0.1)",
+    // white with 0.1 alpha
+    fill: "#ffffff"
+  },
+  spinner: "#2eefd9",
+  other: "#616161",
+  // grey[700]
+  header: "#21263F",
+  // background.paper in dark mode
+  // Grey palette indices for dark mode
+  grey: {
+    riskAutoIgnored: 400,
+    riskStatusIgnored: 400,
+    activityInactive: 500,
+    businessImpactDefault: 400,
+    gaugeBackground: 300,
+    slaNotSet: 600,
+    other: 700,
+    searchBackground: 900,
+    searchBorder: 700,
+    searchHoverBorder: 600,
+    codeBackground: 900,
+    codeBorder: 700
+  }
+};
+const getPalette = (theme) => theme.palette.mode === "dark" ? darkPalette : lightPalette;
+const getRiskColors = (theme) => {
+  const palette = getPalette(theme);
+  return {
+    critical: palette.risk.critical,
+    high: palette.risk.high,
+    medium: palette.risk.medium,
+    low: palette.risk.low,
+    autoIgnored: theme.palette.grey[palette.grey.riskAutoIgnored]
+  };
+};
+const getRiskStatusColors = (theme) => {
+  const palette = getPalette(theme);
+  return {
+    open: palette.riskStatus.open,
+    accepted: palette.riskStatus.accepted,
+    ignored: theme.palette.grey[palette.grey.riskStatusIgnored]
+  };
+};
+const getTrendColors = (theme) => {
+  const palette = getPalette(theme);
+  return {
+    positive: palette.trend.positive,
+    negative: palette.trend.negative,
+    neutral: palette.trend.neutral
+  };
+};
+const getActivityStatusColors = (theme) => {
+  const palette = getPalette(theme);
+  return {
+    active: palette.activity.active,
+    inactive: theme.palette.grey[palette.grey.activityInactive]
+  };
+};
+const getBusinessImpactColors = (theme) => {
+  const palette = getPalette(theme);
+  return {
+    high: palette.businessImpact.high,
+    medium: palette.businessImpact.medium,
+    low: palette.businessImpact.low,
+    default: theme.palette.grey[palette.grey.businessImpactDefault]
+  };
+};
+const getGaugeColors = (theme) => {
+  const palette = getPalette(theme);
+  return {
+    success: palette.gauge.success,
+    warning: palette.gauge.warning,
+    background: theme.palette.grey[palette.grey.gaugeBackground],
+    pointer: theme.palette.text.primary
+  };
+};
+const getSlaColors = (theme) => {
+  const palette = getPalette(theme);
+  return {
+    breach: palette.sla.breach,
+    adherence: palette.sla.adherence,
+    notSet: theme.palette.grey[palette.grey.slaNotSet]
+  };
+};
+const getBlueColorVariants = (theme) => {
+  const palette = getPalette(theme);
+  return palette.blueVariants;
+};
+const getOtherColor = (theme) => {
+  const palette = getPalette(theme);
+  return palette.other || theme.palette.grey[palette.grey.other];
+};
+const getLogoContainerColors = (theme) => {
+  const palette = getPalette(theme);
+  return {
+    background: palette.logo.background,
+    logoFill: palette.logo.fill
+  };
+};
+const getAvatarColors = (theme) => {
+  const palette = getPalette(theme);
+  return palette.avatar;
+};
+const getCountBadgeColors = (theme) => {
+  const palette = getPalette(theme);
+  return {
+    background: palette.countBadge.background,
+    text: palette.countBadge.text
+  };
+};
+const getSearchToolbarColors = (theme) => {
+  const palette = getPalette(theme);
+  return {
+    iconColor: theme.palette.text.secondary,
+    backgroundColor: theme.palette.grey[palette.grey.searchBackground],
+    borderColor: theme.palette.grey[palette.grey.searchBorder],
+    hoverBorderColor: theme.palette.grey[palette.grey.searchHoverBorder],
+    focusBorderColor: theme.palette.primary.main
+  };
+};
+const getSpinnerColor = (theme) => {
+  const palette = getPalette(theme);
+  return palette.spinner;
+};
+const getHeaderBackground = (theme) => {
+  const palette = getPalette(theme);
+  return palette.header;
+};
+
+export { getActivityStatusColors, getAvatarColors, getBlueColorVariants, getBusinessImpactColors, getCountBadgeColors, getGaugeColors, getHeaderBackground, getLogoContainerColors, getOtherColor, getRiskColors, getRiskStatusColors, getSearchToolbarColors, getSlaColors, getSpinnerColor, getTrendColors };
+//# sourceMappingURL=themeUtils.esm.js.map

package/dist/theme/themeUtils.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeUtils.esm.js","sources":["../../src/theme/themeUtils.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Theme } from '@mui/material/styles';\n\n/**\n * Valid MUI grey palette keys.\n */\ntype GreyKey =\n  | 50\n  | 100\n  | 200\n  | 300\n  | 400\n  | 500\n  | 600\n  | 700\n  | 800\n  | 900\n  | 'A100'\n  | 'A200'\n  | 'A400'\n  | 'A700';\n\n/**\n * Light mode color palette for the Apiiro plugin.\n */\nconst lightPalette = {\n  risk: {\n    critical: '#bc0e4d',\n    high: '#f2405e',\n    medium: '#ffa70f',\n    low: '#ffe366',\n  },\n  riskStatus: {\n    open: '#f2405e',\n    accepted: '#00d0b3',\n  },\n  trend: {\n    positive: { line: '#f44336', background: '#fde7eb', text: '#9d0b23' },\n    negative: { line: '#2eefd9', background: '#d9fcf8', text: '#09776a' },\n    neutral: { line: '#769cd6', background: '#ebf1fa', text: '#012b70' },\n  },\n  activity: {\n    active: '#11e4cb',\n  },\n  businessImpact: {\n    high: '#d32f2f',\n    medium: '#f57c00',\n    low: '#388e3c',\n  },\n  gauge: {\n    success: '#2eefd9',\n    warning: '#f2405e',\n  },\n  sla: {\n    breach: '#f2405e',\n    adherence: '#a8c5ff',\n  },\n  blueVariants: [\n    '#012b70',\n    '#2e5a9e',\n    '#769cd6',\n    '#9db9e2',\n    '#b3c9e9',\n    '#c5d7ef',\n    '#d5e2f4',\n    '#e1eaf8',\n    '#ebf1fa',\n    '#f2f6fd',\n    '#f7fafe',\n    '#f9fbff',\n  ],\n  avatar: [\n    '#1976d2',\n    '#388e3c',\n    '#f57c00',\n    '#7b1fa2',\n    '#c62828',\n    '#00796b',\n    '#5d4037',\n    '#455a64',\n  ],\n  logo: {\n    background: '#E6E6E6',\n    fill: '#21263F',\n  },\n  countBadge: {\n    background: '#dfe4ff',\n    text: '#2b3ba8',\n  },\n  spinner: '#2eefd9',\n  other: '#e2e2e9',\n  header: '#21263F',\n  // Grey palette indices for light mode\n  grey: {\n    riskAutoIgnored: 600 as GreyKey,\n    riskStatusIgnored: 500 as GreyKey,\n    activityInactive: 400 as GreyKey,\n    businessImpactDefault: 600 as GreyKey,\n    gaugeBackground: 100 as GreyKey,\n    slaNotSet: 300 as GreyKey,\n    other: 700 as GreyKey,\n    searchBackground: 50 as GreyKey,\n    searchBorder: 300 as GreyKey,\n    searchHoverBorder: 400 as GreyKey,\n    codeBackground: 100 as GreyKey,\n    codeBorder: 400 as GreyKey,\n  },\n};\n\n/**\n * Dark mode color palette for the Apiiro plugin.\n */\nconst darkPalette = {\n  risk: {\n    critical: '#d40f57ff',\n    high: '#f14763ff',\n    medium: '#ffb84d',\n    low: '#ffe680',\n  },\n  riskStatus: {\n    open: '#f2405e',\n    accepted: '#00d0b3',\n  },\n  trend: {\n    positive: {\n      line: '#ff7b8f',\n      background: 'rgba(244, 67, 54, 0.2)',\n      text: '#ffb3bf',\n    },\n    negative: {\n      line: '#4dffd9',\n      background: 'rgba(46, 239, 217, 0.2)',\n      text: '#80ffe6',\n    },\n    neutral: {\n      line: '#a3c4f3',\n      background: 'rgba(118, 156, 214, 0.2)',\n      text: '#c4d9f7',\n    },\n  },\n  activity: {\n    active: '#4dffd9',\n  },\n  businessImpact: {\n    high: '#ff6b6b',\n    medium: '#ffb84d',\n    low: '#69db7c',\n  },\n  gauge: {\n    success: '#4dffd9',\n    warning: '#ff7b8f',\n  },\n  sla: {\n    breach: '#ff7b8f',\n    adherence: '#a3c4f3',\n  },\n  blueVariants: [\n    '#4a7fc7',\n    '#5d8fd4',\n    '#709fe0',\n    '#83afec',\n    '#96bff8',\n    '#a9cfff',\n    '#bcdfff',\n    '#cfefff',\n    '#e2f5ff',\n    '#f0faff',\n    '#f7fcff',\n    '#fafeff',\n  ],\n  avatar: [\n    '#5c9ce6',\n    '#5cb85c',\n    '#f5a623',\n    '#9b59b6',\n    '#e74c3c',\n    '#1abc9c',\n    '#8b6914',\n    '#7f8c8d',\n  ],\n  countBadge: {\n    background: 'rgba(25, 118, 210, 0.2)', // primary.main with 0.2 alpha\n    text: '#64b5f6', // primary.light\n  },\n  logo: {\n    background: 'rgba(255, 255, 255, 0.1)', // white with 0.1 alpha\n    fill: '#ffffff',\n  },\n  spinner: '#2eefd9',\n  other: '#616161', // grey[700]\n  header: '#21263F', // background.paper in dark mode\n  // Grey palette indices for dark mode\n  grey: {\n    riskAutoIgnored: 400 as GreyKey,\n    riskStatusIgnored: 400 as GreyKey,\n    activityInactive: 500 as GreyKey,\n    businessImpactDefault: 400 as GreyKey,\n    gaugeBackground: 300 as GreyKey,\n    slaNotSet: 600 as GreyKey,\n    other: 700 as GreyKey,\n    searchBackground: 900 as GreyKey,\n    searchBorder: 700 as GreyKey,\n    searchHoverBorder: 600 as GreyKey,\n    codeBackground: 900 as GreyKey,\n    codeBorder: 700 as GreyKey,\n  },\n};\n\n/**\n * Gets the appropriate color palette based on theme mode.\n */\nconst getPalette = (theme: Theme) =>\n  theme.palette.mode === 'dark' ? darkPalette : lightPalette;\n\n/**\n * Theme-aware semantic colors for risk levels.\n * These colors are designed to work in both light and dark modes.\n */\nexport const getRiskColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    critical: palette.risk.critical,\n    high: palette.risk.high,\n    medium: palette.risk.medium,\n    low: palette.risk.low,\n    autoIgnored: theme.palette.grey[palette.grey.riskAutoIgnored],\n  };\n};\n\n/**\n * Theme-aware semantic colors for risk status.\n */\nexport const getRiskStatusColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    open: palette.riskStatus.open,\n    accepted: palette.riskStatus.accepted,\n    ignored: theme.palette.grey[palette.grey.riskStatusIgnored],\n  };\n};\n\n/**\n * Theme-aware colors for trend indicators (positive/negative/neutral).\n */\nexport const getTrendColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    positive: palette.trend.positive,\n    negative: palette.trend.negative,\n    neutral: palette.trend.neutral,\n  };\n};\n\n/**\n * Theme-aware colors for activity status indicator.\n */\nexport const getActivityStatusColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    active: palette.activity.active,\n    inactive: theme.palette.grey[palette.grey.activityInactive],\n  };\n};\n\n/**\n * Theme-aware colors for business impact levels.\n */\nexport const getBusinessImpactColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    high: palette.businessImpact.high,\n    medium: palette.businessImpact.medium,\n    low: palette.businessImpact.low,\n    default: theme.palette.grey[palette.grey.businessImpactDefault],\n  };\n};\n\n/**\n * Theme-aware colors for gauge chart.\n */\nexport const getGaugeColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    success: palette.gauge.success,\n    warning: palette.gauge.warning,\n    background: theme.palette.grey[palette.grey.gaugeBackground],\n    pointer: theme.palette.text.primary,\n  };\n};\n\n/**\n * Theme-aware colors for SLA adherence chart.\n */\nexport const getSlaColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    breach: palette.sla.breach,\n    adherence: palette.sla.adherence,\n    notSet: theme.palette.grey[palette.grey.slaNotSet],\n  };\n};\n\n/**\n * Theme-aware blue color variants for charts (e.g., TopLanguagesTile).\n */\nexport const getBlueColorVariants = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return palette.blueVariants;\n};\n\n/**\n * Theme-aware \"other\" color for charts.\n */\nexport const getOtherColor = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return palette.other || theme.palette.grey[palette.grey.other];\n};\n\n/**\n * Theme-aware colors for logo container.\n */\nexport const getLogoContainerColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    background: palette.logo.background,\n    logoFill: palette.logo.fill,\n  };\n};\n\n/**\n * Theme-aware colors for avatar backgrounds.\n */\nexport const getAvatarColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return palette.avatar;\n};\n\n/**\n * Theme-aware colors for count badge.\n */\nexport const getCountBadgeColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    background: palette.countBadge.background,\n    text: palette.countBadge.text,\n  };\n};\n\n/**\n * Theme-aware colors for search toolbar.\n */\nexport const getSearchToolbarColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    iconColor: theme.palette.text.secondary,\n    backgroundColor: theme.palette.grey[palette.grey.searchBackground],\n    borderColor: theme.palette.grey[palette.grey.searchBorder],\n    hoverBorderColor: theme.palette.grey[palette.grey.searchHoverBorder],\n    focusBorderColor: theme.palette.primary.main,\n  };\n};\n\n/**\n * Theme-aware colors for text (used in typography).\n */\nexport const getTypographyColors = (theme: Theme) => {\n  return {\n    primary: theme.palette.text.primary,\n    secondary: theme.palette.text.secondary,\n    disabled: theme.palette.text.disabled,\n  };\n};\n\n/**\n * Theme-aware colors for code blocks.\n */\nexport const getCodeBlockColors = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return {\n    background: theme.palette.grey[palette.grey.codeBackground],\n    border: theme.palette.grey[palette.grey.codeBorder],\n  };\n};\n\n/**\n * Theme-aware spinner color.\n */\nexport const getSpinnerColor = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return palette.spinner;\n};\n\n/**\n * Theme-aware header background color.\n */\nexport const getHeaderBackground = (theme: Theme) => {\n  const palette = getPalette(theme);\n  return palette.header || theme.palette.background.paper;\n};\n"],"names":[],"mappings":"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"}

package/dist/utils/dateFormatter.esm.js

@@ -0,0 +1,67 @@
+const formatDateWithTimeCheck = (dateString) => {
+  if (!dateString) return "N/A";
+  const date = new Date(dateString);
+  if (date.getHours() >= 20) {
+    date.setDate(date.getDate() + 1);
+  }
+  return date.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  });
+};
+const MS_PER_DAY = 1e3 * 60 * 60 * 24;
+const getDevelopmentDuration = (lastActivity) => {
+  if (!lastActivity) return "0 days";
+  const lastActivityDate = new Date(lastActivity);
+  const today = /* @__PURE__ */ new Date();
+  let years = today.getFullYear() - lastActivityDate.getFullYear();
+  let months = today.getMonth() - lastActivityDate.getMonth();
+  let days = today.getDate() - lastActivityDate.getDate();
+  if (days < 0) {
+    const lastMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1);
+    const daysInLastMonth = new Date(
+      lastMonth.getFullYear(),
+      lastMonth.getMonth() + 1,
+      0
+    ).getDate();
+    days += daysInLastMonth;
+    months--;
+  }
+  if (months < 0) {
+    months += 12;
+    years--;
+  }
+  const totalMonths = years * 12 + months;
+  const totalDays = Math.round(
+    (today.getTime() - lastActivityDate.getTime()) / MS_PER_DAY
+  );
+  if (totalMonths >= 12) {
+    const yearCount = Math.round(totalMonths / 12);
+    return `${yearCount} ${yearCount === 1 ? "year" : "years"}`;
+  }
+  if (totalMonths > 0) {
+    return `${totalMonths} ${totalMonths === 1 ? "month" : "months"}`;
+  }
+  const dayCount = Math.max(1, totalDays);
+  if (dayCount === 1) return "1 day";
+  return `${dayCount} days`;
+};
+const formatActivityTooltip = (lastActivity, activeSince) => {
+  return `Last activity on ${formatDateWithTimeCheck(
+    lastActivity
+  )}. Active since ${formatDateWithTimeCheck(activeSince)}`;
+};
+const formatDate = (dateString) => {
+  if (!dateString) return "";
+  const date = new Date(dateString);
+  const userLocale = window.navigator.language || window.navigator.languages?.[0] || "en-US";
+  return date.toLocaleDateString(userLocale, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+};
+
+export { formatActivityTooltip, formatDate, formatDateWithTimeCheck, getDevelopmentDuration };
+//# sourceMappingURL=dateFormatter.esm.js.map

package/dist/utils/dateFormatter.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFormatter.esm.js","sources":["../../src/utils/dateFormatter.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nexport const formatDateWithTimeCheck = (dateString: string): string => {\n  if (!dateString) return 'N/A';\n\n  const date = new Date(dateString);\n\n  // If the time is after 8 PM (20:00), add one day\n  if (date.getHours() >= 20) {\n    date.setDate(date.getDate() + 1);\n  }\n\n  return date.toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  });\n};\n\nconst MS_PER_DAY = 1000 * 60 * 60 * 24;\n\nexport const getDevelopmentDuration = (lastActivity: string): string => {\n  if (!lastActivity) return '0 days';\n\n  const lastActivityDate = new Date(lastActivity);\n  const today = new Date();\n\n  // Calculate the difference in years, months, and days\n  let years = today.getFullYear() - lastActivityDate.getFullYear();\n  let months = today.getMonth() - lastActivityDate.getMonth();\n  let days = today.getDate() - lastActivityDate.getDate();\n\n  // Adjust for negative days/months\n  if (days < 0) {\n    const lastMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1);\n    const daysInLastMonth = new Date(\n      lastMonth.getFullYear(),\n      lastMonth.getMonth() + 1,\n      0,\n    ).getDate();\n    days += daysInLastMonth;\n    months--;\n  }\n\n  if (months < 0) {\n    months += 12;\n    years--;\n  }\n\n  // Calculate total months and days for more accurate year/month conversion\n  const totalMonths = years * 12 + months;\n  const totalDays = Math.round(\n    (today.getTime() - lastActivityDate.getTime()) / MS_PER_DAY,\n  );\n\n  // Return the highest unit that has a value >= 1\n  if (totalMonths >= 12) {\n    const yearCount = Math.round(totalMonths / 12);\n    return `${yearCount} ${yearCount === 1 ? 'year' : 'years'}`;\n  }\n\n  if (totalMonths > 0) {\n    return `${totalMonths} ${totalMonths === 1 ? 'month' : 'months'}`;\n  }\n\n  // For days, ensure we have at least 1 day\n  const dayCount = Math.max(1, totalDays);\n  if (dayCount === 1) return '1 day';\n  return `${dayCount} days`;\n};\n\nexport const formatActivityTooltip = (\n  lastActivity: string,\n  activeSince: string,\n): string => {\n  return `Last activity on ${formatDateWithTimeCheck(\n    lastActivity,\n  )}. Active since ${formatDateWithTimeCheck(activeSince)}`;\n};\n\nexport const getStatusText = (\n  isActive: boolean,\n  lastActivity: string,\n): string => {\n  if (!isActive) return 'Inactive';\n  const duration = getDevelopmentDuration(lastActivity);\n  return `In development for ${duration}`;\n};\n\n/**\n * Formats a date string to a locale-specific date format.\n * @param {string} dateString - The date string to format.\n * @returns {string} The formatted date string.\n */\nexport const formatDate = (dateString: string) => {\n  if (!dateString) return '';\n  const date = new Date(dateString);\n  const userLocale =\n    window.navigator.language || window.navigator.languages?.[0] || 'en-US';\n  return date.toLocaleDateString(userLocale, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n  });\n};\n"],"names":[],"mappings":"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"}

package/dist/utils/numberFormatter.esm.js

@@ -0,0 +1,21 @@
+const suffixMappings = [
+  { value: 1, symbol: "" },
+  { value: 1e3, symbol: "K" },
+  { value: 1e6, symbol: "M" },
+  { value: 1e9, symbol: "G" },
+  { value: 1e12, symbol: "T" },
+  { value: 1e15, symbol: "P" },
+  { value: 1e18, symbol: "E" }
+];
+const defaultLocale = "en-US";
+function formatNumberWithSuffix(num, decimalPlaces = 1) {
+  const { value, symbol } = suffixMappings.reduce(
+    (result, item) => num >= item.value ? item : result
+  );
+  return (num / value).toLocaleString(defaultLocale, {
+    maximumFractionDigits: decimalPlaces
+  }) + symbol;
+}
+
+export { formatNumberWithSuffix };
+//# sourceMappingURL=numberFormatter.esm.js.map

package/dist/utils/numberFormatter.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numberFormatter.esm.js","sources":["../../src/utils/numberFormatter.ts"],"sourcesContent":["/*\n * Copyright 2025 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 */\ninterface NumericSuffixConfig {\n  value: number;\n  symbol: string;\n}\n\nconst suffixMappings: NumericSuffixConfig[] = [\n  { value: 1, symbol: '' },\n  { value: 1e3, symbol: 'K' },\n  { value: 1e6, symbol: 'M' },\n  { value: 1e9, symbol: 'G' },\n  { value: 1e12, symbol: 'T' },\n  { value: 1e15, symbol: 'P' },\n  { value: 1e18, symbol: 'E' },\n];\n\nconst defaultLocale = 'en-US';\n\nexport function formatNumberWithSuffix(\n  num: number,\n  decimalPlaces: number = 1,\n): string {\n  const { value, symbol } = suffixMappings.reduce((result, item) =>\n    num >= item.value ? item : result,\n  );\n  return (\n    (num / value).toLocaleString(defaultLocale, {\n      maximumFractionDigits: decimalPlaces,\n    }) + symbol\n  );\n}\n"],"names":[],"mappings":"AAoBA,MAAM,cAAA,GAAwC;AAAA,EAC5C,EAAE,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,EAAA,EAAG;AAAA,EACvB,EAAE,KAAA,EAAO,GAAA,EAAK,MAAA,EAAQ,GAAA,EAAI;AAAA,EAC1B,EAAE,KAAA,EAAO,GAAA,EAAK,MAAA,EAAQ,GAAA,EAAI;AAAA,EAC1B,EAAE,KAAA,EAAO,GAAA,EAAK,MAAA,EAAQ,GAAA,EAAI;AAAA,EAC1B,EAAE,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,GAAA,EAAI;AAAA,EAC3B,EAAE,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,GAAA,EAAI;AAAA,EAC3B,EAAE,KAAA,EAAO,IAAA,EAAM,MAAA,EAAQ,GAAA;AACzB,CAAA;AAEA,MAAM,aAAA,GAAgB,OAAA;AAEf,SAAS,sBAAA,CACd,GAAA,EACA,aAAA,GAAwB,CAAA,EAChB;AACR,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAO,GAAI,cAAA,CAAe,MAAA;AAAA,IAAO,CAAC,MAAA,EAAQ,IAAA,KACvD,GAAA,IAAO,IAAA,CAAK,QAAQ,IAAA,GAAO;AAAA,GAC7B;AACA,EAAA,OAAA,CACG,GAAA,GAAM,KAAA,EAAO,cAAA,CAAe,aAAA,EAAe;AAAA,IAC1C,qBAAA,EAAuB;AAAA,GACxB,CAAA,GAAI,MAAA;AAET;;;;"}

package/dist/utils/utils.esm.js

@@ -0,0 +1,27 @@
+import { GitHub } from '@mui/icons-material';
+import { Azure } from '../assets/providerIcons/Azure.esm.js';
+import { Bitbucket } from '../assets/providerIcons/Bitbucket.esm.js';
+import { Gitlab } from '../assets/providerIcons/Gitlab.esm.js';
+import { APIIRO_PROJECT_ANNOTATION, APIIRO_METRICS_VIEW_ANNOTATION } from '@backstage-community/plugin-apiiro-common';
+
+const scmProviderIcons = {
+  AzureDevops: Azure,
+  AzureDevopsServer: Azure,
+  BitbucketCloud: Bitbucket,
+  BitbucketServer: Bitbucket,
+  Github: GitHub,
+  GithubEnterprise: GitHub,
+  Gitlab,
+  GitlabServer: Gitlab
+};
+const isApiiroRepoAvailable = (entity) => Boolean(entity.metadata.annotations?.[APIIRO_PROJECT_ANNOTATION]);
+const isApiiroMetricViewAvailable = (entity) => {
+  const metricViewAnnotation = entity.metadata.annotations?.[APIIRO_METRICS_VIEW_ANNOTATION];
+  if (metricViewAnnotation === void 0) {
+    return void 0;
+  }
+  return metricViewAnnotation.toLocaleLowerCase() === "true";
+};
+
+export { isApiiroMetricViewAvailable, isApiiroRepoAvailable, scmProviderIcons };
+//# sourceMappingURL=utils.esm.js.map

package/dist/utils/utils.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.esm.js","sources":["../../src/utils/utils.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { GitHub } from '@mui/icons-material';\nimport { Azure } from '../assets/providerIcons/Azure';\nimport { Bitbucket } from '../assets/providerIcons/Bitbucket';\nimport { Gitlab } from '../assets/providerIcons/Gitlab';\nimport type { Entity } from '@backstage/catalog-model';\nimport {\n  APIIRO_PROJECT_ANNOTATION,\n  APIIRO_METRICS_VIEW_ANNOTATION,\n} from '@backstage-community/plugin-apiiro-common';\n\nexport const scmProviderIcons: Record<string, any> = {\n  AzureDevops: Azure,\n  AzureDevopsServer: Azure,\n  BitbucketCloud: Bitbucket,\n  BitbucketServer: Bitbucket,\n  Github: GitHub,\n  GithubEnterprise: GitHub,\n  Gitlab: Gitlab,\n  GitlabServer: Gitlab,\n};\n\n/**\n * @public\n * Checks if the entity has the APIIRO project annotation.\n */\nexport const isApiiroRepoAvailable = (entity: Entity) =>\n  Boolean(entity.metadata.annotations?.[APIIRO_PROJECT_ANNOTATION]);\n\n/**\n * Checks if the entity has the APIIRO project annotation.\n */\nexport const isApiiroMetricViewAvailable = (entity: Entity) => {\n  const metricViewAnnotation =\n    entity.metadata.annotations?.[APIIRO_METRICS_VIEW_ANNOTATION];\n\n  if (metricViewAnnotation === undefined) {\n    return undefined;\n  }\n\n  return metricViewAnnotation.toLocaleLowerCase() === 'true';\n};\n"],"names":[],"mappings":";;;;;;AAyBO,MAAM,gBAAA,GAAwC;AAAA,EACnD,WAAA,EAAa,KAAA;AAAA,EACb,iBAAA,EAAmB,KAAA;AAAA,EACnB,cAAA,EAAgB,SAAA;AAAA,EAChB,eAAA,EAAiB,SAAA;AAAA,EACjB,MAAA,EAAQ,MAAA;AAAA,EACR,gBAAA,EAAkB,MAAA;AAAA,EAClB,MAAA;AAAA,EACA,YAAA,EAAc;AAChB;AAMO,MAAM,qBAAA,GAAwB,CAAC,MAAA,KACpC,OAAA,CAAQ,OAAO,QAAA,CAAS,WAAA,GAAc,yBAAyB,CAAC;AAK3D,MAAM,2BAAA,GAA8B,CAAC,MAAA,KAAmB;AAC7D,EAAA,MAAM,oBAAA,GACJ,MAAA,CAAO,QAAA,CAAS,WAAA,GAAc,8BAA8B,CAAA;AAE9D,EAAA,IAAI,yBAAyB,MAAA,EAAW;AACtC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,OAAO,oBAAA,CAAqB,mBAAkB,KAAM,MAAA;AACtD;;;;"}

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@backstage-community/plugin-apiiro",
+  "version": "0.1.0",
+  "license": "Apache-2.0",
+  "main": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.esm.js",
+    "types": "dist/index.d.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/backstage/community-plugins",
+    "directory": "workspaces/apiiro/plugins/apiiro"
+  },
+  "backstage": {
+    "role": "frontend-plugin",
+    "pluginId": "apiiro",
+    "pluginPackages": [
+      "@backstage-community/plugin-apiiro",
+      "@backstage-community/plugin-apiiro-backend",
+      "@backstage-community/plugin-apiiro-common"
+    ]
+  },
+  "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-community/plugin-apiiro-common": "^0.1.0",
+    "@backstage/catalog-model": "^1.7.5",
+    "@backstage/core-components": "^0.18.2",
+    "@backstage/core-plugin-api": "^1.11.1",
+    "@backstage/plugin-catalog-react": "^1.21.2",
+    "@backstage/theme": "^0.7.0",
+    "@mui/icons-material": "^6.5.0",
+    "@mui/material": "^5.18.0",
+    "@mui/x-charts": "^7.29.1",
+    "@mui/x-data-grid": "^8.13.1",
+    "@react-spring/web": "^10.0.3",
+    "@tanstack/react-query": "^5.90.3",
+    "react-calendar": "^4.8.0",
+    "react-icons": "^5.5.0",
+    "react-use": "^17.2.4"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.30.1"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.34.4",
+    "@backstage/core-app-api": "^1.19.1",
+    "@backstage/dev-utils": "^1.1.15",
+    "@backstage/plugin-catalog": "^1.31.4",
+    "@backstage/test-utils": "^1.7.12",
+    "@tanstack/eslint-plugin-query": "^5.91.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.0.0",
+    "@types/react": "^19.2.2",
+    "msw": "^1.0.0",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.30.1"
+  },
+  "resolutions": {
+    "react-is": "^17.0.0 || ^18.0.0"
+  },
+  "files": [
+    "dist",
+    "config.d.ts"
+  ],
+  "configSchema": "config.d.ts",
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
+  "module": "./dist/index.esm.js"
+}