open-index/open-npm huggingface dataset:
npm package: @jfilipe-sparta/react-native-module_2
Description: test
Author: jfilipe-dev
Latest version: 0.1.0

# react-native-module_2

module 2

## Installation

```sh
npm install react-native-module_2
```

## Usage

```js
import { multiply } from "react-native-module_2";

// ...

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: @jfix/svelte-heatmap
Description: A fork of scottbedard's light weight and customizable version of GitHub's contribution graph
Author: Scott Bedard / Jakob Fix
Latest version: 0.0.3

# svelte-heatmap

This is a temporary fork of Scott Bedard's component, with some modifications. 

See here for the original: https://github.com/scottbedard/svelte-heatmap.

Licence: [MIT](https://github.com/scottbedard/svelte-heatmap/blob/master/LICENSE)
Copyright (c) 2017-present, Scott Bedard
npm package: @jfkued/min-cli
Description: 小程序组件化开发环境，提供 cli 支持
Author: Min Team
Latest version: 1.3.7

# Min Cli

> 令小程序组件的开发和使用变得愉悦

## 介绍

Min资源汇总：[awesome-min](https://github.com/cds803/awesome-min)

Min 是一款微信小程序组件化解决方案，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序和组件库。而Min与其他组件化框架最大的区别在于是开发真正意义上的小程序组件，通过增强特性能让开发小程序项目变得更加优雅，高效。

同时Min也是一款成长中的小程序组件化方案，大量吸收借鉴了一些优化前端工具以及框架的设计理念和思想。如果Min有不足地方，或者你有更好的想法，欢迎提交ISSUE或者PR。

## 特性

- 提供丰富的[UI组件库](https://github.com/meili/minui)，组件重用方便二次开发
- [单文件](https://meili.github.io/min/docs/features/single-file-mode.html)开发模式，类Vue开发风格
- 支持[自定义组件](https://meili.github.io/min/docs/min-cli/wxc-project/index.html)开发
- 支持[加载海量NPM包](https://meili.github.io/min/docs/features/npm.html)
- 支持[ES2015+特性、Promise](https://meili.github.io/min/docs/features/babel.html)，使用async/await能够有效避免回调地狱
- 支持多种[编译器](https://meili.github.io/min/docs/features/style.html)，Less/PostCss、Babel
- 完善[小程序](https://meili.github.io/min/docs/min-cli/app-project/index.html)和[组件库](https://meili.github.io/min/docs/min-cli/wxc-project/index.html)开发流程，快速建立私有的小程序组件库
- 支持[全局模板](https://meili.github.io/min/docs/advance/global-layout.html)、[可配置化](https://meili.github.io/min/docs/advance/global-setting.html)，减少维护成本和差异化

## 最佳实践

[MinUI](https://github.com/meili/minui)，是基于 Min 产出的一套 UI 组件库，同时也是蘑菇街小程序在应用的 UI 组件库。通过下面的小程序二维码，可以在手机中体验 MinUI（微信基础库版本 1.6.3 以上支持）：

![](http://s3.mogucdn.com/mlcdn/c45406/171103_5l89d0ih87eh9e715065310ekgdea_220x220.png)

## 环境安装

``` bash
$ npm install -g @mindev/min-cli
```

## 组件开发

- **初始化项目**

``` bash
$ min init
```

- **新建组件**

``` bash
$ min new *name
```

- **开发实时编译**

``` bash
$ min dev
```

- **发布组件**

``` bash
$ min publish
```

## 组件应用

- **安装组件**

在小程序项目中安装一个组件，这里用 [MinUI](https://github.com/meili/minui) 的 loading 组件举例：

``` bash
$ min install @minui/wxc-loading
```

- **更新组件**

``` bash
$ min update @minui/wxc-loading
```

## Min 使用交流群

请添加群助手 wUf18018252882 好友或者扫码加好友，并与群助手对话发送验证码 `10088` 按照指引进群。

![微信群](https://s10.mogucdn.com/mlcdn/c45406/180108_888g0d26e23h9j8fc9e3bd7j3e85h_430x430.jpg_220x330.jpg)

## Links

[Documentation](https://meili.github.io/min)

[Changelog](https://meili.github.io/min/docs/changelog/index.html)

[Contributing](https://github.com/meili/min-cli/blob/master/CONTRIBUTING.md)

[License MIT](https://github.com/meili/min-cli/blob/master/LICENSE)

## 开源协议

本项目基于 [MIT](http://opensource.org/licenses/MIT) License，请自由的享受、参与开源。
npm package: @jfkued/reduce-css-calc
Description: Reduce CSS calc() function to the maximum
Author: Maxime Thirouin
Latest version: 2.1.4

# reduce-css-calc [![Build Status](https://travis-ci.org/MoOx/reduce-css-calc.png)](https://travis-ci.org/MoOx/reduce-css-calc)

> Reduce CSS calc() function to the maximum.

Particularly useful for packages like [rework-calc](https://github.com/reworkcss/rework-calc) or [postcss-calc](https://github.com/postcss/postcss-calc).

## Installation

```console
$ npm install reduce-css-calc
```

## Usage

### `var reducedString = reduceCSSCalc(string, precision)`

```javascript
var reduceCSSCalc = require('reduce-css-calc')

