open-index/open-npm huggingface dataset:
npm package: @fineorg/eslint-config-react
Description: Fine Eslint Config
Author: congqiu
Latest version: 0.0.6

# eslint-config-react [![npm](https://img.shields.io/npm/v/@fineorg/eslint-config-react.svg)](https://npmjs.org/package/@fineorg/eslint-config-react)

## 开发

修改内容完成后新建一个 tag 后提交，在 Github 发布 release 后会自动发布到 npm 上。

```sh
git tag -a v1.0.0 -m "Tag comment"

git push origin v1.0.0
```

## 安装

```sh
# npm
npm install @fineorg/eslint-config-react

# yarn
yarn add @fineorg/eslint-config-react
```

## 使用

本配置文件是针对使用 [Typescript](https://www.typescriptlang.org/) 开发 [React](https://zh-hans.reactjs.org/) 项目的，只能在对应环境下使用。同时使用了 [Prettier](https://prettier.io/) 作为代码风格工具，为了确保使用正常，需要先安装好对应的环境以及相关依赖。

```sh
# 以 vite 安装 react-ts 为例
npm create vite@latest my-vue-app -- --template react-ts
# yarn
yarn create vite my-vue-app --template react-ts

# 安装 Eslint
npm install -D eslint prettier @fineorg/eslint-config-react
# yarn
yarn add --dev eslint prettier @fineorg/eslint-config-react
```

新建或修改配置文件 `.eslintrc.json` 为:

```json
{
  "extends": "@fineorg/eslint-config-react"
}
```

## 内置插件

- [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint)
- [eslint-plugin-import](https://github.com/benmosher/eslint-plugin-import)
- [eslint-plugin-jest](https://github.com/jest-community/eslint-plugin-jest)
- [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier)
- [eslint-plugin-react](https://github.com/yannickcr/eslint-plugin-react)
- [eslint-plugin-react-hooks](https://www.npmjs.com/package/eslint-plugin-react-hooks)
- [eslint-plugin-unused-imports](https://github.com/sweepline/eslint-plugin-unused-imports)
npm package: @finery/ccy-icons
Description: Finery UI currency icon library
Author: Finery Ltd
Latest version: 1.0.3

# CCY Icons

[View icons](https://ccy-icons.netlify.app/)

A set of 330+ meticulously combed currency icons (fiat and crypto) so that they:

- Render in a uniform, consistently sized manner.
- Use `currentColor` so that they can be easily colored using CSS `color` property.
- Don't contain excess junk.

SVGs can be directly used, or they can be used as React components for example:

```js
// Your build needs an .svg loader (many such as CRA have it built in).
import btcIcon from 'ccy-icons/icons/btc.svg' // And render it <img src={btcIcon} />

// Or in React:
import { BTC } from 'ccy-icons' // and render the component <BTC />
```

**Important:** icons don't set a width and height, you should set one or both with CSS, or allow the icon to fill it's container.

## Contributing

1. Fork the repo.
2. Run your SVG through https://jakearchibald.github.io/svgomg/ and then add it to `src/icons`.
3. `yarn install`, `yarn build`, `yarn link`.
4. `cd www`, `yarn install`, `yarn link ccy-icons`, `yarn start`.
5. Check that your icon looks correct (uses currentColor so switching theme works, has a viewBox, has no width or height attributes). If it doesn't then import your icon into Sketch or Figma, re-export (with trim transparent pixels), and re-run your svg through SVGOMG.
6. Once happy raise a PR **including a screenshot** of the icon in-situ.

### Dev notes

To batch optimize/clean SVGs:

```bash
cd icons
svgo *.svg --config=svgo.yml
```
npm package: @finesh/cli
Description: generate your static website in 3 seconds
Author: WittBulter
Latest version: 0.0.11

<p align="center" height="250">
  <img height="300" src="logo.png" align="center"/>
</p>
<br/>
<br/>

[![CircleCI](https://circleci.com/gh/just-fine/fine.sh-cli.svg?style=svg)](https://circleci.com/gh/just-fine/fine.sh-cli)

> fine -- generate your static website in 3 seconds
  
&emsp;Fine is currently in beta, and we will bring more updates on its functionality and integrity as the project develops.
  
&emsp;You can leave comments and suggestions [here](https://github.com/just-fine/fine.sh-cli/issues/new).

<br/>

## Preview

<p align="left" height="250">
  <img height="300" src="fine.sh.gif" align="center"/>
</p>

<br/>

## What is Fine

&emsp;&emsp;Fine is a tool to help you generate static website. It is fast, safe and easy to use, plus you don’t have to worry about neither style nor implementation at all.

&emsp;&emsp;You can even use Fine to start your own blog, as it provides customized domains to each site it generates.

&emsp;&emsp;Fine has a global professional CDN, and of course, Fine is always free.

<br/>

## Have a try

  **Fine cli required [NodeJS > 8.0](https://nodejs.org/)**

   ```
   npx @fine.sh/cli
   ```

<br/>

## THANKS

  -  Szyanne

<br/>

## Links

  - [中文 README](README_CN.md)
  
  - [fine.sh](https://fine.sh)

  
<br/>

## LICENSE


<a href="https://app.fossa.io/projects/git%2Bgithub.com%2Fjust-fine%2Ffine.sh-cli?ref=badge_large" alt="FOSSA Status"><img src="https://app.fossa.io/api/projects/git%2Bgithub.com%2Fjust-fine%2Ffine.sh-cli.svg?type=large"/></a>

<br/>
<br/>
npm package: @finesh/cs
Description: install coffee style of popular framework
Author: WittBulter
Latest version: 0.0.2

# cs

> install coffee version of popular framework.

<br/>

## usage
&emsp;make sure you have Node.js (>8.0).

&emsp;run `npx @fine.sh/cs init` to complete.

&emsp;e.g. you want to write Vue with coffee script, just run `npx @fine.sh/cs init vue`.


  - `cs init`: create a project.
  - `cs ls`: show all project type.

<br/>

>if you want install to global: `npm i -g @fine.sh/cs`.

<br/>

## support

  1. [vue](https://github.com/just-fine/vue-coffee)
  2. [sails](https://github.com/just-fine/sails-coffee)
  
  want to add more templates? leave a [issue](https://github.com/just-fine/cs/issues/new).

<br/>

## license
<a href="https://app.fossa.io/projects/git%2Bgithub.com%2Fjust-fine%2Fcs?ref=badge_large" alt="FOSSA Status"><img src="https://app.fossa.io/api/projects/git%2Bgithub.com%2Fjust-fine%2Fcs.svg?type=large"/></a>
npm package: @finetwork/ui
Description: <h1 align="center">Finetwork UI</h1>
Latest version: 1.3.23

<h1 align="center">Finetwork UI</h1>

<div align="center">

[React](https://reactjs.org/) components library, initially for Finetwork projects.
Built on top of Radix-UI primitive components as base components in order to have accessible components, and Stitches for styling.

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/finetwork-os/ui/blob/master/LICENSE)
[![npm downloads](https://img.shields.io/npm/dt/@finetwork/ui.svg)](https://www.npmjs.com/package/@finetwork/ui)

</div>

## Installation

```sh
// with npm
npm install @finetwork/ui react

// with yarn
yarn add @finetwork/ui react
```

## Documentation

Check out our [documentation website](https://finetwork-ui.vercel.app/).
npm package: @finetwork/ui-sections
Description: <h1 align="center">Finetwork UI</h1>
Latest version: 0.2.0

<h1 align="center">Finetwork UI</h1>

<div align="center">

[React](https://reactjs.org/) components library, initially for Finetwork projects.
Built on top of Radix-UI primitive components as base components in order to have accessible components, and Stitches for styling.

[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/finetwork-os/ui/blob/master/LICENSE)
[![npm downloads](https://img.shields.io/npm/dt/@finetwork/ui.svg)](https://www.npmjs.com/package/@finetwork/ui)

</div>

## Installation

```sh
// with npm
npm install @finetwork/ui react

// with yarn
yarn add @finetwork/ui react
```

## Documentation

Check out our [documentation website](https://finetwork-ui.vercel.app/).
npm package: @fineui/core
Description: fineui
Author: fanruan
Latest version: 2.0.20221116162143

FineUI
============
[![License](https://img.shields.io/badge/license-Apache%202-4EB1BA.svg)](https://www.apache.org/licenses/LICENSE-2.0.html)
> UI Framework used in FineBI and FineReport

For more details, see the website [http://www.fanruan.com](http://www.fanruan.com).

Documentation
=============

http://fanruan.design/doc.html?post=0169cf558d

License
============
Please refer to [LICENSE](https://code.fanruan.com/fanruan/fineui/src/branch/master/LICENSE) file.
npm package: @finevis/element-wrapper
Description: element-wrapper for quickly operation of html element.
Author: cmen@fanruan.com
Latest version: 1.1.3

# @finevis/element-wrapper
> jquery like, chained methods for operating dom elements.

- [@finevis/element-wrapper](#fineviselement-wrapper)
  - [Install](#install)
  - [Useage](#useage)
  - [Api](#api)

## Install
install via npm.
```bash
$ npm install @finevis/element-wrapper
```

## Useage
```js
const ew = new ElementWrapper('div');

ew.addClassName('element-wrapper')
  .style({
      color: 'red'
  })
  .text("This is ElementWrapper")
  .attr({
      name: 'elementWrapper'
  });

```

## Api
- constructor()
- style()
- attr()
- html()
- node()
- text()
npm package: @finevis/emitter
Description: simple event-emitter
Author: cmen@fanruan.com
Latest version: 1.0.4

# @finevis/emitter

> a simple event-emitter.

## Tables of Contents
- [@finevis/emitter](#finevisemitter)
  - [Tables of Contents](#tables-of-contents)
  - [Install](#install)
  - [Useage](#useage)


## Install
install via npm.
```bash
$ npm install @finevis/emitter
```


## Useage
```js
import Emitter from '@finevis/emitter';

const emitter = new Emitter;

// listen to an event.
emitter.on('log', console.log);

// fire an event.
emitter.emit('log', 'this is a test!');

// remove event listner with type
emitter.off('log');

// remove all listener.
emitter.clear();

```
npm package: @finfa/strapi-provider-email-sparkpost
Description: sparkpost provider for strapi email
Author: Federico Infanti
Latest version: 1.0.0

#strapi provider email sparkpost



in `config/plugins.js`:
```
  email: {
    provider: 'sparkpost',
    providerOptions: {
      apiKey: env('SPARKPOST_API_KEY'),
    },
    settings: {
      defaultFrom: 'sender@example.com',
      defaultReplyTo: 'sender@example.com',
      testAddress: 'test@example.com',
    },
  },

```
npm package: @finfe/react-kits
Description: React dev kits
Author: Antony
Latest version: 4.0.0

# react-kits-cli

The CLI for starting dev server, bundling, and common utilities.

> Should be installed as `devDependencies`

## Install

```sh
yarn add -D @finfe/react-kits
```

## Commands

```sh
react-kits init <my-app-name>

react-kits start

react-kits build

react-kits build-dll

react-kits lint

react-kits clean
```

### License

MIT
npm package: @finfe/react-kits-server
Description: Express server for react-kits
Author: Antony
Latest version: 4.0.0

# react-kits-server

Express server for server-side rendering with data prefetching.

## Install

```sh
yarn add @finfe/react-kits-server
```

## API

```js
import { createReactServer } from 'react-kits-server';

import createStore from '../store/createStore';
import { getInitialData } from '../routes';
import { HOME_PATH, ASSET_URL } from '../url';
import CoreLayout from '../layouts/CoreLayout';

const app = createReactServer({
  createStore,
  getInitialData,
  homePath: HOME_PATH,
  assetUrl: ASSET_URL,
  customMiddleware: expressIns => {},
  onRender: () => <CoreLayout />
});
```

#### `createStore()`
function that must return Redux store.

#### `getInitialData(req, store)`
function that must return Promise.

#### `customMiddleware(expressIns)`
functions that receive express instance and runs before SSR requests

#### `onRender({ expressCtx, store })`
function that must return either
- React element
- Promise of React element

#### `mapAppString(appStr)`
function that accepts renderToString result and return new string

#### `createApolloClient(expressCtx)`
function that must return Apollo client to be used on SSR server

### License

MIT
npm package: @finga/mp4-scan-ts
Description: Utility to scan an MP4 files for their capabilities
Author: Artur Finger
Latest version: 1.0.1

# @finga/mp4-scan-ts

Utility to scan an mp4 file and check whether it supports progressive download and playback or not.

It downloads the first 1kB of the MP4 file using a Range request and looks for MP4 `moov` box header atom in there. If `moov` atom is present, the MP4 can be played back progressively.

*Intended for web environment. Not tested in node.js environment.*

## Install
```bash
npm i @finga/mp4-scan-ts
```

## Use

**supportsProgressiveDownload**

Check whether MP4 file supports progressive download.

```typescript
import { supportsProgressiveDownload } from '@finga/mp4-scan-ts'

const result = await supportsProgressiveDownload('https://cdn.myweb.com/myvideo.mp4')

// result === true or false
```

*This method downloads the first 1kB of the MP4 file and uses that to decide if it supports progressive playback.*

<br/>

**parseMp4Boxes**

Parse MP4 format boxes from MP4 represented in hex. The MP4 file is made up of boxes, each box has type and content size.

```typescript
import { parseMp4Boxes } from '@finga/mp4-scan-ts'

  /**
   * MP4 binary data represented as a hexadecimal string (2 letters represent 1 byte of data)
   */
  const MP4_HEX_STRING = 'F99EB891E813A6...'

  const result = parseMp4Boxes(MP4_HEX_STRING)

  // result:

  // [
  //   {
  //     size: 32,
  //     type: 'ftyp',
  //     typeHex: '66747970',
  //   },
  //   {
  //     size: 8,
  //     type: 'free',
  //     typeHex: '66726565',
  //   },
  //   {
  //     size: 6513482,
  //     type: 'mdat',
  //     typeHex: '6D646174',
  //   },
  // ]

  // The file begins with an "ftyp" box of size 32B, followed by a "free" box of size 8B and ends with "mdat"
  // box of size 6513482B.
```

## Known issues:
- [extended box size](https://stackoverflow.com/questions/55677945/why-cant-i-get-a-manually-modified-mpeg-4-extended-box-chunk-size-to-work#:~:text=Most%20MP4%20box%20headers%20contain,%2C%20a%20large%20video%20file) is not supported (this should be present only in videos larger than 4GB)

## Sources of inspiration:

- https://agama.tv/demystifying-the-mp4-container-format/
- https://bitmovin.com/fun-with-container-formats-2/
- https://github.com/uupaa/MP4Parser.js/tree/79e90b21b903da591bd59e0e2e727567af8953d3
- http://mp4ra.org/#/atoms
- https://sanjeev-pandey.medium.com/understanding-the-mpeg-4-moov-atom-pseudo-streaming-in-mp4-93935e1b9e9a
- https://rigor.com/blog/optimizing-mp4-video-for-fast-streaming/

## Changelog

- v1.0.1
  - Improved NPM keywords
- v1.0.0
  - Added functions `supportsProgressiveDownload` and `parseMp4Boxes`
npm package: @finga/spawn-tslib
Description: Utility to spawn a TS library with all configs and setup ready
Author: fingerartur@gmail.com
Latest version: 1.0.2

# spawn-tslib
A handy utility to spawn a TS library ready to go.

All the annoying webpack, jest and tsconfig setup is done automatically for you, so you can go ahead and start developing your library now!

Simply run:

```
npx @finga/spawn-tslib my-lib
```

## What gets set up for you
- Typescript and tsconfig.json
- Webpack configured to transpile to ES5
- Jest for unit testing
- Eslint with reasonable basic rules
- Dependencies are installed via NPM

## Alternatives
If you are not fully satisfied with `@finga/spawn-tslib`, go ahead and check out https://github.com/ryancat/create-typescript-library

## Changelog

- v1.0.2
  - Fixed changelog
- v1.0.1
  - Open project in Vscode once it is ready
  - Added more exclusion patterns for test files, to exclude them from compilation
  - Fixed ESlint config for test files and JS config files
- v1.0.0
  - Added `@finga/spawn-tslib` script that spawns a ready-for-action TS library project
npm package: @fingercoder/nestjs-activemq
Description: This is a microservice provider for active mq microservices in Nest.js framework, based on rhea library.
Author: Amirkhalili
Latest version: 0.1.1

# Nest js ActiveMQ microservice provider

This is a microservice provider for active mq microservices in Nest.js framework, based on
rhea library.

## Features

- Request & response messaging system
- Nest.js friendly
- RxJs based
- Supports message pattern

## Installation

### npm

```bash
  npm i @nestjs/microservices @fingercoder/nestjs-activemq
```

### yarn

```bash
  yarn add @nestjs/microservices @fingercoder/nestjs-activemq
```

## Todo

- Add streamed data transfer
- Add more error handling and define custom errors

## Authors

- [@Aka-Amir](https://www.github.com/Aka-Amir)

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @fingerlabs/definixswap-uikit-v2
Description: Set of UI components for Definix projects
Latest version: 1.4.22

# Definix UIkit V2

## Install

`yarn add @fingerlabs/definixswap-uikit-v2`

## Setup

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@fingerlabs/definixswap-uikit-v2'
...
<ResetCSS />
```

### Types

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