open-index/open-npm huggingface dataset:
npm package: @panda-program/eslint-config
Description: ESlint shareable config of Javascript/TypeScript + React
Latest version: 0.2.3

# @panda-program/eslint-config
ESlint shareable config of Javascript/TypeScript + React

```sh
npm install -D @panda-program/eslint-config
```

or

```sh
yarn add -D @panda-program/eslint-config
```

Add `@panda-program/eslint-config` to extends field in `.eslintrc.js`.

```js
module.exports = {
  extends: ['@panda-program/eslint-config'],
}
```
npm package: @panda-tool/react-native-performance-monitor
Description: Get memory, CPU usage and FPS
Author: Xingguo Sun
Latest version: 0.1.1

# react-native-performance-monitor

Get memory, CPU usage and FPS

## Installation

```sh
npm install react-native-performance-monitor
```

## Usage

```js
import { multiply } from 'react-native-performance-monitor';

// ...

const result = await multiply(3, 7);
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
npm package: @panda-wbc/panda-button
Description: Lit based web component - button
Author: code-gems
Latest version: 0.0.2

# Welcome to Panda Button
Panda Button is a Lit based web component that adds buttons to your UI. Extremely lightweight and easy to use.
Enjoy!

### Installation
```npm install @panda-wbc/panda-button -S```

or 

```yarn add @panda-wbc/panda-button```

### Usage

```html
<panda-button
	.disabled="${true/false}"
	.busy="${true/false}"
	@click="${...}"
>
	<div slot="prefix">{prefix icon}</div>
	MY AWESOME BUTTON
	<div slot="suffix">{suffix icon}</div>
</panda-button>
```

## Change Log

TBD
npm package: @panda-wbc/panda-callout
Description: Lit based web component - callout
Author: code-gems
Latest version: 0.0.1

# Welcome to Panda Icon
Panda Icon is a Lit based web component that adds cool icons to your UI. Extremely lightweight and easy to use.
Enjoy!

### Installation
```npm install @panda-wbc/panda-icon -S```

or 

```yarn add @panda-wbc/panda-icon```

### Usage

```html
<panda-icon icon="menu"></panda-icon>
```

## Change Log

TBD
npm package: @panda-wbc/panda-dialog
Description: Lit based web component. Allows you to create popup dialogs with custom content.
Author: code-gems
Latest version: 1.0.0

# Welcome to Panda Flag
Panda Flag is a Lit based web component that adds flags to your UI. Extremely lightweight and easy to use.
Enjoy!

### Installation
```npm install @panda-wbc/panda-flag -S```

or 

```yarn add @panda-wbc/panda-flag```

### Usage

```html
<panda-flag flag="us"></panda-flag>
```

## Change Log

1.0.0 - Added new flags [BE, CH, DK, FI, NO, SE]

0.0.5 - fixed build script
	  - added flags [VN]

0.0.4 - added more flags [DE, FR, HU, IE, IT, MC, NL, UA]

0.0.3 - updated package file with more info

0.0.2 - added new flags [MO, RU, TW]
npm package: @panda-wbc/panda-flag
Description: Lit based web component adding flags to your UI
Author: code-gems
Latest version: 1.0.1

# Welcome to Panda Flag
Panda Flag is a Lit based web component that adds flags to your UI. Extremely lightweight and easy to use.
Enjoy!

### Installation
```npm install @panda-wbc/panda-flag -S```

or 

```yarn add @panda-wbc/panda-flag```

### Usage

```html
<panda-flag flag="us"></panda-flag>
```

## Change Log

1.0.0 - Added new flags [BE, CH, DK, FI, NO, SE]

0.0.5 - fixed build script
	  - added flags [VN]

0.0.4 - added more flags [DE, FR, HU, IE, IT, MC, NL, UA]

0.0.3 - updated package file with more info

0.0.2 - added new flags [MO, RU, TW]
npm package: @panda-wbc/panda-spinner
Description: Lit based web component - Adding spinner animations to your UI
Author: code-gems
Latest version: 1.0.0

# Welcome to Panda Spinner
Panda Spinner is a Lit based web component that adds spinners, loading animations to your UI. Extremely lightweight and easy to use.
Enjoy!

## Installation
```npm install @panda-wbc/panda-spinner -S```

or 

```yarn add @panda-wbc/panda-spinner```

## Usage

```html
<panda-spinner spinner="video"></panda-spinner>
```

## Spinner Types

### video [default]
```html
<panda-spinner></panda-spinner>
```
or
```html
<panda-spinner spinner="video"></panda-spinner>
```

### dots

```html
<panda-spinner spinner="dots"></panda-spinner>
```

### circle
```html
<panda-spinner spinner="circle"></panda-spinner>
```

### google
```html
<panda-spinner spinner="google"></panda-spinner>
```


## Change Log

1.0.0
- 

0.0.2
- Added new spinner type [google]
npm package: @panda/logger
Description: A simple logging interface for NodeJS applications
Author: Adam T. Puzio
Latest version: 0.1.0

# Panda Logger

Panda Logger is a simplified instance of [Winston Logger](https://github.com/winstonjs/winston) that is primarily used for the [Panda](https://github.com/AdamPuzio/panda) framework, but that can be implemented in virtually any project. 

## Installation

```bash
npm i @panda/logger
```

## Setup

### Code

```js
const PandaLogger = require('@panda/logger')

