@backstage/core-app-api 1.10.1-next.1 → 1.11.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @backstage/core-app-api
 
+## 1.11.0-next.2
+
+### Minor Changes
+
+- c9d9bfeca2: URL encode some well known unsafe characters in `RouteResolver` (and therefore `useRouteRef`)
+
+### Patch Changes
+
+- acca17e91a: Wrap entire app in `<Suspense>`, enabling support for using translations outside plugins.
+- Updated dependencies
+  - @backstage/core-plugin-api@1.7.0-next.1
+  - @backstage/config@1.1.1-next.0
+  - @backstage/types@1.1.1
+  - @backstage/version-bridge@1.0.5
+
 ## 1.10.1-next.1
 
 ### Patch Changes

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import React, { useContext, createContext, useEffect, useState, Children, isValidElement, useMemo, useRef } from 'react';
+import React, { useContext, createContext, useEffect, useState, Children, isValidElement, useMemo, useRef, Suspense } from 'react';
 import PropTypes from 'prop-types';
 import { createVersionedContext, createVersionedValueMap, getOrCreateGlobalSingleton } from '@backstage/version-bridge';
 import ObservableImpl from 'zen-observable';
@@ -9,6 +9,7 @@ export { ConfigReader } from '@backstage/config';
 import { createRoutesFromChildren, Route, useLocation, matchRoutes, Routes, generatePath, useRoutes } from 'react-router-dom';
 import useAsync from 'react-use/lib/useAsync';
 import { appLanguageApiRef, translationApiRef } from '@backstage/core-plugin-api/alpha';
+import mapValues from 'lodash/mapValues';
 import useObservable from 'react-use/lib/useObservable';
 import { createInstance } from 'i18next';
 
@@ -2834,7 +2835,13 @@ class RouteResolver {
       this.routeObjects
     );
     const routeFunc = (...[params]) => {
-      return joinPaths(basePath, generatePath(targetPath, params));
+      const encodedParams = params && mapValues(params, (value) => {
+        if (typeof value === "string") {
+          return value.replaceAll(/[&?#;\/]/g, (c) => encodeURIComponent(c));
+        }
+        return value;
+      });
+      return joinPaths(basePath, generatePath(targetPath, encodedParams));
     };
     return routeFunc;
   }
@@ -3841,7 +3848,7 @@ class AppManager {
           }
         }
       }
-      const { ThemeProvider = AppThemeProvider } = this.components;
+      const { ThemeProvider = AppThemeProvider, Progress } = this.components;
       return /* @__PURE__ */ React.createElement(ApiProvider, { apis: this.getApiHolder() }, /* @__PURE__ */ React.createElement(AppContextProvider, { appContext }, /* @__PURE__ */ React.createElement(ThemeProvider, null, /* @__PURE__ */ React.createElement(
         RoutingProvider,
         {
@@ -3859,7 +3866,7 @@ class AppManager {
               appIdentityProxy: this.appIdentityProxy
             }
           },
-          children
+          /* @__PURE__ */ React.createElement(Suspense, { fallback: /* @__PURE__ */ React.createElement(Progress, null) }, children)
         )
       ))));
     };