@backstage/plugin-app 0.2.0-next.1 → 0.2.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @backstage/plugin-app
 
+## 0.2.0-next.2
+
+### Minor Changes
+
+- fda1bbc: **BREAKING**: The `componentsApi` implementation has been removed from the plugin and replaced with the new `SwappableComponentsApi` instead.
+
+  If you were overriding the `componentsApi` implementation, you can now use the new `SwappableComponentsApi` instead.
+
+  ```ts
+  // old
+  appPlugin.getExtension('api:app/components').override(...)
+
+  // new
+  appPlugin.getExtension('api:app/swappable-components').override(...)
+  ```
+
+### Patch Changes
+
+- 91cbdf4: Log a warning when `SwappableComponent` extensions are installed outside of using the `app` plugin
+- fda1bbc: Default implementations of core components are now provided by this package.
+
+  A backwards compatible `componentsApi` implementation is also provided from this package which uses the `SwappableComponentsApi` as the implementation. This backwards compatible wrapper will be removed in the future.
+
+- 9831f4e: Adjusted the dialog API types to have more sensible defaults
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.11.0-next.2
+  - @backstage/core-components@0.17.5-next.2
+
 ## 0.2.0-next.1
 
 ### Minor Changes

package/README.md

@@ -1,9 +1,3 @@
 # app
 
-Welcome to the app plugin!
-
-_This plugin was created through the Backstage CLI_
-
-## 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 [/app](http://localhost:3000/app).
+This plugin is part of the new frontend system, and represents the foundation of the frontend application itself, which then other features attach themselves into.

