open-index/open-npm huggingface dataset:
npm package: @fanitrade/fani-solana-tokenlist
Description: Fanitrade Token Registry
Latest version: 1.3.19





### Installation

```bash
npm i @fanitrade/fani-solana-tokenlist
```

```bash
yarn add @fanitrade/fani-solana-tokenlist
```

### Examples

#### Query available tokens

```typescript
new TokenListProvider().resolve().then((tokens) => {
  const tokenList = tokens.filterByClusterSlug('mainnet-beta').getList();
  console.log(tokenList);
});
```


### Query available tokens on chain
```typescript
import { getTokenMetaData } from "@fanitrade/fani-solana-tokenlist";
import { Connection, clusterApiUrl } from "@solana/web3.js";

const connection = new Connection(clusterApiUrl('devnet'));

( async () => {
  const mint = "7SLdnLCBDFEBAZvzdh9vGeuoZBD165ajKfAxSgyjFjwv";

  const metadata = await getTokenMetaData(connection , mint);
  console.log(metadata);

})()
```

#### Response
```json
{
  "name": "Token NAME",
  "address": "7SLdnLCBDFEBAZvzdh9vGeuoZBD165ajKfAxSgyjFjwv",
  "symbol": "test",
  "image": "https://images.google.com/images/branding/googlelogo/1x/googlelogo_light_color_272x92dp.png",
  "extensions": {
    "website": "",
    "facebook": "",
    "twitter": "",
    "github": "",
    "discord": "",
    "telegram": ""
  }
}
```


### Adding new token
```typescript
import { addTokenToList } from "@fanitrade/fani-solana-tokenlist";


( async () => {
      const token =  await addTokenToList("YOUR_GITHUB_ACCESS_TOKEN" , {
        address : "MINT ADDRESS",
        symbol: "SYL",
         name: "TOKEN NAME",
        decimals:"0",
        logoURI:"LOG0_URL.png", 
        extensions: {
            website: "WEBSITE_URL",
            facebook: "FACEBOOK_URL",
            twitter: "TWITTER_URL",
        }
    })
    console.log(token)
})()
```

#### Response 
```javascript
{
  status: "Created",
  message: "Token Created"
}
```

```javascript
 {
  status: 'Failed',
  message: 'Error Creating Token',
  detail: 'Reference Already exist or invalid input'
}
```
npm package: @fanjiongrong/vue-imgview
Description: a plugin to look at image,used like totast ,very simple
Author: fanjiongrong
Latest version: 1.0.0

# vue-imgview

> a plugin to look at image,used like totast ,very simple

> 一个查看图片的插件，使用方法同totast 类似 。

> 使用方法 steps

> 1 npm i vue-imgview -S 

> 2 import ImgView from 'ImgView'

> 3 Vue.use(ImgView)

> 4 this.$showImgView(url);

or 直接引入在html 中  import in html file

> 1 <script src="vue-imgview/dist/vue-imgview.js">

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).
npm package: @fanliwei/pictureview
Description: A Simple Picture Viewer
Author: fanliwei
Latest version: 0.1.3

# pictureView

> 一个简单的图片查看器

## Project setup
```
// main.js
import PictureView from '@fanliwei/pictureview'
Vue.user(PictureView)


// app.vue
<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png" @click="showImage">
    <picture-view ref="pictureView"/>
  </div>
</template>

<script>

export default {
  name: 'app',
  methods: {
    showImage (e) {
      this.$refs.pictureView.showDialog('图片', e.toElement.currentSrc)
    }
  }
}
</script>

```
npm package: @fanls/markdown-it-plantuml-ex
Description: Plugin to create block-level uml diagrams for markdown-it markdown parser using offline plantuml.jar
Author: fanls
Latest version: 1.0.0

# markdown-it-plantuml-ex

[![npm version](https://img.shields.io/npm/v/markdown-it-plantuml-ex.svg)](https://www.npmjs.com/package/markdown-it-plantuml-ex)
[![CircleCI build](https://img.shields.io/circleci/project/github/xhinliang/markdown-it-plantuml-ex.svg)](https://circleci.com/gh/xhinliang/markdown-it-plantuml/tree/master)

> Plugin for creating block-level uml diagrams for [markdown-it](https://github.com/markdown-it/markdown-it) markdown parser using offline `plantuml.jar`.

Using this plugin and you can create uml diagrams inside your markdown files. 

Differ with [markdown-it-plantuml](https://github.com/gmunguia/markdown-it-plantuml), markdown-it-plantuml-ex use offline `plantuml.jar` to redner your diagrams, that means three things:
1. You can safely use it in your secret project or some internal docs of your employer, because markdown-it-plantuml-ex will not upload any of your data to any server, it's just offline;
2. You can enjoy a better render performance;
3. You should install Java by yourself before you start rendering, because markdown-it-plantuml-ex relies on it.

# UML example:

The diagrams you can use in your markdown file just like codes below.


    ```plantuml
    @startuml
    Bob -> Alice : hello
    @enduml
    ```

You can visit [plantuml website](https://plantuml.com) for more details.

## Installation

Just install via npm or any other package manager of Node.

```bash
$ npm i markdown-it-plantuml-ex --save
```

## Basic usage

As we all known, markdown-it-plantuml-ex is a plugin of markdown-it, so you should setup markdown-it before you use markdown-it-plantuml-ex.

```js
const md = require('markdown-it')()
           .use(require('markdown-it-plantuml-ex'));
```

See [markdown-it repository](https://github.com/markdown-it/markdown-it) for more details.

**NOTICE: You should install Java by yourself before you start rendering.**

## Advanced usage

```js
const md = require('markdown-it')()
           .use(require('markdown-it-plantuml-ex'), options);
```

Options:
  - __openMarker__ - optional, defaults to "```plantuml". String to use as oppening delimiter.
  - __closeMarker__ - optional, defaults to "```" . String to use as closing delimiter.
  - __diagramName__ - optional, defaults to `uml`.
  - __render__ - optional, defaults to markdown-it image renderer. Renderer function for opening/closing tokens.

## License

[MIT](https://github.com/xhinliang/markdown-it-plantuml-ex/blob/master/LICENSE)