@backstage/core-app-api 1.2.1-next.2 → 1.3.0-next.4

package/CHANGELOG.md

@@ -1,5 +1,77 @@
 # @backstage/core-app-api
 
+## 1.3.0-next.4
+
+### Minor Changes
+
+- e0d9c9559a: Added a new `AppRouter` component and `app.createRoot()` method that replaces `app.getRouter()` and `app.getProvider()`, which are now deprecated. The new `AppRouter` component is a drop-in replacement for the old router component, while the new `app.createRoot()` method is used instead of the old provider component.
+
+  An old app setup might look like this:
+
+  ```tsx
+  const app = createApp(/* ... */);
+
+  const AppProvider = app.getProvider();
+  const AppRouter = app.getRouter();
+
+  const routes = ...;
+
+  const App = () => (
+    <AppProvider>
+      <AlertDisplay />
+      <OAuthRequestDialog />
+      <AppRouter>
+        <Root>{routes}</Root>
+      </AppRouter>
+    </AppProvider>
+  );
+
+  export default App;
+  ```
+
+  With these new APIs, the setup now looks like this:
+
+  ```tsx
+  import { AppRouter } from '@backstage/core-app-api';
+
+  const app = createApp(/* ... */);
+
+  const routes = ...;
+
+  export default app.createRoot(
+    <>
+      <AlertDisplay />
+      <OAuthRequestDialog />
+      <AppRouter>
+        <Root>{routes}</Root>
+      </AppRouter>
+    </>,
+  );
+  ```
+
+  Note that `app.createRoot()` accepts a React element, rather than a component.
+
+### Patch Changes
+
+- b05dcd5530: Move the `zod` dependency to a version that does not collide with other libraries
+- Updated dependencies
+  - @backstage/config@1.0.5-next.1
+  - @backstage/core-plugin-api@1.2.0-next.2
+  - @backstage/types@1.0.2-next.1
+  - @backstage/version-bridge@1.0.3-next.0
+
+## 1.2.1-next.3
+
+### Patch Changes
+
+- 6870b43dd1: Fix for the automatic rewriting of base URLs.
+- 653d7912ac: Made `WebStorage` notify its subscribers when `localStorage` values change in other tabs/windows
+- Updated dependencies
+  - @backstage/config@1.0.5-next.1
+  - @backstage/core-plugin-api@1.2.0-next.2
+  - @backstage/types@1.0.2-next.1
+  - @backstage/version-bridge@1.0.3-next.0
+
 ## 1.2.1-next.2
 
 ### Patch Changes

package/dist/index.d.ts

@@ -535,22 +535,45 @@ declare class WebStorage implements StorageApi {
     private readonly namespace;
     private readonly errorApi;
     constructor(namespace: string, errorApi: ErrorApi);
+    private static hasSubscribed;
     static create(options: {
         errorApi: ErrorApi;
         namespace?: string;
     }): WebStorage;
+    private static addStorageEventListener;
     get<T>(key: string): T | undefined;
     snapshot<T extends JsonValue>(key: string): StorageValueSnapshot<T>;
     forBucket(name: string): WebStorage;
     set<T>(key: string, data: T): Promise<void>;
     remove(key: string): Promise<void>;
     observe$<T extends JsonValue>(key: string): Observable<StorageValueSnapshot<T>>;
+    private handleStorageChange;
     private getKeyName;
     private notifyChanges;
     private subscribers;
     private readonly observable;
 }
 
+/**
+ * Props for the {@link AppRouter} component.
+ * @public
+ */
+interface AppRouterProps {
+    children?: ReactNode;
+}
+/**
+ * App router and sign-in page wrapper.
+ *
+ * @public
+ * @remarks
+ *
+ * The AppRouter provides the routing context and renders the sign-in page.
+ * Until the user has successfully signed in, this component will render
+ * the sign-in page. Once the user has signed-in, it will instead render
+ * the app, while providing routing and route tracking for the app.
+ */
+declare function AppRouter(props: AppRouterProps): JSX.Element;
+
 /**
  * Props for the `BootErrorPage` component of {@link AppComponents}.
  *
@@ -797,14 +820,42 @@ declare type BackstageApp = {
      * Get a common or custom icon for this app.
      */
     getSystemIcon(key: string): IconComponent | undefined;
