core-app-api: add core.type markers for AppRouter and FlatRoutes

Co-authored-by: Camila Belo <camilaibs@gmail.com>
Co-authored-by: Vincenzo Scamporlino <vincenzos@spotify.com>
Co-authored-by: Philipp Hugenroth <philipph@spotify.com>
Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

.changeset/tidy-camels-boil.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-app-api': patch
+---
+
+Add component data `core.type` marker for `AppRouter` and `FlatRoutes`.

packages/core-app-api/src/app/AppRouter.tsx

@@ -16,6 +16,7 @@
 
 import React, { useContext, ReactNode, ComponentType, useState } from 'react';
 import {
+  attachComponentData,
   ConfigApi,
   configApiRef,
   IdentityApi,
@@ -186,3 +187,5 @@ export function AppRouter(props: AppRouterProps) {
     </RouterComponent>
   );
 }
+
+attachComponentData(AppRouter, 'core.type', 'AppRouter');

packages/core-app-api/src/routing/FlatRoutes.tsx

@@ -16,7 +16,11 @@
 
 import React, { ReactNode, useMemo } from 'react';
 import { useRoutes } from 'react-router-dom';
-import { useApp, useElementFilter } from '@backstage/core-plugin-api';
+import {
+  attachComponentData,
+  useApp,
+  useElementFilter,
+} from '@backstage/core-plugin-api';
 import { isReactRouterBeta } from '../app/isReactRouterBeta';
 
 let warned = false;
@@ -115,3 +119,5 @@ export const FlatRoutes = (props: FlatRoutesProps): JSX.Element | null => {
 
   return useRoutes(withNotFound);
 };
+
+attachComponentData(FlatRoutes, 'core.type', 'FlatRoutes');