reduceCSSCalc("calc(1 + 1)")
// 2

reduceCSSCalc("calc((6 / 2) - (4 * 2) + 1)")
// -4

reduceCSSCalc("calc(1/3)")
// 0.33333

reduceCSSCalc("calc(1/3)", 10)
// 0.3333333333

reduceCSSCalc("calc(3rem * 2 - 1rem)")
// 5rem

reduceCSSCalc("calc(2 * 50%)")
// 100%

reduceCSSCalc("calc(120% * 50%)")
// 60%

reduceCSSCalc("a calc(1 + 1) b calc(1 - 1) c")
// a 2 b 0 c

reduceCSSCalc("calc(calc(calc(1rem * 0.75) * 1.5) - 1rem)")
// 0.125rem

reduceCSSCalc("calc(calc(calc(1rem * 0.75) * 1.5) - 1px)")
// calc(1.125rem - 1px)

reduceCSSCalc("-moz-calc(100px / 2)")
// 50px

reduceCSSCalc("-moz-calc(50% - 2em)")
// -moz-calc(50% - 2em)
```

See [unit tests](src/__tests__/index.js) for others examples.

## Contributing

Work on a branch, install dev-dependencies, respect coding style & run tests before submitting a bug fix or a feature.

```console
$ git clone https://github.com/MoOx/reduce-css-calc.git
$ git checkout -b patch-1
$ npm install
$ npm test
```

## [Changelog](CHANGELOG.md)

## [License](LICENSE-MIT)
npm package: @jfkued/wxc-example-demo
Description: > MinUI 小程序 demo示例 组件，与 @jfkued/wxc-example 组件配合使用
Author: fsy0718
Latest version: 1.0.2

# wxc-example-demo

> MinUI 小程序 demo示例 组件，与 @jfkued/wxc-example 组件配合使用

## ChangeLog

### v1.0.1

+ 增加依赖`@minui/wxc-example-md@1.0.0`

### v1.0.0

+ 初始版本
npm package: @jfkued/wxc-example-md
Description: > MinUI 小程序 markdown 组件，与 @minui/wxc-example 组件配合使用
Author: fsy0718
Latest version: 1.0.1

# wxc-example-md

> MinUI 小程序 markdown 组件，与 @jfkued/wxc-example 组件配合使用

## ChangeLog

### v1.0.0

+ 初始版本
npm package: @jfkued/wxc-example-menu
Description: > MinUI 小程序 menu 组件，与 @jfkued/wxc-example 组件配合使用
Author: fsy0718
Latest version: 1.0.0

# wxc-example-menu

> MinUI 小程序组件 - 示例菜单

## Install

``` bash
$ min install @minui/wxc-example-menu
```


## API

### ExampleMenu

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`menus`               | 菜单数组                       |

### `menus`数组的数据项

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`id`                  | 菜单`id`                      |
|`name`                | 菜单名                        |
|`open`                | 菜单是否下拉展开                 |
|`icon`                | 菜单图标                      |
|`pages`               | 菜单子列表数组                  |

### `pages`数组的数据项

| 名称                  | 描述                         |
|----------------------|------------------------------|
|`id`                  | 子列表项`id`                   |
|`name`                | 子列表项名                      |
|`icon`                | 子列表项图标                    |
|`code`                | 子列表项所对应页面的二维码         |

## ChangeLog

#### v1.0.0（2017-11-17）

- 初始版本
npm package: @jfkz/dappwright
Description: End-to-End (E2E) testing for dApps using Playwright + MetaMask
Latest version: 2.9.2

# dAppwright

E2E testing for dApps using Playwright + MetaMask & Coinbase Wallet

## Installation

```
$ npm install -s @tenkeylabs/dappwright
$ yarn add @tenkeylabs/dappwright
```

## Usage

### Quick setup with Hardhat

```typescript
  # test.spec.ts

  import { BrowserContext, expect, test as baseTest } from "@playwright/test";
  import dappwright, { Dappwright, MetaMaskWallet } from "@tenkeylabs/dappwright";

  export const test = baseTest.extend<{
    context: BrowserContext;
    wallet: Dappwright;
  }>({
    context: async ({}, use) => {
      // Launch context with extension
      const [wallet, _, context] = await dappwright.bootstrap("", {
        wallet: "metamask",
        version: MetaMaskWallet.recommendedVersion,
        seed: "test test test test test test test test test test test junk", // Hardhat's default https://hardhat.org/hardhat-network/docs/reference#accounts
        headless: false,
      });

      // Add Hardhat as a custom network
      await wallet.addNetwork({
        networkName: "Hardhat",
        rpc: "http://localhost:8546",
        chainId: 31337,
        symbol: "ETH",
      });

      await use(context);
    },

    wallet: async ({ context }, use) => {
      const metamask = await dappwright.getWallet("metamask", context);

      await use(metamask);
    },
  });

  test.beforeEach(async ({ page }) => {
    await page.goto("http://localhost:8080");
  });

  test("should be able to connect", async ({ wallet, page }) => {
    await page.click("#connect-button");
    await wallet.approve();

    const connectStatus = page.getByTestId("connect-status");
    expect(connectStatus).toHaveValue("connected");

    await page.click("#switch-network-button");

    const networkStatus = page.getByTestId("network-status");
    expect(networkStatus).toHaveValue("31337");
  });
