@anakz/backstage-plugin-library-check

Library Check Frontend

Welcome to the library-check plugin!

This plugin was created through the Backstage CLI

Setup instructions:

Add the plugin to your frontend app:

cd packages/app && yarn add @anakz/backstage-plugin-library-check

Expose the main plugin page:

// packages/app/src/App.tsx

import { LibraryCheckIndexPage } from '@anakz/backstage-plugin-library-check';

// ...

const AppRoutes = () => (
  <FlatRoutes>
    // ...
    <Route path="/library-check" element={<LibraryCheckIndexPage />} />
    // ...
  </FlatRoutes>
);

Add it to sidebar:

 // packages/app/src/components/Root/Root.tsx

 // ...
 
 <SidebarItem
   icon={ExtensionIcon}
   to="library-check"
   text="Libraries"
 />

 // ...

Expose the entity plugin tab:

// packages/app/src/components/catalog/EntityPage.tsx

import {
  LibraryCheckPage,
  useIsProjectLibrariesAvailable,
} from '@anakz/backstage-plugin-library-check';

// ...

const serviceEntityPage = (
// ...

    <EntityLayout.Route
      path="/library-check"
      title="Libraries"
      if={useIsProjectLibrariesAvailable}
    >
      <LibraryCheckPage />
    </EntityLayout.Route>

// ...    
)

The plugin interface now available if any supported project descriptor file is present.