@backstage/frontend-app-api 0.6.1-next.2 → 0.6.2

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @backstage/frontend-app-api
 
+## 0.6.2
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.14.2
+  - @backstage/core-app-api@1.12.2
+  - @backstage/frontend-plugin-api@0.6.2
+  - @backstage/core-plugin-api@1.9.1
+  - @backstage/config@1.2.0
+  - @backstage/errors@1.2.4
+  - @backstage/theme@0.5.2
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.7
+
+## 0.6.1
+
+### Patch Changes
+
+- 48d6628: Add `loadingComponent` parameter to `createApp()`
+- Updated dependencies
+  - @backstage/config@1.2.0
+  - @backstage/core-components@0.14.1
+  - @backstage/errors@1.2.4
+  - @backstage/theme@0.5.2
+  - @backstage/core-app-api@1.12.1
+  - @backstage/core-plugin-api@1.9.1
+  - @backstage/frontend-plugin-api@0.6.1
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.7
+
 ## 0.6.1-next.2
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { ExternalRouteRef, RouteRef, SubRouteRef, FrontendFeature } from '@backstage/frontend-plugin-api';
-import { JSX } from 'react';
+import { ReactNode, JSX } from 'react';
 import { ConfigApi, IconComponent } from '@backstage/core-plugin-api';
 
 /**
@@ -71,6 +71,13 @@ declare function createApp(options?: {
     bindRoutes?(context: {
         bind: CreateAppRouteBinder;
     }): void;
+    /**
+     * The component to render while loading the app (waiting for config, features, etc)
+     *
+     * Is the text "Loading..." by default.
+     * If set to "null" then no loading fallback component is rendered.   *
+     */
+    loadingComponent?: ReactNode;
 }): {
     createRoot(): JSX.Element;
 };
@@ -93,4 +100,4 @@ declare function createSpecializedApp(options?: {
     createRoot(): JSX.Element;
 };
 
-export { CreateAppFeatureLoader, CreateAppRouteBinder, createApp, createSpecializedApp };
+export { type CreateAppFeatureLoader, type CreateAppRouteBinder, createApp, createSpecializedApp };

package/dist/index.esm.js

@@ -6,7 +6,7 @@ import { SidebarPage, sidebarConfig, Sidebar, SidebarDivider, useSidebarOpenStat
 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, vmwareCloudAuthApiRef, 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, VMwareCloudAuth, ApiFactoryRegistry, AppThemeSelector, ApiResolver, ApiProvider } from '@backstage/core-app-api';
-import useObservable from 'react-use/lib/useObservable';
+import useObservable from 'react-use/esm/useObservable';
 import ObservableImpl from 'zen-observable';
 import { createInstance } from 'i18next';
 import { permissionApiRef, IdentityPermissionApi } from '@backstage/plugin-permission-react';
@@ -2670,6 +2670,10 @@ function deduplicateFeatures(allFeatures) {
   }).reverse();
 }
 function createApp(options) {
+  let suspenseFallback = options == null ? void 0 : options.loadingComponent;
+  if (suspenseFallback === void 0) {
+    suspenseFallback = "Loading...";
+  }
   async function appLoader() {
     var _a, _b, _c;
     const config = (_b = await ((_a = options == null ? void 0 : options.configLoader) == null ? void 0 : _a.call(options).then((c) => c.config))) != null ? _b : ConfigReader.fromConfigs(
@@ -2704,7 +2708,7 @@ function createApp(options) {
   return {
     createRoot() {
       const LazyApp = React.lazy(appLoader);
-      return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: "Loading..." }, /* @__PURE__ */ React.createElement(LazyApp, null));
+      return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: suspenseFallback }, /* @__PURE__ */ React.createElement(LazyApp, null));
     }
   };
 }