+    /**
+     * Creates the root component that renders the entire app.
+     *
+     * @remarks
+     *
+     * This method must only be called once, and you have to provide it the entire
+     * app element tree. The element tree will be analyzed to discover plugins,
+     * routes, and other app features. The returned component will render all
+     * of the app elements wrapped within the app context provider.
+     *
+     * @example
+     * ```tsx
+     * export default app.createRoot(
+     *   <>
+     *     <AlertDisplay />
+     *     <OAuthRequestDialog />
+     *     <AppRouter>
+     *       <Root>{routes}</Root>
+     *     </AppRouter>
+     *   </>,
+     * );
+     * ```
+     */
+    createRoot(element: JSX.Element): ComponentType<{}>;
     /**
      * Provider component that should wrap the Router created with getRouter()
      * and any other components that need to be within the app context.
+     *
+     * @deprecated Use {@link BackstageApp.createRoot} instead.
      */
     getProvider(): ComponentType<{}>;
     /**
      * Router component that should wrap the App Routes create with getRoutes()
      * and any other components that should only be available while signed in.
+     *
+     * @deprecated Import and use the {@link AppRouter} component from `@backstage/core-app-api` instead
      */
     getRouter(): ComponentType<{}>;
 };
@@ -904,4 +955,4 @@ declare type FeatureFlaggedProps = {
  */
 declare const FeatureFlagged: (props: FeatureFlaggedProps) => JSX.Element;
 
-export { AlertApiForwarder, ApiFactoryHolder, ApiFactoryRegistry, ApiFactoryScope, ApiProvider, ApiProviderProps, ApiResolver, AppComponents, AppConfigLoader, AppContext, AppIcons, AppOptions, AppRouteBinder, AppThemeSelector, AtlassianAuth, AuthApiCreateOptions, BackstageApp, BitbucketAuth, BitbucketSession, BootErrorPageProps, ErrorAlerter, ErrorApiForwarder, ErrorBoundaryFallbackProps, FeatureFlagged, FeatureFlaggedProps, FetchMiddleware, FetchMiddlewares, FlatRoutes, FlatRoutesProps, GithubAuth, GitlabAuth, GoogleAuth, LocalStorageFeatureFlags, MicrosoftAuth, MultipleAnalyticsApi, NoOpAnalyticsApi, OAuth2, OAuth2CreateOptions, OAuth2Session, OAuthApiCreateOptions, OAuthRequestManager, OktaAuth, OneLoginAuth, OneLoginAuthCreateOptions, SamlAuth, SignInPageProps, UnhandledErrorForwarder, UrlPatternDiscovery, WebStorage, createFetchApi, createSpecializedApp, defaultConfigLoader };
+export { AlertApiForwarder, ApiFactoryHolder, ApiFactoryRegistry, ApiFactoryScope, ApiProvider, ApiProviderProps, ApiResolver, AppComponents, AppConfigLoader, AppContext, AppIcons, AppOptions, AppRouteBinder, AppRouter, AppRouterProps, AppThemeSelector, AtlassianAuth, AuthApiCreateOptions, BackstageApp, BitbucketAuth, BitbucketSession, BootErrorPageProps, ErrorAlerter, ErrorApiForwarder, ErrorBoundaryFallbackProps, FeatureFlagged, FeatureFlaggedProps, FetchMiddleware, FetchMiddlewares, FlatRoutes, FlatRoutesProps, GithubAuth, GitlabAuth, GoogleAuth, LocalStorageFeatureFlags, MicrosoftAuth, MultipleAnalyticsApi, NoOpAnalyticsApi, OAuth2, OAuth2CreateOptions, OAuth2Session, OAuthApiCreateOptions, OAuthRequestManager, OktaAuth, OneLoginAuth, OneLoginAuthCreateOptions, SamlAuth, SignInPageProps, UnhandledErrorForwarder, UrlPatternDiscovery, WebStorage, createFetchApi, createSpecializedApp, defaultConfigLoader };

package/dist/index.esm.js

@@ -1,12 +1,12 @@
-import React, { useContext, Children, isValidElement, useEffect, useMemo, useState, createContext, useRef } from 'react';
+import React, { useContext, createContext, useEffect, useState, Children, isValidElement, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { createVersionedContext, createVersionedValueMap, getOrCreateGlobalSingleton } from '@backstage/version-bridge';
 import ObservableImpl from 'zen-observable';
-import { SessionState, FeatureFlagState, getComponentData, attachComponentData, useApi, featureFlagsApiRef, AnalyticsContext, useAnalytics, appThemeApiRef, configApiRef, identityApiRef, useApp, useElementFilter } from '@backstage/core-plugin-api';
+import { SessionState, FeatureFlagState, AnalyticsContext, useAnalytics, useApp, useApi, configApiRef, getComponentData, attachComponentData, featureFlagsApiRef, appThemeApiRef, identityApiRef, useElementFilter } from '@backstage/core-plugin-api';
 import { z } from 'zod';
 import { ConfigReader } from '@backstage/config';
 export { ConfigReader } from '@backstage/config';
-import { matchRoutes, generatePath, useLocation, createRoutesFromChildren, Route, Routes, useRoutes } from 'react-router-dom';
+import { createRoutesFromChildren, Route, useLocation, matchRoutes, Routes, generatePath, useRoutes } from 'react-router-dom';
 import useAsync from 'react-use/lib/useAsync';
 import useObservable from 'react-use/lib/useObservable';
 
@@ -1613,7 +1613,7 @@ class OAuthRequestManager {
 }
 
 const buckets = /* @__PURE__ */ new Map();
-class WebStorage {
+const _WebStorage = class {
   constructor(namespace, errorApi) {
     this.namespace = namespace;
     this.errorApi = errorApi;
@@ -1627,7 +1627,17 @@ class WebStorage {
   }
   static create(options) {
     var _a;
-    return new WebStorage((_a = options.namespace) != null ? _a : "", options.errorApi);
+    return new _WebStorage((_a = options.namespace) != null ? _a : "", options.errorApi);
+  }
+  static addStorageEventListener() {
+    window.addEventListener("storage", (event) => {
+      var _a;
+      for (const [bucketPath, webStorage] of buckets.entries()) {
+        if ((_a = event.key) == null ? void 0 : _a.startsWith(bucketPath)) {
+          webStorage.handleStorageChange(event.key);
+        }
+      }
+    });
   }
   get(key) {
     return this.snapshot(key).value;
@@ -1656,7 +1666,7 @@ class WebStorage {
   forBucket(name) {
     const bucketPath = `${this.namespace}/${name}`;
     if (!buckets.has(bucketPath)) {
-      buckets.set(bucketPath, new WebStorage(bucketPath, this.errorApi));
+      buckets.set(bucketPath, new _WebStorage(bucketPath, this.errorApi));
     }
     return buckets.get(bucketPath);
   }
@@ -1669,8 +1679,21 @@ class WebStorage {
     this.notifyChanges(key);
   }
   observe$(key) {
+    if (!_WebStorage.hasSubscribed) {
+      _WebStorage.addStorageEventListener();
+      _WebStorage.hasSubscribed = true;
+    }
     return this.observable.filter(({ key: messageKey }) => messageKey === key);
   }
+  handleStorageChange(eventKey) {
+    if (!(eventKey == null ? void 0 : eventKey.startsWith(this.namespace))) {
+      return;
+    }
+    const trimmedKey = eventKey == null ? void 0 : eventKey.slice(`${this.namespace}/`.length);
+    if (!trimmedKey.includes("/")) {
+      this.notifyChanges(decodeURIComponent(trimmedKey));
+    }
+  }
   getKeyName(key) {
     return `${this.namespace}/${encodeURIComponent(key)}`;
   }
@@ -1680,6 +1703,147 @@ class WebStorage {
       subscription.next(snapshot);
     }
   }
+};
+let WebStorage = _WebStorage;
+WebStorage.hasSubscribed = false;
+
+const InternalAppContext = createContext(void 0);
+
+function isReactRouterBeta() {
+  const [obj] = createRoutesFromChildren(/* @__PURE__ */ React.createElement(Route, { index: true, element: /* @__PURE__ */ React.createElement("div", null) }));
+  return !obj.index;
+}
+
+const getExtensionContext = (pathname, routes) => {
+  var _a, _b;
+  try {
+    const matches = matchRoutes(routes, { pathname });
+    const routeObject = (_a = 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()) == null ? void 0 : _a.route;
+    if (!routeObject) {
+      return {};
+    }
+    let routeRef;
+    if (routeObject.routeRefs.size === 1) {
+      routeRef = routeObject.routeRefs.values().next().value;
+    }
+    return {
+      extension: "App",
+      pluginId: ((_b = routeObject.plugin) == null ? void 0 : _b.getId()) || "root",
+      ...routeRef ? { routeRef: routeRef.id } : {}
+    };
+  } catch {
+    return {};
+  }
+};
+const TrackNavigation = ({
+  pathname,
+  search,
+  hash
+}) => {
+  const analytics = useAnalytics();
+  useEffect(() => {
+    analytics.captureEvent("navigate", `${pathname}${search}${hash}`);
+  }, [analytics, pathname, search, hash]);
+  return null;
+};
+const RouteTracker = ({
+  routeObjects
+}) => {
+  const { pathname, search, hash } = useLocation();
+  return /* @__PURE__ */ React.createElement(AnalyticsContext, { attributes: getExtensionContext(pathname, routeObjects) }, /* @__PURE__ */ React.createElement(TrackNavigation, { pathname, search, hash }));
+};
+
+function getBasePath(configApi) {
+  if (!isReactRouterBeta()) {
+    return "";
+  }
+  return readBasePath(configApi);
+}
+function readBasePath(configApi) {
+  var _a;
+  let { pathname } = new URL(
+    (_a = configApi.getOptionalString("app.baseUrl")) != null ? _a : "/",
+    "http://sample.dev"
+  );
+  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 { Router: RouterComponent, SignInPage: SignInPageComponent } = useApp().getComponents();
+  const configApi = useApi(configApiRef);
+  const basePath = readBasePath(configApi);
+  const mountPath = `${basePath}/*`;
+  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 || "/" }
+    );
+    if (isReactRouterBeta()) {
+      return /* @__PURE__ */ React.createElement(RouterComponent, null, /* @__PURE__ */ React.createElement(RouteTracker, { routeObjects }), /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: mountPath, element: /* @__PURE__ */ React.createElement(React.Fragment, null, props.children) })));
+    }
+    return /* @__PURE__ */ React.createElement(RouterComponent, { basename: basePath }, /* @__PURE__ */ React.createElement(RouteTracker, { routeObjects }), props.children);
+  }
+  if (isReactRouterBeta()) {
+    return /* @__PURE__ */ React.createElement(RouterComponent, null, /* @__PURE__ */ React.createElement(RouteTracker, { routeObjects }), /* @__PURE__ */ React.createElement(
+      SignInPageWrapper,
+      {
+        component: SignInPageComponent,
+        appIdentityProxy
+      },
+      /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: mountPath, element: /* @__PURE__ */ React.createElement(React.Fragment, null, props.children) }))
+    ));
+  }
+  return /* @__PURE__ */ React.createElement(RouterComponent, { basename: basePath }, /* @__PURE__ */ React.createElement(RouteTracker, { routeObjects }), /* @__PURE__ */ React.createElement(
+    SignInPageWrapper,
+    {
+      component: SignInPageComponent,
+      appIdentityProxy
+    },
+    props.children
+  ));
 }
 
 function traverseElementTree(options) {
@@ -2173,48 +2337,6 @@ const RoutingProvider = ({
   return /* @__PURE__ */ React.createElement(RoutingContext.Provider, { value: versionedValue }, children);
 };
 
-const getExtensionContext = (pathname, routes) => {
-  var _a, _b;
-  try {
-    const matches = matchRoutes(routes, { pathname });
-    const routeObject = (_a = 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()) == null ? void 0 : _a.route;
-    if (!routeObject) {
-      return {};
-    }
-    let routeRef;
-    if (routeObject.routeRefs.size === 1) {
-      routeRef = routeObject.routeRefs.values().next().value;
-    }
-    return {
-      extension: "App",
-      pluginId: ((_b = routeObject.plugin) == null ? void 0 : _b.getId()) || "root",
-      ...routeRef ? { routeRef: routeRef.id } : {}
-    };
-  } catch {
-    return {};
-  }
-};
-const TrackNavigation = ({
-  pathname,
-  search,
-  hash
-}) => {
-  const analytics = useAnalytics();
-  useEffect(() => {
-    analytics.captureEvent("navigate", `${pathname}${search}${hash}`);
-  }, [analytics, pathname, search, hash]);
-  return null;
-};
-const RouteTracker = ({
-  routeObjects
-}) => {
-  const { pathname, search, hash } = useLocation();
-  return /* @__PURE__ */ React.createElement(AnalyticsContext, { attributes: getExtensionContext(pathname, routeObjects) }, /* @__PURE__ */ React.createElement(TrackNavigation, { pathname, search, hash }));
-};
-
 function validateRouteParameters(routePaths, routeParents) {
   const notLeafRoutes = new Set(routeParents.values());
   notLeafRoutes.delete(void 0);
@@ -2493,27 +2615,25 @@ function resolveRouteBindings(bindRoutes) {
   return result;
 }
 
-function isReactRouterBeta() {
-  const [obj] = createRoutesFromChildren(/* @__PURE__ */ React.createElement(Route, { index: true, element: /* @__PURE__ */ React.createElement("div", null) }));
-  return !obj.index;
-}
-
-const InternalAppContext = createContext({ routeObjects: [] });
-function getBasePath(configApi) {
-  if (!isReactRouterBeta()) {
-    return "";
-  }
-  return readBasePath(configApi);
-}
-function readBasePath(configApi) {
-  var _a;
-  let { pathname } = new URL(
-    (_a = configApi.getOptionalString("app.baseUrl")) != null ? _a : "/",
-    "http://sample.dev"
-  );
-  pathname = pathname.replace(/\/*$/, "");
-  return pathname;
-}
+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 _getProviderCalled;
 function useConfigLoader(configLoader, components, appThemeApi) {
   var _a;
   const hasConfig = Boolean(configLoader);
@@ -2540,7 +2660,7 @@ function useConfigLoader(configLoader, components, appThemeApi) {
       return new URL(
         fullUrl.replace(getOrigin(fullUrl), ""),
         document.location.origin
-      ).href;
+      ).href.replace(/\/$/, "");
     };
     const appBaseUrl = urlConfigReader.getOptionalString("app.baseUrl");
     const backendBaseUrl = urlConfigReader.getOptionalString("backend.baseUrl");
@@ -2553,15 +2673,17 @@ function useConfigLoader(configLoader, components, appThemeApi) {
       const appOrigin = getOrigin(appBaseUrl);
       const backendOrigin = getOrigin(backendBaseUrl);
       if (appOrigin === backendOrigin) {
-        relativeResolverConfig.data.backend = {
-          baseUrl: overrideOrigin(backendBaseUrl)
-        };
+        const newBackendBaseUrl = overrideOrigin(backendBaseUrl);
+        if (backendBaseUrl !== newBackendBaseUrl) {
+          relativeResolverConfig.data.backend = { baseUrl: newBackendBaseUrl };
+        }
       }
     }
     if (appBaseUrl) {
-      relativeResolverConfig.data.app = {
-        baseUrl: overrideOrigin(appBaseUrl)
-      };
+      const newAppBaseUrl = overrideOrigin(appBaseUrl);
+      if (appBaseUrl !== newAppBaseUrl) {
+        relativeResolverConfig.data.app = { baseUrl: newAppBaseUrl };
+      }
     }
     if (Object.keys(relativeResolverConfig.data).length) {
       configs = configs.concat([relativeResolverConfig]);
@@ -2592,6 +2714,7 @@ class AppContextImpl {
 class AppManager {
   constructor(options) {
     this.appIdentityProxy = new AppIdentityProxy();
+    __privateAdd(this, _getProviderCalled, false);
     var _a, _b, _c, _d;
     this.apis = (_a = options.apis) != null ? _a : [];
     this.icons = options.icons;
@@ -2615,7 +2738,20 @@ class AppManager {
   getComponents() {
     return this.components;
   }
+  createRoot(element) {
+    const AppProvider = this.getProvider();
+    const AppRoot = () => {
+      return /* @__PURE__ */ React.createElement(AppProvider, null, element);
+    };
+    return AppRoot;
+  }
   getProvider() {
+    if (__privateGet(this, _getProviderCalled)) {
+      throw new Error(
+        "app.getProvider() or app.createRoot() has already been called, and can only be called once"
+      );
+    }
+    __privateSet(this, _getProviderCalled, true);
     const appContext = new AppContextImpl(this);
     let routesHaveBeenValidated = false;
     const Provider = ({ children }) => {
@@ -2708,7 +2844,10 @@ class AppManager {
         /* @__PURE__ */ React.createElement(
           InternalAppContext.Provider,
           {
-            value: { routeObjects: routing.objects }
+            value: {
+              routeObjects: routing.objects,
+              appIdentityProxy: this.appIdentityProxy
+            }
           },
           children
         )
@@ -2717,61 +2856,6 @@ class AppManager {
     return Provider;
   }
   getRouter() {
-    const { Router: RouterComponent, SignInPage: SignInPageComponent } = this.components;
-    const SignInPageWrapper = ({
-      component: Component,
-      children
-    }) => {
-      const [identityApi, setIdentityApi] = useState();
-      const configApi = useApi(configApiRef);
-      const basePath = getBasePath(configApi);
-      if (!identityApi) {
-        return /* @__PURE__ */ React.createElement(Component, { onSignInSuccess: setIdentityApi });
-      }
-      this.appIdentityProxy.setTarget(identityApi, {
-        signOutTargetUrl: basePath || "/"
-      });
-      return children;
-    };
-    const AppRouter = ({ children }) => {
-      const configApi = useApi(configApiRef);
-      const basePath = readBasePath(configApi);
-      const mountPath = `${basePath}/*`;
-      const { routeObjects } = useContext(InternalAppContext);
-      if (!SignInPageComponent) {
-        this.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 || "/" }
-        );
-        if (isReactRouterBeta()) {
-          return /* @__PURE__ */ React.createElement(RouterComponent, null, /* @__PURE__ */ React.createElement(RouteTracker, { routeObjects }), /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: mountPath, element: /* @__PURE__ */ React.createElement(React.Fragment, null, children) })));
-        }
-        return /* @__PURE__ */ React.createElement(RouterComponent, { basename: basePath }, /* @__PURE__ */ React.createElement(RouteTracker, { routeObjects }), children);
-      }
-      if (isReactRouterBeta()) {
-        return /* @__PURE__ */ React.createElement(RouterComponent, null, /* @__PURE__ */ React.createElement(RouteTracker, { routeObjects }), /* @__PURE__ */ React.createElement(SignInPageWrapper, { component: SignInPageComponent }, /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: mountPath, element: /* @__PURE__ */ React.createElement(React.Fragment, null, children) }))));
-      }
-      return /* @__PURE__ */ React.createElement(RouterComponent, { basename: basePath }, /* @__PURE__ */ React.createElement(RouteTracker, { routeObjects }), /* @__PURE__ */ React.createElement(SignInPageWrapper, { component: SignInPageComponent }, /* @__PURE__ */ React.createElement(React.Fragment, null, children)));
-    };
     return AppRouter;
   }
   getApiHolder() {
@@ -2853,6 +2937,7 @@ class AppManager {
     }
   }
 }
