open-index/open-npm huggingface dataset:
npm package: @plowtech/rescript-fetch
Description: ReScript Bindings for the Fetch API
Author: Logan Tibbetts
Latest version: 0.6.0

# rescript-fetch

ReScript bindings for the Fetch API.

These bindings are a direct translation of [bs-fetch](https://www.npmjs.com/package/bs-fetch) version 0.5.2 to ReScript syntax. Time permitting this package will be updated to match the latest version of bs-fetch after the initial release.
npm package: @plrabbit/cli
Description: Scaffolding tool for web app development
Author: plrabbit
Latest version: 0.1.2

# Pillar-CLI

> Scaffolding tool for web app development.

## 📦 Installation

Download and install [Node.js](https://nodejs.org/), which including ```NPM```.

Install ```pillar-cli``` globally in your machine. You may need administrator privileges to execute these commands.
```shell script
npm install -g @plrabbit/cli

# OR

yarn global add @plrabbit/cli
```

Check if you install it successfully.
```shell script
pillar --version
```

## 🆕 Creating a New Project

Just simply run:
```shell script
pillar create project-name
```

The ```create``` command has some options for the project initialization, you may find them by running:
```shell script
pillar create --help
```
```
Usage: create [options] <project-name>

create a new project

Options:
  -e, --no-depend  Skip dependencies installation
  -n, --no-git     Skip git initialization
  -h, --help       Output usage information
```

### Template(s)
name|description
:---:|:---:|
[Vunt](https://github.com/plrabbit/vunt)| Vue 2.x + Ant Design

## ‍💡 Development

1. Clone this repository, then run ```yarn install``` to install dependencies.

2. Run **create** script to create a new project.

> Please note that the project will be generated ```_test-output``` when ```process.env.NODE_ENV === 'development'```.

```shell script
yarn run create your-project-name
```

DO NOT run ```node ./bin create xxx``` directly, otherwise the project will be generated in ```pillar-cli``` project root directory, which will cause some unknown problem.

## ✅ License

[MIT license](./LICENSE).
npm package: @plrthink/bizcharts
Description: A powerful React chart library based G2 for browser
Author: bizcharts group
Latest version: 3.1.4-beta.4

![](https://img.shields.io/badge/language-react-red.svg)  ![](https://img.shields.io/badge/license-MIT-000000.svg)  [![NPM Package](https://img.shields.io/npm/v/bizcharts.svg)](https://www.npmjs.com/package/bizcharts) [![NPM Downloads](https://img.shields.io/npm/dm/bizcharts.svg)](https://npmjs.org/package/bizcharts)

# BizCharts

BizCharts: a powerful data visualization library based [G2](https://antv.alipay.com/) React。

[More details about BizCharts](https://alibaba.github.io/BizCharts/)

## Features
- easy to use
- strong expansion capability
- support most data visualization charts

[see more demos](https://alibaba.github.io/BizCharts/demo.html)
<img src="https://user-images.githubusercontent.com/6628666/33157917-b970a70c-d040-11e7-9601-b1da1dbe26ab.png" width="800">

## Installation

### npm
```sh
$ npm install bizcharts
```

### umd
```html
 <script src="https://unpkg.com/bizcharts@${version}/umd/BizCharts.min.js"></script>
```

### dev build
```sh
$ git clone https://github.com/alibaba/BizCharts.git
$ cd BizCharts
$ npm install
$ npm run build
```

### dev demo

```sh
$ sudo vi /etc/hosts
// add 127.0.0.1 localhost
$ npm run[-script] demo
// open in browser http://localhost:3510/
```

## Usage
```jsx
import {Chart, Axis, Tooltip, Geom} from "bizcharts";

const data = [...];

<Chart height={400} data={data} forceFit>
  <Axis name="month" />
  <Axis name="temperature" label={{formatter: val => `${val}°C`}} />
  <Tooltip crosshairs={{type : "y"}} />
  <Geom type="line" position="month*temperature" size={2} color={'city'} />
  <Geom type='point' position="month*temperature" size={4} color={'city'} />
</Chart>
```

## Document
### tutorial
- [quick start](doc/tutorial/start.md)
- [chart introduce](./doc/tutorial/chart.md)
- [chart type](./doc/tutorial/chartType.md)
- [data](./doc/tutorial/data.md)
- [DataSet](./doc/tutorial/dataset.md)
- [dataflow](./doc/tutorial/dataflow.md)
- [theme](./doc/tutorial/theme.md)
- [interaction](./doc/tutorial/interaction.md)
- [animation](./doc/tutorial/animate.md)

### api
- [BizCharts](./doc/api/bizcharts.md)
- components
  - [Chart](./doc/api/chart.md)
  - [Coord](./doc/api/coord.md)
  - [Axis](./doc/api/axis.md)
  - [Geom](./doc/api/geom.md)
  - [Label](./doc/api/label.md)
  - [Legend](./doc/api/legend.md)
  - [Tooltip](./doc/api/tooltip.md)
  - [Guide](./doc/api/guide.md)
  - [Facet](./doc/api/facet.md)
  - [View](./doc/api/view.md)
- Plugin
  - [Slider](//github.com/alibaba/BizCharts/blob/slider/plugin/slider/README.md)
- others
  - [scale](./doc/api/scale.md)
  - [shape](./doc/api/shape.md)
  - [dataset](./doc/api/dataset.md)
  - [connector](./doc/api/connector.md)
  - [transform](./doc/api/transform.md)
  - [theme](./doc/api/theme.md)

### [FAQ](./doc/faq/faq.md)
npm package: @plrthink/react-dock
Description: Resizable dockable react component
Author: Alexander
Latest version: 0.2.5

# react-dock

Resizable dockable react component.

#### Demo

[http://alexkuz.github.io/react-dock/demo/](http://alexkuz.github.io/react-dock/demo/)

#### Install

```
$ npm i -S react-dock
```

#### Example

```jsx
render() {
  return (
    <Dock position='right' isVisible={this.state.isVisible}>
      {/* you can pass a function as a child here */}
      <div onClick={() => this.setState({ isVisible: !this.state.isVisible })}>X</div>
    </Dock>
  );
}
```

#### Dock Props

| Prop Name | Description |
|-----------|-------------|
| position | Side to dock (`left`, `right`, `top` or `bottom`). Default is `left`. |
| fluid | If `true`, resize dock proportionally on window resize. |
| size | Size of dock panel (width or height, depending on `position`). If this prop is set, `Dock` is considered as a controlled component, so you need to use `onSizeChange` to track dock resizing. Value is a fraction of window width/height, if `fluid` is true, or pixels otherwise |
| defaultSize | Default size of dock panel (used for uncontrolled `Dock` component) |
| isVisible | If `true`, dock is visible |
| dimMode | If `none` - content is not dimmed, if `transparent` - pointer events are disabled (so you can click through it), if `opaque` - click on dim area closes the dock. Default is `opaque` |
| duration | Animation duration. Should be synced with transition animation in style properties |
| dimStyle | Style for dim area |
| dockStyle | Style for dock |
| zIndex | Z-index for wrapper |
| onVisibleChange | Fires when `Dock` wants to change `isVisible` (when opaque dim is clicked, in particular) |
| onSizeChange | Fires when `Dock` wants to change `size` |
| children | Dock content - react elements or function that returns an element. Function receives an object with these state values: `{ position, isResizing, size, isVisible }`  |
npm package: @plrthink_at_jinshuju/juuust-react-icon
Description: Icon automation workflow with Figma
Author: leadream
Latest version: 1.0.6

# Icon Automation Workflow Using Figma

It's a repository for [Figma Icon Automation Plugin](https://github.com/leadream/figma-icon-automation).

## Development
Create a `.env` in the root directory. Put your Figma file url and Figma token inside.

```
FIGMA_FILE_URL=https://www.figma.com/file/********************/juuust-react-icon
FIGMA_TOKEN=********************************
```

### fetch SVG file
Run `yarn fetch` to fetch SVG files from Figma file. This will pull your SVGs in `./src/svg/`.

### generate React components for icons
Run `yarn generate` to generate component files from SVG files. This will pull your component files in `./src/icons/`.

### Develop in local
Run `yarn dev` to develop the application in which you can see all icons.

### Develop in local
Run `yarn build` to build Pages.
npm package: @pls2e/sdk
Description: 🛠 An SDK for building applications on top of Pls2e.
Latest version: 2.4.2

# Pls2e SDK

Forked from the [Uniswap SDK](https://github.com/Uniswap/uniswap-v2-sdk/commit/a88048e9c4198a5bdaea00883ca00c8c8e582605).

You can refer to the Uniswap SDK documentation [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository

Move into the pls2e-sdk working directory

```sh
cd pls2e-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @pls2e/uikit
Description: Set of UI components for pls2e projects
Latest version: 0.0.21

# Pls2e Uikit


Pls2e UIkit is a set of React components and hooks used to build pages on Pls2e's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pls2e/uikit`

## Setup

### Theme

Before using Pls2e UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pls2e/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pls2e/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.