```

### Alternative Setups

There are a number of different ways integrate dAppwright into your test suite. For some other examples, please check out dAppwright's [example application repo](https://github.com/TenKeyLabs/dappwright-examples).

## Special Thanks

This project is a fork of the [Chainsafe](https://github.com/chainsafe/dappeteer) and [Decentraland](https://github.com/decentraland/dappeteer) version of dAppeteer.
npm package: @jfkz/ngx-toolkit-spring
Description: Angular spring utilities
Author: Dewizz
Latest version: 14.0.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

[![npm version](https://img.shields.io/npm/v/@ngx-toolkit/spring.svg)](https://www.npmjs.com/package/@ngx-toolkit/spring) 
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat)](https://github.com/dewizz/ngx-toolkit/blob/master/LICENSE)
[![Build Status](https://travis-ci.org/dewizz/ngx-toolkit.svg?branch=master)](https://travis-ci.org/dewizz/ngx-toolkit) 
[![Coverage](https://coveralls.io/repos/github/dewizz/ngx-toolkit/badge.svg?branch=master#5)](https://coveralls.io/github/dewizz/ngx-toolkit?branch=master)
[![Join the chat at https://gitter.im/ngx-toolkit/Lobby](https://badges.gitter.im/ngx-toolkit/Lobby.svg)](https://gitter.im/ngx-toolkit/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

# @ngx-toolkit/spring  
> Angular Spring utilities

# Table of contents:
* [Installation](#installation)
* [Spring Data](#spring-data)
* [License](#license)

---

# Installation

Install the npm package.

```bash
# To get the latest stable version and update package.json file:
npm install @ngx-toolkit/spring --save
# or
yarn add @ngx-toolkit/spring
```

# Spring Data

Some [Spring Data Commons](https://github.com/spring-projects/spring-data-commons) classes:

- `Page<T>` type
- `Sort(orders: string | string[] | Order[], direction: Direction = 'ASC')`
- `PageRequest(page: number = 0, size: number = 20, sort?: Sort)` with `toHttpParams(options: {
                                                                                         fromString?: string;
                                                                                         fromObject?: {
                                                                                             [param: string]: string | string[];
                                                                                         };
                                                                                         encoder?: HttpParameterCodec;
                                                                                     } = {} as {
                                                                                         fromString?: string;
                                                                                         fromObject?: {
                                                                                             [param: string]: string | string[];
                                                                                         };
                                                                                         encoder?: HttpParameterCodec;
                                                                                     })` method to convert value in request params

----

# License
© 2018 Dewizz

[MIT](https://github.com/dewizz/ngx-toolkit/blob/master/LICENSE)
npm package: @jfkz/ngx-toolkit-utils
Description: Angular common utilities
Author: Dewizz
Latest version: 14.0.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

[![npm version](https://img.shields.io/npm/v/@ngx-toolkit/utils.svg)](https://www.npmjs.com/package/@ngx-toolkit/utils) 
[![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat)](https://github.com/dewizz/ngx-toolkit/blob/master/LICENSE)
[![Build Status](https://travis-ci.org/dewizz/ngx-toolkit.svg?branch=master)](https://travis-ci.org/dewizz/ngx-toolkit) 
[![Coverage](https://coveralls.io/repos/github/dewizz/ngx-toolkit/badge.svg?branch=master#5)](https://coveralls.io/github/dewizz/ngx-toolkit?branch=master)
[![Join the chat at https://gitter.im/ngx-toolkit/Lobby](https://badges.gitter.im/ngx-toolkit/Lobby.svg)](https://gitter.im/ngx-toolkit/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

# @ngx-toolkit/utils  
> Angular common utilities

# Table of contents:
* [Installation](#installation)
* [Queue](#queue)
* [Wait](#wait)
* [Once](#once)
* [License](#license)

---

# Installation

Install the npm package.

```bash
# To get the latest stable version and update package.json file:
npm install @ngx-toolkit/utils --save
# or
yarn add @ngx-toolkit/utils
```

# Queue

Queue annotation:

```typescript
import { Queue } from '@ngx-toolkit/utils';
...

