app-next: updates for extension ID refactor

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

packages/app-next-example-plugin/src/plugin.tsx

@@ -21,7 +21,6 @@ import {
 } from '@backstage/frontend-plugin-api';
 
 export const ExamplePage = createPageExtension({
-  id: 'example.page',
   defaultPath: '/example',
   loader: () => import('./Component').then(m => <m.Component />),
 });

packages/app-next/app-config.yaml

@@ -7,17 +7,17 @@ app:
       plugin.catalog.externalRoutes.viewTechDoc: plugin.techdocs.routes.docRoot
 
   extensions:
-    - apis.plugin.graphiql.browse.gitlab: true
+    # - apis.plugin.graphiql.browse.gitlab: true
+    - graphiql-endpoint:graphiql/gitlab: true
 
-    # Entity page cards
-    - entity.cards.about
-    - entity.cards.labels
-    - entity.cards.links:
+    - entity-card:catalog/about
+    - entity-card:catalog/labels
+    - entity-card:catalog/links:
         config:
           filter: kind:component has:links
 
     # Entity page content
-    - entity.content.techdocs
+    - entity-content:techdocs
 
   # scmAuthExtension: >-
   #   createScmAuthExtension({

packages/app-next/src/App.tsx

@@ -83,7 +83,7 @@ TODO:
 /* app.tsx */
 
 const homePageExtension = createExtension({
-  id: 'myhomepage',
+  name: 'myhomepage',
   attachTo: { id: 'home', input: 'props' },
   output: {
     children: coreExtensionData.reactElement,
@@ -101,10 +101,12 @@ const signInPage = createSignInPageExtension({
 });
 
 const scmAuthExtension = createApiExtension({
+  name: 'scm-auth',
   factory: ScmAuth.createDefaultApiFactory(),
 });
 
 const scmIntegrationApi = createApiExtension({
+  name: 'scm-integration',
   factory: createApiFactory({
     api: scmIntegrationsApiRef,
     deps: { configApi: configApiRef },

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

@@ -36,7 +36,7 @@ export const pageXRouteRef = createRouteRef();
 // });
 
 const IndexPage = createPageExtension({
-  id: 'index',
+  name: 'index',
   defaultPath: '/',
   routeRef: indexRouteRef,
   loader: async () => {
@@ -68,7 +68,7 @@ const IndexPage = createPageExtension({
 });
 
 const Page1 = createPageExtension({
-  id: 'page1',
+  name: 'page1',
   defaultPath: '/page1',
   routeRef: page1RouteRef,
   loader: async () => {
@@ -102,7 +102,7 @@ const Page1 = createPageExtension({
 });
 
 const ExternalPage = createPageExtension({
-  id: 'pageX',
+  name: 'pageX',
   defaultPath: '/pageX',
   routeRef: pageXRouteRef,
   loader: async () => {