Skip to content

Backstage plugin to show you information about your docker images within Harbor.

License

Notifications You must be signed in to change notification settings

knowacki23/backstage-plugin-harbor

 
 

Repository files navigation

Backstage Harbor plugin

Quality Gate Status Maintainability Rating Security Rating

Welcome to the harbor plugin! This plugin will show you information about your docker images within harbor

Dashboard Docker Image

Getting started

Enabling frontend

yarn --cwd packages/app add @bestsellerit/backstage-plugin-harbor
// packages/app/src/plugins.ts
export { plugin as harbor } from '@bestsellerit/backstage-plugin-harbor'
// packages/app/src/components/catalog/EntityPage.tsx
import {
  HarborPage,
  HarborWidget,
  isHarborAvailable,
} from '@bestsellerit/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

Everyone is welcome to contribute to this repository. Feel free to raise issues or to submit Pull Requests.

History

This backsage plugin was initialy created by BESTSELLER and transferred to container-registry.

About

Backstage plugin to show you information about your docker images within Harbor.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 84.9%
  • JavaScript 15.1%