Backstage Harbor plugin

This is a fork of: https://github.com/container-registry/backstage-plugin-harbor

This plugin will show you information about your docker images within Harbor.

Getting started

Enabling frontend

yarn --cwd packages/app add @digitalist-open-cloud/backstage-plugin-harbor

// packages/app/src/components/catalog/EntityPage.tsx
import {
  HarborPage,
  HarborWidget,
  isHarborAvailable,
} from '@digitalist-open-cloud/backstage-plugin-harbor'

const serviceEntityPage = (
  <EntityPageLayout>
    // ...
    <EntityLayout.Route path="/harbor" title="Harbor" if={isHarborAvailable}>
      <HarborPage />
    </EntityLayout.Route>
  </EntityPageLayout>
)

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

const overviewContent = (
  <Grid container spacing={6} alignItems="stretch">
    // ...
    <EntitySwitch>
      <EntitySwitch.Case if={isHarborAvailable}>
        <Grid item>
          <HarborWidget />
        </Grid>
      </EntitySwitch.Case>
    </EntitySwitch>
    ...
  </Grid>
)

Enabling backend

See backstage-plugin-harbor-backend.

Contributing

Please contribute back to the original repo, and you are free to use any code from this repo to contribute back to the original repo without giving us credit.

History

This Backstage plugin was initially created by BESTSELLER and transferred to Container Registry.