@backstage-community/plugin-xcmetrics 0.18.0 → 0.20.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @backstage-community/plugin-xcmetrics
 
+## 0.20.0
+
+### Minor Changes
+
+- 08f9100: Backstage version bump to v1.51.0
+- 2e308bf: Backstage version bump to v1.52.0
+- 7630621: Backstage version bump to v1.53.0
+- 802f94d: Backstage version bump to v1.54.5
+- 80b2efa: Added support for the new frontend system via a `/alpha` export.
+
+### Patch Changes
+
+- 5427339: Updated dependency `lodash` to `^4.18.1`.
+- ea994d1: Added listDeprecations check to the workspaces/xcmetrics and fixed the deprecations in StatusIcon.tsx and XcmetricsLayout.tsx
+
+## 0.19.0
+
+### Minor Changes
+
+- b1971da: Backstage version bump to v1.50.2
+
 ## 0.18.0
 
 ### Minor Changes

package/README.md

@@ -35,3 +35,26 @@ proxy:
 ```
 
 Start Backstage and navigate to `/xcmetrics` to view your build metrics!
+
+## New Frontend System
+
+If you are using Backstage feature discovery, the plugin can be discovered automatically. Otherwise, you can register the alpha entry manually in your app:
+
+```tsx
+import { createApp } from '@backstage/frontend-defaults';
+import xcmetricsPlugin from '@backstage-community/plugin-xcmetrics/alpha';
+
+const app = createApp({
+  features: [
+    // ...other features
+    xcmetricsPlugin,
+  ],
+});
+```
+
+This plugin provides the following new frontend system extensions:
+
+- A page extension for the XCMetrics dashboard
+- An API extension for `xcmetricsApiRef`
+
+Use `@backstage-community/plugin-xcmetrics/alpha` to enable the plugin through the new frontend system.

package/dist/alpha.d.ts

@@ -0,0 +1,72 @@
+import * as react from 'react';
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+
+/**
+ * @alpha
+ */
+declare const xcmetricsApiExtension: _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+    kind: "api";
+    name: "xcmetrics-api";
+    config: {};
+    configInput: {};
+    output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+    inputs: {};
+    params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
+}>;
+/** @alpha */
+declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {
+    "api:xcmetrics/xcmetrics-api": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "api";
+        name: "xcmetrics-api";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {};
+        params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
+    }>;
+    "page:xcmetrics": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "page";
+        name: undefined;
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            path?: string | undefined;
+            title?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {
+            pages: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+                optional: true;
+            }>, {
+                singleton: false;
+                optional: false;
+                internal: false;
+            }>;
+        };
+        params: {
+            path: string;
+            title?: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader?: () => Promise<react.JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            noHeader?: boolean;
+        };
+    }>;
+}>;
+
+export { _default as default, xcmetricsApiExtension };

package/dist/alpha.esm.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { PageBlueprint, ApiBlueprint, fetchApiRef, discoveryApiRef, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { rootRouteRef } from './routes.esm.js';
+import { xcmetricsApiRef } from './api/types.esm.js';
+import { XcmetricsClient } from './api/XcmetricsClient.esm.js';
+import AssessmentIcon from '@material-ui/icons/Assessment';
+
+const xcmetricsPage = PageBlueprint.make({
+  params: {
+    path: "/xcmetrics",
+    routeRef: rootRouteRef,
+    loader: () => import('./components/XcmetricsLayout/index.esm.js').then((m) => /* @__PURE__ */ jsx(m.NfsXcmetricsLayout, {}))
+  }
+});
+const xcmetricsApiExtension = ApiBlueprint.make({
+  name: "xcmetrics-api",
+  params: (defineParams) => defineParams({
+    api: xcmetricsApiRef,
+    deps: {
+      discoveryApi: discoveryApiRef,
+      fetchApi: fetchApiRef
+    },
+    factory({ discoveryApi, fetchApi }) {
+      return new XcmetricsClient({ discoveryApi, fetchApi });
+    }
+  })
+});
+var alpha = createFrontendPlugin({
+  pluginId: "xcmetrics",
+  title: "XCMetrics",
+  icon: /* @__PURE__ */ jsx(AssessmentIcon, { fontSize: "inherit" }),
+  extensions: [xcmetricsPage, xcmetricsApiExtension],
+  routes: {
+    root: rootRouteRef
+  }
+});
+
+export { alpha as default, xcmetricsApiExtension };
+//# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 {\n  createFrontendPlugin,\n  PageBlueprint,\n  ApiBlueprint,\n  discoveryApiRef,\n  fetchApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { rootRouteRef } from './routes';\nimport { xcmetricsApiRef, XcmetricsClient } from './api';\n\nimport AssessmentIcon from '@material-ui/icons/Assessment';\n\nconst xcmetricsPage = PageBlueprint.make({\n  params: {\n    path: '/xcmetrics',\n    routeRef: rootRouteRef,\n    loader: () =>\n      import('./components/XcmetricsLayout').then(m => (\n        <m.NfsXcmetricsLayout />\n      )),\n  },\n});\n\n/**\n * @alpha\n */\nexport const xcmetricsApiExtension = ApiBlueprint.make({\n  name: 'xcmetrics-api',\n  params: defineParams =>\n    defineParams({\n      api: xcmetricsApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory({ discoveryApi, fetchApi }) {\n        return new XcmetricsClient({ discoveryApi, fetchApi });\n      },\n    }),\n});\n\n/** @alpha */\nexport default createFrontendPlugin({\n  pluginId: 'xcmetrics',\n  title: 'XCMetrics',\n  icon: <AssessmentIcon fontSize=\"inherit\" />,\n  extensions: [xcmetricsPage, xcmetricsApiExtension],\n  routes: {\n    root: rootRouteRef,\n  },\n});\n"],"names":[],"mappings":";;;;;;;AA2BA,MAAM,aAAA,GAAgB,cAAc,IAAA,CAAK;AAAA,EACvC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,YAAA;AAAA,IACN,QAAA,EAAU,YAAA;AAAA,IACV,MAAA,EAAQ,MACN,OAAO,2CAA8B,CAAA,CAAE,IAAA,CAAK,CAAA,CAAA,qBAC1C,GAAA,CAAC,CAAA,CAAE,kBAAA,EAAF,EAAqB,CACvB;AAAA;AAEP,CAAC,CAAA;AAKM,MAAM,qBAAA,GAAwB,aAAa,IAAA,CAAK;AAAA,EACrD,IAAA,EAAM,eAAA;AAAA,EACN,MAAA,EAAQ,kBACN,YAAA,CAAa;AAAA,IACX,GAAA,EAAK,eAAA;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,YAAA,EAAc,eAAA;AAAA,MACd,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,OAAA,CAAQ,EAAE,YAAA,EAAc,QAAA,EAAS,EAAG;AAClC,MAAA,OAAO,IAAI,eAAA,CAAgB,EAAE,YAAA,EAAc,UAAU,CAAA;AAAA,IACvD;AAAA,GACD;AACL,CAAC;AAGD,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,WAAA;AAAA,EACV,KAAA,EAAO,WAAA;AAAA,EACP,IAAA,kBAAM,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAS,SAAA,EAAU,CAAA;AAAA,EACzC,UAAA,EAAY,CAAC,aAAA,EAAe,qBAAqB,CAAA;AAAA,EACjD,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;;;;"}

package/dist/components/StatusIcon/StatusIcon.esm.js

@@ -1,12 +1,18 @@
 import { jsx } from 'react/jsx-runtime';
 import { StatusAborted, StatusWarning, StatusError, StatusOK } from '@backstage/core-components';
 
-const STATUS_ICONS = {
-  succeeded: /* @__PURE__ */ jsx(StatusOK, {}),
-  failed: /* @__PURE__ */ jsx(StatusError, {}),
-  stopped: /* @__PURE__ */ jsx(StatusWarning, {})
+const StatusIcon = ({ buildStatus }) => {
+  switch (buildStatus) {
+    case "succeeded":
+      return /* @__PURE__ */ jsx(StatusOK, {});
+    case "failed":
+      return /* @__PURE__ */ jsx(StatusError, {});
+    case "stopped":
+      return /* @__PURE__ */ jsx(StatusWarning, {});
+    default:
+      return /* @__PURE__ */ jsx(StatusAborted, {});
+  }
 };
-const StatusIcon = ({ buildStatus }) => STATUS_ICONS[buildStatus] ?? /* @__PURE__ */ jsx(StatusAborted, {});
 
 export { StatusIcon };
 //# sourceMappingURL=StatusIcon.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.esm.js","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 {\n  StatusAborted,\n  StatusError,\n  StatusOK,\n  StatusWarning,\n} from '@backstage/core-components';\nimport { BuildStatus } from '../../api';\n\nconst STATUS_ICONS: { [key in BuildStatus]: JSX.Element } = {\n  succeeded: <StatusOK />,\n  failed: <StatusError />,\n  stopped: <StatusWarning />,\n};\n\ninterface StatusIconProps {\n  buildStatus: BuildStatus;\n}\n\nexport const StatusIcon = ({ buildStatus }: StatusIconProps) =>\n  STATUS_ICONS[buildStatus] ?? <StatusAborted />;\n"],"names":[],"mappings":";;;AAuBA,MAAM,YAAA,GAAsD;AAAA,EAC1D,SAAA,sBAAY,QAAA,EAAA,EAAS,CAAA;AAAA,EACrB,MAAA,sBAAS,WAAA,EAAA,EAAY,CAAA;AAAA,EACrB,OAAA,sBAAU,aAAA,EAAA,EAAc;AAC1B,CAAA;AAMO,MAAM,UAAA,GAAa,CAAC,EAAE,WAAA,OAC3B,YAAA,CAAa,WAAW,CAAA,oBAAK,GAAA,CAAC,aAAA,EAAA,EAAc;;;;"}
+{"version":3,"file":"StatusIcon.esm.js","sources":["../../../src/components/StatusIcon/StatusIcon.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 {\n  StatusAborted,\n  StatusError,\n  StatusOK,\n  StatusWarning,\n} from '@backstage/core-components';\nimport { BuildStatus } from '../../api';\n\ninterface StatusIconProps {\n  buildStatus: BuildStatus;\n}\n\nexport const StatusIcon = ({ buildStatus }: StatusIconProps) => {\n  switch (buildStatus) {\n    case 'succeeded':\n      return <StatusOK />;\n    case 'failed':\n      return <StatusError />;\n    case 'stopped':\n      return <StatusWarning />;\n    default:\n      return <StatusAborted />;\n  }\n};\n"],"names":[],"mappings":";;;AA2BO,MAAM,UAAA,GAAa,CAAC,EAAE,WAAA,EAAY,KAAuB;AAC9D,EAAA,QAAQ,WAAA;AAAa,IACnB,KAAK,WAAA;AACH,MAAA,2BAAQ,QAAA,EAAA,EAAS,CAAA;AAAA,IACnB,KAAK,QAAA;AACH,MAAA,2BAAQ,WAAA,EAAA,EAAY,CAAA;AAAA,IACtB,KAAK,SAAA;AACH,MAAA,2BAAQ,aAAA,EAAA,EAAc,CAAA;AAAA,IACxB;AACE,MAAA,2BAAQ,aAAA,EAAA,EAAc,CAAA;AAAA;AAE5B;;;;"}

package/dist/components/XcmetricsLayout/XcmetricsLayout.esm.js

@@ -1,5 +1,5 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Page, Header, HeaderLabel, TabbedLayout, Content } from '@backstage/core-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { TabbedLayout, Content, Page, Header, HeaderLabel } from '@backstage/core-components';
 import { Overview } from '../Overview/Overview.esm.js';
 import { buildsRouteRef } from '../../routes.esm.js';
 import { BuildList } from '../BuildList/BuildList.esm.js';
@@ -16,13 +16,15 @@ const TABS = [
     component: /* @__PURE__ */ jsx(BuildList, {})
   }
 ];
+const XcmetricsTabs = () => /* @__PURE__ */ jsx(TabbedLayout, { children: TABS.map((tab) => /* @__PURE__ */ jsx(TabbedLayout.Route, { path: tab.path, title: tab.title, children: /* @__PURE__ */ jsx(Content, { children: tab.component }) }, tab.path)) });
 const XcmetricsLayout = () => /* @__PURE__ */ jsxs(Page, { themeId: "tool", children: [
   /* @__PURE__ */ jsxs(Header, { title: "XCMetrics", subtitle: "Dashboard", children: [
     /* @__PURE__ */ jsx(HeaderLabel, { label: "Owner", value: "Spotify" }),
     /* @__PURE__ */ jsx(HeaderLabel, { label: "Lifecycle", value: "Alpha" })
   ] }),
-  /* @__PURE__ */ jsx(TabbedLayout, { children: TABS.map((tab) => /* @__PURE__ */ jsx(TabbedLayout.Route, { path: tab.path, title: tab.title, children: /* @__PURE__ */ jsx(Content, { children: tab.component }) }, tab.path)) })
+  /* @__PURE__ */ jsx(XcmetricsTabs, {})
 ] });
+const NfsXcmetricsLayout = () => /* @__PURE__ */ jsx(XcmetricsTabs, {});
 
-export { XcmetricsLayout };
+export { NfsXcmetricsLayout, XcmetricsLayout };
 //# sourceMappingURL=XcmetricsLayout.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"XcmetricsLayout.esm.js","sources":["../../../src/components/XcmetricsLayout/XcmetricsLayout.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 { ReactChild } from 'react';\nimport {\n  Content,\n  Header,\n  HeaderLabel,\n  Page,\n  TabbedLayout,\n} from '@backstage/core-components';\nimport { Overview } from '../Overview';\nimport { buildsRouteRef } from '../../routes';\nimport { BuildList } from '../BuildList';\n\nexport interface TabConfig {\n  path: string;\n  title: string;\n  component: ReactChild;\n}\n\nconst TABS: TabConfig[] = [\n  {\n    path: '/',\n    title: 'Overview',\n    component: <Overview />,\n  },\n  {\n    path: buildsRouteRef.path,\n    title: 'Builds',\n    component: <BuildList />,\n  },\n];\n\nexport const XcmetricsLayout = () => (\n  <Page themeId=\"tool\">\n    <Header title=\"XCMetrics\" subtitle=\"Dashboard\">\n      <HeaderLabel label=\"Owner\" value=\"Spotify\" />\n      <HeaderLabel label=\"Lifecycle\" value=\"Alpha\" />\n    </Header>\n    <TabbedLayout>\n      {TABS.map(tab => (\n        <TabbedLayout.Route key={tab.path} path={tab.path} title={tab.title}>\n          <Content>{tab.component}</Content>\n        </TabbedLayout.Route>\n      ))}\n    </TabbedLayout>\n  </Page>\n);\n"],"names":[],"mappings":";;;;;;AAiCA,MAAM,IAAA,GAAoB;AAAA,EACxB;AAAA,IACE,IAAA,EAAM,GAAA;AAAA,IACN,KAAA,EAAO,UAAA;AAAA,IACP,SAAA,sBAAY,QAAA,EAAA,EAAS;AAAA,GACvB;AAAA,EACA;AAAA,IACE,MAAM,cAAA,CAAe,IAAA;AAAA,IACrB,KAAA,EAAO,QAAA;AAAA,IACP,SAAA,sBAAY,SAAA,EAAA,EAAU;AAAA;AAE1B,CAAA;AAEO,MAAM,eAAA,GAAkB,sBAC7B,IAAA,CAAC,IAAA,EAAA,EAAK,SAAQ,MAAA,EACZ,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAO,KAAA,EAAM,WAAA,EAAY,QAAA,EAAS,WAAA,EACjC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,OAAA,EAAQ,KAAA,EAAM,SAAA,EAAU,CAAA;AAAA,oBAC3C,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,WAAA,EAAY,OAAM,OAAA,EAAQ;AAAA,GAAA,EAC/C,CAAA;AAAA,kBACA,GAAA,CAAC,gBACE,QAAA,EAAA,IAAA,CAAK,GAAA,CAAI,yBACR,GAAA,CAAC,YAAA,CAAa,KAAA,EAAb,EAAkC,IAAA,EAAM,GAAA,CAAI,MAAM,KAAA,EAAO,GAAA,CAAI,KAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,GAAA,CAAI,WAAU,CAAA,EAAA,EADD,GAAA,CAAI,IAE7B,CACD,CAAA,EACH;AAAA,CAAA,EACF;;;;"}
+{"version":3,"file":"XcmetricsLayout.esm.js","sources":["../../../src/components/XcmetricsLayout/XcmetricsLayout.tsx"],"sourcesContent":["/*\n * Copyright 2021 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 type { ReactNode } from 'react';\nimport {\n  Content,\n  Header,\n  HeaderLabel,\n  Page,\n  TabbedLayout,\n} from '@backstage/core-components';\nimport { Overview } from '../Overview';\nimport { buildsRouteRef } from '../../routes';\nimport { BuildList } from '../BuildList';\n\nexport interface TabConfig {\n  path: string;\n  title: string;\n  component: ReactNode;\n}\n\nconst TABS: TabConfig[] = [\n  {\n    path: '/',\n    title: 'Overview',\n    component: <Overview />,\n  },\n  {\n    path: buildsRouteRef.path,\n    title: 'Builds',\n    component: <BuildList />,\n  },\n];\n\nconst XcmetricsTabs = () => (\n  <TabbedLayout>\n    {TABS.map(tab => (\n      <TabbedLayout.Route key={tab.path} path={tab.path} title={tab.title}>\n        <Content>{tab.component}</Content>\n      </TabbedLayout.Route>\n    ))}\n  </TabbedLayout>\n);\n\n// Used by the old frontend system — includes the full page shell\nexport const XcmetricsLayout = () => (\n  <Page themeId=\"tool\">\n    <Header title=\"XCMetrics\" subtitle=\"Dashboard\">\n      <HeaderLabel label=\"Owner\" value=\"Spotify\" />\n      <HeaderLabel label=\"Lifecycle\" value=\"Alpha\" />\n    </Header>\n    <XcmetricsTabs />\n  </Page>\n);\n\n// Used by the new frontend system — no page shell, just content.\n// The framework's PageLayout/PluginHeader provides the outer page shell.\nexport const NfsXcmetricsLayout = () => <XcmetricsTabs />;\n"],"names":[],"mappings":";;;;;;AAiCA,MAAM,IAAA,GAAoB;AAAA,EACxB;AAAA,IACE,IAAA,EAAM,GAAA;AAAA,IACN,KAAA,EAAO,UAAA;AAAA,IACP,SAAA,sBAAY,QAAA,EAAA,EAAS;AAAA,GACvB;AAAA,EACA;AAAA,IACE,MAAM,cAAA,CAAe,IAAA;AAAA,IACrB,KAAA,EAAO,QAAA;AAAA,IACP,SAAA,sBAAY,SAAA,EAAA,EAAU;AAAA;AAE1B,CAAA;AAEA,MAAM,aAAA,GAAgB,sBACpB,GAAA,CAAC,YAAA,EAAA,EACE,QAAA,EAAA,IAAA,CAAK,IAAI,CAAA,GAAA,qBACR,GAAA,CAAC,YAAA,CAAa,KAAA,EAAb,EAAkC,IAAA,EAAM,IAAI,IAAA,EAAM,KAAA,EAAO,GAAA,CAAI,KAAA,EAC5D,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,GAAA,CAAI,SAAA,EAAU,CAAA,EAAA,EADD,GAAA,CAAI,IAE7B,CACD,CAAA,EACH,CAAA;AAIK,MAAM,eAAA,GAAkB,sBAC7B,IAAA,CAAC,IAAA,EAAA,EAAK,SAAQ,MAAA,EACZ,QAAA,EAAA;AAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAO,KAAA,EAAM,WAAA,EAAY,QAAA,EAAS,WAAA,EACjC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,OAAA,EAAQ,KAAA,EAAM,SAAA,EAAU,CAAA;AAAA,oBAC3C,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAM,WAAA,EAAY,OAAM,OAAA,EAAQ;AAAA,GAAA,EAC/C,CAAA;AAAA,sBACC,aAAA,EAAA,EAAc;AAAA,CAAA,EACjB;AAKK,MAAM,kBAAA,GAAqB,sBAAM,GAAA,CAAC,aAAA,EAAA,EAAc;;;;"}

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

@@ -1,6 +1,6 @@
-import { XcmetricsLayout } from './XcmetricsLayout.esm.js';
+import { NfsXcmetricsLayout, XcmetricsLayout } from './XcmetricsLayout.esm.js';
 
 
 
-export { XcmetricsLayout };
+export { NfsXcmetricsLayout, XcmetricsLayout };
 //# sourceMappingURL=index.esm.js.map

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "@backstage-community/plugin-xcmetrics",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "description": "A Backstage plugin that shows XCode build metrics for your components",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "xcmetrics",
     "pluginPackages": [
       "@backstage-community/plugin-xcmetrics"
-    ]
+    ],
+    "features": {
+      "./alpha": "@backstage/FrontendPlugin"
+    }
   },
   "publishConfig": {
-    "access": "public",
-    "main": "dist/index.esm.js",
-    "types": "dist/index.d.ts"
+    "access": "public"
   },
   "homepage": "https://backstage.io",
   "repository": {
@@ -22,8 +23,32 @@
   },
   "license": "Apache-2.0",
   "sideEffects": false,
-  "main": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.esm.js"
+    },
+    "./alpha": {
+      "backstage": "@backstage/FrontendPlugin",
+      "import": "./dist/alpha.esm.js",
+      "types": "./dist/alpha.d.ts",
+      "default": "./dist/alpha.esm.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "typesVersions": {
+    "*": {
+      "alpha": [
+        "dist/alpha.d.ts"
+      ],
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
+  "main": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -34,25 +59,30 @@
     "prepack": "backstage-cli package prepack",
     "postpack": "backstage-cli package postpack",
     "start": "backstage-cli package start",
+    "start:alpha": "backstage-cli package start --entrypoint dev/alpha",
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.18.8",
-    "@backstage/core-plugin-api": "^1.12.4",
-    "@backstage/errors": "^1.2.7",
+    "@backstage/core-components": "^0.18.13",
+    "@backstage/core-plugin-api": "^1.12.9",
+    "@backstage/errors": "^1.3.1",
+    "@backstage/frontend-plugin-api": "^0.18.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@types/react": "^16.13.1 || ^17.0.0 || ^18.0.0",
-    "lodash": "^4.17.21",
+    "lodash": "^4.18.1",
     "luxon": "^3.0.0",
     "react-use": "^17.2.4",
     "recharts": "^2.5.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.36.0",
-    "@backstage/dev-utils": "^1.1.21",
-    "@backstage/test-utils": "^1.7.16",
+    "@backstage/cli": "^0.36.5",
+    "@backstage/dev-utils": "^1.1.26",
+    "@backstage/frontend-defaults": "^0.5.5",
+    "@backstage/frontend-test-utils": "^0.6.3",
+    "@backstage/test-utils": "^1.7.21",
+    "@backstage/ui": "^0.17.1",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^15.0.0",
@@ -69,12 +99,5 @@
     "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
-  "typesVersions": {
-    "*": {
-      "package.json": [
-        "package.json"
-      ]
-    }
-  },
   "module": "./dist/index.esm.js"
 }