0.1.0 • Published 4 years ago
@roadiehq/backstage-plugin-code-insights v0.1.0
Code Inights Plugin for Backstage
Plugin Setup
- If you have standalone app (you didn't clone this repo), then do
yarn add @roadiehq/backstage-plugin-code-insights
- Add plugin to the list of plugins:
// packages/app/src/plugins.ts
export { plugin as CodeInsights } from '@roadiehq/backstage-plugin-code-insights';
- Add plugin API to your Backstage instance:
// packages/app/src/components/catalog/EntityPage.tsx
import { Router as CodeInsightsRouter } from '@roadiehq/backstage-plugin-code-insights';
...
const ServiceEntityPage = ({ entity }: { entity: Entity }) => (
<EntityPageLayout>
...
<EntityPageLayout.Content
path="/code-insights"
title="Code Insights"
element={<CodeInsightsRouter entity={entity} />}
/>
</EntityPageLayout>
- Run backstage app with
yarn start
and navigate to services tabs.
Widgets setup
You must install plugin by following the steps above to add widgets to your Overview. You might add only selected widgets or all of them.
Add widgets to your Overview tab:
// packages/app/src/components/catalog/EntityPage.tsx
import { ContributorsCard, LanguagesCard, ReadMeCard, ReleasesCard } from '@roadiehq/backstage-plugin-code-insights';
...
const OverviewContent = ({ entity }: { entity: Entity }) => (
<Grid container spacing={3}>
...
<Grid item md={6}>
<ContributorsCard entity={entity} />
<LanguagesCard entity={entity} />
<ReleasesCard entity={entity} />
</Grid>
<Grid item md={6}>
<ReadMeCard entity={entity} />
</Grid>
</Grid>
);
Features
- Add Code Insights plugin tab.
- Show widgets about repository contributors, languages, readme and release at overview page.
Links
- Backstage
- Get hosted, managed Backstage for your company: https://roadie.io