open-index/open-npm huggingface dataset:
npm package: @parsifal-m/backstage-plugin-open-feedback
Description: This is the frontend for OpenFeedback.
Latest version: 0.9.4

# OpenFeedback Frontend

This is the frontend for OpenFeedback.

## Adding the OpenFeedback Frontend to your Backstage Application

Firstly you will want to add the `OpenFeedbackPage` component to your `packages/app/src/App.tsx` file under the `routes`. This will add the feedback page to your Backstage application.

In the `OpenFeedbackPage` you will be able to see all the feedback that has been collected from users, and you will also have the option to delete feedback if needed.

```typescript
const routes = (
  <FlatRoutes>
    // Other routes
    <Route path="/open-feedback" element={<OpenFeedbackPage />} />
  </FlatRoutes>
);
```

## Using the OpenFeedbackModal Component

To use the `OpenFeedbackModal` component, you will need to add it to your `packages/app/src/components/Root/Root.tsx` file. This will add the feedback modal to your Backstage application, personally I like to add it under the search button, or above/with the user settings button.

Clicking on it will open a dialog box for users to send feedback.

```typescript
import { OpenFeedbackModal } from '@parsifal-m/backstage-plugin-open-feedback';

// Inside your Root component
<Sidebar>
  {/* Other SidebarItems */}
  <OpenFeedbackModal />
  {/* Other SidebarItems */}
</Sidebar>;
```

## Using the OpenFeedbackForm Component

