@backstage/frontend-app-api 0.3.1-next.0 → 0.4.0-next.2

package/dist/index.esm.js

@@ -1,46 +1,46 @@
-import React, { useMemo, useState, useEffect } from 'react';
+import React, { useMemo, useState, useEffect, createContext, useContext } from 'react';
 import { ConfigReader } from '@backstage/config';
-import { createExtension, createExtensionInput, coreExtensionData, useRouteRef, createThemeExtension, appTreeApiRef } from '@backstage/frontend-plugin-api';
-import { useRoutes, BrowserRouter, useInRouterContext, MemoryRouter, matchRoutes, generatePath, Route } from 'react-router-dom';
+import { createExtension, createExtensionInput, coreExtensionData, createTranslationExtension, useComponentRef, coreComponentRefs, useRouteRef, createThemeExtension, createComponentExtension, AnalyticsContext, useAnalytics, appTreeApiRef, componentsApiRef } from '@backstage/frontend-plugin-api';
+import { useRoutes, BrowserRouter, useInRouterContext, MemoryRouter, matchRoutes, generatePath, useLocation, Route } from 'react-router-dom';
 import { SidebarPage, sidebarConfig, Sidebar, SidebarDivider, useSidebarOpenState, Link, SidebarItem, Progress, ErrorPage, ErrorPanel } from '@backstage/core-components';
-import { makeStyles } from '@material-ui/core';
-import { useApi, appThemeApiRef, FeatureFlagState, createApiFactory, discoveryApiRef, configApiRef, alertApiRef, analyticsApiRef, errorApiRef, storageApiRef, fetchApiRef, identityApiRef, oauthRequestApiRef, googleAuthApiRef, microsoftAuthApiRef, githubAuthApiRef, oktaAuthApiRef, gitlabAuthApiRef, oneloginAuthApiRef, bitbucketAuthApiRef, bitbucketServerAuthApiRef, atlassianAuthApiRef, attachComponentData, featureFlagsApiRef } from '@backstage/core-plugin-api';
+import { makeStyles, Button as Button$1 } from '@material-ui/core';
+import { useApi, appThemeApiRef, FeatureFlagState, createApiFactory, discoveryApiRef, configApiRef, alertApiRef, analyticsApiRef, errorApiRef, storageApiRef, fetchApiRef, identityApiRef, oauthRequestApiRef, googleAuthApiRef, microsoftAuthApiRef, githubAuthApiRef, oktaAuthApiRef, gitlabAuthApiRef, oneloginAuthApiRef, bitbucketAuthApiRef, bitbucketServerAuthApiRef, atlassianAuthApiRef, createApiRef, attachComponentData, featureFlagsApiRef } from '@backstage/core-plugin-api';
 import { UrlPatternDiscovery, AlertApiForwarder, NoOpAnalyticsApi, ErrorAlerter, ErrorApiForwarder, UnhandledErrorForwarder, WebStorage, createFetchApi, FetchMiddlewares, OAuthRequestManager, GoogleAuth, MicrosoftAuth, GithubAuth, OktaAuth, GitlabAuth, OneLoginAuth, BitbucketAuth, BitbucketServerAuth, AtlassianAuth, ApiFactoryRegistry, AppThemeSelector, ApiResolver, ApiProvider } from '@backstage/core-app-api';
 import useObservable from 'react-use/lib/useObservable';
-import { createVersionedContext, createVersionedValueMap, getOrCreateGlobalSingleton } from '@backstage/version-bridge';
 import ObservableImpl from 'zen-observable';
 import { createInstance } from 'i18next';
 import { permissionApiRef, IdentityPermissionApi } from '@backstage/plugin-permission-react';
 import Button from '@material-ui/core/Button';
-import MuiApartmentIcon from '@material-ui/icons/Apartment';
-import MuiBrokenImageIcon from '@material-ui/icons/BrokenImage';
-import MuiCategoryIcon from '@material-ui/icons/Category';
-import MuiCreateNewFolderIcon from '@material-ui/icons/CreateNewFolder';
-import MuiSubjectIcon from '@material-ui/icons/Subject';
-import MuiSearchIcon from '@material-ui/icons/Search';
-import MuiChatIcon from '@material-ui/icons/Chat';
-import MuiDashboardIcon from '@material-ui/icons/Dashboard';
-import MuiDocsIcon from '@material-ui/icons/Description';
-import MuiEmailIcon from '@material-ui/icons/Email';
-import MuiExtensionIcon from '@material-ui/icons/Extension';
-import MuiGitHubIcon from '@material-ui/icons/GitHub';
-import MuiHelpIcon from '@material-ui/icons/Help';
-import MuiLocationOnIcon from '@material-ui/icons/LocationOn';
-import MuiMemoryIcon from '@material-ui/icons/Memory';
-import MuiMenuBookIcon from '@material-ui/icons/MenuBook';
-import MuiPeopleIcon from '@material-ui/icons/People';
-import MuiPersonIcon from '@material-ui/icons/Person';
-import MuiWarningIcon from '@material-ui/icons/Warning';
-import MuiWorkIcon from '@material-ui/icons/Work';
-import MuiFeaturedPlayListIcon from '@material-ui/icons/FeaturedPlayList';
+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/Work';
+import '@material-ui/icons/FeaturedPlayList';
 import { UnifiedThemeProvider, themes } from '@backstage/theme';
 import DarkIcon from '@material-ui/icons/Brightness2';
 import LightIcon from '@material-ui/icons/WbSunny';