class MyComponent {
  /**
   * Put the method call in a queue and wait for a Promise / Subscription / method execution
   * /!\ the method result is modified => Return a Promise
   * @param {number} queue limit (default: no limit)
   * @param {string} queue name (default: method name)
   */
  @Queue(limit?: number, name?: string)
  method(): Promise | Subscription | any | void;
}
```

# Wait

Wait annotation (shortcut of @Queue(1)):

```typescript
import { Wait } from '@ngx-toolkit/utils';
...

class MyComponent {
  /**
   * Wait for a Promise / Subscription before to be re-executed
   * /!\ the method result is modified => Return a Promise
   * @param {string} wait name (default: method name)
   */
  @Wait(name?: string)
  method(): Promise | Subscription | any | void;
}
```

# Once

Once annotation:

```typescript
import { Once } from '@ngx-toolkit/utils';
...

class MyComponent {
  /**
   * mark a method to be executed no more than once even if called several times
   * @param {string} name (default: method name)
   */
  @Once(name?: string)
  method(): Promise | Subscription | any | void;
}
```

----

# License
© 2018 Dewizz

[MIT](https://github.com/dewizz/ngx-toolkit/blob/master/LICENSE)
npm package: @jfkz/outlinevpn-api
Description: The Outline VPN API client
Author: Danil Shaymurzin
Latest version: 2.2.3
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

### Outline VPN API

Nodejs Client package for [Jigsaw-Code/outline-server](https://github.com/Jigsaw-Code/outline-server)

GitHub: [github.com/murka/outlinevpn-api](https://github.com/murka/outlinevpn-api)  
NPM: [npm.im/outlinevpn-api](https://npm.im/outlinevpn-api)


Example:
```ts
import { OutlineVPN } from 'outlinevpn-api'

