# @anakz/backstage-plugin-library-check

> Backstage.io Library Check plugin frontend

Latest version **0.1.0** (published 2024-04-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install @anakz/backstage-plugin-library-check
pnpm add @anakz/backstage-plugin-library-check
yarn add @anakz/backstage-plugin-library-check
bun add @anakz/backstage-plugin-library-check
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2024-04-30 |
| First published | 2024-03-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 20 |
| Unpacked size | 133.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 35 |
| Maintainers | accezar |
| Keywords | backstage, plugin, frontend, backstage.io |

## Links

- npm: https://www.npmjs.com/package/@anakz/backstage-plugin-library-check
- Repository: https://github.com/anakzr/backstage-plugin-library-check
- Issues: https://github.com/anakzr/backstage-plugin-library-check/issues
- npm.io page: https://npm.io/package/@anakz/backstage-plugin-library-check

## Dependencies (20)

- [axios](https://npm.io/package/axios.md) ^1.2.2
- [date-fns](https://npm.io/package/date-fns.md) ^2.29.3
- [recharts](https://npm.io/package/recharts.md) ^2.12.2
- [react-use](https://npm.io/package/react-use.md) ^17.2.4
- [@octokit/rest](https://npm.io/package/@octokit/rest.md) ^20.0.2
- [@octokit/types](https://npm.io/package/@octokit/types.md) ^12.6.0
- [@backstage/theme](https://npm.io/package/@backstage/theme.md) ^0.5.1
- [@material-ui/lab](https://npm.io/package/@material-ui/lab.md) ^4.0.0-alpha.57
- [@backstage/errors](https://npm.io/package/@backstage/errors.md) ^1.2.3
- [@material-ui/core](https://npm.io/package/@material-ui/core.md) ^4.9.13
- [package-json-type](https://npm.io/package/package-json-type.md) ^1.0.3
- [react-code-blocks](https://npm.io/package/react-code-blocks.md) ^0.1.6
- [@material-ui/icons](https://npm.io/package/@material-ui/icons.md) ^4.9.1
- [react-highlight-words](https://npm.io/package/react-highlight-words.md) ^0.20.0
- [react-syntax-highlighter](https://npm.io/package/react-syntax-highlighter.md) ^15.5.0
- [@backstage/core-components](https://npm.io/package/@backstage/core-components.md) ^0.14.0
- [@backstage/core-plugin-api](https://npm.io/package/@backstage/core-plugin-api.md) ^1.9.0
- [@backstage/integration-react](https://npm.io/package/@backstage/integration-react.md) ^1.1.24
- [@backstage/plugin-catalog-react](https://npm.io/package/@backstage/plugin-catalog-react.md) ^1.10.0
- [@anakz/backstage-plugin-library-check-backend](https://npm.io/package/@anakz/backstage-plugin-library-check-backend.md) 0.2.0

## Recent versions

- 0.1.0 (latest) — 2024-04-30
- 0.0.4 — 2024-04-02
- 0.0.3 — 2024-03-20
- 0.0.2 — 2024-03-10
- 0.0.1 — 2024-03-10

## README

# 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:

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

Expose the main plugin page:

```ts
// 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:

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

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

 // ...
```

Expose the entity plugin tab:

```ts
// 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.

---
_Source: https://npm.io/package/@anakz/backstage-plugin-library-check · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._