open-index/open-npm huggingface dataset:
npm package: @stackguardian/backstage-plugin-sg-library
Description: Welcome to the sg-library plugin!
Latest version: 0.1.2-beta.24

# Overview

Welcome to the sg-library plugin!

This plugin can be used to deploy stacks and workflows using templates present on SG platform directly from backstage app.

# Installation & Usage

1. To install this plugin into your backstage app run following command at root of your project.

```bash
yarn --cwd packages/app add @stackguardian/backstage-plugin-sg-library
```

2. In order to use this plugin please update config.yaml to have following information.

```yaml
integrations:
  stackguardian:
    organization: '' # StackGuardian Organization name
backend:
  baseUrl: '' # Backstage Backend URL
  listen:
    port: 7007
proxy:
  '/stackguardian':
    target: 'https://api.app.stackguardian.io/api/v1'
    headers:
      Authorization: 'apikey {SG_API_KEY}'
    allowedHeaders:
      - x-sg-orgid
    changeOrigin: true
```

Set SG_API_KEY env var by getting your API Key from StackGuardian platform. Please check our [docs](https://docs.stackguardian.io/docs/api/overview/#steps-to-generate-an-api-key) to view how to get API Token from stackguardian platform.

NOTE - This plugin will use backstage proxy server to communicate to StackGuardian APIs (Mostly to avoid CORS error and to prevent exposing of API Key in the browser's network tab).


3. Now you can import `SgLibraryPage` component from `@stackguardian/backstage-plugin-sg-library` and your APP will start showing SG Library plugin.

# Screenshots

![light-bg-1](https://stack-guardian-branding.s3.eu-central-1.amazonaws.com/backstage-assets/backstage-1.png)

![light-bg-2](https://stack-guardian-branding.s3.eu-central-1.amazonaws.com/backstage-assets/backstage-2.png)

![light-bg-3](https://stack-guardian-branding.s3.eu-central-1.amazonaws.com/backstage-assets/backstage-3.png)

![dark-bg-1](https://stack-guardian-branding.s3.eu-central-1.amazonaws.com/backstage-assets/backstage-4.png)

![dark-bg-2](https://stack-guardian-branding.s3.eu-central-1.amazonaws.com/backstage-assets/backstage-5.png)

![dark-bg-3](https://stack-guardian-branding.s3.eu-central-1.amazonaws.com/backstage-assets/backstage-6.png)