const outlinevpn = new OutlineVPN({
    apiUrl: process.env.OUTLINE_API_URL,
    fingerprint: process.env.OUTLINE_API_FINGERPRINT
})

async function main() {
    const users = await outlinevpn.getUsers()
    console.log(users)
}

main()
```
npm package: @jfkz/trunx
Description: Super Saiyan React components, son of awesome Bulma, implemented in TypeScript
Author: Gianluca Casati
Latest version: 0.38.2

# Trunx

> Super Saiyan React components, son of awesome [Bulma], implemented in TypeScript

<img src="./docs/assets/trunks.png" height="290"/>

## Status

Almost all Bulma features are available and documented, few helpers and custom components are already implemented.

## Documentation

To read documentation point your browser to http://trunx.dev

Yes, the website itself is implemented with Trunx: you can read its [source code here](https://github.com/fibo/trunx/tree/main/src/docs).

## Motivation

I really like [Bulma] CSS framework, I love [React] and I am also a [Dragon Ball](https://en.wikipedia.org/wiki/Dragon_Ball) fan.
So, summing all, I am creating this component library. I hope you enjoy it!

> Trunks (Japanese: トランクス Hepburn: Torankusu) is a fictional character in the Dragon Ball manga series created by Akira Toriyama.

I remember when I was reading the comics and Trunks arrived from the future. He was really powerful and could defeat Frieza in few seconds. One of the best twists of the entire series, in my opinion.

## License

[MIT](http://g14n.info/mit-license)

## Credits

Tons of kudos to [Bulma] author!

Trunks full body png comes from [kisspng](https://www.kisspng.com/png-trunks-gohan-goku-goten-bulma-1996965/).
Then I draw Trunks' head with [Tayasui Sketches](https://tayasui.com/sketches/).

[bulma]: https://bulma.io 'Bulma CSS framework'
[react]: https://facebook.github.io/react/ 'React'
npm package: @jfm/copy-to-clipboard
Description: 14 lines of codes to copy to text into clipboard.
Author: Jiang Fengming
Latest version: 0.1.0

# @jfm/copy-to-clipboard
14 lines of codes to copy to text into clipboard.

## Usage
```js
import copy from '@jfm/copy-to-clipboard'

// copy() must be triggered by a click event
document.getElementById('copy-btn').addEventListener('click', () => copy('hello'))
```

## License
MIT
npm package: @jfm/scroll-to
Description: Scrolls to element smoothly
Author: Jiang Fengming
Latest version: 0.1.2

# scroll-to
Scrolls to element smoothly.

[Demo](https://jiangfengming.github.io/scroll-to/example.html)

## Install

```
npm install @jfm/scroll-to
```

## Import

```js
import { scrollToElement, scrollToTop, scrollToBottom } from '@jfm/scroll-to'
```


## APIs

### scrollToElement

```js
scrollToElement(element, [offset])
```

`element`: `Element`. The element you want to scroll to.
`offset`: `Number`. Optional. Leaves some spaces between viewport's top and the element.

### scrollToTop

```js
scrollToTop()
```

Scrolls to top.

### scrollToBottom

```js
scrollToBottm()
```

Scrolls to bottom.

## License
[MIT](LICENSE)
npm package: @jfm/scrollspy
Description: Scrollspy using IntersectionObserver
Author: Jiang Fengming
Latest version: 0.1.1

# scrollspy

Zero dependencies scrollspy library using the [Intersection Observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).

[Demo](https://jiangfengming.github.io/scrollspy/example.html)

## Install

```
npm install @jfm/scrollspy
```

## Usage

```js
import scrollspy from '@jfm/scrollspy'
// or
// import { observe, unobserve } from '@jfm/scrollspy'

const el = document.getElementById('section')