package/dist/apis/DefaultDialogApi.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDialogApi.esm.js","sources":["../../src/apis/DefaultDialogApi.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 */\n\nimport { DialogApi, DialogApiDialog } from '@backstage/frontend-plugin-api';\n\nexport type OnShowDialog = (options: {\n  component: (props: { dialog: DialogApiDialog<any> }) => React.JSX.Element;\n  modal: boolean;\n}) => DialogApiDialog;\n\n/**\n * Default implementation for the {@link DialogApi}.\n * @internal\n */\nexport class DefaultDialogApi implements DialogApi {\n  #onShow?: OnShowDialog;\n\n  show<TResult = {}>(\n    elementOrComponent:\n      | JSX.Element\n      | ((props: {\n          dialog: DialogApiDialog<TResult | undefined>;\n        }) => JSX.Element),\n  ): DialogApiDialog<TResult | undefined> {\n    if (!this.#onShow) {\n      throw new Error('Dialog API has not been connected');\n    }\n    return this.#onShow({\n      component:\n        typeof elementOrComponent === 'function'\n          ? elementOrComponent\n          : () => elementOrComponent,\n      modal: false,\n    }) as DialogApiDialog<TResult | undefined>;\n  }\n\n  showModal<TResult = {}>(\n    elementOrComponent:\n      | JSX.Element\n      | ((props: { dialog: DialogApiDialog<TResult> }) => JSX.Element),\n  ): DialogApiDialog<TResult> {\n    if (!this.#onShow) {\n      throw new Error('Dialog API has not been connected');\n    }\n    return this.#onShow({\n      component:\n        typeof elementOrComponent === 'function'\n          ? elementOrComponent\n          : () => elementOrComponent,\n      modal: true,\n    }) as DialogApiDialog<TResult>;\n  }\n\n  connect(onShow: OnShowDialog): void {\n    this.#onShow = onShow;\n  }\n}\n"],"names":[],"mappings":"AA2BO,MAAM,gBAAsC,CAAA;AAAA,EACjD,OAAA;AAAA,EAEA,KACE,kBAKsC,EAAA;AACtC,IAAI,IAAA,CAAC,KAAK,OAAS,EAAA;AACjB,MAAM,MAAA,IAAI,MAAM,mCAAmC,CAAA;AAAA;AAErD,IAAA,OAAO,KAAK,OAAQ,CAAA;AAAA,MAClB,SACE,EAAA,OAAO,kBAAuB,KAAA,UAAA,GAC1B,qBACA,MAAM,kBAAA;AAAA,MACZ,KAAO,EAAA;AAAA,KACR,CAAA;AAAA;AACH,EAEA,UACE,kBAG0B,EAAA;AAC1B,IAAI,IAAA,CAAC,KAAK,OAAS,EAAA;AACjB,MAAM,MAAA,IAAI,MAAM,mCAAmC,CAAA;AAAA;AAErD,IAAA,OAAO,KAAK,OAAQ,CAAA;AAAA,MAClB,SACE,EAAA,OAAO,kBAAuB,KAAA,UAAA,GAC1B,qBACA,MAAM,kBAAA;AAAA,MACZ,KAAO,EAAA;AAAA,KACR,CAAA;AAAA;AACH,EAEA,QAAQ,MAA4B,EAAA;AAClC,IAAA,IAAA,CAAK,OAAU,GAAA,MAAA;AAAA;AAEnB;;;;"}
+{"version":3,"file":"DefaultDialogApi.esm.js","sources":["../../src/apis/DefaultDialogApi.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 */\n\nimport { DialogApi, DialogApiDialog } from '@backstage/frontend-plugin-api';\n\nexport type OnShowDialog = (options: {\n  component: (props: { dialog: DialogApiDialog<any> }) => React.JSX.Element;\n  modal: boolean;\n}) => DialogApiDialog<unknown>;\n\n/**\n * Default implementation for the {@link DialogApi}.\n * @internal\n */\nexport class DefaultDialogApi implements DialogApi {\n  #onShow?: OnShowDialog;\n\n  show<TResult = void>(\n    elementOrComponent:\n      | JSX.Element\n      | ((props: {\n          dialog: DialogApiDialog<TResult | undefined>;\n        }) => JSX.Element),\n  ): DialogApiDialog<TResult | undefined> {\n    if (!this.#onShow) {\n      throw new Error('Dialog API has not been connected');\n    }\n    return this.#onShow({\n      component:\n        typeof elementOrComponent === 'function'\n          ? elementOrComponent\n          : () => elementOrComponent,\n      modal: false,\n    }) as DialogApiDialog<TResult | undefined>;\n  }\n\n  showModal<TResult = void>(\n    elementOrComponent:\n      | JSX.Element\n      | ((props: { dialog: DialogApiDialog<TResult> }) => JSX.Element),\n  ): DialogApiDialog<TResult> {\n    if (!this.#onShow) {\n      throw new Error('Dialog API has not been connected');\n    }\n    return this.#onShow({\n      component:\n        typeof elementOrComponent === 'function'\n          ? elementOrComponent\n          : () => elementOrComponent,\n      modal: true,\n    }) as DialogApiDialog<TResult>;\n  }\n\n  connect(onShow: OnShowDialog): void {\n    this.#onShow = onShow;\n  }\n}\n"],"names":[],"mappings":"AA2BO,MAAM,gBAAsC,CAAA;AAAA,EACjD,OAAA;AAAA,EAEA,KACE,kBAKsC,EAAA;AACtC,IAAI,IAAA,CAAC,KAAK,OAAS,EAAA;AACjB,MAAM,MAAA,IAAI,MAAM,mCAAmC,CAAA;AAAA;AAErD,IAAA,OAAO,KAAK,OAAQ,CAAA;AAAA,MAClB,SACE,EAAA,OAAO,kBAAuB,KAAA,UAAA,GAC1B,qBACA,MAAM,kBAAA;AAAA,MACZ,KAAO,EAAA;AAAA,KACR,CAAA;AAAA;AACH,EAEA,UACE,kBAG0B,EAAA;AAC1B,IAAI,IAAA,CAAC,KAAK,OAAS,EAAA;AACjB,MAAM,MAAA,IAAI,MAAM,mCAAmC,CAAA;AAAA;AAErD,IAAA,OAAO,KAAK,OAAQ,CAAA;AAAA,MAClB,SACE,EAAA,OAAO,kBAAuB,KAAA,UAAA,GAC1B,qBACA,MAAM,kBAAA;AAAA,MACZ,KAAO,EAAA;AAAA,KACR,CAAA;AAAA;AACH,EAEA,QAAQ,MAA4B,EAAA;AAClC,IAAA,IAAA,CAAK,OAAU,GAAA,MAAA;AAAA;AAEnB;;;;"}

package/dist/apis/SwappableComponentsApi/DefaultSwappableComponentsApi.esm.js

@@ -0,0 +1,40 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { OpaqueSwappableComponentRef } from '../../packages/frontend-internal/src/wiring/InternalSwappableComponentRef.esm.js';
+import '../../packages/frontend-internal/src/wiring/InternalExtensionDefinition.esm.js';
+import '../../packages/frontend-internal/src/wiring/InternalFrontendPlugin.esm.js';
+
+class DefaultSwappableComponentsApi {
+  #components;
+  static fromComponents(components) {
+    return new DefaultSwappableComponentsApi(
+      new Map(
+        components.map((entry) => {
+          return [
+            entry.ref.id,
+            entry.loader ? lazy(async () => ({
+              default: await entry.loader()
+            })) : void 0
+          ];
+        })
+      )
+    );
+  }
+  constructor(components) {
+    this.#components = components;
+  }
+  getComponent(ref) {
+    const OverrideComponent = this.#components.get(ref.id);
+    const { defaultComponent: DefaultComponent, transformProps } = OpaqueSwappableComponentRef.toInternal(ref);
+    return (props) => {
+      const innerProps = transformProps?.(props) ?? props;
+      if (OverrideComponent) {
+        return /* @__PURE__ */ jsx(OverrideComponent, { ...innerProps });
+      }
+      return /* @__PURE__ */ jsx(DefaultComponent, { ...innerProps });
+    };
+  }
+}
+
+export { DefaultSwappableComponentsApi };
+//# sourceMappingURL=DefaultSwappableComponentsApi.esm.js.map

package/dist/apis/SwappableComponentsApi/DefaultSwappableComponentsApi.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultSwappableComponentsApi.esm.js","sources":["../../../src/apis/SwappableComponentsApi/DefaultSwappableComponentsApi.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  SwappableComponentRef,\n  SwappableComponentsApi,\n  SwappableComponentBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport { OpaqueSwappableComponentRef } from '@internal/frontend';\n\nimport { lazy } from 'react';\n\n/**\n * Implementation for the {@link SwappableComponentsApi}\n *\n * @internal\n */\nexport class DefaultSwappableComponentsApi implements SwappableComponentsApi {\n  #components: Map<string, ((props: object) => JSX.Element | null) | undefined>;\n\n  static fromComponents(\n    components: Array<typeof SwappableComponentBlueprint.dataRefs.component.T>,\n  ) {\n    return new DefaultSwappableComponentsApi(\n      new Map(\n        components.map(entry => {\n          return [\n            entry.ref.id,\n            entry.loader\n              ? lazy(async () => ({\n                  default: await entry.loader!(),\n                }))\n              : undefined,\n          ];\n        }),\n      ),\n    );\n  }\n\n  constructor(components: Map<string, any>) {\n    this.#components = components;\n  }\n\n  getComponent(\n    ref: SwappableComponentRef<any>,\n  ): (props: object) => JSX.Element | null {\n    const OverrideComponent = this.#components.get(ref.id);\n    const { defaultComponent: DefaultComponent, transformProps } =\n      OpaqueSwappableComponentRef.toInternal(ref);\n\n    return (props: object) => {\n      const innerProps = transformProps?.(props) ?? props;\n\n      if (OverrideComponent) {\n        return <OverrideComponent {...innerProps} />;\n      }\n\n      return <DefaultComponent {...innerProps} />;\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;;AA8BO,MAAM,6BAAgE,CAAA;AAAA,EAC3E,WAAA;AAAA,EAEA,OAAO,eACL,UACA,EAAA;AACA,IAAA,OAAO,IAAI,6BAAA;AAAA,MACT,IAAI,GAAA;AAAA,QACF,UAAA,CAAW,IAAI,CAAS,KAAA,KAAA;AACtB,UAAO,OAAA;AAAA,YACL,MAAM,GAAI,CAAA,EAAA;AAAA,YACV,KAAA,CAAM,MACF,GAAA,IAAA,CAAK,aAAa;AAAA,cAChB,OAAA,EAAS,MAAM,KAAA,CAAM,MAAQ;AAAA,cAC7B,CACF,GAAA,KAAA;AAAA,WACN;AAAA,SACD;AAAA;AACH,KACF;AAAA;AACF,EAEA,YAAY,UAA8B,EAAA;AACxC,IAAA,IAAA,CAAK,WAAc,GAAA,UAAA;AAAA;AACrB,EAEA,aACE,GACuC,EAAA;AACvC,IAAA,MAAM,iBAAoB,GAAA,IAAA,CAAK,WAAY,CAAA,GAAA,CAAI,IAAI,EAAE,CAAA;AACrD,IAAA,MAAM,EAAE,gBAAkB,EAAA,gBAAA,EAAkB,gBAC1C,GAAA,2BAAA,CAA4B,WAAW,GAAG,CAAA;AAE5C,IAAA,OAAO,CAAC,KAAkB,KAAA;AACxB,MAAM,MAAA,UAAA,GAAa,cAAiB,GAAA,KAAK,CAAK,IAAA,KAAA;AAE9C,MAAA,IAAI,iBAAmB,EAAA;AACrB,QAAO,uBAAA,GAAA,CAAC,iBAAmB,EAAA,EAAA,GAAG,UAAY,EAAA,CAAA;AAAA;AAG5C,MAAO,uBAAA,GAAA,CAAC,gBAAkB,EAAA,EAAA,GAAG,UAAY,EAAA,CAAA;AAAA,KAC3C;AAAA;AAEJ;;;;"}

package/dist/extensions/AppRoutes.esm.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createExtension, createExtensionInput, coreExtensionData, useComponentRef, coreComponentRefs } from '@backstage/frontend-plugin-api';
+import { createExtension, createExtensionInput, coreExtensionData, NotFoundErrorPage } from '@backstage/frontend-plugin-api';
 import { useRoutes } from 'react-router-dom';
 
 const AppRoutes = createExtension({
@@ -15,9 +15,6 @@ const AppRoutes = createExtension({
   output: [coreExtensionData.reactElement],
   factory({ inputs }) {
     const Routes = () => {
-      const NotFoundErrorPage = useComponentRef(
-        coreComponentRefs.notFoundErrorPage
-      );
       const element = useRoutes([
         ...inputs.routes.map((route) => ({
           path: `${route.get(coreExtensionData.routePath).replace(/\/$/, "")}/*`,

package/dist/extensions/AppRoutes.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRoutes.esm.js","sources":["../../src/extensions/AppRoutes.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createExtension,\n  coreExtensionData,\n  createExtensionInput,\n  coreComponentRefs,\n  useComponentRef,\n} from '@backstage/frontend-plugin-api';\nimport { useRoutes } from 'react-router-dom';\n\nexport const AppRoutes = createExtension({\n  name: 'routes',\n  attachTo: { id: 'app/layout', input: 'content' },\n  inputs: {\n    routes: createExtensionInput([\n      coreExtensionData.routePath,\n      coreExtensionData.routeRef.optional(),\n      coreExtensionData.reactElement,\n    ]),\n  },\n  output: [coreExtensionData.reactElement],\n  factory({ inputs }) {\n    const Routes = () => {\n      const NotFoundErrorPage = useComponentRef(\n        coreComponentRefs.notFoundErrorPage,\n      );\n\n      const element = useRoutes([\n        ...inputs.routes.map(route => ({\n          path: `${route\n            .get(coreExtensionData.routePath)\n            .replace(/\\/$/, '')}/*`,\n          element: route.get(coreExtensionData.reactElement),\n        })),\n        {\n          path: '*',\n          element: <NotFoundErrorPage />,\n        },\n      ]);\n\n      return element;\n    };\n\n    return [coreExtensionData.reactElement(<Routes />)];\n  },\n});\n"],"names":[],"mappings":";;;;AAyBO,MAAM,YAAY,eAAgB,CAAA;AAAA,EACvC,IAAM,EAAA,QAAA;AAAA,EACN,QAAU,EAAA,EAAE,EAAI,EAAA,YAAA,EAAc,OAAO,SAAU,EAAA;AAAA,EAC/C,MAAQ,EAAA;AAAA,IACN,QAAQ,oBAAqB,CAAA;AAAA,MAC3B,iBAAkB,CAAA,SAAA;AAAA,MAClB,iBAAA,CAAkB,SAAS,QAAS,EAAA;AAAA,MACpC,iBAAkB,CAAA;AAAA,KACnB;AAAA,GACH;AAAA,EACA,MAAA,EAAQ,CAAC,iBAAA,CAAkB,YAAY,CAAA;AAAA,EACvC,OAAA,CAAQ,EAAE,MAAA,EAAU,EAAA;AAClB,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,iBAAoB,GAAA,eAAA;AAAA,QACxB,iBAAkB,CAAA;AAAA,OACpB;AAEA,MAAA,MAAM,UAAU,SAAU,CAAA;AAAA,QACxB,GAAG,MAAA,CAAO,MAAO,CAAA,GAAA,CAAI,CAAU,KAAA,MAAA;AAAA,UAC7B,IAAA,EAAM,CAAG,EAAA,KAAA,CACN,GAAI,CAAA,iBAAA,CAAkB,SAAS,CAC/B,CAAA,OAAA,CAAQ,KAAO,EAAA,EAAE,CAAC,CAAA,EAAA,CAAA;AAAA,UACrB,OAAS,EAAA,KAAA,CAAM,GAAI,CAAA,iBAAA,CAAkB,YAAY;AAAA,SACjD,CAAA,CAAA;AAAA,QACF;AAAA,UACE,IAAM,EAAA,GAAA;AAAA,UACN,OAAA,sBAAU,iBAAkB,EAAA,EAAA;AAAA;AAC9B,OACD,CAAA;AAED,MAAO,OAAA,OAAA;AAAA,KACT;AAEA,IAAA,OAAO,CAAC,iBAAkB,CAAA,YAAA,iBAAc,GAAA,CAAA,MAAA,EAAA,EAAO,CAAE,CAAC,CAAA;AAAA;AAEtD,CAAC;;;;"}
+{"version":3,"file":"AppRoutes.esm.js","sources":["../../src/extensions/AppRoutes.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createExtension,\n  coreExtensionData,\n  createExtensionInput,\n  NotFoundErrorPage,\n} from '@backstage/frontend-plugin-api';\nimport { useRoutes } from 'react-router-dom';\n\nexport const AppRoutes = createExtension({\n  name: 'routes',\n  attachTo: { id: 'app/layout', input: 'content' },\n  inputs: {\n    routes: createExtensionInput([\n      coreExtensionData.routePath,\n      coreExtensionData.routeRef.optional(),\n      coreExtensionData.reactElement,\n    ]),\n  },\n  output: [coreExtensionData.reactElement],\n  factory({ inputs }) {\n    const Routes = () => {\n      const element = useRoutes([\n        ...inputs.routes.map(route => ({\n          path: `${route\n            .get(coreExtensionData.routePath)\n            .replace(/\\/$/, '')}/*`,\n          element: route.get(coreExtensionData.reactElement),\n        })),\n        {\n          path: '*',\n          element: <NotFoundErrorPage />,\n        },\n      ]);\n\n      return element;\n    };\n\n    return [coreExtensionData.reactElement(<Routes />)];\n  },\n});\n"],"names":[],"mappings":";;;;AAwBO,MAAM,YAAY,eAAgB,CAAA;AAAA,EACvC,IAAM,EAAA,QAAA;AAAA,EACN,QAAU,EAAA,EAAE,EAAI,EAAA,YAAA,EAAc,OAAO,SAAU,EAAA;AAAA,EAC/C,MAAQ,EAAA;AAAA,IACN,QAAQ,oBAAqB,CAAA;AAAA,MAC3B,iBAAkB,CAAA,SAAA;AAAA,MAClB,iBAAA,CAAkB,SAAS,QAAS,EAAA;AAAA,MACpC,iBAAkB,CAAA;AAAA,KACnB;AAAA,GACH;AAAA,EACA,MAAA,EAAQ,CAAC,iBAAA,CAAkB,YAAY,CAAA;AAAA,EACvC,OAAA,CAAQ,EAAE,MAAA,EAAU,EAAA;AAClB,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,UAAU,SAAU,CAAA;AAAA,QACxB,GAAG,MAAA,CAAO,MAAO,CAAA,GAAA,CAAI,CAAU,KAAA,MAAA;AAAA,UAC7B,IAAA,EAAM,CAAG,EAAA,KAAA,CACN,GAAI,CAAA,iBAAA,CAAkB,SAAS,CAC/B,CAAA,OAAA,CAAQ,KAAO,EAAA,EAAE,CAAC,CAAA,EAAA,CAAA;AAAA,UACrB,OAAS,EAAA,KAAA,CAAM,GAAI,CAAA,iBAAA,CAAkB,YAAY;AAAA,SACjD,CAAA,CAAA;AAAA,QACF;AAAA,UACE,IAAM,EAAA,GAAA;AAAA,UACN,OAAA,sBAAU,iBAAkB,EAAA,EAAA;AAAA;AAC9B,OACD,CAAA;AAED,MAAO,OAAA,OAAA;AAAA,KACT;AAEA,IAAA,OAAO,CAAC,iBAAkB,CAAA,YAAA,iBAAc,GAAA,CAAA,MAAA,EAAA,EAAO,CAAE,CAAC,CAAA;AAAA;AAEtD,CAAC;;;;"}

package/dist/extensions/DialogDisplay.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogDisplay.esm.js","sources":["../../src/extensions/DialogDisplay.tsx"],"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 */\n\nimport { Fragment, useEffect, useState } from 'react';\nimport {\n  AppRootElementBlueprint,\n  DialogApi,\n  DialogApiDialog,\n  dialogApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { createDeferred } from '@backstage/types';\nimport { OnShowDialog } from '../apis/DefaultDialogApi';\nimport Dialog from '@material-ui/core/Dialog';\n\nlet dialogId = 0;\nfunction getDialogId() {\n  dialogId += 1;\n  return dialogId.toString(36);\n}\n\ntype DialogState = DialogApiDialog & {\n  id: string;\n  modal: boolean;\n};\n\n/**\n * The other half of the default implementation of the {@link DialogApi}.\n *\n * This component is responsible for rendering the dialogs in the React tree and managing a stack of dialogs.\n * It expects the implementation of the {@link DialogApi} to be the `DefaultDialogApi`. If one is replaced the other must be too.\n * @internal\n */\nfunction DialogDisplay({\n  dialogApi,\n}: {\n  dialogApi: DialogApi & { connect(onShow: OnShowDialog): void };\n}) {\n  const [dialogs, setDialogs] = useState<\n    { dialog: DialogState; element: React.JSX.Element }[]\n  >([]);\n\n  useEffect(() => {\n    dialogApi.connect(options => {\n      const id = getDialogId();\n      const deferred = createDeferred<unknown>();\n      const dialog: DialogState = {\n        id,\n        modal: options.modal,\n        close(result) {\n          deferred.resolve(result);\n          setDialogs(ds => ds.filter(d => d.dialog.id !== id));\n        },\n        update(ElementOrComponent) {\n          const element =\n            typeof ElementOrComponent === 'function' ? (\n              <ElementOrComponent dialog={dialog} />\n            ) : (\n              ElementOrComponent\n            );\n          setDialogs(ds =>\n            ds.map(d => (d.dialog.id === id ? { dialog, element } : d)),\n          );\n        },\n        async result() {\n          return deferred;\n        },\n      };\n      const element = <options.component dialog={dialog} />;\n      setDialogs(ds => [...ds, { dialog, element }]);\n      return dialog;\n    });\n  }, [dialogApi]);\n\n  if (dialogs.length > 0) {\n    const lastDialog = dialogs[dialogs.length - 1];\n    return (\n      <Dialog\n        open\n        onClose={() => {\n          if (!lastDialog.dialog.modal) {\n            lastDialog.dialog.close();\n          }\n        }}\n      >\n        {lastDialog.element}\n      </Dialog>\n    );\n  }\n\n  return null;\n}\n\nexport const dialogDisplayAppRootElement =\n  AppRootElementBlueprint.makeWithOverrides({\n    name: 'dialog-display',\n    factory(originalFactory, { apis }) {\n      const dialogApi = apis.get(dialogApiRef);\n      if (!isInternalDialogApi(dialogApi)) {\n        return originalFactory({\n          element: <Fragment />,\n        });\n      }\n      return originalFactory({\n        element: <DialogDisplay dialogApi={dialogApi} />,\n      });\n    },\n  });\n\nfunction isInternalDialogApi(\n  dialogApi?: DialogApi,\n): dialogApi is DialogApi & { connect(onShow: OnShowDialog): void } {\n  if (!dialogApi) {\n    return false;\n  }\n  return 'connect' in dialogApi;\n}\n"],"names":["element"],"mappings":"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"}
+{"version":3,"file":"DialogDisplay.esm.js","sources":["../../src/extensions/DialogDisplay.tsx"],"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 */\n\nimport { Fragment, useEffect, useState } from 'react';\nimport {\n  AppRootElementBlueprint,\n  DialogApi,\n  DialogApiDialog,\n  dialogApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { createDeferred } from '@backstage/types';\nimport { OnShowDialog } from '../apis/DefaultDialogApi';\nimport Dialog from '@material-ui/core/Dialog';\n\nlet dialogId = 0;\nfunction getDialogId() {\n  dialogId += 1;\n  return dialogId.toString(36);\n}\n\ntype DialogState = DialogApiDialog<unknown> & {\n  id: string;\n  modal: boolean;\n};\n\n/**\n * The other half of the default implementation of the {@link DialogApi}.\n *\n * This component is responsible for rendering the dialogs in the React tree and managing a stack of dialogs.\n * It expects the implementation of the {@link DialogApi} to be the `DefaultDialogApi`. If one is replaced the other must be too.\n * @internal\n */\nfunction DialogDisplay({\n  dialogApi,\n}: {\n  dialogApi: DialogApi & { connect(onShow: OnShowDialog): void };\n}) {\n  const [dialogs, setDialogs] = useState<\n    { dialog: DialogState; element: React.JSX.Element }[]\n  >([]);\n\n  useEffect(() => {\n    dialogApi.connect(options => {\n      const id = getDialogId();\n      const deferred = createDeferred<unknown>();\n      const dialog: DialogState = {\n        id,\n        modal: options.modal,\n        close(result) {\n          deferred.resolve(result);\n          setDialogs(ds => ds.filter(d => d.dialog.id !== id));\n        },\n        update(ElementOrComponent) {\n          const element =\n            typeof ElementOrComponent === 'function' ? (\n              <ElementOrComponent dialog={dialog} />\n            ) : (\n              ElementOrComponent\n            );\n          setDialogs(ds =>\n            ds.map(d => (d.dialog.id === id ? { dialog, element } : d)),\n          );\n        },\n        async result() {\n          return deferred;\n        },\n      };\n      const element = <options.component dialog={dialog} />;\n      setDialogs(ds => [...ds, { dialog, element }]);\n      return dialog;\n    });\n  }, [dialogApi]);\n\n  if (dialogs.length > 0) {\n    const lastDialog = dialogs[dialogs.length - 1];\n    return (\n      <Dialog\n        open\n        onClose={() => {\n          if (!lastDialog.dialog.modal) {\n            lastDialog.dialog.close();\n          }\n        }}\n      >\n        {lastDialog.element}\n      </Dialog>\n    );\n  }\n\n  return null;\n}\n\nexport const dialogDisplayAppRootElement =\n  AppRootElementBlueprint.makeWithOverrides({\n    name: 'dialog-display',\n    factory(originalFactory, { apis }) {\n      const dialogApi = apis.get(dialogApiRef);\n      if (!isInternalDialogApi(dialogApi)) {\n        return originalFactory({\n          element: <Fragment />,\n        });\n      }\n      return originalFactory({\n        element: <DialogDisplay dialogApi={dialogApi} />,\n      });\n    },\n  });\n\nfunction isInternalDialogApi(\n  dialogApi?: DialogApi,\n): dialogApi is DialogApi & { connect(onShow: OnShowDialog): void } {\n  if (!dialogApi) {\n    return false;\n  }\n  return 'connect' in dialogApi;\n}\n"],"names":["element"],"mappings":";;;;;;AA2BA,IAAI,QAAW,GAAA,CAAA;AACf,SAAS,WAAc,GAAA;AACrB,EAAY,QAAA,IAAA,CAAA;AACZ,EAAO,OAAA,QAAA,CAAS,SAAS,EAAE,CAAA;AAC7B;AAcA,SAAS,aAAc,CAAA;AAAA,EACrB;AACF,CAEG,EAAA;AACD,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAE5B,EAAE,CAAA;AAEJ,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAA,CAAU,QAAQ,CAAW,OAAA,KAAA;AAC3B,MAAA,MAAM,KAAK,WAAY,EAAA;AACvB,MAAA,MAAM,WAAW,cAAwB,EAAA;AACzC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,EAAA;AAAA,QACA,OAAO,OAAQ,CAAA,KAAA;AAAA,QACf,MAAM,MAAQ,EAAA;AACZ,UAAA,QAAA,CAAS,QAAQ,MAAM,CAAA;AACvB,UAAW,UAAA,CAAA,CAAA,EAAA,KAAM,GAAG,MAAO,CAAA,CAAA,CAAA,KAAK,EAAE,MAAO,CAAA,EAAA,KAAO,EAAE,CAAC,CAAA;AAAA,SACrD;AAAA,QACA,OAAO,kBAAoB,EAAA;AACzB,UAAA,MAAMA,WACJ,OAAO,kBAAA,KAAuB,6BAC3B,GAAA,CAAA,kBAAA,EAAA,EAAmB,QAAgB,CAEpC,GAAA,kBAAA;AAEJ,UAAA,UAAA;AAAA,YAAW,CACT,EAAA,KAAA,EAAA,CAAG,GAAI,CAAA,CAAA,CAAA,KAAM,CAAE,CAAA,MAAA,CAAO,EAAO,KAAA,EAAA,GAAK,EAAE,MAAA,EAAQ,OAAAA,EAAAA,QAAAA,KAAY,CAAE;AAAA,WAC5D;AAAA,SACF;AAAA,QACA,MAAM,MAAS,GAAA;AACb,UAAO,OAAA,QAAA;AAAA;AACT,OACF;AACA,MAAA,MAAM,OAAU,mBAAA,GAAA,CAAC,OAAQ,CAAA,SAAA,EAAR,EAAkB,MAAgB,EAAA,CAAA;AACnD,MAAW,UAAA,CAAA,CAAA,EAAA,KAAM,CAAC,GAAG,EAAA,EAAI,EAAE,MAAQ,EAAA,OAAA,EAAS,CAAC,CAAA;AAC7C,MAAO,OAAA,MAAA;AAAA,KACR,CAAA;AAAA,GACH,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAI,IAAA,OAAA,CAAQ,SAAS,CAAG,EAAA;AACtB,IAAA,MAAM,UAAa,GAAA,OAAA,CAAQ,OAAQ,CAAA,MAAA,GAAS,CAAC,CAAA;AAC7C,IACE,uBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAI,EAAA,IAAA;AAAA,QACJ,SAAS,MAAM;AACb,UAAI,IAAA,CAAC,UAAW,CAAA,MAAA,CAAO,KAAO,EAAA;AAC5B,YAAA,UAAA,CAAW,OAAO,KAAM,EAAA;AAAA;AAC1B,SACF;AAAA,QAEC,QAAW,EAAA,UAAA,CAAA;AAAA;AAAA,KACd;AAAA;AAIJ,EAAO,OAAA,IAAA;AACT;AAEa,MAAA,2BAAA,GACX,wBAAwB,iBAAkB,CAAA;AAAA,EACxC,IAAM,EAAA,gBAAA;AAAA,EACN,OAAQ,CAAA,eAAA,EAAiB,EAAE,IAAA,EAAQ,EAAA;AACjC,IAAM,MAAA,SAAA,GAAY,IAAK,CAAA,GAAA,CAAI,YAAY,CAAA;AACvC,IAAI,IAAA,CAAC,mBAAoB,CAAA,SAAS,CAAG,EAAA;AACnC,MAAA,OAAO,eAAgB,CAAA;AAAA,QACrB,OAAA,sBAAU,QAAS,EAAA,EAAA;AAAA,OACpB,CAAA;AAAA;AAEH,IAAA,OAAO,eAAgB,CAAA;AAAA,MACrB,OAAA,kBAAU,GAAA,CAAA,aAAA,EAAA,EAAc,SAAsB,EAAA;AAAA,KAC/C,CAAA;AAAA;AAEL,CAAC;AAEH,SAAS,oBACP,SACkE,EAAA;AAClE,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAO,OAAA,KAAA;AAAA;AAET,EAAA,OAAO,SAAa,IAAA,SAAA;AACtB;;;;"}

package/dist/extensions/LegacyComponentsApi.esm.js

@@ -0,0 +1,26 @@
+import { ApiBlueprint, createApiRef, Progress, NotFoundErrorPage, ErrorDisplay } from '@backstage/frontend-plugin-api';
+
+const LegacyComponentsApi = ApiBlueprint.make({
+  name: "components",
+  params: (defineParams) => defineParams({
+    api: createApiRef({ id: "core.components" }),
+    deps: {},
+    factory: () => ({
+      getComponent(ref) {
+        if (ref.id === "core.components.progress") {
+          return Progress;
+        }
+        if (ref.id === "core.components.notFoundErrorPage") {
+          return NotFoundErrorPage;
+        }
+        if (ref.id === "core.components.errorBoundaryFallback") {
+          return ErrorDisplay;
+        }
+        throw new Error(`No implementation found for component ref ${ref}`);
+      }
+    })
+  })
+});
+
+export { LegacyComponentsApi };
+//# sourceMappingURL=LegacyComponentsApi.esm.js.map

package/dist/extensions/LegacyComponentsApi.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LegacyComponentsApi.esm.js","sources":["../../src/extensions/LegacyComponentsApi.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  ApiBlueprint,\n  createApiRef,\n  ErrorDisplay,\n  NotFoundErrorPage,\n  Progress,\n} from '@backstage/frontend-plugin-api';\nimport { ComponentType } from 'react';\n\n/**\n * This is the old component API that has been replaced by the new SwappableComponentsApi.\n *\n * This backwards compatibility implementation exists to avoid breaking older plugins.\n *\n * This was added for the 1.42 release, and can be removed in the future.\n *\n * @internal\n */\nexport const LegacyComponentsApi = ApiBlueprint.make({\n  name: 'components',\n  params: defineParams =>\n    defineParams({\n      api: createApiRef<{\n        getComponent(ref: { id: string }): ComponentType<any>;\n      }>({ id: 'core.components' }),\n      deps: {},\n      factory: () => ({\n        getComponent(ref) {\n          if (ref.id === 'core.components.progress') {\n            return Progress;\n          }\n          if (ref.id === 'core.components.notFoundErrorPage') {\n            return NotFoundErrorPage;\n          }\n          if (ref.id === 'core.components.errorBoundaryFallback') {\n            return ErrorDisplay;\n          }\n          throw new Error(`No implementation found for component ref ${ref}`);\n        },\n      }),\n    }),\n});\n"],"names":[],"mappings":";;AAkCa,MAAA,mBAAA,GAAsB,aAAa,IAAK,CAAA;AAAA,EACnD,IAAM,EAAA,YAAA;AAAA,EACN,MAAA,EAAQ,kBACN,YAAa,CAAA;AAAA,IACX,GAAK,EAAA,YAAA,CAEF,EAAE,EAAA,EAAI,mBAAmB,CAAA;AAAA,IAC5B,MAAM,EAAC;AAAA,IACP,SAAS,OAAO;AAAA,MACd,aAAa,GAAK,EAAA;AAChB,QAAI,IAAA,GAAA,CAAI,OAAO,0BAA4B,EAAA;AACzC,UAAO,OAAA,QAAA;AAAA;AAET,QAAI,IAAA,GAAA,CAAI,OAAO,mCAAqC,EAAA;AAClD,UAAO,OAAA,iBAAA;AAAA;AAET,QAAI,IAAA,GAAA,CAAI,OAAO,uCAAyC,EAAA;AACtD,UAAO,OAAA,YAAA;AAAA;AAET,QAAA,MAAM,IAAI,KAAA,CAAM,CAA6C,0CAAA,EAAA,GAAG,CAAE,CAAA,CAAA;AAAA;AACpE,KACF;AAAA,GACD;AACL,CAAC;;;;"}

package/dist/extensions/SwappableComponentsApi.esm.js

@@ -0,0 +1,40 @@
+import { ApiBlueprint, createExtensionInput, SwappableComponentBlueprint, swappableComponentsApiRef } from '@backstage/frontend-plugin-api';
+import { DefaultSwappableComponentsApi } from '../apis/SwappableComponentsApi/DefaultSwappableComponentsApi.esm.js';
+
+const SwappableComponentsApi = ApiBlueprint.makeWithOverrides({
+  name: "swappable-components",
+  inputs: {
+    components: createExtensionInput([
+      SwappableComponentBlueprint.dataRefs.component
+    ])
+  },
+  factory: (originalFactory, { inputs }) => {
+    return originalFactory(
+      (defineParams) => defineParams({
+        api: swappableComponentsApiRef,
+        deps: {},
+        factory: () => {
+          const nonAppExtensions = inputs.components.filter(
+            (i) => i.node.spec.plugin?.id !== "app"
+          );
+          if (nonAppExtensions.length > 0) {
+            console.warn(
+              `SwappableComponents should only be installed as an extension in the app plugin. You can either use appPlugin.override(), or provide a module for the app-plugin with the extension there instead. Invalid extensions: ${nonAppExtensions.map((i) => i.node.spec.id).join(", ")}`
+            );
+          }
+          const appExtensions = inputs.components.filter(
+            (i) => i.node.spec.plugin?.id === "app"
+          );
+          return DefaultSwappableComponentsApi.fromComponents(
+            appExtensions.map(
+              (i) => i.get(SwappableComponentBlueprint.dataRefs.component)
+            )
+          );
+        }
+      })
+    );
+  }
+});
+
+export { SwappableComponentsApi };
+//# sourceMappingURL=SwappableComponentsApi.esm.js.map

package/dist/extensions/SwappableComponentsApi.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwappableComponentsApi.esm.js","sources":["../../src/extensions/SwappableComponentsApi.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  SwappableComponentBlueprint,\n  createExtensionInput,\n  ApiBlueprint,\n  swappableComponentsApiRef,\n} from '@backstage/frontend-plugin-api';\nimport { DefaultSwappableComponentsApi } from '../apis/SwappableComponentsApi';\n\n/**\n * Contains the shareable components installed into the app.\n */\nexport const SwappableComponentsApi = ApiBlueprint.makeWithOverrides({\n  name: 'swappable-components',\n  inputs: {\n    components: createExtensionInput([\n      SwappableComponentBlueprint.dataRefs.component,\n    ]),\n  },\n  factory: (originalFactory, { inputs }) => {\n    return originalFactory(defineParams =>\n      defineParams({\n        api: swappableComponentsApiRef,\n        deps: {},\n        factory: () => {\n          const nonAppExtensions = inputs.components.filter(\n            i => i.node.spec.plugin?.id !== 'app',\n          );\n\n          if (nonAppExtensions.length > 0) {\n            // eslint-disable-next-line no-console\n            console.warn(\n              `SwappableComponents should only be installed as an extension in the app plugin. You can either use appPlugin.override(), or provide a module for the app-plugin with the extension there instead. Invalid extensions: ${nonAppExtensions\n                .map(i => i.node.spec.id)\n                .join(', ')}`,\n            );\n          }\n\n          const appExtensions = inputs.components.filter(\n            i => i.node.spec.plugin?.id === 'app',\n          );\n\n          return DefaultSwappableComponentsApi.fromComponents(\n            appExtensions.map(i =>\n              i.get(SwappableComponentBlueprint.dataRefs.component),\n            ),\n          );\n        },\n      }),\n    );\n  },\n});\n"],"names":[],"mappings":";;;AA2Ba,MAAA,sBAAA,GAAyB,aAAa,iBAAkB,CAAA;AAAA,EACnE,IAAM,EAAA,sBAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,YAAY,oBAAqB,CAAA;AAAA,MAC/B,4BAA4B,QAAS,CAAA;AAAA,KACtC;AAAA,GACH;AAAA,EACA,OAAS,EAAA,CAAC,eAAiB,EAAA,EAAE,QAAa,KAAA;AACxC,IAAO,OAAA,eAAA;AAAA,MAAgB,kBACrB,YAAa,CAAA;AAAA,QACX,GAAK,EAAA,yBAAA;AAAA,QACL,MAAM,EAAC;AAAA,QACP,SAAS,MAAM;AACb,UAAM,MAAA,gBAAA,GAAmB,OAAO,UAAW,CAAA,MAAA;AAAA,YACzC,CAAK,CAAA,KAAA,CAAA,CAAE,IAAK,CAAA,IAAA,CAAK,QAAQ,EAAO,KAAA;AAAA,WAClC;AAEA,UAAI,IAAA,gBAAA,CAAiB,SAAS,CAAG,EAAA;AAE/B,YAAQ,OAAA,CAAA,IAAA;AAAA,cACN,CAAA,sNAAA,EAAyN,gBACtN,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA,CAAA,CAAE,IAAK,CAAA,IAAA,CAAK,EAAE,CAAA,CACvB,IAAK,CAAA,IAAI,CAAC,CAAA;AAAA,aACf;AAAA;AAGF,UAAM,MAAA,aAAA,GAAgB,OAAO,UAAW,CAAA,MAAA;AAAA,YACtC,CAAK,CAAA,KAAA,CAAA,CAAE,IAAK,CAAA,IAAA,CAAK,QAAQ,EAAO,KAAA;AAAA,WAClC;AAEA,UAAA,OAAO,6BAA8B,CAAA,cAAA;AAAA,YACnC,aAAc,CAAA,GAAA;AAAA,cAAI,CAChB,CAAA,KAAA,CAAA,CAAE,GAAI,CAAA,2BAAA,CAA4B,SAAS,SAAS;AAAA;AACtD,WACF;AAAA;AACF,OACD;AAAA,KACH;AAAA;AAEJ,CAAC;;;;"}

package/dist/extensions/components.esm.js

@@ -1,55 +1,33 @@
 import { jsx } from 'react/jsx-runtime';
+import { SwappableComponentBlueprint, Progress as Progress$1, NotFoundErrorPage as NotFoundErrorPage$1, ErrorDisplay as ErrorDisplay$1 } from '@backstage/frontend-plugin-api';
+import { Progress as Progress$2, ErrorPage, ErrorPanel } from '@backstage/core-components';
 import Button from '@material-ui/core/Button';
-import { createComponentExtension, coreComponentRefs } from '@backstage/frontend-plugin-api';
-import { ErrorPanel } from '@backstage/core-components';
-import '../packages/app-defaults/src/defaults/apis.esm.js';
-import { components } from '../packages/app-defaults/src/defaults/components.esm.js';
-import '@material-ui/icons/Apartment';
-import '@material-ui/icons/BrokenImage';
-import '@material-ui/icons/Category';
-import '@material-ui/icons/CreateNewFolder';
-import '@material-ui/icons/Subject';
-import '@material-ui/icons/Search';
-import '@material-ui/icons/Chat';
-import '@material-ui/icons/Dashboard';
-import '@material-ui/icons/Description';
-import '@material-ui/icons/Email';
-import '@material-ui/icons/Extension';
-import '@material-ui/icons/GitHub';
-import '@material-ui/icons/Help';
-import '@material-ui/icons/LocationOn';
-import '@material-ui/icons/Memory';
-import '@material-ui/icons/MenuBook';
-import '@material-ui/icons/People';
-import '@material-ui/icons/Person';
-import '@material-ui/icons/Warning';
-import '@material-ui/icons/Storage';
-import '@material-ui/icons/FeaturedPlayList';
-import '@material-ui/icons/Star';
-import '@material-ui/icons/StarBorder';
-import '@material-ui/icons/OpenInNew';
-import '@backstage/theme';
-import '@material-ui/icons/Brightness2';
-import '@material-ui/icons/WbSunny';
 
-const DefaultProgressComponent = createComponentExtension({
-  ref: coreComponentRefs.progress,
-  loader: { sync: () => components.Progress }
+const Progress = SwappableComponentBlueprint.make({
+  name: "core-progress",
+  params: (define) => define({
+    component: Progress$1,
+    loader: () => Progress$2
+  })
 });
-const DefaultNotFoundErrorPageComponent = createComponentExtension({
-  ref: coreComponentRefs.notFoundErrorPage,
-  loader: { sync: () => components.NotFoundErrorPage }
+const NotFoundErrorPage = SwappableComponentBlueprint.make({
+  name: "core-not-found-error-page",
+  params: (define) => define({
+    component: NotFoundErrorPage$1,
+    loader: () => () => /* @__PURE__ */ jsx(ErrorPage, { status: "404", statusMessage: "PAGE NOT FOUND" })
+  })
 });
-const DefaultErrorBoundaryComponent = createComponentExtension({
-  ref: coreComponentRefs.errorBoundaryFallback,
-  loader: {
-    sync: () => (props) => {
+const ErrorDisplay = SwappableComponentBlueprint.make({
+  name: "core-error-display",
+  params: (define) => define({
+    component: ErrorDisplay$1,
+    loader: () => (props) => {
       const { plugin, error, resetError } = props;
       const title = `Error in ${plugin?.id}`;
       return /* @__PURE__ */ jsx(ErrorPanel, { title, error, defaultExpanded: true, children: /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: resetError, children: "Retry" }) });
     }
-  }
+  })
 });
 
-export { DefaultErrorBoundaryComponent, DefaultNotFoundErrorPageComponent, DefaultProgressComponent };
+export { ErrorDisplay, NotFoundErrorPage, Progress };
 //# sourceMappingURL=components.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components.esm.js","sources":["../../src/extensions/components.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Button from '@material-ui/core/Button';\n\nimport {\n  createComponentExtension,\n  coreComponentRefs,\n} from '@backstage/frontend-plugin-api';\nimport { ErrorPanel } from '@backstage/core-components';\n// eslint-disable-next-line @backstage/no-relative-monorepo-imports\nimport { components as defaultComponents } from '../../../../packages/app-defaults/src/defaults';\n\nexport const DefaultProgressComponent = createComponentExtension({\n  ref: coreComponentRefs.progress,\n  loader: { sync: () => defaultComponents.Progress },\n});\n\nexport const DefaultNotFoundErrorPageComponent = createComponentExtension({\n  ref: coreComponentRefs.notFoundErrorPage,\n  loader: { sync: () => defaultComponents.NotFoundErrorPage },\n});\n\nexport const DefaultErrorBoundaryComponent = createComponentExtension({\n  ref: coreComponentRefs.errorBoundaryFallback,\n  loader: {\n    sync: () => props => {\n      const { plugin, error, resetError } = props;\n      const title = `Error in ${plugin?.id}`;\n\n      return (\n        <ErrorPanel title={title} error={error} defaultExpanded>\n          <Button variant=\"outlined\" onClick={resetError}>\n            Retry\n          </Button>\n        </ErrorPanel>\n      );\n    },\n  },\n});\n"],"names":["defaultComponents"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,MAAM,2BAA2B,wBAAyB,CAAA;AAAA,EAC/D,KAAK,iBAAkB,CAAA,QAAA;AAAA,EACvB,MAAQ,EAAA,EAAE,IAAM,EAAA,MAAMA,WAAkB,QAAS;AACnD,CAAC;AAEM,MAAM,oCAAoC,wBAAyB,CAAA;AAAA,EACxE,KAAK,iBAAkB,CAAA,iBAAA;AAAA,EACvB,MAAQ,EAAA,EAAE,IAAM,EAAA,MAAMA,WAAkB,iBAAkB;AAC5D,CAAC;AAEM,MAAM,gCAAgC,wBAAyB,CAAA;AAAA,EACpE,KAAK,iBAAkB,CAAA,qBAAA;AAAA,EACvB,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,MAAM,CAAS,KAAA,KAAA;AACnB,MAAA,MAAM,EAAE,MAAA,EAAQ,KAAO,EAAA,UAAA,EAAe,GAAA,KAAA;AACtC,MAAM,MAAA,KAAA,GAAQ,CAAY,SAAA,EAAA,MAAA,EAAQ,EAAE,CAAA,CAAA;AAEpC,MAAA,uBACG,GAAA,CAAA,UAAA,EAAA,EAAW,KAAc,EAAA,KAAA,EAAc,eAAe,EAAA,IAAA,EACrD,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAO,OAAQ,EAAA,UAAA,EAAW,OAAS,EAAA,UAAA,EAAY,mBAEhD,CACF,EAAA,CAAA;AAAA;AAEJ;AAEJ,CAAC;;;;"}
+{"version":3,"file":"components.esm.js","sources":["../../src/extensions/components.tsx"],"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 {\n  NotFoundErrorPage as SwappableNotFoundErrorPage,\n  Progress as SwappableProgress,\n  ErrorDisplay as SwappableErrorDisplay,\n  SwappableComponentBlueprint,\n} from '@backstage/frontend-plugin-api';\n\nimport {\n  ErrorPage,\n  ErrorPanel,\n  Progress as ProgressComponent,\n} from '@backstage/core-components';\nimport Button from '@material-ui/core/Button';\n\nexport const Progress = SwappableComponentBlueprint.make({\n  name: 'core-progress',\n  params: define =>\n    define({\n      component: SwappableProgress,\n      loader: () => ProgressComponent,\n    }),\n});\n\nexport const NotFoundErrorPage = SwappableComponentBlueprint.make({\n  name: 'core-not-found-error-page',\n  params: define =>\n    define({\n      component: SwappableNotFoundErrorPage,\n      loader: () => () =>\n        <ErrorPage status=\"404\" statusMessage=\"PAGE NOT FOUND\" />,\n    }),\n});\n\nexport const ErrorDisplay = SwappableComponentBlueprint.make({\n  name: 'core-error-display',\n  params: define =>\n    define({\n      component: SwappableErrorDisplay,\n      loader: () => props => {\n        const { plugin, error, resetError } = props;\n        const title = `Error in ${plugin?.id}`;\n        return (\n          <ErrorPanel title={title} error={error} defaultExpanded>\n            <Button variant=\"outlined\" onClick={resetError}>\n              Retry\n            </Button>\n          </ErrorPanel>\n        );\n      },\n    }),\n});\n"],"names":["SwappableProgress","ProgressComponent","SwappableNotFoundErrorPage","SwappableErrorDisplay"],"mappings":";;;;;AA6Ba,MAAA,QAAA,GAAW,4BAA4B,IAAK,CAAA;AAAA,EACvD,IAAM,EAAA,eAAA;AAAA,EACN,MAAA,EAAQ,YACN,MAAO,CAAA;AAAA,IACL,SAAW,EAAAA,UAAA;AAAA,IACX,QAAQ,MAAMC;AAAA,GACf;AACL,CAAC;AAEY,MAAA,iBAAA,GAAoB,4BAA4B,IAAK,CAAA;AAAA,EAChE,IAAM,EAAA,2BAAA;AAAA,EACN,MAAA,EAAQ,YACN,MAAO,CAAA;AAAA,IACL,SAAW,EAAAC,mBAAA;AAAA,IACX,MAAA,EAAQ,MAAM,sBACZ,GAAA,CAAC,aAAU,MAAO,EAAA,KAAA,EAAM,eAAc,gBAAiB,EAAA;AAAA,GAC1D;AACL,CAAC;AAEY,MAAA,YAAA,GAAe,4BAA4B,IAAK,CAAA;AAAA,EAC3D,IAAM,EAAA,oBAAA;AAAA,EACN,MAAA,EAAQ,YACN,MAAO,CAAA;AAAA,IACL,SAAW,EAAAC,cAAA;AAAA,IACX,MAAA,EAAQ,MAAM,CAAS,KAAA,KAAA;AACrB,MAAA,MAAM,EAAE,MAAA,EAAQ,KAAO,EAAA,UAAA,EAAe,GAAA,KAAA;AACtC,MAAM,MAAA,KAAA,GAAQ,CAAY,SAAA,EAAA,MAAA,EAAQ,EAAE,CAAA,CAAA;AACpC,MAAA,uBACG,GAAA,CAAA,UAAA,EAAA,EAAW,KAAc,EAAA,KAAA,EAAc,eAAe,EAAA,IAAA,EACrD,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAO,OAAQ,EAAA,UAAA,EAAW,OAAS,EAAA,UAAA,EAAY,mBAEhD,CACF,EAAA,CAAA;AAAA;AAEJ,GACD;AACL,CAAC;;;;"}

package/dist/index.d.ts

@@ -182,20 +182,12 @@ declare const appPlugin: _backstage_frontend_plugin_api.FrontendPlugin<{}, {}, {
         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>;
     }>;
     "api:app/components": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "api";
+        name: "components";
         config: {};
         configInput: {};
         output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
-        inputs: {
-            components: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
-                ref: _backstage_frontend_plugin_api.ComponentRef;
-                impl: react.ComponentType;
-            }, "core.component.component", {}>, {
-                singleton: false;
-                optional: false;
-            }>;
-        };
-        kind: "api";
-        name: "components";
+        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>;
     }>;
     "api:app/dialog": _backstage_frontend_plugin_api.ExtensionDefinition<{
@@ -358,6 +350,23 @@ declare const appPlugin: _backstage_frontend_plugin_api.FrontendPlugin<{}, {}, {
         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>;
     }>;
+    "api:app/swappable-components": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
+        inputs: {
+            components: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
+                ref: _backstage_frontend_plugin_api.SwappableComponentRef;
+                loader: (() => (props: {}) => JSX.Element | null) | (() => Promise<(props: {}) => JSX.Element | null>);
+            }, "core.swappableComponent", {}>, {
+                singleton: false;
+                optional: false;
+            }>;
+        };
+        kind: "api";
+        name: "swappable-components";
+        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>;
+    }>;
     "api:app/translations": _backstage_frontend_plugin_api.ExtensionDefinition<{
         config: {};
         configInput: {};
@@ -438,6 +447,72 @@ declare const appPlugin: _backstage_frontend_plugin_api.FrontendPlugin<{}, {}, {
             element: JSX.Element;
         };
     }>;
+    "component:app/core-error-display": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "component";
+        name: "core-error-display";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<{
+            ref: _backstage_frontend_plugin_api.SwappableComponentRef;
+            loader: (() => (props: {}) => JSX.Element | null) | (() => Promise<(props: {}) => JSX.Element | null>);
+        }, "core.swappableComponent", {}>;
+        inputs: {};
+        params: <Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any>>(params: {
+            component: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any, infer IExternalComponentProps> ? {
+                ref: Ref;
+            } & ((props: IExternalComponentProps) => JSX.Element | null) : never;
+            loader: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<infer IInnerComponentProps, any> ? (() => (props: IInnerComponentProps) => JSX.Element | null) | (() => Promise<(props: IInnerComponentProps) => JSX.Element | null>) : never;
+        }) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<{
+            component: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any, infer IExternalComponentProps> ? {
+                ref: Ref;
+            } & ((props: IExternalComponentProps) => JSX.Element | null) : never;
+            loader: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<infer IInnerComponentProps, any> ? (() => (props: IInnerComponentProps) => JSX.Element | null) | (() => Promise<(props: IInnerComponentProps) => JSX.Element | null>) : never;
+        }>;
+    }>;
+    "component:app/core-not-found-error-page": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "component";
+        name: "core-not-found-error-page";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<{
+            ref: _backstage_frontend_plugin_api.SwappableComponentRef;
+            loader: (() => (props: {}) => JSX.Element | null) | (() => Promise<(props: {}) => JSX.Element | null>);
+        }, "core.swappableComponent", {}>;
+        inputs: {};
+        params: <Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any>>(params: {
+            component: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any, infer IExternalComponentProps> ? {
+                ref: Ref;
+            } & ((props: IExternalComponentProps) => JSX.Element | null) : never;
+            loader: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<infer IInnerComponentProps, any> ? (() => (props: IInnerComponentProps) => JSX.Element | null) | (() => Promise<(props: IInnerComponentProps) => JSX.Element | null>) : never;
+        }) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<{
+            component: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any, infer IExternalComponentProps> ? {
+                ref: Ref;
+            } & ((props: IExternalComponentProps) => JSX.Element | null) : never;
+            loader: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<infer IInnerComponentProps, any> ? (() => (props: IInnerComponentProps) => JSX.Element | null) | (() => Promise<(props: IInnerComponentProps) => JSX.Element | null>) : never;
+        }>;
+    }>;
+    "component:app/core-progress": _backstage_frontend_plugin_api.ExtensionDefinition<{
+        kind: "component";
+        name: "core-progress";
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<{
+            ref: _backstage_frontend_plugin_api.SwappableComponentRef;
+            loader: (() => (props: {}) => JSX.Element | null) | (() => Promise<(props: {}) => JSX.Element | null>);
+        }, "core.swappableComponent", {}>;
+        inputs: {};
+        params: <Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any>>(params: {
+            component: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any, infer IExternalComponentProps> ? {
+                ref: Ref;
+            } & ((props: IExternalComponentProps) => JSX.Element | null) : never;
+            loader: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<infer IInnerComponentProps, any> ? (() => (props: IInnerComponentProps) => JSX.Element | null) | (() => Promise<(props: IInnerComponentProps) => JSX.Element | null>) : never;
+        }) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<{
+            component: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any, infer IExternalComponentProps> ? {
+                ref: Ref;
+            } & ((props: IExternalComponentProps) => JSX.Element | null) : never;
+            loader: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<infer IInnerComponentProps, any> ? (() => (props: IInnerComponentProps) => JSX.Element | null) | (() => Promise<(props: IInnerComponentProps) => JSX.Element | null>) : never;
+        }>;
+    }>;
     "sign-in-page:app": _backstage_frontend_plugin_api.ExtensionDefinition<{
         kind: "sign-in-page";
         name: undefined;

package/dist/packages/frontend-internal/src/wiring/InternalExtensionDefinition.esm.js

@@ -0,0 +1,7 @@
+import { OpaqueType } from '../../../opaque-internal/src/OpaqueType.esm.js';
+
+OpaqueType.create({
+  type: "@backstage/ExtensionDefinition",
+  versions: ["v1", "v2"]
+});
+//# sourceMappingURL=InternalExtensionDefinition.esm.js.map

package/dist/packages/frontend-internal/src/wiring/InternalExtensionDefinition.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalExtensionDefinition.esm.js","sources":["../../../../../../../packages/frontend-internal/src/wiring/InternalExtensionDefinition.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  ApiHolder,\n  AppNode,\n  ExtensionAttachToSpec,\n  ExtensionDataValue,\n  ExtensionDataRef,\n  ExtensionDefinition,\n  ExtensionDefinitionParameters,\n  ExtensionInput,\n  PortableSchema,\n  ResolvedExtensionInputs,\n} from '@backstage/frontend-plugin-api';\nimport { OpaqueType } from '@internal/opaque';\n\nexport const OpaqueExtensionDefinition = OpaqueType.create<{\n  public: ExtensionDefinition<ExtensionDefinitionParameters>;\n  versions:\n    | {\n        readonly version: 'v1';\n        readonly kind?: string;\n        readonly namespace?: string;\n        readonly name?: string;\n        readonly attachTo: ExtensionAttachToSpec;\n        readonly disabled: boolean;\n        readonly configSchema?: PortableSchema<any, any>;\n        readonly inputs: {\n          [inputName in string]: {\n            $$type: '@backstage/ExtensionInput';\n            extensionData: {\n              [name in string]: ExtensionDataRef;\n            };\n            config: { optional: boolean; singleton: boolean };\n          };\n        };\n        readonly output: {\n          [name in string]: ExtensionDataRef;\n        };\n        factory(context: {\n          node: AppNode;\n          apis: ApiHolder;\n          config: object;\n          inputs: {\n            [inputName in string]: unknown;\n          };\n        }): {\n          [inputName in string]: unknown;\n        };\n      }\n    | {\n        readonly version: 'v2';\n        readonly kind?: string;\n        readonly namespace?: string;\n        readonly name?: string;\n        readonly attachTo: ExtensionAttachToSpec;\n        readonly disabled: boolean;\n        readonly configSchema?: PortableSchema<any, any>;\n        readonly inputs: {\n          [inputName in string]: ExtensionInput<\n            ExtensionDataRef,\n            { optional: boolean; singleton: boolean }\n          >;\n        };\n        readonly output: Array<ExtensionDataRef>;\n        factory(context: {\n          node: AppNode;\n          apis: ApiHolder;\n          config: object;\n          inputs: ResolvedExtensionInputs<{\n            [inputName in string]: ExtensionInput<\n              ExtensionDataRef,\n              { optional: boolean; singleton: boolean }\n            >;\n          }>;\n        }): Iterable<ExtensionDataValue<any, any>>;\n      };\n}>({\n  type: '@backstage/ExtensionDefinition',\n  versions: ['v1', 'v2'],\n});\n"],"names":[],"mappings":";;AA8ByC,WAAW,MA6DjD,CAAA;AAAA,EACD,IAAM,EAAA,gCAAA;AAAA,EACN,QAAA,EAAU,CAAC,IAAA,EAAM,IAAI;AACvB,CAAC"}

package/dist/packages/frontend-internal/src/wiring/InternalFrontendPlugin.esm.js

@@ -0,0 +1,7 @@
+import { OpaqueType } from '../../../opaque-internal/src/OpaqueType.esm.js';
+
+OpaqueType.create({
+  type: "@backstage/FrontendPlugin",
+  versions: ["v1"]
+});
+//# sourceMappingURL=InternalFrontendPlugin.esm.js.map

package/dist/packages/frontend-internal/src/wiring/InternalFrontendPlugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalFrontendPlugin.esm.js","sources":["../../../../../../../packages/frontend-internal/src/wiring/InternalFrontendPlugin.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Extension,\n  FeatureFlagConfig,\n  FrontendPlugin,\n} from '@backstage/frontend-plugin-api';\nimport { JsonObject } from '@backstage/types';\nimport { OpaqueType } from '@internal/opaque';\n\nexport const OpaqueFrontendPlugin = OpaqueType.create<{\n  public: FrontendPlugin;\n  versions: {\n    readonly version: 'v1';\n    readonly extensions: Extension<unknown>[];\n    readonly featureFlags: FeatureFlagConfig[];\n    readonly infoOptions?: {\n      packageJson?: () => Promise<JsonObject>;\n      manifest?: () => Promise<JsonObject>;\n    };\n  };\n}>({\n  type: '@backstage/FrontendPlugin',\n  versions: ['v1'],\n});\n"],"names":[],"mappings":";;AAwBoC,WAAW,MAW5C,CAAA;AAAA,EACD,IAAM,EAAA,2BAAA;AAAA,EACN,QAAA,EAAU,CAAC,IAAI;AACjB,CAAC"}

package/dist/packages/frontend-internal/src/wiring/InternalSwappableComponentRef.esm.js

@@ -0,0 +1,9 @@
+import { OpaqueType } from '../../../opaque-internal/src/OpaqueType.esm.js';
+
+const OpaqueSwappableComponentRef = OpaqueType.create({
+  versions: ["v1"],
+  type: "@backstage/SwappableComponentRef"
+});
+
+export { OpaqueSwappableComponentRef };
+//# sourceMappingURL=InternalSwappableComponentRef.esm.js.map

package/dist/packages/frontend-internal/src/wiring/InternalSwappableComponentRef.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalSwappableComponentRef.esm.js","sources":["../../../../../../../packages/frontend-internal/src/wiring/InternalSwappableComponentRef.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 */\n\nimport { SwappableComponentRef } from '@backstage/frontend-plugin-api';\nimport { OpaqueType } from '@internal/opaque';\n\nexport const OpaqueSwappableComponentRef = OpaqueType.create<{\n  public: SwappableComponentRef;\n  versions: {\n    readonly version: 'v1';\n    readonly transformProps?: (props: object) => object;\n    readonly defaultComponent: (props: object) => JSX.Element | null;\n  };\n}>({\n  versions: ['v1'],\n  type: '@backstage/SwappableComponentRef',\n});\n"],"names":[],"mappings":";;AAmBa,MAAA,2BAAA,GAA8B,WAAW,MAOnD,CAAA;AAAA,EACD,QAAA,EAAU,CAAC,IAAI,CAAA;AAAA,EACf,IAAM,EAAA;AACR,CAAC;;;;"}

package/dist/packages/opaque-internal/src/OpaqueType.esm.js

@@ -0,0 +1,103 @@
+class OpaqueType {
+  /**
+   * Creates a new opaque type.
+   *
+   * @param options.type The type identifier of the opaque type
+   * @param options.versions The available versions of the opaque type
+   * @returns A new opaque type helper
+   */
+  static create(options) {
+    return new OpaqueType(options.type, new Set(options.versions));
+  }
+  #type;
+  #versions;
+  constructor(type, versions) {
+    this.#type = type;
+    this.#versions = versions;
+  }
+  /**
+   * The internal version of the opaque type, used like this: `typeof MyOpaqueType.TPublic`
+   *
+   * @remarks
+   *
+   * This property is only useful for type checking, its runtime value is `undefined`.
+   */
+  TPublic = void 0;
+  /**
+   * The internal version of the opaque type, used like this: `typeof MyOpaqueType.TInternal`
+   *
+   * @remarks
+   *
+   * This property is only useful for type checking, its runtime value is `undefined`.
+   */
+  TInternal = void 0;
+  /**
+   * @param value Input value expected to be an instance of this opaque type
+   * @returns True if the value matches this opaque type
+   */
+  isType = (value) => {
+    return this.#isThisInternalType(value);
+  };
+  /**
+   * @param value Input value expected to be an instance of this opaque type
+   * @throws If the value is not an instance of this opaque type or is of an unsupported version
+   * @returns The internal version of the opaque type
+   */
+  toInternal = (value) => {
+    if (!this.#isThisInternalType(value)) {
+      throw new TypeError(
+        `Invalid opaque type, expected '${this.#type}', but got '${this.#stringifyUnknown(value)}'`
+      );
+    }
+    if (!this.#versions.has(value.version)) {
+      const versions = Array.from(this.#versions).map(this.#stringifyVersion);
+      if (versions.length > 1) {
+        versions[versions.length - 1] = `or ${versions[versions.length - 1]}`;
+      }
+      const expected = versions.length > 2 ? versions.join(", ") : versions.join(" ");
+      throw new TypeError(
+        `Invalid opaque type instance, got version ${this.#stringifyVersion(
+          value.version
+        )}, expected ${expected}`
+      );
+    }
+    return value;
+  };
+  /**
+   * Creates an instance of the opaque type, returning the public type.
+   *
+   * @param version The version of the instance to create
+   * @param value The remaining public and internal properties of the instance
+   * @returns An instance of the opaque type
+   */
+  createInstance(version, props) {
+    return Object.assign(props, {
+      $$type: this.#type,
+      ...version && { version }
+    });
+  }
+  #isThisInternalType(value) {
+    if (value === null || typeof value !== "object") {
+      return false;
+    }
+    return value.$$type === this.#type;
+  }
+  #stringifyUnknown(value) {
+    if (typeof value !== "object") {
+      return `<${typeof value}>`;
+    }
+    if (value === null) {
+      return "<null>";
+    }
+    if ("$$type" in value) {
+      return String(value.$$type);
+    }
+    return String(value);
+  }
+  #stringifyVersion = (version) => {
+    return version ? `'${version}'` : "undefined";
+  };
+}
+
+export { OpaqueType };
+//# sourceMappingURL=OpaqueType.esm.js.map

package/dist/packages/opaque-internal/src/OpaqueType.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpaqueType.esm.js","sources":["../../../../../../packages/opaque-internal/src/OpaqueType.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// TODO(Rugvip): This lives here temporarily, but should be moved to a more\n// central location. It's useful for backend packages too so we'll need to have\n// it in a common package, but it might also be that we want to make it\n// available publicly too in which case it would make sense to have this be part\n// of @backstage/version-bridge. The problem with exporting it from there is\n// that it would need to be very stable at that point, so it might be a bit\n// early to put it there already.\n\n/**\n * A helper for working with opaque types.\n */\nexport class OpaqueType<\n  T extends {\n    public: { $$type: string };\n    versions: { version: string | undefined };\n  },\n> {\n  /**\n   * Creates a new opaque type.\n   *\n   * @param options.type The type identifier of the opaque type\n   * @param options.versions The available versions of the opaque type\n   * @returns A new opaque type helper\n   */\n  static create<\n    T extends {\n      public: { $$type: string };\n      versions: { version: string | undefined };\n    },\n  >(options: {\n    type: T['public']['$$type'];\n    versions: Array<T['versions']['version']>;\n  }) {\n    return new OpaqueType<T>(options.type, new Set(options.versions));\n  }\n\n  #type: string;\n  #versions: Set<string | undefined>;\n\n  private constructor(type: string, versions: Set<string | undefined>) {\n    this.#type = type;\n    this.#versions = versions;\n  }\n\n  /**\n   * The internal version of the opaque type, used like this: `typeof MyOpaqueType.TPublic`\n   *\n   * @remarks\n   *\n   * This property is only useful for type checking, its runtime value is `undefined`.\n   */\n  TPublic: T['public'] = undefined as any;\n\n  /**\n   * The internal version of the opaque type, used like this: `typeof MyOpaqueType.TInternal`\n   *\n   * @remarks\n   *\n   * This property is only useful for type checking, its runtime value is `undefined`.\n   */\n  TInternal: T['public'] & T['versions'] = undefined as any;\n\n  /**\n   * @param value Input value expected to be an instance of this opaque type\n   * @returns True if the value matches this opaque type\n   */\n  isType = (value: unknown): value is T['public'] => {\n    return this.#isThisInternalType(value);\n  };\n\n  /**\n   * @param value Input value expected to be an instance of this opaque type\n   * @throws If the value is not an instance of this opaque type or is of an unsupported version\n   * @returns The internal version of the opaque type\n   */\n  toInternal = (value: unknown): T['public'] & T['versions'] => {\n    if (!this.#isThisInternalType(value)) {\n      throw new TypeError(\n        `Invalid opaque type, expected '${\n          this.#type\n        }', but got '${this.#stringifyUnknown(value)}'`,\n      );\n    }\n\n    if (!this.#versions.has(value.version)) {\n      const versions = Array.from(this.#versions).map(this.#stringifyVersion);\n      if (versions.length > 1) {\n        versions[versions.length - 1] = `or ${versions[versions.length - 1]}`;\n      }\n      const expected =\n        versions.length > 2 ? versions.join(', ') : versions.join(' ');\n      throw new TypeError(\n        `Invalid opaque type instance, got version ${this.#stringifyVersion(\n          value.version,\n        )}, expected ${expected}`,\n      );\n    }\n\n    return value;\n  };\n\n  /**\n   * Creates an instance of the opaque type, returning the public type.\n   *\n   * @param version The version of the instance to create\n   * @param value The remaining public and internal properties of the instance\n   * @returns An instance of the opaque type\n   */\n  createInstance<\n    TVersion extends T['versions']['version'],\n    TPublic extends T['public'],\n  >(\n    version: TVersion,\n    props: Omit<T['public'], '$$type'> &\n      (T['versions'] extends infer UVersion\n        ? UVersion extends { version: TVersion }\n          ? Omit<UVersion, 'version'>\n          : never\n        : never) &\n      Object, // & Object to allow for object properties too, e.g. toString()\n  ): TPublic {\n    return Object.assign(props as object, {\n      $$type: this.#type,\n      ...(version && { version }),\n    }) as unknown as TPublic;\n  }\n\n  #isThisInternalType(value: unknown): value is T['public'] & T['versions'] {\n    if (value === null || typeof value !== 'object') {\n      return false;\n    }\n    return (value as T['public']).$$type === this.#type;\n  }\n\n  #stringifyUnknown(value: unknown) {\n    if (typeof value !== 'object') {\n      return `<${typeof value}>`;\n    }\n    if (value === null) {\n      return '<null>';\n    }\n    if ('$$type' in value) {\n      return String(value.$$type);\n    }\n    return String(value);\n  }\n\n  #stringifyVersion = (version: string | undefined) => {\n    return version ? `'${version}'` : 'undefined';\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/plugin.esm.js

@@ -6,14 +6,15 @@ import { AppNav } from './extensions/AppNav.esm.js';
 import { AppRoot } from './extensions/AppRoot.esm.js';
 import { AppRoutes } from './extensions/AppRoutes.esm.js';
 import { AppThemeApi, DarkTheme, LightTheme } from './extensions/AppThemeApi.esm.js';
-import { ComponentsApi } from './extensions/ComponentsApi.esm.js';
+import { SwappableComponentsApi } from './extensions/SwappableComponentsApi.esm.js';
+import { LegacyComponentsApi } from './extensions/LegacyComponentsApi.esm.js';
 import { IconsApi } from './extensions/IconsApi.esm.js';
 import { FeatureFlagsApi } from './extensions/FeatureFlagsApi.esm.js';
 import { TranslationsApi } from './extensions/TranslationsApi.esm.js';
 import { DefaultSignInPage } from './extensions/DefaultSignInPage.esm.js';
 import { dialogDisplayAppRootElement } from './extensions/DialogDisplay.esm.js';
-import { DefaultProgressComponent, DefaultNotFoundErrorPageComponent, DefaultErrorBoundaryComponent } from './extensions/components.esm.js';
 import { oauthRequestDialogAppRootElement, alertDisplayAppRootElement } from './extensions/elements.esm.js';
+import { Progress, NotFoundErrorPage, ErrorDisplay } from './extensions/components.esm.js';
 import { apis } from './defaultApis.esm.js';
 
 const appPlugin = createFrontendPlugin({
@@ -30,17 +31,18 @@ const appPlugin = createFrontendPlugin({
     AppThemeApi,
     DarkTheme,
     LightTheme,
-    ComponentsApi,
+    SwappableComponentsApi,
     IconsApi,
     FeatureFlagsApi,
     TranslationsApi,
-    DefaultProgressComponent,
-    DefaultNotFoundErrorPageComponent,
-    DefaultErrorBoundaryComponent,
     DefaultSignInPage,
     oauthRequestDialogAppRootElement,
     alertDisplayAppRootElement,
-    dialogDisplayAppRootElement
+    dialogDisplayAppRootElement,
+    Progress,
+    NotFoundErrorPage,
+    ErrorDisplay,
+    LegacyComponentsApi
   ]
 });
 

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport {\n  App,\n  AppLanguageApi,\n  AppLayout,\n  AppNav,\n  AppRoot,\n  AppRoutes,\n  AppThemeApi,\n  DarkTheme,\n  LightTheme,\n  ComponentsApi,\n  IconsApi,\n  FeatureFlagsApi,\n  TranslationsApi,\n  DefaultProgressComponent,\n  DefaultNotFoundErrorPageComponent,\n  DefaultErrorBoundaryComponent,\n  oauthRequestDialogAppRootElement,\n  alertDisplayAppRootElement,\n  DefaultSignInPage,\n  dialogDisplayAppRootElement,\n} from './extensions';\nimport { apis } from './defaultApis';\n\n/** @public */\nexport const appPlugin = createFrontendPlugin({\n  pluginId: 'app',\n  info: { packageJson: () => import('../package.json') },\n  extensions: [\n    ...apis,\n    App,\n    AppLanguageApi,\n    AppLayout,\n    AppNav,\n    AppRoot,\n    AppRoutes,\n    AppThemeApi,\n    DarkTheme,\n    LightTheme,\n    ComponentsApi,\n    IconsApi,\n    FeatureFlagsApi,\n    TranslationsApi,\n    DefaultProgressComponent,\n    DefaultNotFoundErrorPageComponent,\n    DefaultErrorBoundaryComponent,\n    DefaultSignInPage,\n    oauthRequestDialogAppRootElement,\n    alertDisplayAppRootElement,\n    dialogDisplayAppRootElement,\n  ],\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA0CO,MAAM,YAAY,oBAAqB,CAAA;AAAA,EAC5C,QAAU,EAAA,KAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,mCAAiB,CAAE,EAAA;AAAA,EACrD,UAAY,EAAA;AAAA,IACV,GAAG,IAAA;AAAA,IACH,GAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,wBAAA;AAAA,IACA,iCAAA;AAAA,IACA,6BAAA;AAAA,IACA,iBAAA;AAAA,IACA,gCAAA;AAAA,IACA,0BAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport {\n  App,\n  AppLanguageApi,\n  AppLayout,\n  AppNav,\n  AppRoot,\n  AppRoutes,\n  AppThemeApi,\n  DarkTheme,\n  LightTheme,\n  SwappableComponentsApi,\n  IconsApi,\n  FeatureFlagsApi,\n  TranslationsApi,\n  oauthRequestDialogAppRootElement,\n  alertDisplayAppRootElement,\n  DefaultSignInPage,\n  dialogDisplayAppRootElement,\n  Progress,\n  NotFoundErrorPage,\n  ErrorDisplay,\n  LegacyComponentsApi,\n} from './extensions';\nimport { apis } from './defaultApis';\n\n/** @public */\nexport const appPlugin = createFrontendPlugin({\n  pluginId: 'app',\n  info: { packageJson: () => import('../package.json') },\n  extensions: [\n    ...apis,\n    App,\n    AppLanguageApi,\n    AppLayout,\n    AppNav,\n    AppRoot,\n    AppRoutes,\n    AppThemeApi,\n    DarkTheme,\n    LightTheme,\n    SwappableComponentsApi,\n    IconsApi,\n    FeatureFlagsApi,\n    TranslationsApi,\n    DefaultSignInPage,\n    oauthRequestDialogAppRootElement,\n    alertDisplayAppRootElement,\n    dialogDisplayAppRootElement,\n    Progress,\n    NotFoundErrorPage,\n    ErrorDisplay,\n    LegacyComponentsApi,\n  ],\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AA2CO,MAAM,YAAY,oBAAqB,CAAA;AAAA,EAC5C,QAAU,EAAA,KAAA;AAAA,EACV,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,mCAAiB,CAAE,EAAA;AAAA,EACrD,UAAY,EAAA;AAAA,IACV,GAAG,IAAA;AAAA,IACH,GAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,sBAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,iBAAA;AAAA,IACA,gCAAA;AAAA,IACA,0BAAA;AAAA,IACA,2BAAA;AAAA,IACA,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA;AAEJ,CAAC;;;;"}

package/dist/plugins/app/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-app";
-var version = "0.2.0-next.1";
+var version = "0.2.0-next.2";
 var backstage = {
 	role: "frontend-plugin",
 	pluginId: "app",
@@ -24,6 +24,8 @@ var exports = {
 	"./alpha": "./src/alpha/index.ts",
 	"./package.json": "./package.json"
 };
+var main = "src/index.ts";
+var types = "src/index.ts";
 var typesVersions = {
 	"*": {
 		alpha: [
@@ -34,8 +36,6 @@ var typesVersions = {
 		]
 	}
 };
-var main = "src/index.ts";
-var types = "src/index.ts";
 var files = [
 	"dist"
 ];
@@ -56,11 +56,13 @@ var dependencies = {
 	"@backstage/plugin-permission-react": "workspace:^",
 	"@backstage/theme": "workspace:^",
 	"@backstage/types": "workspace:^",
+	"@backstage/version-bridge": "workspace:^",
 	"@material-ui/core": "^4.9.13",
 	"@material-ui/icons": "^4.9.1",
 	"@material-ui/lab": "^4.0.0-alpha.61",
 	"@react-hookz/web": "^24.0.0",
-	"react-use": "^17.2.4"
+	"react-use": "^17.2.4",
+	zod: "^3.22.4"
 };
 var devDependencies = {
 	"@backstage/cli": "workspace:^",
@@ -97,9 +99,9 @@ var _package = {
 	license: license,
 	sideEffects: sideEffects,
 	exports: exports,
-	typesVersions: typesVersions,
 	main: main,
 	types: types,
+	typesVersions: typesVersions,
 	files: files,
 	scripts: scripts,
 	dependencies: dependencies,

package/dist/plugins/app/package.json.esm.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-app",
-  "version": "0.2.0-next.1",
+  "version": "0.2.0-next.2",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "app",
@@ -37,6 +37,8 @@
     },
     "./package.json": "./package.json"
   },
+  "main": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
       "alpha": [
@@ -47,8 +49,6 @@
       ]
     }
   },
-  "main": "./dist/index.esm.js",
-  "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -62,23 +62,25 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/core-components": "0.17.5-next.1",
+    "@backstage/core-components": "0.17.5-next.2",
     "@backstage/core-plugin-api": "1.10.9",
-    "@backstage/frontend-plugin-api": "0.11.0-next.1",
+    "@backstage/frontend-plugin-api": "0.11.0-next.2",
     "@backstage/integration-react": "1.2.9",
     "@backstage/plugin-permission-react": "0.4.36",
     "@backstage/theme": "0.6.8-next.0",
     "@backstage/types": "1.2.1",
+    "@backstage/version-bridge": "1.0.11",
     "@material-ui/core": "^4.9.13",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "^4.0.0-alpha.61",
     "@react-hookz/web": "^24.0.0",
-    "react-use": "^17.2.4"
+    "react-use": "^17.2.4",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@backstage/cli": "0.34.0-next.1",
+    "@backstage/cli": "0.34.0-next.2",
     "@backstage/dev-utils": "1.1.13-next.1",
-    "@backstage/frontend-defaults": "0.3.0-next.2",
+    "@backstage/frontend-defaults": "0.3.0-next.3",
     "@backstage/frontend-test-utils": "0.3.5-next.2",
     "@backstage/test-utils": "1.7.11-next.0",
     "@testing-library/jest-dom": "^6.0.0",

package/dist/extensions/ComponentsApi.esm.js

@@ -1,28 +0,0 @@
-import { ApiBlueprint, createExtensionInput, createComponentExtension, componentsApiRef } from '@backstage/frontend-plugin-api';
-import { DefaultComponentsApi } from '../packages/frontend-app-api/src/apis/implementations/ComponentsApi/DefaultComponentsApi.esm.js';
-
-const ComponentsApi = ApiBlueprint.makeWithOverrides({
-  name: "components",
-  inputs: {
-    components: createExtensionInput(
-      [createComponentExtension.componentDataRef],
-      { replaces: [{ id: "app", input: "components" }] }
-    )
-  },
-  factory: (originalFactory, { inputs }) => {
-    return originalFactory(
-      (defineParams) => defineParams({
-        api: componentsApiRef,
-        deps: {},
-        factory: () => DefaultComponentsApi.fromComponents(
-          inputs.components.map(
-            (i) => i.get(createComponentExtension.componentDataRef)
-          )
-        )
-      })
-    );
-  }
-});
-
-export { ComponentsApi };
-//# sourceMappingURL=ComponentsApi.esm.js.map

package/dist/extensions/ComponentsApi.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentsApi.esm.js","sources":["../../src/extensions/ComponentsApi.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createComponentExtension,\n  createExtensionInput,\n  ApiBlueprint,\n  componentsApiRef,\n} from '@backstage/frontend-plugin-api';\n// eslint-disable-next-line @backstage/no-relative-monorepo-imports\nimport { DefaultComponentsApi } from '../../../../packages/frontend-app-api/src/apis/implementations/ComponentsApi';\n\n/**\n * Contains the shareable components installed into the app.\n */\nexport const ComponentsApi = ApiBlueprint.makeWithOverrides({\n  name: 'components',\n  inputs: {\n    components: createExtensionInput(\n      [createComponentExtension.componentDataRef],\n      { replaces: [{ id: 'app', input: 'components' }] },\n    ),\n  },\n  factory: (originalFactory, { inputs }) => {\n    return originalFactory(defineParams =>\n      defineParams({\n        api: componentsApiRef,\n        deps: {},\n        factory: () =>\n          DefaultComponentsApi.fromComponents(\n            inputs.components.map(i =>\n              i.get(createComponentExtension.componentDataRef),\n            ),\n          ),\n      }),\n    );\n  },\n});\n"],"names":[],"mappings":";;;AA4Ba,MAAA,aAAA,GAAgB,aAAa,iBAAkB,CAAA;AAAA,EAC1D,IAAM,EAAA,YAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,UAAY,EAAA,oBAAA;AAAA,MACV,CAAC,yBAAyB,gBAAgB,CAAA;AAAA,MAC1C,EAAE,UAAU,CAAC,EAAE,IAAI,KAAO,EAAA,KAAA,EAAO,YAAa,EAAC,CAAE;AAAA;AACnD,GACF;AAAA,EACA,OAAS,EAAA,CAAC,eAAiB,EAAA,EAAE,QAAa,KAAA;AACxC,IAAO,OAAA,eAAA;AAAA,MAAgB,kBACrB,YAAa,CAAA;AAAA,QACX,GAAK,EAAA,gBAAA;AAAA,QACL,MAAM,EAAC;AAAA,QACP,OAAA,EAAS,MACP,oBAAqB,CAAA,cAAA;AAAA,UACnB,OAAO,UAAW,CAAA,GAAA;AAAA,YAAI,CACpB,CAAA,KAAA,CAAA,CAAE,GAAI,CAAA,wBAAA,CAAyB,gBAAgB;AAAA;AACjD;AACF,OACH;AAAA,KACH;AAAA;AAEJ,CAAC;;;;"}

package/dist/packages/app-defaults/src/defaults/components.esm.js

@@ -1,46 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import Button from '@material-ui/core/Button';
-import { Progress, ErrorPage, ErrorPanel } from '@backstage/core-components';
-import { BrowserRouter, useInRouterContext, MemoryRouter } from 'react-router-dom';
-
-function OptionallyWrapInRouter({ children }) {
-  if (useInRouterContext()) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(MemoryRouter, { children });
-}
-const DefaultNotFoundPage = () => /* @__PURE__ */ jsx(ErrorPage, { status: "404", statusMessage: "PAGE NOT FOUND" });
-const DefaultBootErrorPage = ({ step, error }) => {
-  let message = "";
-  if (step === "load-config") {
-    message = `The configuration failed to load, someone should have a look at this error: ${error.message}`;
-  } else if (step === "load-chunk") {
-    message = `Lazy loaded chunk failed to load, try to reload the page: ${error.message}`;
-  }
-  return /* @__PURE__ */ jsx(OptionallyWrapInRouter, { children: /* @__PURE__ */ jsx(ErrorPage, { statusMessage: message, stack: error.stack }) });
-};
-const DefaultErrorBoundaryFallback = ({
-  error,
-  resetError,
-  plugin
-}) => {
-  return /* @__PURE__ */ jsx(
-    ErrorPanel,
-    {
-      title: `Error in ${plugin?.getId()}`,
-      defaultExpanded: true,
-      error,
-      children: /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: resetError, children: "Retry" })
-    }
-  );
-};
-const components = {
-  Progress,
-  Router: BrowserRouter,
-  NotFoundErrorPage: DefaultNotFoundPage,
-  BootErrorPage: DefaultBootErrorPage,
-  ErrorBoundaryFallback: DefaultErrorBoundaryFallback
-};
-
-export { OptionallyWrapInRouter, components };
-//# sourceMappingURL=components.esm.js.map

package/dist/packages/app-defaults/src/defaults/components.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.esm.js","sources":["../../../../../../../packages/app-defaults/src/defaults/components.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 */\n\nimport { ReactNode } from 'react';\nimport Button from '@material-ui/core/Button';\nimport { ErrorPanel, Progress, ErrorPage } from '@backstage/core-components';\nimport {\n  MemoryRouter,\n  useInRouterContext,\n  BrowserRouter,\n} from 'react-router-dom';\nimport {\n  AppComponents,\n  BootErrorPageProps,\n  ErrorBoundaryFallbackProps,\n} from '@backstage/core-plugin-api';\n\nexport function OptionallyWrapInRouter({ children }: { children: ReactNode }) {\n  if (useInRouterContext()) {\n    return <>{children}</>;\n  }\n  return <MemoryRouter>{children}</MemoryRouter>;\n}\n\nconst DefaultNotFoundPage = () => (\n  <ErrorPage status=\"404\" statusMessage=\"PAGE NOT FOUND\" />\n);\n\nconst DefaultBootErrorPage = ({ step, error }: BootErrorPageProps) => {\n  let message = '';\n  if (step === 'load-config') {\n    message = `The configuration failed to load, someone should have a look at this error: ${error.message}`;\n  } else if (step === 'load-chunk') {\n    message = `Lazy loaded chunk failed to load, try to reload the page: ${error.message}`;\n  }\n  // TODO: figure out a nicer way to handle routing on the error page, when it can be done.\n  return (\n    <OptionallyWrapInRouter>\n      <ErrorPage statusMessage={message} stack={error.stack} />\n    </OptionallyWrapInRouter>\n  );\n};\n\nconst DefaultErrorBoundaryFallback = ({\n  error,\n  resetError,\n  plugin,\n}: ErrorBoundaryFallbackProps) => {\n  return (\n    <ErrorPanel\n      title={`Error in ${plugin?.getId()}`}\n      defaultExpanded\n      error={error}\n    >\n      <Button variant=\"outlined\" onClick={resetError}>\n        Retry\n      </Button>\n    </ErrorPanel>\n  );\n};\n\n/**\n * Creates a set of default components to pass along to {@link @backstage/core-app-api#createSpecializedApp}.\n *\n * @public\n */\nexport const components: AppComponents = {\n  Progress,\n  Router: BrowserRouter,\n  NotFoundErrorPage: DefaultNotFoundPage,\n  BootErrorPage: DefaultBootErrorPage,\n  ErrorBoundaryFallback: DefaultErrorBoundaryFallback,\n};\n"],"names":[],"mappings":";;;;;AA8BgB,SAAA,sBAAA,CAAuB,EAAE,QAAA,EAAqC,EAAA;AAC5E,EAAA,IAAI,oBAAsB,EAAA;AACxB,IAAA,uCAAU,QAAS,EAAA,CAAA;AAAA;AAErB,EAAO,uBAAA,GAAA,CAAC,gBAAc,QAAS,EAAA,CAAA;AACjC;AAEA,MAAM,sBAAsB,sBAC1B,GAAA,CAAC,aAAU,MAAO,EAAA,KAAA,EAAM,eAAc,gBAAiB,EAAA,CAAA;AAGzD,MAAM,oBAAuB,GAAA,CAAC,EAAE,IAAA,EAAM,OAAgC,KAAA;AACpE,EAAA,IAAI,OAAU,GAAA,EAAA;AACd,EAAA,IAAI,SAAS,aAAe,EAAA;AAC1B,IAAU,OAAA,GAAA,CAAA,4EAAA,EAA+E,MAAM,OAAO,CAAA,CAAA;AAAA,GACxG,MAAA,IAAW,SAAS,YAAc,EAAA;AAChC,IAAU,OAAA,GAAA,CAAA,0DAAA,EAA6D,MAAM,OAAO,CAAA,CAAA;AAAA;AAGtF,EACE,uBAAA,GAAA,CAAC,0BACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,eAAe,OAAS,EAAA,KAAA,EAAO,KAAM,CAAA,KAAA,EAAO,CACzD,EAAA,CAAA;AAEJ,CAAA;AAEA,MAAM,+BAA+B,CAAC;AAAA,EACpC,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAkC,KAAA;AAChC,EACE,uBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,CAAA,SAAA,EAAY,MAAQ,EAAA,KAAA,EAAO,CAAA,CAAA;AAAA,MAClC,eAAe,EAAA,IAAA;AAAA,MACf,KAAA;AAAA,MAEA,8BAAC,MAAO,EAAA,EAAA,OAAA,EAAQ,UAAW,EAAA,OAAA,EAAS,YAAY,QAEhD,EAAA,OAAA,EAAA;AAAA;AAAA,GACF;AAEJ,CAAA;AAOO,MAAM,UAA4B,GAAA;AAAA,EACvC,QAAA;AAAA,EACA,MAAQ,EAAA,aAAA;AAAA,EACR,iBAAmB,EAAA,mBAAA;AAAA,EACnB,aAAe,EAAA,oBAAA;AAAA,EACf,qBAAuB,EAAA;AACzB;;;;"}

package/dist/packages/frontend-app-api/src/apis/implementations/ComponentsApi/DefaultComponentsApi.esm.js

@@ -1,21 +0,0 @@
-class DefaultComponentsApi {
-  #components;
-  static fromComponents(components) {
-    return new DefaultComponentsApi(
-      new Map(components.map((entry) => [entry.ref.id, entry.impl]))
-    );
-  }
-  constructor(components) {
-    this.#components = components;
-  }
-  getComponent(ref) {
-    const impl = this.#components.get(ref.id);
-    if (!impl) {
-      throw new Error(`No implementation found for component ref ${ref}`);
-    }
-    return impl;
-  }
-}
-
-export { DefaultComponentsApi };
-//# sourceMappingURL=DefaultComponentsApi.esm.js.map

package/dist/packages/frontend-app-api/src/apis/implementations/ComponentsApi/DefaultComponentsApi.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DefaultComponentsApi.esm.js","sources":["../../../../../../../../../packages/frontend-app-api/src/apis/implementations/ComponentsApi/DefaultComponentsApi.ts"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { ComponentType } from 'react';\nimport {\n  ComponentRef,\n  ComponentsApi,\n  createComponentExtension,\n} from '@backstage/frontend-plugin-api';\n\n/**\n * Implementation for the {@linkComponentApi}\n *\n * @internal\n */\nexport class DefaultComponentsApi implements ComponentsApi {\n  #components: Map<string, ComponentType<any>>;\n\n  static fromComponents(\n    components: Array<typeof createComponentExtension.componentDataRef.T>,\n  ) {\n    return new DefaultComponentsApi(\n      new Map(components.map(entry => [entry.ref.id, entry.impl])),\n    );\n  }\n\n  constructor(components: Map<string, any>) {\n    this.#components = components;\n  }\n\n  getComponent<T extends {}>(ref: ComponentRef<T>): ComponentType<T> {\n    const impl = this.#components.get(ref.id);\n    if (!impl) {\n      throw new Error(`No implementation found for component ref ${ref}`);\n    }\n    return impl;\n  }\n}\n"],"names":[],"mappings":"AA4BO,MAAM,oBAA8C,CAAA;AAAA,EACzD,WAAA;AAAA,EAEA,OAAO,eACL,UACA,EAAA;AACA,IAAA,OAAO,IAAI,oBAAA;AAAA,MACT,IAAI,GAAA,CAAI,UAAW,CAAA,GAAA,CAAI,CAAS,KAAA,KAAA,CAAC,KAAM,CAAA,GAAA,CAAI,EAAI,EAAA,KAAA,CAAM,IAAI,CAAC,CAAC;AAAA,KAC7D;AAAA;AACF,EAEA,YAAY,UAA8B,EAAA;AACxC,IAAA,IAAA,CAAK,WAAc,GAAA,UAAA;AAAA;AACrB,EAEA,aAA2B,GAAwC,EAAA;AACjE,IAAA,MAAM,IAAO,GAAA,IAAA,CAAK,WAAY,CAAA,GAAA,CAAI,IAAI,EAAE,CAAA;AACxC,IAAA,IAAI,CAAC,IAAM,EAAA;AACT,MAAA,MAAM,IAAI,KAAA,CAAM,CAA6C,0CAAA,EAAA,GAAG,CAAE,CAAA,CAAA;AAAA;AAEpE,IAAO,OAAA,IAAA;AAAA;AAEX;;;;"}