1- import { createDevApp } from '@backstage/dev-utils' ;
1+ /** import { createDevApp } from '@backstage/dev-utils';
22import {
33 defaultTools,
44 ToolboxPage,
@@ -75,10 +75,14 @@ createDevApp()
7575 path: '/home',
7676 })
7777 .render();
78-
78+ */
7979// NEW FRONTEND SYSTEM
80- /** import { createApp } from '@backstage/frontend-defaults';
80+ import { createApp } from '@backstage/frontend-defaults' ;
8181import { createRoot } from 'react-dom/client' ;
82+ import { CatalogApiMock } from './CatalogApiMock' ;
83+ import { catalogApiRef } from '@backstage/plugin-catalog-react' ;
84+ import catalogPlugin from '@backstage/plugin-catalog/alpha' ;
85+ import '@backstage/ui/css/styles.css' ;
8286
8387import plugin from '../src/alpha' ;
8488import { createFrontendModule } from '@backstage/frontend-plugin-api' ;
@@ -92,16 +96,28 @@ const extraTool = ToolboxToolBlueprint.make({
9296 } ,
9397} ) ;
9498
99+ const myCatalogPlugin = catalogPlugin . withOverrides ( {
100+ extensions : [
101+ catalogPlugin . getExtension ( 'api:catalog' ) . override ( {
102+ params : defineParams =>
103+ defineParams ( {
104+ api : catalogApiRef ,
105+ deps : { } ,
106+ factory : ( ) => new CatalogApiMock ( ) ,
107+ } ) ,
108+ } ) ,
109+ ] ,
110+ } ) ;
111+
95112const myModule = createFrontendModule ( {
96113 pluginId : 'toolbox' ,
97114 extensions : [ extraTool ] ,
98115} ) ;
99116
100117const app = createApp ( {
101- features: [plugin, myModule],
118+ features : [ plugin , myModule , myCatalogPlugin ] ,
102119} ) ;
103120
104121const container = document . getElementById ( 'root' ) ;
105122const root = createRoot ( container ! ) ;
106123root . render ( app . createRoot ( ) ) ;
107- */
0 commit comments