+import { getOrCreateGlobalSingleton, createVersionedContext, createVersionedValueMap } from '@backstage/version-bridge';
 import { appLanguageApiRef, translationApiRef } from '@backstage/core-plugin-api/alpha';
 import mapValues from 'lodash/mapValues';
 
 const Core = createExtension({
-  id: "core",
+  namespace: "core",
   attachTo: { id: "root", input: "default" },
   // ignored
   inputs: {
@@ -50,6 +50,12 @@ const Core = createExtension({
     themes: createExtensionInput({
       theme: coreExtensionData.theme
     }),
+    components: createExtensionInput({
+      component: coreExtensionData.component
+    }),
+    translations: createExtensionInput({
+      translation: createTranslationExtension.translationDataRef
+    }),
     root: createExtensionInput(
       {
         element: coreExtensionData.reactElement
@@ -62,14 +68,15 @@ const Core = createExtension({
   },
   factory({ inputs }) {
     return {
-      root: inputs.root.element
+      root: inputs.root.output.element
     };
   }
 });
 
 const CoreRoutes = createExtension({
-  id: "core.routes",
-  attachTo: { id: "core.layout", input: "content" },
+  namespace: "core",
+  name: "routes",
+  attachTo: { id: "core/layout", input: "content" },
   inputs: {
     routes: createExtensionInput({
       path: coreExtensionData.routePath,
@@ -82,12 +89,19 @@ const CoreRoutes = createExtension({
   },
   factory({ inputs }) {
     const Routes = () => {
-      const element = useRoutes(
-        inputs.routes.map((route) => ({
-          path: `${route.path}/*`,
-          element: route.element
-        }))
+      const NotFoundErrorPage = useComponentRef(
+        coreComponentRefs.notFoundErrorPage
       );
+      const element = useRoutes([
+        ...inputs.routes.map((route) => ({
+          path: `${route.output.path}/*`,
+          element: route.output.element
+        })),
+        {
+          path: "*",
+          element: /* @__PURE__ */ React.createElement(NotFoundErrorPage, null)
+        }
+      ]);
       return element;
     };
     return {
@@ -97,8 +111,9 @@ const CoreRoutes = createExtension({
 });
 
 const CoreLayout = createExtension({
-  id: "core.layout",
-  attachTo: { id: "core", input: "root" },
+  namespace: "core",
+  name: "layout",
+  attachTo: { id: "core/router", input: "children" },
   inputs: {
     nav: createExtensionInput(
       {
@@ -118,7 +133,7 @@ const CoreLayout = createExtension({
   },
   factory({ inputs }) {
     return {
-      element: /* @__PURE__ */ React.createElement(SidebarPage, null, inputs.nav.element, inputs.content.element)
+      element: /* @__PURE__ */ React.createElement(SidebarPage, null, inputs.nav.output.element, inputs.content.output.element)
     };
   }
 });
@@ -193,10 +208,11 @@ const useSidebarLogoStyles = makeStyles({
     marginLeft: 24
   }
 });
-const SidebarLogo = () => {
+const SidebarLogo = (props) => {
+  var _a, _b;
   const classes = useSidebarLogoStyles();
   const { isOpen } = useSidebarOpenState();
-  return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Link, { to: "/", underline: "none", className: classes.link, "aria-label": "Home" }, isOpen ? /* @__PURE__ */ React.createElement(LogoFull, null) : /* @__PURE__ */ React.createElement(LogoIcon, null)));
+  return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Link, { to: "/", underline: "none", className: classes.link, "aria-label": "Home" }, isOpen ? (_a = props == null ? void 0 : props.logoFull) != null ? _a : /* @__PURE__ */ React.createElement(LogoFull, null) : (_b = props == null ? void 0 : props.logoIcon) != null ? _b : /* @__PURE__ */ React.createElement(LogoIcon, null)));
 };
 const SidebarNavItem = (props) => {
   const { icon: Icon, title, routeRef } = props;
@@ -204,19 +220,30 @@ const SidebarNavItem = (props) => {
   return /* @__PURE__ */ React.createElement(SidebarItem, { to, icon: Icon, text: title });
 };
 const CoreNav = createExtension({
-  id: "core.nav",
-  attachTo: { id: "core.layout", input: "nav" },
+  namespace: "core",
+  name: "nav",
+  attachTo: { id: "core/layout", input: "nav" },
   inputs: {
     items: createExtensionInput({
       target: coreExtensionData.navTarget
-    })
+    }),
+    logos: createExtensionInput(
+      {
+        elements: coreExtensionData.logoElements
+      },
+      {
+        singleton: true,
+        optional: true
+      }
+    )
   },
   output: {
     element: coreExtensionData.reactElement
   },
   factory({ inputs }) {
+    var _a;
     return {
-      element: /* @__PURE__ */ React.createElement(Sidebar, null, /* @__PURE__ */ React.createElement(SidebarLogo, null), /* @__PURE__ */ React.createElement(SidebarDivider, null), inputs.items.map((item, index) => /* @__PURE__ */ React.createElement(SidebarNavItem, { ...item.target, key: index })))
+      element: /* @__PURE__ */ React.createElement(Sidebar, null, /* @__PURE__ */ React.createElement(SidebarLogo, { ...(_a = inputs.logos) == null ? void 0 : _a.output.elements }), /* @__PURE__ */ React.createElement(SidebarDivider, null), inputs.items.map((item, index) => /* @__PURE__ */ React.createElement(SidebarNavItem, { ...item.output.target, key: index })))
     };
   }
 });
@@ -412,15 +439,6 @@ class AppIdentityProxy {
   }
 }
 
-const AppContext = createVersionedContext("app-context");
-const AppContextProvider = ({
-  appContext,
-  children
-}) => {
-  const versionedValue = createVersionedValueMap({ 1: appContext });
-  return /* @__PURE__ */ React.createElement(AppContext.Provider, { value: versionedValue, children });
-};
-
 var __defProp$2 = Object.defineProperty;
 var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$2 = (obj, key, value) => {
@@ -649,21 +667,21 @@ class BehaviorSubject {
   }
 }
 
-var __accessCheck$1 = (obj, member, msg) => {
+var __accessCheck$2 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet$1 = (obj, member, getter) => {
-  __accessCheck$1(obj, member, "read from private field");
+var __privateGet$2 = (obj, member, getter) => {
+  __accessCheck$2(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd$1 = (obj, member, value) => {
+var __privateAdd$2 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet$1 = (obj, member, value, setter) => {
-  __accessCheck$1(obj, member, "write to private field");
+var __privateSet$2 = (obj, member, value, setter) => {
+  __accessCheck$2(obj, member, "write to private field");
   setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
@@ -672,13 +690,13 @@ const STORAGE_KEY = "language";
 const DEFAULT_LANGUAGE = "en";
 const _AppLanguageSelector = class _AppLanguageSelector {
   constructor(languages, initialLanguage) {
-    __privateAdd$1(this, _languages, void 0);
-    __privateAdd$1(this, _language$1, void 0);
-    __privateAdd$1(this, _subject, void 0);
-    __privateSet$1(this, _languages, languages);
-    __privateSet$1(this, _language$1, initialLanguage);
-    __privateSet$1(this, _subject, new BehaviorSubject({
-      language: __privateGet$1(this, _language$1)
+    __privateAdd$2(this, _languages, void 0);
+    __privateAdd$2(this, _language$1, void 0);
+    __privateAdd$2(this, _subject, void 0);
+    __privateSet$2(this, _languages, languages);
+    __privateSet$2(this, _language$1, initialLanguage);
+    __privateSet$2(this, _subject, new BehaviorSubject({
+      language: __privateGet$2(this, _language$1)
     }));
   }
   static create(options) {
@@ -729,28 +747,28 @@ const _AppLanguageSelector = class _AppLanguageSelector {
     return selector;
   }
   getAvailableLanguages() {
-    return { languages: __privateGet$1(this, _languages).slice() };
+    return { languages: __privateGet$2(this, _languages).slice() };
   }
   setLanguage(language) {
     const lng = language != null ? language : DEFAULT_LANGUAGE;
-    if (lng === __privateGet$1(this, _language$1)) {
+    if (lng === __privateGet$2(this, _language$1)) {
       return;
     }
-    if (lng && !__privateGet$1(this, _languages).includes(lng)) {
+    if (lng && !__privateGet$2(this, _languages).includes(lng)) {
       throw new Error(
-        `Failed to change language to '${lng}', available languages are '${__privateGet$1(this, _languages).join(
+        `Failed to change language to '${lng}', available languages are '${__privateGet$2(this, _languages).join(
           "', '"
         )}'`
       );
     }
-    __privateSet$1(this, _language$1, lng);
-    __privateGet$1(this, _subject).next({ language: lng });
+    __privateSet$2(this, _language$1, lng);
+    __privateGet$2(this, _subject).next({ language: lng });
   }
   getLanguage() {
-    return { language: __privateGet$1(this, _language$1) };
+    return { language: __privateGet$2(this, _language$1) };
   }
   language$() {
-    return __privateGet$1(this, _subject);
+    return __privateGet$2(this, _subject);
   }
 };
 _languages = new WeakMap();
@@ -780,26 +798,26 @@ function toInternalTranslationRef(ref) {
   return r;
 }
 
-var __accessCheck = (obj, member, msg) => {
+var __accessCheck$1 = (obj, member, msg) => {
   if (!member.has(obj))
     throw TypeError("Cannot " + msg);
 };
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
+var __privateGet$1 = (obj, member, getter) => {
+  __accessCheck$1(obj, member, "read from private field");
   return getter ? getter.call(obj) : member.get(obj);
 };
-var __privateAdd = (obj, member, value) => {
+var __privateAdd$1 = (obj, member, value) => {
   if (member.has(obj))
     throw TypeError("Cannot add the same private member more than once");
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
+var __privateSet$1 = (obj, member, value, setter) => {
+  __accessCheck$1(obj, member, "write to private field");
   setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
 var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
+  __accessCheck$1(obj, member, "access private method");
   return method;
 };
 var _loaded, _loading, _loaders, _getLoaderKey, getLoaderKey_fn, _i18n, _loader, _language, _registeredRefs, _languageChangeListeners, _changeLanguage, changeLanguage_fn, _createSnapshot, createSnapshot_fn, _registerDefaults, registerDefaults_fn;
@@ -813,41 +831,41 @@ function removeNulls(messages) {
 class ResourceLoader {
   constructor(onLoad) {
     this.onLoad = onLoad;
-    __privateAdd(this, _getLoaderKey);
+    __privateAdd$1(this, _getLoaderKey);
     /** Loaded resources by loader key */
-    __privateAdd(this, _loaded, /* @__PURE__ */ new Set());
+    __privateAdd$1(this, _loaded, /* @__PURE__ */ new Set());
     /** Resource loading promises by loader key */
-    __privateAdd(this, _loading, /* @__PURE__ */ new Map());
+    __privateAdd$1(this, _loading, /* @__PURE__ */ new Map());
     /** Loaders for each resource language */
-    __privateAdd(this, _loaders, /* @__PURE__ */ new Map());
+    __privateAdd$1(this, _loaders, /* @__PURE__ */ new Map());
   }
   addTranslationResource(resource) {
     const internalResource = toInternalTranslationResource(resource);
     for (const entry of internalResource.resources) {
       const key = __privateMethod(this, _getLoaderKey, getLoaderKey_fn).call(this, entry.language, internalResource.id);
-      if (!__privateGet(this, _loaders).has(key)) {
-        __privateGet(this, _loaders).set(key, entry.loader);
+      if (!__privateGet$1(this, _loaders).has(key)) {
+        __privateGet$1(this, _loaders).set(key, entry.loader);
       }
     }
   }
   needsLoading(language, namespace) {
     const key = __privateMethod(this, _getLoaderKey, getLoaderKey_fn).call(this, language, namespace);
-    const loader = __privateGet(this, _loaders).get(key);
+    const loader = __privateGet$1(this, _loaders).get(key);
     if (!loader) {
       return false;
     }
-    return !__privateGet(this, _loaded).has(key);
+    return !__privateGet$1(this, _loaded).has(key);
   }
   async load(language, namespace) {
     const key = __privateMethod(this, _getLoaderKey, getLoaderKey_fn).call(this, language, namespace);
-    const loader = __privateGet(this, _loaders).get(key);
+    const loader = __privateGet$1(this, _loaders).get(key);
     if (!loader) {
       return;
     }
-    if (__privateGet(this, _loaded).has(key)) {
+    if (__privateGet$1(this, _loaded).has(key)) {
       return;
     }
-    const loading = __privateGet(this, _loading).get(key);
+    const loading = __privateGet$1(this, _loading).get(key);
     if (loading) {
       await loading;
       return;
@@ -855,14 +873,14 @@ class ResourceLoader {
     const load = loader().then(
       (result) => {
         this.onLoad({ language, namespace, messages: result.messages });
-        __privateGet(this, _loaded).add(key);
+        __privateGet$1(this, _loaded).add(key);
       },
       (error) => {
-        __privateGet(this, _loaded).add(key);
+        __privateGet$1(this, _loaded).add(key);
         throw error;
       }
     );
-    __privateGet(this, _loading).set(key, load);
+    __privateGet$1(this, _loading).set(key, load);
     await load;
   }
 }
@@ -875,19 +893,19 @@ getLoaderKey_fn = function(language, namespace) {
 };
 const _I18nextTranslationApi = class _I18nextTranslationApi {
   constructor(i18n, loader, language) {
-    __privateAdd(this, _changeLanguage);
-    __privateAdd(this, _createSnapshot);
-    __privateAdd(this, _registerDefaults);
-    __privateAdd(this, _i18n, void 0);
-    __privateAdd(this, _loader, void 0);
-    __privateAdd(this, _language, void 0);
+    __privateAdd$1(this, _changeLanguage);
+    __privateAdd$1(this, _createSnapshot);
+    __privateAdd$1(this, _registerDefaults);
+    __privateAdd$1(this, _i18n, void 0);
+    __privateAdd$1(this, _loader, void 0);
+    __privateAdd$1(this, _language, void 0);
     /** Keep track of which refs we have registered default resources for */
-    __privateAdd(this, _registeredRefs, /* @__PURE__ */ new Set());
+    __privateAdd$1(this, _registeredRefs, /* @__PURE__ */ new Set());
     /** Notify observers when language changes */
-    __privateAdd(this, _languageChangeListeners, /* @__PURE__ */ new Set());
-    __privateSet(this, _i18n, i18n);
-    __privateSet(this, _loader, loader);
-    __privateSet(this, _language, language);
+    __privateAdd$1(this, _languageChangeListeners, /* @__PURE__ */ new Set());
+    __privateSet$1(this, _i18n, i18n);
+    __privateSet$1(this, _loader, loader);
+    __privateSet$1(this, _language, language);
   }
   static create(options) {
     const { languages } = options.languageApi.getAvailableLanguages();
@@ -963,7 +981,7 @@ const _I18nextTranslationApi = class _I18nextTranslationApi {
       const loadResource = () => {
         loadTicket = {};
         const ticket = loadTicket;
-        __privateGet(this, _loader).load(__privateGet(this, _language), internalRef.id).then(
+        __privateGet$1(this, _loader).load(__privateGet$1(this, _language), internalRef.id).then(
           () => {
             if (ticket === loadTicket) {
               const snapshot = __privateMethod(this, _createSnapshot, createSnapshot_fn).call(this, internalRef);
@@ -987,12 +1005,12 @@ const _I18nextTranslationApi = class _I18nextTranslationApi {
           loadResource();
         }
       };
-      if (__privateGet(this, _loader).needsLoading(__privateGet(this, _language), internalRef.id)) {
+      if (__privateGet$1(this, _loader).needsLoading(__privateGet$1(this, _language), internalRef.id)) {
         loadResource();
       }
-      __privateGet(this, _languageChangeListeners).add(onChange);
+      __privateGet$1(this, _languageChangeListeners).add(onChange);
       return () => {
-        __privateGet(this, _languageChangeListeners).delete(onChange);
+        __privateGet$1(this, _languageChangeListeners).delete(onChange);
       };
     });
   }
@@ -1004,18 +1022,18 @@ _registeredRefs = new WeakMap();
 _languageChangeListeners = new WeakMap();
 _changeLanguage = new WeakSet();
 changeLanguage_fn = function(language) {
-  if (__privateGet(this, _language) !== language) {
-    __privateSet(this, _language, language);
-    __privateGet(this, _i18n).changeLanguage(language);
-    __privateGet(this, _languageChangeListeners).forEach((listener) => listener());
+  if (__privateGet$1(this, _language) !== language) {
+    __privateSet$1(this, _language, language);
+    __privateGet$1(this, _i18n).changeLanguage(language);
+    __privateGet$1(this, _languageChangeListeners).forEach((listener) => listener());
   }
 };
 _createSnapshot = new WeakSet();
 createSnapshot_fn = function(internalRef) {
-  if (__privateGet(this, _loader).needsLoading(__privateGet(this, _language), internalRef.id)) {
+  if (__privateGet$1(this, _loader).needsLoading(__privateGet$1(this, _language), internalRef.id)) {
     return { ready: false };
   }
-  const t = __privateGet(this, _i18n).getFixedT(
+  const t = __privateGet$1(this, _i18n).getFixedT(
     null,
     internalRef.id
   );
@@ -1026,12 +1044,12 @@ createSnapshot_fn = function(internalRef) {
 };
 _registerDefaults = new WeakSet();
 registerDefaults_fn = function(internalRef) {
-  if (__privateGet(this, _registeredRefs).has(internalRef.id)) {
+  if (__privateGet$1(this, _registeredRefs).has(internalRef.id)) {
     return;
   }
-  __privateGet(this, _registeredRefs).add(internalRef.id);
+  __privateGet$1(this, _registeredRefs).add(internalRef.id);
   const defaultMessages = internalRef.getDefaultMessages();
-  __privateGet(this, _i18n).addResourceBundle(
+  __privateGet$1(this, _i18n).addResourceBundle(
     DEFAULT_LANGUAGE,
     internalRef.id,
     defaultMessages,
@@ -1042,11 +1060,28 @@ registerDefaults_fn = function(internalRef) {
   );
   const defaultResource = internalRef.getDefaultResource();
   if (defaultResource) {
-    __privateGet(this, _loader).addTranslationResource(defaultResource);
+    __privateGet$1(this, _loader).addTranslationResource(defaultResource);
   }
 };
 let I18nextTranslationApi = _I18nextTranslationApi;
 
+function resolveExtensionDefinition(definition, context) {
+  var _a;
+  const { name, kind, namespace: _, ...rest } = definition;
+  const namespace = (_a = definition.namespace) != null ? _a : context == null ? void 0 : context.namespace;
+  const namePart = name && namespace ? `${namespace}/${name}` : namespace || name;
+  if (!namePart) {
+    throw new Error(
+      `Extension must declare an explicit namespace or name as it could not be resolved from context, kind=${kind} namespace=${namespace} name=${name}`
+    );
+  }
+  return {
+    ...rest,
+    id: kind ? `${kind}:${namePart}` : namePart,
+    $$type: "@backstage/Extension"
+  };
+}
+
 const apis = [
   createApiFactory({
     api: discoveryApiRef,
@@ -1285,33 +1320,6 @@ const components = {
   ErrorBoundaryFallback: DefaultErrorBoundaryFallback
 };
 
-const icons = {
-  brokenImage: MuiBrokenImageIcon,
-  // To be confirmed: see https://github.com/backstage/backstage/issues/4970
-  catalog: MuiMenuBookIcon,
-  scaffolder: MuiCreateNewFolderIcon,
-  techdocs: MuiSubjectIcon,
-  search: MuiSearchIcon,
-  chat: MuiChatIcon,
-  dashboard: MuiDashboardIcon,
-  docs: MuiDocsIcon,
-  email: MuiEmailIcon,
-  github: MuiGitHubIcon,
-  group: MuiPeopleIcon,
-  help: MuiHelpIcon,
-  "kind:api": MuiExtensionIcon,
-  "kind:component": MuiMemoryIcon,
-  "kind:domain": MuiApartmentIcon,
-  "kind:group": MuiPeopleIcon,
-  "kind:location": MuiLocationOnIcon,
-  "kind:system": MuiCategoryIcon,
-  "kind:user": MuiPersonIcon,
-  "kind:resource": MuiWorkIcon,
-  "kind:template": MuiFeaturedPlayListIcon,
-  user: MuiPersonIcon,
-  warning: MuiWarningIcon
-};
-
 const LightTheme = createThemeExtension({
   id: "light",
   title: "Light Theme",
@@ -1394,7 +1402,8 @@ function extractRouteInfoFromAppNode(node) {
         routeRefs: /* @__PURE__ */ new Set(),
         caseSensitive: false,
         children: [MATCH_ALL_ROUTE],
-        plugins: /* @__PURE__ */ new Set()
+        plugins: /* @__PURE__ */ new Set(),
+        appNode: current
       };
       parentChildren.push(currentObj);
       newParentRef = candidateParentRef;
@@ -1731,14 +1740,6 @@ function expandShorthandExtensionParameters(arrayEntry, arrayIndex) {
         errorMsg("extension ID must not be empty or contain whitespace")
       );
     }
-    if (id2.includes("/")) {
-      let message = `extension ID must not contain slashes; got '${id2}'`;
-      const good = id2.split("/")[0];
-      if (good) {
-        message += `, did you mean '${good}'?`;
-      }
-      throw new Error(errorMsg(message));
-    }
   }
   if (typeof arrayEntry === "string") {
     assertValidId(arrayEntry);
@@ -1918,12 +1919,25 @@ function toInternalExtensionOverrides(overrides) {
   const internal = overrides;
   if (internal.$$type !== "@backstage/ExtensionOverrides") {
     throw new Error(
-      `Invalid translation resource, bad type '${internal.$$type}'`
+      `Invalid extension overrides instance, bad type '${internal.$$type}'`
+    );
+  }
+  if (internal.version !== "v1") {
+    throw new Error(
+      `Invalid extension overrides instance, bad version '${internal.version}'`
     );
   }
+  return internal;
+}
+
+function toInternalBackstagePlugin(plugin) {
+  const internal = plugin;
+  if (internal.$$type !== "@backstage/BackstagePlugin") {
+    throw new Error(`Invalid plugin instance, bad type '${internal.$$type}'`);
+  }
   if (internal.version !== "v1") {
     throw new Error(
-      `Invalid translation resource, bad version '${internal.version}'`
+      `Invalid plugin instance, bad version '${internal.version}'`
     );
   }
   return internal;
@@ -1939,7 +1953,10 @@ function resolveAppNodeSpecs(options) {
     (f) => f.$$type === "@backstage/ExtensionOverrides"
   );
   const pluginExtensions = plugins.flatMap((source) => {
-    return source.extensions.map((extension) => ({ ...extension, source }));
+    return toInternalBackstagePlugin(source).extensions.map((extension) => ({
+      ...extension,
+      source
+    }));
   });
   const overrideExtensions = overrides.flatMap(
     (override) => toInternalExtensionOverrides(override).extensions
@@ -2078,10 +2095,11 @@ function resolveAppNodeSpecs(options) {
 
 function resolveInputData(dataMap, attachment, inputName) {
   return mapValues(dataMap, (ref) => {
-    const value = attachment.instance.getData(ref);
+    var _a;
+    const value = (_a = attachment.instance) == null ? void 0 : _a.getData(ref);
     if (value === void 0 && !ref.config.optional) {
       throw new Error(
-        `input '${inputName}' did not receive required extension data '${ref.id}' from extension '${attachment.id}'`
+        `input '${inputName}' did not receive required extension data '${ref.id}' from extension '${attachment.spec.id}'`
       );
     }
     return value;
@@ -2094,7 +2112,7 @@ function resolveInputs(inputMap, attachments) {
   if (undeclaredAttachments.length > 0) {
     throw new Error(
       `received undeclared input${undeclaredAttachments.length > 1 ? "s" : ""} ${undeclaredAttachments.map(
-        ([k, exts]) => `'${k}' from extension${exts.length > 1 ? "s" : ""} '${exts.map((e) => e.id).join("', '")}'`
+        ([k, exts]) => `'${k}' from extension${exts.length > 1 ? "s" : ""} '${exts.map((e) => e.spec.id).join("', '")}'`
       ).join(" and ")}`
     );
   }
@@ -2103,7 +2121,7 @@ function resolveInputs(inputMap, attachments) {
     const attachedNodes = (_a = attachments.get(inputName)) != null ? _a : [];
     if (input.config.singleton) {
       if (attachedNodes.length > 1) {
-        const attachedNodeIds = attachedNodes.map((e) => e.id);
+        const attachedNodeIds = attachedNodes.map((e) => e.spec.id);
         throw Error(
           `expected ${input.config.optional ? "at most" : "exactly"} one '${inputName}' input but received multiple: '${attachedNodeIds.join(
             "', '"
@@ -2115,17 +2133,25 @@ function resolveInputs(inputMap, attachments) {
         }
         throw Error(`input '${inputName}' is required but was not received`);
       }
-      return resolveInputData(input.extensionData, attachedNodes[0], inputName);
+      return {
+        node: attachedNodes[0],
+        output: resolveInputData(
+          input.extensionData,
+          attachedNodes[0],
+          inputName
+        )
+      };
     }
-    return attachedNodes.map(
-      (attachment) => resolveInputData(input.extensionData, attachment, inputName)
-    );
+    return attachedNodes.map((attachment) => ({
+      node: attachment,
+      output: resolveInputData(input.extensionData, attachment, inputName)
+    }));
   });
 }
 function createAppNodeInstance(options) {
   var _a;
-  const { spec, attachments } = options;
-  const { id, extension, config, source } = spec;
+  const { node, attachments } = options;
+  const { id, extension, config } = node.spec;
   const extensionData = /* @__PURE__ */ new Map();
   const extensionDataRefs = /* @__PURE__ */ new Set();
   let parsedConfig;
@@ -2138,7 +2164,7 @@ function createAppNodeInstance(options) {
   }
   try {
     const namedOutputs = extension.factory({
-      source,
+      node,
       config: parsedConfig,
       inputs: resolveInputs(extension.inputs, attachments)
     });
@@ -2157,7 +2183,7 @@ function createAppNodeInstance(options) {
     }
   } catch (e) {
     throw new Error(
-      `Failed to instantiate extension '${id}'${e.name === "Error" ? `, ${e.message}` : `; caused by ${e}`}`
+      `Failed to instantiate extension '${id}'${e.name === "Error" ? `, ${e.message}` : `; caused by ${e.stack}`}`
     );
   }
   return {
@@ -2184,14 +2210,14 @@ function instantiateAppNodeTree(rootNode) {
         if (!childInstance) {
           return [];
         }
-        return [{ id: child.spec.id, instance: childInstance }];
+        return [child];
       });
       if (instantiatedChildren.length > 0) {
         instantiatedAttachments.set(input, instantiatedChildren);
       }
     }
     node.instance = createAppNodeInstance({
-      spec: node.spec,
+      node,
       attachments: instantiatedAttachments
     });
     return node.instance;
@@ -2213,14 +2239,271 @@ function createAppTree(options) {
   return tree;
 }
 
+const DefaultProgressComponent = createComponentExtension({
+  ref: coreComponentRefs.progress,
+  component: { sync: () => components.Progress }
+});
+const DefaultNotFoundErrorPageComponent = createComponentExtension({
+  ref: coreComponentRefs.notFoundErrorPage,
+  component: { sync: () => components.NotFoundErrorPage }
+});
+const DefaultErrorBoundaryComponent = createComponentExtension({
+  ref: coreComponentRefs.errorBoundaryFallback,
+  component: {
+    sync: () => (props) => {
+      const { plugin, error, resetError } = props;
+      const title = `Error in ${plugin == null ? void 0 : plugin.id}`;
+      return /* @__PURE__ */ React.createElement(ErrorPanel, { title, error, defaultExpanded: true }, /* @__PURE__ */ React.createElement(Button$1, { variant: "outlined", onClick: resetError }, "Retry"));
+    }
+  }
+});
+
+const InternalAppContext = createContext(void 0);
+
+getOrCreateGlobalSingleton(
+  "core-plugin-api:analytics-tracker-events",
+  () => ({
+    mostRecentGatheredNavigation: void 0,
+    mostRecentRoutableExtensionRender: void 0,
+    beforeUnloadRegistered: false
+  })
+);
+
+createApiRef({ id: "core.app-tree" });
+
+createApiRef({
+  id: "core.components"
+});
+
+createApiRef({
+  id: "core.analytics"
+});
+
+function createExtensionDataRef(id) {
+  return {
+    id,
+    $$type: "@backstage/ExtensionDataRef",
+    config: {},
+    optional() {
+      return { ...this, config: { ...this.config, optional: true } };
+    }
+  };
+}
+
+const signInPageComponentDataRef = createExtensionDataRef("core.signInPage");
+
+const getExtensionContext = (pathname, routes) => {
+  var _a, _b;
+  try {
+    const matches = matchRoutes(routes, { pathname });
+    const routeMatch = matches == null ? void 0 : matches.filter((match) => {
+      var _a2;
+      return ((_a2 = match == null ? void 0 : match.route.routeRefs) == null ? void 0 : _a2.size) > 0;
+    }).pop();
+    const routeObject = routeMatch == null ? void 0 : routeMatch.route;
+    if (!routeObject) {
+      return void 0;
+    }
+    if (routeObject.path === "" && pathname !== "/") {
+      return void 0;
+    }
+    const params = Object.entries(
+      (routeMatch == null ? void 0 : routeMatch.params) || {}
+    ).reduce((acc, [key, value]) => {
+      if (value !== void 0 && key !== "*") {
+        acc[key] = value;
+      }
+      return acc;
+    }, {});
+    const plugin = (_a = routeObject.appNode) == null ? void 0 : _a.spec.source;
+    const extension = (_b = routeObject.appNode) == null ? void 0 : _b.spec.extension;
+    return {
+      params,
+      pluginId: (plugin == null ? void 0 : plugin.id) || "root",
+      extensionId: (extension == null ? void 0 : extension.id) || "App"
+    };
+  } catch {
+    return void 0;
+  }
+};
+const TrackNavigation = ({
+  pathname,
+  search,
+  hash,
+  attributes
+}) => {
+  const analytics = useAnalytics();
+  useEffect(() => {
+    analytics.captureEvent("navigate", `${pathname}${search}${hash}`, {
+      attributes
+    });
+  }, [analytics, pathname, search, hash, attributes]);
+  return null;
+};
+const RouteTracker = ({
+  routeObjects
+}) => {
+  const { pathname, search, hash } = useLocation();
+  const { params, ...attributes } = getExtensionContext(
+    pathname,
+    routeObjects
+  ) || { params: {} };
+  return /* @__PURE__ */ React.createElement(AnalyticsContext, { attributes }, /* @__PURE__ */ React.createElement(
+    TrackNavigation,
+    {
+      pathname,
+      search,
+      hash,
+      attributes: params
+    }
+  ));
+};
+
+const CoreRouter = createExtension({
+  namespace: "core",
+  name: "router",
+  attachTo: { id: "core", input: "root" },
+  inputs: {
+    signInPage: createExtensionInput(
+      {
+        component: signInPageComponentDataRef
+      },
+      { singleton: true, optional: true }
+    ),
+    children: createExtensionInput(
+      {
+        element: coreExtensionData.reactElement
+      },
+      { singleton: true }
+    )
+  },
+  output: {
+    element: coreExtensionData.reactElement
+  },
+  factory({ inputs }) {
+    var _a;
+    return {
+      element: /* @__PURE__ */ React.createElement(AppRouter, { SignInPageComponent: (_a = inputs.signInPage) == null ? void 0 : _a.output.component }, inputs.children.output.element)
+    };
+  }
+});
+function getBasePath(configApi) {
+  var _a;
+  let { pathname } = new URL(
+    (_a = configApi.getOptionalString("app.baseUrl")) != null ? _a : "/",
+    "http://sample.dev"
+    // baseUrl can be specified as just a path
+  );
+  pathname = pathname.replace(/\/*$/, "");
+  return pathname;
+}
+function SignInPageWrapper({
+  component: Component,
+  appIdentityProxy,
+  children
+}) {
+  const [identityApi, setIdentityApi] = useState();
+  const configApi = useApi(configApiRef);
+  const basePath = getBasePath(configApi);
+  if (!identityApi) {
+    return /* @__PURE__ */ React.createElement(Component, { onSignInSuccess: setIdentityApi });
+  }
+  appIdentityProxy.setTarget(identityApi, {
+    signOutTargetUrl: basePath || "/"
+  });
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+}
+function AppRouter(props) {
+  const { children, SignInPageComponent } = props;
+  const configApi = useApi(configApiRef);
+  const basePath = getBasePath(configApi);
+  const internalAppContext = useContext(InternalAppContext);
+  if (!internalAppContext) {
+    throw new Error("AppRouter must be rendered within the AppProvider");
+  }
+  const { routeObjects, appIdentityProxy } = internalAppContext;
+  if (!SignInPageComponent) {
+    appIdentityProxy.setTarget(
+      {
+        getUserId: () => "guest",
+        getIdToken: async () => void 0,
+        getProfile: () => ({
+          email: "guest@example.com",
+          displayName: "Guest"
+        }),
+        getProfileInfo: async () => ({
+          email: "guest@example.com",
+          displayName: "Guest"
+        }),
+        getBackstageIdentity: async () => ({
+          type: "user",
+          userEntityRef: "user:default/guest",
+          ownershipEntityRefs: ["user:default/guest"]
+        }),
+        getCredentials: async () => ({}),
+        signOut: async () => {
+        }
+      },
+      { signOutTargetUrl: basePath || "/" }
+    );
+    return /* @__PURE__ */ React.createElement(BrowserRouter, { basename: basePath }, /* @__PURE__ */ React.createElement(RouteTracker, { routeObjects }), children);
+  }
+  return /* @__PURE__ */ React.createElement(BrowserRouter, { basename: basePath }, /* @__PURE__ */ React.createElement(RouteTracker, { routeObjects }), /* @__PURE__ */ React.createElement(
+    SignInPageWrapper,
+    {
+      component: SignInPageComponent,
+      appIdentityProxy
+    },
+    children
+  ));
+}
+
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var _components;
+class DefaultComponentsApi {
+  constructor(components) {
+    __privateAdd(this, _components, void 0);
+    __privateSet(this, _components, components);
+  }
+  getComponent(ref) {
+    const impl = __privateGet(this, _components).get(ref);
+    if (!impl) {
+      throw new Error(`No implementation found for component ref ${ref}`);
+    }
+    return impl;
+  }
+}
+_components = new WeakMap();
+
 const builtinExtensions = [
   Core,
+  CoreRouter,
   CoreRoutes,
   CoreNav,
   CoreLayout,
+  DefaultProgressComponent,
+  DefaultErrorBoundaryComponent,
+  DefaultNotFoundErrorPageComponent,
   LightTheme,
   DarkTheme
-];
+].map((def) => resolveExtensionDefinition(def));
 function createExtensionTree(options) {
   const features = getAvailableFeatures(options.config);
   const tree = createAppTree({
@@ -2246,7 +2529,7 @@ function createExtensionTree(options) {
       return (_c = (_b = (_a = tree.nodes.get(id)) == null ? void 0 : _a.edges.attachments.get(inputName)) == null ? void 0 : _b.map(convertNode).filter((node) => Boolean(node))) != null ? _c : [];
     },
     getRootRoutes() {
-      return this.getExtensionAttachments("core.routes", "routes").map((node) => {
+      return this.getExtensionAttachments("core/routes", "routes").map((node) => {
         const path = node.getData(coreExtensionData.routePath);
         const element = node.getData(coreExtensionData.reactElement);
         const routeRef = node.getData(coreExtensionData.routeRef);
@@ -2265,7 +2548,7 @@ function createExtensionTree(options) {
         const location = useRouteRef(props.routeRef);
         return /* @__PURE__ */ React.createElement(SidebarItem, { icon: props.icon, to: location(), text: props.title });
       };
-      return this.getExtensionAttachments("core.nav", "items").map((node, index) => {
+      return this.getExtensionAttachments("core/nav", "items").map((node, index) => {
         const target = node.getData(coreExtensionData.navTarget);
         if (!target) {
           return null;
@@ -2334,12 +2617,26 @@ function createSpecializedApp(options) {
     builtinExtensions,
     config
   });
-  const appContext = createLegacyAppContext(
-    features.filter(
-      (f) => f.$$type === "@backstage/BackstagePlugin"
-    )
-  );
-  const apiHolder = createApiHolder(tree, config);
+  const appIdentityProxy = new AppIdentityProxy();
+  const apiHolder = createApiHolder(tree, config, appIdentityProxy);
+  const featureFlagApi = apiHolder.get(featureFlagsApiRef);
+  if (featureFlagApi) {
+    for (const feature of features) {
+      if (feature.$$type === "@backstage/BackstagePlugin") {
+        toInternalBackstagePlugin(feature).featureFlags.forEach(
+          (flag) => featureFlagApi.registerFlag({
+            name: flag.name,
+            pluginId: feature.id
+          })
+        );
+      }
+      if (feature.$$type === "@backstage/ExtensionOverrides") {
+        toInternalExtensionOverrides(feature).featureFlags.forEach(
+          (flag) => featureFlagApi.registerFlag({ name: flag.name, pluginId: "" })
+        );
+      }
+    }
+  }
   const routeInfo = extractRouteInfoFromAppNode(tree.root);
   const routeBindings = resolveRouteBindings(
     options == null ? void 0 : options.bindRoutes,
@@ -2347,31 +2644,21 @@ function createSpecializedApp(options) {
     collectRouteIds(features)
   );
   const rootEl = tree.root.instance.getData(coreExtensionData.reactElement);
-  const App = () => /* @__PURE__ */ React.createElement(ApiProvider, { apis: apiHolder }, /* @__PURE__ */ React.createElement(AppContextProvider, { appContext }, /* @__PURE__ */ React.createElement(AppThemeProvider, null, /* @__PURE__ */ React.createElement(RoutingProvider, { ...routeInfo, routeBindings }, /* @__PURE__ */ React.createElement(BrowserRouter, null, rootEl)))));
+  const App = () => /* @__PURE__ */ React.createElement(ApiProvider, { apis: apiHolder }, /* @__PURE__ */ React.createElement(AppThemeProvider, null, /* @__PURE__ */ React.createElement(RoutingProvider, { ...routeInfo, routeBindings }, /* @__PURE__ */ React.createElement(
+    InternalAppContext.Provider,
+    {
+      value: { appIdentityProxy, routeObjects: routeInfo.routeObjects }
+    },
+    rootEl
+  ))));
   return {
     createRoot() {
       return /* @__PURE__ */ React.createElement(App, null);
     }
   };
 }
-function createLegacyAppContext(plugins) {
-  return {
-    getPlugins() {
-      return plugins.map(toLegacyPlugin);
-    },
-    getSystemIcon(key) {
-      return key in icons ? icons[key] : void 0;
-    },
-    getSystemIcons() {
-      return icons;
-    },
-    getComponents() {
-      return components;
-    }
-  };
-}
-function createApiHolder(tree, configApi) {
-  var _a, _b, _c, _d;
+function createApiHolder(tree, configApi, appIdentityProxy) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const factoryRegistry = new ApiFactoryRegistry();
   const pluginApis = (_b = (_a = tree.root.edges.attachments.get("apis")) == null ? void 0 : _a.map((e) => {
     var _a2;
@@ -2381,6 +2668,14 @@ function createApiHolder(tree, configApi) {
     var _a2;
     return (_a2 = e.instance) == null ? void 0 : _a2.getData(coreExtensionData.theme);
   }).filter((x) => !!x)) != null ? _d : [];
+  const translationResources = (_f = (_e = tree.root.edges.attachments.get("translations")) == null ? void 0 : _e.map(
+    (e) => {
+      var _a2;
+      return (_a2 = e.instance) == null ? void 0 : _a2.getData(createTranslationExtension.translationDataRef);
+    }
+  ).filter(
+    (x) => !!x
+  )) != null ? _f : [];
   for (const factory of [...apis, ...pluginApis]) {
     factoryRegistry.register("default", factory);
   }
@@ -2392,33 +2687,7 @@ function createApiHolder(tree, configApi) {
   factoryRegistry.register("static", {
     api: identityApiRef,
     deps: {},
-    factory: () => {
-      const appIdentityProxy = new AppIdentityProxy();
-      appIdentityProxy.setTarget(
-        {
-          getUserId: () => "guest",
-          getIdToken: async () => void 0,
-          getProfile: () => ({
-            email: "guest@example.com",
-            displayName: "Guest"
-          }),
-          getProfileInfo: async () => ({
-            email: "guest@example.com",
-            displayName: "Guest"
-          }),
-          getBackstageIdentity: async () => ({
-            type: "user",
-            userEntityRef: "user:default/guest",
-            ownershipEntityRefs: ["user:default/guest"]
-          }),
-          getCredentials: async () => ({}),
-          signOut: async () => {
-          }
-        },
-        { signOutTargetUrl: "/" }
-      );
-      return appIdentityProxy;
-    }
+    factory: () => appIdentityProxy
   });
   factoryRegistry.register("static", {
     api: appTreeApiRef,
@@ -2427,6 +2696,19 @@ function createApiHolder(tree, configApi) {
       getTree: () => ({ tree })
     })
   });
+  const componentsExtensions = (_h = (_g = tree.root.edges.attachments.get("components")) == null ? void 0 : _g.map((e) => {
+    var _a2;
+    return (_a2 = e.instance) == null ? void 0 : _a2.getData(coreExtensionData.component);
+  }).filter((x) => !!x)) != null ? _h : [];
+  const componentsMap = componentsExtensions.reduce(
+    (components, component) => component ? components.set(component.ref, component == null ? void 0 : component.impl) : components,
+    /* @__PURE__ */ new Map()
+  );
+  factoryRegistry.register("static", {
+    api: componentsApiRef,
+    deps: {},
+    factory: () => new DefaultComponentsApi(componentsMap)
+  });
   factoryRegistry.register("static", {
     api: appThemeApiRef,
     deps: {},
@@ -2438,13 +2720,6 @@ function createApiHolder(tree, configApi) {
     deps: {},
     factory: () => AppLanguageSelector.createWithStorage()
   });
-  factoryRegistry.register("default", {
-    api: translationApiRef,
-    deps: { languageApi: appLanguageApiRef },
-    factory: ({ languageApi }) => I18nextTranslationApi.create({
-      languageApi
-    })
-  });
   factoryRegistry.register("static", {
     api: configApiRef,
     deps: {},
@@ -2455,11 +2730,12 @@ function createApiHolder(tree, configApi) {
     deps: {},
     factory: () => AppLanguageSelector.createWithStorage()
   });
-  factoryRegistry.register("default", {
+  factoryRegistry.register("static", {
     api: translationApiRef,
     deps: { languageApi: appLanguageApiRef },
     factory: ({ languageApi }) => I18nextTranslationApi.create({
-      languageApi
+      languageApi,
+      resources: translationResources
     })
   });
   for (const factory of apis) {