Merge branch 'master' into mobile-sidebar

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>

docs/features/search/getting-started.md

@@ -109,6 +109,25 @@ const routes = (
 );
 ```
 
+### Using the Search Modal
+
+In `Root.tsx`, add the `SidebarSearchModal` component:
+
+```bash
+import { SidebarSearchModal } from '@backstage/plugin-search';
+
+export const Root = ({ children }: PropsWithChildren<{}>) => (
+  <SidebarPage>
+    <Sidebar>
+      <SidebarLogo />
+      <SidebarSearchModal />
+      <SidebarDivider />
+...
+```
+
+For more information about using `Root.tsx`, please see
+[the changelog](https://github.com/backstage/backstage/blob/master/packages/create-app/CHANGELOG.md#0315).
+
 ## Adding Search to the Backend
 
 Add the following plugins into your backend app:

docs/features/software-catalog/catalog-customization.md

@@ -172,6 +172,7 @@ This page itself can be exported as a routable extension in the plugin:
 ```ts
 export const CustomCatalogIndexPage = myPlugin.provide(
   createRoutableExtension({
+    name: 'CustomCatalogIndexPage',
     component: () =>
       import('./components/CustomCatalogPage').then(m => m.CustomCatalogPage),
     mountPoint: catalogRouteRef,

docs/local-dev/cli-commands.md

@@ -512,7 +512,8 @@ Usage: backstage-cli config:check [options]
 
 Options:
   --package <name>  Only load config schema that applies to the given package
-  --lax                   Do not require environment variables to be set
+  --lax             Do not require environment variables to be set
+  --frontend        Only validate the frontend configuration
   --config <path>   Config files to load instead of app-config.yaml (default: [])
   -h, --help        display help for command
 ```

docs/plugins/composability.md

@@ -136,6 +136,7 @@ a component:
 ```ts
 export const FooPage = plugin.provide(
   createRoutableExtension({
+    name: 'FooPage',
     component: () => import('./components/FooPage').then(m => m.FooPage),
     mountPoint: fooPageRouteRef,
   }),
@@ -417,6 +418,7 @@ export const myPlugin = createPlugin({
 
 export const MyPage = myPlugin.provide(
   createRoutableExtension({
+    name: 'MyPage',
     component: () => import('./components/MyPage').then(m => m.MyPage),
     mountPoint: rootRouteRef,
   }),

docs/plugins/plugin-development.md

@@ -65,6 +65,7 @@ export const examplePlugin = createPlugin({
 // Each extension should also be exported from your plugin package.
 export const ExamplePage = examplePlugin.provide(
   createRoutableExtension({
+    name: 'ExamplePage',
     // The component needs to be lazy-loaded. It's what will actually be rendered in the end.
     component: () =>
       import('./components/ExampleComponent').then(m => m.ExampleComponent),

docs/plugins/structure-of-a-plugin.md

@@ -73,6 +73,7 @@ export const examplePlugin = createPlugin({
 
 export const ExamplePage = examplePlugin.provide(
   createRoutableExtension({
+    name: 'ExamplePage',
     component: () =>
       import('./components/ExampleComponent').then(m => m.ExampleComponent),
     mountPoint: rootRouteRef,