+_getProviderCalled = new WeakMap();
 
 function createSpecializedApp(options) {
   return new AppManager(options);
@@ -2906,5 +2991,5 @@ const FlatRoutes = (props) => {
   return useRoutes(withNotFound);
 };
 
-export { AlertApiForwarder, ApiFactoryRegistry, ApiProvider, ApiResolver, AppThemeSelector, AtlassianAuth, BitbucketAuth, ErrorAlerter, ErrorApiForwarder, FeatureFlagged, FetchMiddlewares, FlatRoutes, GithubAuth, GitlabAuth, GoogleAuth, LocalStorageFeatureFlags, MicrosoftAuth, MultipleAnalyticsApi, NoOpAnalyticsApi, OAuth2, OAuthRequestManager, OktaAuth, OneLoginAuth, SamlAuth, UnhandledErrorForwarder, UrlPatternDiscovery, WebStorage, createFetchApi, createSpecializedApp, defaultConfigLoader };
+export { AlertApiForwarder, ApiFactoryRegistry, ApiProvider, ApiResolver, AppRouter, AppThemeSelector, AtlassianAuth, BitbucketAuth, ErrorAlerter, ErrorApiForwarder, FeatureFlagged, FetchMiddlewares, FlatRoutes, GithubAuth, GitlabAuth, GoogleAuth, LocalStorageFeatureFlags, MicrosoftAuth, MultipleAnalyticsApi, NoOpAnalyticsApi, OAuth2, OAuthRequestManager, OktaAuth, OneLoginAuth, SamlAuth, UnhandledErrorForwarder, UrlPatternDiscovery, WebStorage, createFetchApi, createSpecializedApp, defaultConfigLoader };
 //# sourceMappingURL=index.esm.js.map