open-index/open-npm huggingface dataset:
npm package: @fishx/drawer
Description: Drawer for fishx
Latest version: 1.0.0

# @fishx/drawer

## Installation

```bash
yarn add @fishx/drawer
```

## Quick Start

```js
import React from 'react'
import { Drawers, DrawerConfig, drawerStore } from '@fishx/drawer'

const About = () => (
  <span>
    about
    <button onClick={() => drawerStore.close('about')}>close</button>
  </span>
)

About.drawerProps = {
  title: 'about me',
  width: '80%',
}

const config: DrawerConfig = [
  {
    name: 'about',
    component: About,
  },
]

export default () => (
  <div>
    <Drawers config={config} />
    <span>Hi, Dahlia</span>
    <button onClick={() => drawerStore.open('about')}>open</button>
  </div>
)
```
npm package: @fishx/eslint-formatter-html
Description: @fishx/eslint-formatter-html
Latest version: 0.0.7

# @fishx/eslint-formatter-html

A enhanced ESLint formatter

# Install

```sh
npm i -D @fishx/eslint-formatter-html
```

# Usage

```sh
fishx lint src --format=html -o ESLintReport.html
```

> More information about formatters can be found on https://eslint.org/docs/latest/user-guide/formatters

# Features

-   The html page is built based on `react` and `antd`, and the interaction is very good
-   Both file paths and code lines and columns can be copied, that you can quickly locate the specific location of the code
-   Supports `ansi` code display
-   Supports dark mode, depending on your Mac settings
-   Using [pako](https://www.npmjs.com/package/pako) compression, even if the project is large, the report file size is small
npm package: @fishx/eslint-html-reporter
Description: @fishx/eslint-html-reporter
Latest version: 0.0.1

# @fishx/eslint-html-reporter

A enhanced ESLint formatter

<!-- # Examples

-   https://shuoshubao.github.io/eslint-formatter-html
-   https://shuoshubao.github.io/eslint-formatter-html/demo1
-   https://shuoshubao.github.io/eslint-formatter-html/demo2
-   https://shuoshubao.github.io/eslint-formatter-html/demo3
-   https://shuoshubao.github.io/eslint-formatter-html/demo4
-   https://shuoshubao.github.io/eslint-formatter-html/demo5
-   https://shuoshubao.github.io/eslint-formatter-html/demo6
-   https://shuoshubao.github.io/eslint-formatter-html/demo7
-   https://shuoshubao.github.io/eslint-formatter-html/demo8 -->

<!-- ## ESLint official example

-   https://eslint.org/docs/latest/user-guide/formatters/html-formatter-example
-   https://shuoshubao.github.io/eslint-formatter-html/built-in -->

# Install

```sh
npm i -D @fishx/eslint-html-reporter
```

# Usage

```sh
fishx lint src --format=html -o ESLintReport.html
```

> More information about formatters can be found on https://eslint.org/docs/latest/user-guide/formatters

# Features

-   The html page is built based on `react` and `antd`, and the interaction is very good
-   Both file paths and code lines and columns can be copied, that you can quickly locate the specific location of the code
-   Supports `ansi` code display
-   Supports dark mode, depending on your Mac settings
-   Using [pako](https://www.npmjs.com/package/pako) compression, even if the project is large, the report file size is small