open-index/open-npm huggingface dataset:
npm package: @phase21/logos
Description: ## Installation
Latest version: 2.11.1

# Getting started

## Installation

```bash
pnpm add @phase21/logos
npm i @phase21/logos
yarn add @phase21/logos
```

## Usage

### React

```js
import { ChainLogo, SymbolLogo, ApiProviderLogo } from '@phase21/logos';

<div>
    <img src={ChainLogo('43114')} width={50} height={50} alt="43114" />
    <img src={SymbolLogo('BTC')} width={50} height={50} alt="BTC" />
    <img src={ApiProviderLogo('nodary')} width={50} height={50} alt="nodary" />
</div>;
```

### HTML

```html

<template>
    <div>
        <img src={ChainLogo('43114')} width={50} height={50} alt='43114' />
        <img src={SymbolLogo('BTC')} width={50} height={50} alt='BTC' />
        <img src={ApiProviderLogo('nodary')} width={50} height={50} alt='nodary' />
    </div>
</template>

<script>
import { ChainLogo, SymbolLogo, ApiProviderLogo } from '@phase21/logos';

export default {
...
methods: {
    getSymbolLogo(symbol) {
      return SymbolLogo(symbol);
    },
    getChainLogo(chainId) {
      return ChainLogo(chainId);
    },
    getApiProviderLogo(apiProvider) {
      return ApiProviderLogo(apiProvider);
    },
}
...
}
</script>
```

## API

`light` prop is optional and defaults to `false` (dark theme). `light = true` will return the light theme logo.

### ChainLogo

| Prop  | Type    | Description |
| ----- | ------- | ----------- |
| id    | string  | Chain id    |
| light | boolean | Light theme |

### SymbolLogo

| Prop  | Type    | Description |
| ----- | ------- | ----------- |
| id    | string  | Symbol id   |
| light | boolean | Light theme |

### ApiProviderLogo

| Prop  | Type    | Description |
| ----- | ------- | ----------- |
| id    | string  | ApiProvider |
| light | boolean | Light theme |

## Visit

Live demo at [https://api3dao.github.io/logos](https://api3dao.github.io/logos)
npm package: @phase21/mock-management
Description: API3 dAPI management
Latest version: 0.19.2

# @phase21/dapi-management

Tools that enable running managed dAPIs where most of the data needed to accomplish this is stored on-chain.

In order to be able to make this possible, there needs to be different groups of "data owners" that will provide, review and sign specific sets of data. Other accounts need to provide and sign dAPI prices for different chains and so on.

These signed data sets (Merkle trees) will be stored in JSON files in this repo and can later be used by people with the right roles or permits to use it when calling functions on the data feed contracts from [@api3/contracts](https://www.npmjs.com/package/@api3/contracts) package. This repo also provides a frontend app that can be used as interface between the mentioned JSON files and the contracts.

## @phase21/dapi-management package

The package can be built by running `yarn package:build` and contains

- dapis - list of all purchasable dAPIs
- supportedChains - list of all supported networks
- api3Chains - reexported @api3/chains package
- api3Integrations - reexported @phase21/api-integrations package

## GitHub Pages

GitHub pages gets updated using a github workflow `github-pages.yml`. This workflow will use scripts and data to generate the required github pages structure, details regarding the structure can be found at [Workflows README](./.github/workflows/README.md).

### Deployment

Once there is a change that is merged to `main` that requires GitHub Pages to be deployed, a pull request can be made to merge `main` into `production-gh-pages`. When it is approved and merged it will trigger the [GitHub Pages Workflow](./.github/workflows/github-pages.yml)