frontend-plugin-api: add routes and externalRoutes to plugins

Co-authored-by: Philipp Hugenroth <philipph@spotify.com>
Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

packages/app-next/src/App.tsx

@@ -16,11 +16,7 @@
 
 import React from 'react';
 import { createApp } from '@backstage/frontend-app-api';
-import {
-  externalPageXRouteRef,
-  pageXRouteRef,
-  pagesPlugin,
-} from './examples/pagesPlugin';
+import { pagesPlugin } from './examples/pagesPlugin';
 import graphiqlPlugin from '@backstage/plugin-graphiql/alpha';
 import techRadarPlugin from '@backstage/plugin-tech-radar/alpha';
 import userSettingsPlugin from '@backstage/plugin-user-settings/alpha';
@@ -77,7 +73,7 @@ const app = createApp({
     }),
   ],
   bindRoutes({ bind }) {
-    bind({ x: externalPageXRouteRef }, { x: pageXRouteRef });
+    bind(pagesPlugin.externalRoutes, { pageX: pagesPlugin.routes.pageX });
   },
 });
 

packages/app-next/src/examples/pagesPlugin.tsx

@@ -129,5 +129,12 @@ export const pagesPlugin = createPlugin({
   //   //     OR
   //   //   'page1'
   // },
+  routes: {
+    page1: page1RouteRef,
+    pageX: pageXRouteRef,
+  },
+  externalRoutes: {
+    pageX: externalPageXRouteRef,
+  },
   extensions: [IndexPage, Page1, ExternalPage],
 });