// get the base logger
const logger = PandaLogger.getLogger()

// initialize a new logger
const logger = PandaLogger.getLogger('Foo')

// initialize a new logger with custom level and format
const logger = Logger.getLogger('Bar', { level: 'debug', format: 'json' })
```

### Command Line Overrides

```bash
LOG_LEVEL=debug LOG_FORMAT=json node index
```

## Usage

```js
const PandaLogger = require('@panda/logger')
const logger = PandaLogger.getLogger('Foo')

logger.fatal(msg)
logger.error(msg)
logger.warn(msg)
logger.info(msg)
logger.http(msg)
logger.verbose(msg)
logger.debug(msg)
logger.silly(msg)

logger.success(msg)
logger.fail(msg)
```

### Levels

* fatal
* error
* warn
* info
* http
* verbose
* debug
* silly

### Formats

* simple - generic output
* json - JSON formatted output
* basic - `timestamp label level message` output
* standard - colorized development output
* cli - pretty-print viewable output

### Functions & Variables

* `logger.success(msg)` (level: `info`)
* `logger.fail(msg)` (level: `info`)
* `logger.testLevels()` - tests output of all levels against current level
* `logger.levels` - returns a list of all levels
* `logger.level` - returns the current level for that logger
* `logger.format` - returns the current format for that logger

## Testing & Linting

### Run Tests

```bash
npm test
```

### Run Linter

```bash
# run linter
npm run lint

# run linter and fix any fixable issues
npm run lint:fix
```

## ToDo

* Allow formats to be dynamically added
npm package: @panda_madness/transition-component
Description: Vue's Transition element in web component form
Author: Margulan Baimbet
Latest version: 0.1.0

![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)

# Transition Component

This project is an attemp to mimic Vue JS's [transitions](https://vuejs.org/v2/guide/transitions.html), but implemented in Web Component form. As such this component is usable with any front-end framework (React, Ember, Angular, etc.), or no framework at all if that's your jazz.

# Stencil

This project is built with Stencil. Stencil is a compiler for building fast web apps using Web Components.


## Using this component

### Script tag

- Put a script tag similar to this `<script src='https://unpkg.com/@panda_madness/transition-component@0.1.0/dist/transition.js'></script>` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

### Bundler
- Run `npm install @panda_madness/transition-component --save`
- Add an import to the npm packages `import @panda_madness/transition-component;`
- Then you can use the element anywhere in your template, JSX, html etc
npm package: @panda_ui/components
Description: 熊猫儿科UI组件包
Author: mjt@770287749
Latest version: 1.0.5

# panda_ui
UI组件

## 安装

### npm
```npm
npm i --save @panda_ui/components
```

## 相关组件
```js
export {
    ActionSheet,
    Button,
    Dialog,
    Switch,
    Radio,
    Checkbox,
    Agreement,
    Icon,
    Loading,
    Mask,
    Toast,
    TopTips,
    Avatar,
    ListEmpty,
    Picker,
    Scroll,
    Skeleton,
    Download
}
```