function callback(el) {
  console.log('scrolled to', el)
}

scrollspy.observe(el, callback)
```

## APIs

### observe

```js
observe(element, callback)
```

Observe the `element`, call the `callback` when it comes into the viewport.
You can call it multiple times with different callbacks.

### unobserve

```js
unobserve(element, [callback])
```

Unobserve the `element` with `callback`. If `callback` is not defined, remove all the callbacks.

## License
[MIT](LICENSE)
npm package: @jfm/v-carousel
Description: A Vue carousel component
Author: Jiang Fengming
Latest version: 0.1.0-9
Deprecated: Moved to https://www.npmjs.com/package/@jfm/vue-carousel

# @jfm/v-carousel
A Vue carousel component.

## Demo
[https://jiangfengming.github.io/v-carousel/demo/](https://jiangfengming.github.io/v-carousel/demo/)

[Source code](https://github.com/jiangfengming/v-carousel/blob/master/demo-src/App.vue)

## Install
```
npm i @jfm/v-carousel
```

## Usage
```html
<template>
  <main>
    <v-carousel class="carousel" :current-page.sync="currentPage" :total-pages.sync="totalPages" autoplay>
      <v-slide class="slide">slide 1</v-slide>
      <v-slide class="slide">slide 2</v-slide>
      <v-slide class="slide">slide 3</v-slide>
    </v-carousel>

    <button @click="currentPage = currentPage === 1 ? totalPages : currentPage - 1">backward</button>
    <button @click="currentPage = currentPage === totalPages ? 1 : currentPage + 1">forward</button>
  </main>
</template>

<script>
import { VCarousel, VSlide } from '　@jfm/v-carousel'

export default {
  components: { VCarousel, VSlide },

  data: () => ({
    currentPage: 1,
    totalPages: 1
  })
}
</script>

<style scoped>
.carousel {
  width: 400px;
  height: 300px;
}

.slide {
  width: 100%;
  height: 100%;
}
</style>
```

## \<v-carousel> options
* `current-page.sync`: `Number`. Current page number.
* `total-page.sync`: `Number`. Total page count.
* `autoplay`: `Boolean` or `Number` (milliseconds). If `true`, it defaults to 3000.
* `direction`: `String`. `horizontal`, or `vertical`.
  
## License
[MIT](LICENSE)
npm package: @jfm/vue-carousel
Description: A Vue carousel component
Author: Jiang Fengming
Latest version: 0.1.0

# @jfm/vue-carousel
A Vue carousel component.

## Demo
[https://jiangfengming.github.io/vue-carousel/demo/](https://jiangfengming.github.io/vue-carousel/demo/)

[Source code](https://github.com/jiangfengming/vue-carousel/blob/master/demo-src/App.vue)

## Install
```
npm i @jfm/vue-carousel
```

## Usage
```vue
<template>
  <main>
    <Carousel class="carousel" :current-page.sync="currentPage" :total-pages.sync="totalPages" autoplay>
      <Slide class="slide">slide 1</Slide>
      <Slide class="slide">slide 2</Slide>
      <Slide class="slide">slide 3</Slide>
    </Carousel>

    <button @click="currentPage = currentPage === 1 ? totalPages : currentPage - 1">backward</button>
    <button @click="currentPage = currentPage === totalPages ? 1 : currentPage + 1">forward</button>
  </main>
</template>

<script>
import { Carousel, Slide } from '@jfm/vue-carousel'

export default {
  components: { Carousel, Slide },

  data: () => ({
    currentPage: 1,
    totalPages: 1
  })
}
</script>

<style scoped>
.carousel {
  width: 400px;
  height: 300px;
}

.slide {
  width: 100%;
  height: 100%;
}
</style>
```

## \<Carousel> options
* `current-page.sync`: `Number`. Current page number.
* `total-page.sync`: `Number`. Total page count.
* `autoplay`: `Boolean` or `Number` (milliseconds). If `true`, it defaults to 3000.
* `direction`: `String`. `horizontal`, or `vertical`.
  
## License
[MIT](LICENSE)