I would recommend using the `OpenFeedbackForm` on the [Backstage HomePage](https://backstage.io/docs/getting-started/homepage/#homepage) to collect feedback from users. This component can be added to any page, but it is more specifically designed for the Backstage HomePage.
npm package: @parsifal-m/backstage-plugin-open-feedback-backend
Description: This plugin serves as the backend for OpenFeedback.
Latest version: 0.4.4

# OpenFeedback Backend

This plugin serves as the backend for OpenFeedback.

## Adding the OpenFeedback Backend to your Backstage Application

To add the OpenFeedback backend to your Backstage application, you need to add the following code to your `packages/backend/src/plugins/index.ts` file:

```typescript
import { createBackend } from '@backstage/backend-defaults';

const backend = createBackend();

// Other plugins
backend.add(import('@parsifal-m/backstage-plugin-open-feedback-backend'));

backend.start();
```
npm package: @parsifal-m/plugin-dev-quotes-homepage
Description: A backstage plugin to render a developer themed quote
Latest version: 3.0.8

# dev-quotes-homepage

Hello! :wave:

This is just a fun little plugin that I made to display some random coding/programming related quotes on the Backstage homepage. Although to be honest the card can be used anywhere you like! I hope you enjoy it!

If you want to leave a star, that would be awesome! :star:

I don't expect much work to be done on this plugin as it was just a fun little project I made. But if you would like to contribute, please do! See [Would you like to contribute? or add more quotes?](#would-you-like-to-contribute-or-add-more-quotes) for more information.

## Pre-requisites (if you want to use it on the homepage)

If you do want to use it on the homepage, first make sure you look over the official docs on how to configure the homepage [here](https://backstage.io/docs/getting-started/homepage/#composing-your-homepage). There is also the [homepage plugin](https://github.com/backstage/backstage/tree/master/plugins/home#readme) which might be better to read first.

## Installation

```bash
yarn add --cwd packages/app @parsifal-m/plugin-dev-quotes-homepage
```

Then all you need to do is import the card as below, anywhere you like!

```tsx
import { DevQuote } from '@parsifal-m/plugin-dev-quotes-homepage';

const overviewContent = (
  <Grid container spacing={3} alignItems="stretch">
    {entityWarningContent}
    <Grid item md={6}>
      <EntityAboutCard variant="gridItem" />
    </Grid>
    <Grid item md={6} xs={12}>
      <EntityCatalogGraphCard variant="gridItem" height={400} />
    </Grid>
    <Grid item md={4} xs={12}>
      <DevQuote />
    </Grid>

    <Grid item md={6} xs={12}>
      <OpaMetadataAnalysisCard />
    </Grid>

    <Grid item md={4} xs={12}>
      <EntityLinksCard />
    </Grid>
    <Grid item md={8} xs={12}>
      <EntityHasSubcomponentsCard variant="gridItem" />
    </Grid>
  </Grid>
);
```

## Example

An example quote

![Quote Image](static/img/quote.png)

An example quote on an entity page:

![Quote Entity Page](static/img/quote2.png)

## Would you like to contribute? or add more quotes?

Please do! I would love to see more quotes added to this plugin. If you would like to add some quotes, please open a pull request with your changes. If you would like to add a lot of quotes, please open an issue first so we can discuss it. And please keep them programming related, and keep it safe for work! Here is a short example of how to add a quote:

- Clone the repository and run `yarn install --immutable`
- Add the quote to the `quotes.ts` file in the `src` folder.
- Run `yarn prettier:write`
- Make sure to sign your commit with `git commit -s -m "Added quote by <someone>"`

## When will my quote be added to the plugin?

I will try and release a new version with the new quotes as soon as possible. Keep in mind this is a side project I made for fun!

## License

This project is released under the Apache 2.0 License.
npm package: @parsifal-m/plugin-gitlab-runners
Description: This plugin provides a way to view details of [GitLab Runners](https://docs.gitlab.com/runner/).
Latest version: 0.1.2

# gitlab-runners

This plugin provides a way to view details of [GitLab Runners](https://docs.gitlab.com/runner/).

## Requirements

You need to set a proxy in `app-config.yml`:

```yaml
proxy:
  ### Example for how to add a proxy endpoint for the frontend.
  ### A typical reason to do this is to handle HTTPS and CORS for internal services.
  '/gitlab-runners':
    target: https://gitlab.com/api/v4/runners
    changeOrigin: true
    allowedMethods: ['GET']
    headers:
      Authorization: Bearer {TOKEN}
```

The token should be an Access Token with the owner role and at least 'read' scope on the APIs.

## Setup

In your `Root.tsx` file, add the following:

```tsx
//...
<SidebarItem
  icon={DirectionsRunIcon}
  to="gitlab-runners"
  text="Gitlab Runners"
/>
//...
```
npm package: @parsifal-m/plugin-opa-policies
Description: This plugin will fetch and display the OPA Policy an entity consumes! This is useful for displaying the OPA Policy for an entity in the Backstage catalog.
Latest version: 0.2.3

# OPA Policies Plugin

This plugin will fetch and display the OPA Policy an entity consumes! This is useful for displaying the OPA Policy for an entity in the Backstage catalog.

![OPA Policy](../../docs/assets/opa-policies-plugin.png)

## Installation

You will need to install the backend plugin first into your `packages/backend` directory:

```bash
yarn add @parsifal-m/plugin-opa-backend
```

Then you will need to install the frontend plugin into your `packages/app` directory:

```bash
yarn add @parsifal-m/plugin-opa-policies
```

## Configuration

You need to add the following annotation to the entity you want to display the OPA Policy for:

```yaml
apiVersion: backstage.io/v1alpha1
kind: Component
metadata:
  name: backstage-testing-grounds
  description: An example of a Backstage application.
  annotations:
    # Add the OPA Policy URL here
    open-policy-agent/policy: https://github.com/Parsifal-M/backstage-testing-grounds/blob/main/rbac.rego
spec:
  type: website
  owner: john@example.com
  lifecycle: experimental
```

You need to provide the full URL to the OPA Policy file as above in order for the plugin to fetch and display it.

## Usage

You can then add it to your entity pages in `packages/app/src/components/catalog/EntityPage.tsx`:

```tsx
import {
  OpaPolicyPage,
  isOpaPoliciesEnabled,
} from '@parsifal-m/plugin-opa-policies';

const websiteEntityPage = (
  <EntityLayout>
    <EntityLayout.Route path="/" title="Overview">
      {overviewContent}
    </EntityLayout.Route>
    // Other routes...
    <EntityLayout.Route
      if={isOpaPoliciesEnabled}
      path="/opa"
      title="Open Policy Agent"
    >
      <OpaPolicyPage />
    </EntityLayout.Route>
    <EntityLayout.Route path="/docs" title="Docs">
      {techdocsContent}
    </EntityLayout.Route>
  </EntityLayout>
);
```

Note that using `isOpaPoliciesEnabled` will then only display the OPA Policy tab if the entity has the annotation set.

## Contributing

I am happy to accept contributions and suggestions for these plugins, if you are looking to make significant changes, please open an issue first to discuss the changes you would like to make!

Please fork the repository and open a PR with your changes. If you have any questions, please feel free to reach out to me on [Mastodon](https://hachyderm.io/@parcifal).

Please remember to sign your commits with `git commit -s` so that your commits are signed!

## License

This project is released under the Apache 2.0 License.
npm package: @parsifal-sas/batend-inputpath-parser
Description: A simple UUID InputPath parser
Author: Thomas Léger
Latest version: 3.0.0

[![Coverage Status](https://coveralls.io/repos/github/Parsifal-SAS/BatEnd-Helpers-InputPath-Parser/badge.svg?branch=develop)](https://coveralls.io/github/Parsifal-SAS/BatEnd-Helpers-InputPath-Parser?branch=develop)

# BatEnd-InputPath-Parser
An UUID InputPath parser

This has yet to be used in any production-critical environment.