frontend-app-api: update core extensions to new ID format

Co-authored-by: Camila Belo <camilaibs@gmail.com>
Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

packages/frontend-app-api/src/extensions/Core.tsx

@@ -21,7 +21,7 @@ import {
 } from '@backstage/frontend-plugin-api';
 
 export const Core = createExtension({
-  id: 'core',
+  namespace: 'core',
   attachTo: { id: 'root', input: 'default' }, // ignored
   inputs: {
     apis: createExtensionInput({

packages/frontend-app-api/src/extensions/CoreLayout.tsx

@@ -23,8 +23,9 @@ import {
 import { SidebarPage } from '@backstage/core-components';
 
 export const CoreLayout = createExtension({
-  id: 'core.layout',
-  attachTo: { id: 'core.router', input: 'children' },
+  namespace: 'core',
+  name: 'layout',
+  attachTo: { id: 'core/router', input: 'children' },
   inputs: {
     nav: createExtensionInput(
       {

packages/frontend-app-api/src/extensions/CoreNav.tsx

@@ -75,8 +75,9 @@ const SidebarNavItem = (props: NavTarget) => {
 };
 
 export const CoreNav = createExtension({
-  id: 'core.nav',
-  attachTo: { id: 'core.layout', input: 'nav' },
+  namespace: 'core',
+  name: 'nav',
+  attachTo: { id: 'core/layout', input: 'nav' },
   inputs: {
     items: createExtensionInput({
       target: coreExtensionData.navTarget,

packages/frontend-app-api/src/extensions/CoreRouter.tsx

@@ -36,7 +36,8 @@ import { signInPageComponentDataRef } from '../../../frontend-plugin-api/src/ext
 import { RouteTracker } from '../routing/RouteTracker';
 
 export const CoreRouter = createExtension({
-  id: 'core.router',
+  namespace: 'core',
+  name: 'router',
   attachTo: { id: 'core', input: 'root' },
   inputs: {
     signInPage: createExtensionInput(

packages/frontend-app-api/src/extensions/CoreRoutes.tsx

@@ -26,8 +26,9 @@ import {
 import { useRoutes } from 'react-router-dom';
 
 export const CoreRoutes = createExtension({
-  id: 'core.routes',
-  attachTo: { id: 'core.layout', input: 'content' },
+  namespace: 'core',
+  name: 'routes',
+  attachTo: { id: 'core/layout', input: 'content' },
   inputs: {
     routes: createExtensionInput({
       path: coreExtensionData.routePath,

packages/frontend-app-api/src/wiring/createApp.tsx

@@ -73,6 +73,8 @@ import { AppLanguageSelector } from '../../../core-app-api/src/apis/implementati
 // eslint-disable-next-line @backstage/no-relative-monorepo-imports
 import { I18nextTranslationApi } from '../../../core-app-api/src/apis/implementations/TranslationApi/I18nextTranslationApi';
 // eslint-disable-next-line @backstage/no-relative-monorepo-imports
+import { resolveExtensionDefinition } from '../../../frontend-plugin-api/src/wiring/resolveExtensionDefinition';
+// eslint-disable-next-line @backstage/no-relative-monorepo-imports
 import {
   apis as defaultApis,
   components as defaultComponents,
@@ -119,7 +121,7 @@ export const builtinExtensions = [
   DefaultNotFoundErrorPageComponent,
   LightTheme,
   DarkTheme,
-];
+].map(def => resolveExtensionDefinition(def));
 
 /** @public */
 export interface ExtensionTreeNode {