open-index/open-npm huggingface dataset:
npm package: @react-native-khan/helpers
Description: Yet another ~~unmaintained~~ project
Author: Farkhan Azmi
Latest version: 0.0.34

# React Native Helper Khan

Yet another ~~unmaintained~~ project

## Required

#### Dependency

- @react-native-async-storage/async-storage
- react-native-device-info

```
yarn add @react-native-async-storage/async-storage react-native-device-info
```

#### .env

```
APP_NAME=App name

BASE_URL=http://base.url/
ENV=DEV

BOT_CLIENT_ID=id bot
BOT_CLIENT_URL=https://url.bot/
```

## Required Depedency

#### Todo
npm package: @react-native-library/baidumobstat
Description: 百度移动统计 react-native (ios)
Author: luoxuhai
Latest version: 1.0.1

# @react-native-library/baidumobstat - 百度移动统计 react-native (ios)

## Installation

```sh
npm install @react-native-library/baidumobstat

yarn @react-native-library/baidumobstat
```

```sh
cd ios && pod install
```

// AppDelegate.m
````objective-c
/**
 * 导入百度移动统计
 */
#import "BaiduMobStat.h"
/***********************************************/

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{

/**
 * 初始化百度移动统计
 */
  BaiduMobStat *baiduMobStat = [BaiduMobStat defaultStat];
  // 设置app类型，1: react-native:
  baiduMobStat.platformType = 1;
  // App key
  [baiduMobStat startWithAppId:@"xxx"];
  /***********************************************/
````

## Usage

```js
import BaiduMobStat from '@react-native-library/baidumobstat';
````

#### 参数说明

- `eventId：` 事件 Id，提前在网站端创建
- `eventLabel`： 事件标签，附加参数，不能为空字符串
- `attributes`： 事件属性，对应的 key 需要在网站上创建，注意：value 只接受 string 类型

### 无时长事件

```js
BaiduMobStat.onEvent('event1', '事件一');
BaiduMobStat.onEventWithAttributes('event4', '事件四', { 分类: '分类一' });
```

### 固定时长事件

```js
BaiduMobStat.onEventDuration('event2', '事件二', 1000);
BaiduMobStat.onEventDurationWithAttributes('event5', '事件五', 1000, {
  分类: '分类一',
});
```

### 自定义时长事件

```js
BaiduMobStat.onEventStart('event6', '事件六');
BaiduMobStat.onEventEnd('event3', '事件三');
BaiduMobStat.onEventEndWithAttributes('event6', '事件六', { 分类: '分类一' });
```

### 页面分析

```js
BaiduMobStat.onPageStart('页面一');
BaiduMobStat.onPageEnd('页面一');
```

## License

MIT
npm package: @react-native-library/boilerplate
Description: React Native Template
Author: Darkce
Latest version: 2.2.1

<h1 align="center">React Native Boilerplate</h1>

<h4 align="center">Battle-tested React Native boilerplate</h4>

<p align="center">
  <a href="README.md">English</a>・
  <a href="README-zh_CN.md">简体中文</a>
</p>

## Tech Stack

| Library           | Category             | Version | Description                                    |
| ----------------- | -------------------- | ------- | ---------------------------------------------- |
| React Native      | Mobile Framework     | v0.71   | The best cross-platform mobile framework       |
| React             | UI Framework         | v18     | The most popular UI framework in the world     |
| TypeScript        | Language             | v4      | Static typechecking                            |
| React Navigation  | Navigation           | v6      | Performant and consistent navigation framework |
| MobX-State-Tree   | State Management     | v5      | Observable state tree                          |
| MobX-React-Lite   | React Integration    | v3      | Re-render React performantly                   |
| RN Reanimated     | Animations           | v3      | Beautiful and performant animations            |
| react-native-mmkv | Persistence          | v1      | State persistence                              |
| Hermes            | JS engine            | v2       | Fine-tuned JS engine for RN                    |

## Using

```bash
npx @react-native-community/cli init MyProject --template @react-native-library/boilerplate
```

## Contributing

This project has adopted the [Contributor Covenant](https://www.contributor-covenant.org/) as its Code of Conduct, and we expect project participants to adhere to it. Please read [the full text](CODE_OF_CONDUCT.md) so that you can understand what actions will and will not be tolerated.

## License

This project is licensed under the terms of the [MIT license](https://github.com/luoxuhai/react-native-boilerplate/blob/master/LICENSE).
npm package: @react-native-library/overlay
Description: Toasts for React Native iOS
Author: Darkce
Latest version: 1.2.0

# react-native-overlay

## Installation

```sh
npm install @react-native-library/overlay
```

## Usage

### Toast

```ts
import { Toast } from '@react-native-library/overlay';

Toast.show({
  title: "Hello";
  message: "World";
  /**
   * 'done' | 'error'
   */
  icon: 'done';
  /**
   * 'success' | 'warning' | 'error' | 'none';
   */
  haptic: 'success';
})
```

### Alert

```ts
import { Alert } from '@react-native-library/overlay';

Alert.show({
  title: "Hello";
  message: "World";
  /**
   * 'done' | 'error' | 'spinner'
   */
  icon: 'done';
  /**
   * 'success' | 'warning' | 'error' | 'none';
   */
  haptic: 'success';
  /**
   * Optional, duration in milliseconds
   */
  duration: 2000;
})

Alert.dismissAll();

```

### Confetti

```ts
import { Confetti } from '@react-native-library/overlay';

Confetti.show({
  /**
   * Optional, duration in milliseconds
   */
  duration: 2000;
})
```

## Contributing

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

## License

MIT
npm package: @react-native-library/webserver
Description: A simple HTTP server for React Native apps
Author: luoxuhai
Latest version: 1.0.3

# react-native-webserver

## Install

```shell
npm install --save @react-native-library/webserver
```

## Automatically link

#### With React Native 0.27+

```shell
react-native link @react-native-library/webserver
```

## Example

First import @react-native-library/webserver:

```js
import { HttpServer } from "@react-native-library/webserver";
```

Initalize the server in the `componentWillMount` lifecycle method. You need to provide a `port` and a callback.

```js

    componentWillMount() {
      // initalize the server (now accessible via localhost:1234)
      HttpServer.start(5561, 'http_service' (request, response) => {

          // you can use request.url, request.type and request.postData here
          if (request.method === "GET" && request.url.startsWith('/users')) {
            response.send(200, "application/json", "{\"message\": \"OK\"}");
          } else if (request.method === "GET" && request.url.startsWith('/image.jpg')) {
            response.sendFile('xxx/xxx.jpg');
          } else {
            response.send(400, "application/json", "{\"message\": \"Bad Request\"}");
          }

      });
    }

```

Finally, ensure that you disable the server when your component is being unmounted.

```js

  componentWillUnmount() {
    HttpServer.stop();
  }

```
npm package: @react-native-mac/virtualized-lists
Description: Virtualized lists for React Native macOS.
Latest version: 0.78.2

# @react-native/virtualized-lists

[![Version][version-badge]][package]

## Installation

```
yarn add @react-native/virtualized-lists
```

*Note: We're using `yarn` to install deps. Feel free to change commands to use `npm` 3+ and `npx` if you like*

[version-badge]: https://img.shields.io/npm/v/@react-native/virtualized-lists?style=flat-square
[package]: https://www.npmjs.com/package/@react-native/virtualized-lists

## Testing

To run the tests in this package, run the following commands from the React Native root folder:

1. `yarn` to install the dependencies. You just need to run this once
2. `yarn jest packages/virtualized-lists`.
npm package: @react-native-macos/virtualized-lists
Description: Virtualized lists for React Native macOS.
Latest version: 0.81.6

# @react-native/virtualized-lists

[![Version][version-badge]][package]

## Installation

```
yarn add @react-native/virtualized-lists
```

*Note: We're using `yarn` to install deps. Feel free to change commands to use `npm` 3+ and `npx` if you like*

[version-badge]: https://img.shields.io/npm/v/@react-native/virtualized-lists?style=flat-square
[package]: https://www.npmjs.com/package/@react-native/virtualized-lists

## Testing

To run the tests in this package, run the following commands from the React Native root folder:

1. `yarn` to install the dependencies. You just need to run this once
2. `yarn jest packages/virtualized-lists`.
npm package: @react-native-ml-kit/barcode-scanning
Description: React Native On-Device Barcode Scanning w/ Google ML Kit
Author: JT Wright
Latest version: 2.0.0

# @react-native-ml-kit/barcode-scanning

React Native On-Device Barcode Scanning w/ Google ML Kit

## Getting started

`npm install @react-native-ml-kit/barcode-scanning --save`

### Linking

#### React Native > 0.59

[CLI autolink feature](https://github.com/react-native-community/cli/blob/master/docs/autolinking.md) links the module while building the app.

#### React Native <= 0.59

`react-native link @react-native-ml-kit/barcode-scanning`

### Installing Pods

On iOS, use CocoaPods to add the native RNMLKitBarcodeScanning to your project:

`npx pod-install`

## Usage

```javascript
import BarcodeScanning from '@react-native-ml-kit/barcode-scanning';

const barcodes = await BarcodeScanning.scan(imageURL);
for (let barcode of barcodes) {
  console.log(barcode.value, barcode.format);
}
```
npm package: @react-native-ml-kit/face-detection
Description: React Native On-Device Face Detection w/ Google ML Kit
Author: Ahmed Mahmoud
Latest version: 2.0.1

# @react-native-ml-kit/face-detection

React Native On-Device Face Detection w/ Google ML Kit

## Getting started

`npm install @react-native-ml-kit/face-detection --save`

### Linking

#### React Native > 0.59

[CLI autolink feature](https://github.com/react-native-community/cli/blob/master/docs/autolinking.md) links the module while building the app.

#### React Native <= 0.59

`react-native link @react-native-ml-kit/face-detection`

### Installing Pods

On iOS, use CocoaPods to add the native RNMLKitFaceDetection to your project:

`npx pod-install`

## Usage

```javascript
import FaceDetection from '@react-native-ml-kit/face-detection';

const faces = FaceDetection.detect(imageURL, { landmarkMode: 'all' });
```
npm package: @react-native-ml-kit/identify-languages
Description: React Native On-Device Language Identification w/ Google ML Kit
Author: Ahmed Mahmoud
Latest version: 2.0.0

# @react-native-ml-kit/identify-languages

React Native On-Device Language Identification w/ Google ML Kit

## Getting started

`npm install @react-native-ml-kit/identify-languages --save`

### Linking

#### React Native > 0.59

[CLI autolink feature](https://github.com/react-native-community/cli/blob/master/docs/autolinking.md) links the module while building the app.

#### React Native <= 0.59

`react-native link @react-native-ml-kit/identify-languages`

### Installing Pods

On iOS, use CocoaPods to add the native RNMLKitIdentifyLanguages to your project:

`npx pod-install`

## Usage

```javascript
import IdentifyLanguages from '@react-native-ml-kit/identify-languages';

const lang = await IdentifyLanguages.identify('Ciao'); // "it" (Italian)

const possibleLangs = await IdentifyLanguages.identifyPossible('Ciao'); // [{ "language": "it", "confidence": 0.9789841771125793 }, { "confidence": 0.012451663613319397, "language": "zh-Latn" }]
```
npm package: @react-native-ml-kit/image-labeling
Description: React Native On-Device Image Labeling w/ Google ML Kit
Author: Ahmed Mahmoud
Latest version: 2.0.0

# @react-native-ml-kit/image-labeling

React Native On-Device Image Labeling w/ Google ML Kit

## Getting started

`npm install @react-native-ml-kit/image-labeling --save`

### Linking

#### React Native > 0.59

[CLI autolink feature](https://github.com/react-native-community/cli/blob/master/docs/autolinking.md) links the module while building the app.

#### React Native <= 0.59

`react-native link @react-native-ml-kit/image-labeling`

### Installing Pods

On iOS, use CocoaPods to add the native RNMLKitImageLabeling to your project:

`npx pod-install`

## Usage

```javascript
import ImageLabeling from '@react-native-ml-kit/image-labeling';

const labels = await ImageLabeling.label(imageURL);
```
npm package: @react-native-ml-kit/text-recognition
Description: React Native On-Device Text Recognition w/ Google ML Kit
Author: Ahmed Mahmoud
Latest version: 2.0.0

# @react-native-ml-kit/text-recognition

React Native On-Device Text Recognition w/ Google ML Kit

## Getting started

`npm install @react-native-ml-kit/text-recognition --save`

### Linking

#### React Native > 0.59

[CLI autolink feature](https://github.com/react-native-community/cli/blob/master/docs/autolinking.md) links the module while building the app.

#### React Native <= 0.59

`react-native link @react-native-ml-kit/text-recognition`

### Installing Pods

On iOS, use CocoaPods to add the native RNMLKitTextRecognition to your project:

`npx pod-install`

## Usage

```javascript
import TextRecognition from '@react-native-ml-kit/text-recognition';

const result = await TextRecognition.recognize(imageURL);

console.log('Recognized text:', result.text);

for (let block of result.blocks) {
  console.log('Block text:', block.text);
  console.log('Block frame:', block.frame);

  for (let line of block.lines) {
    console.log('Line text:', line.text);
    console.log('Line frame:', line.frame);
  }
}
```

You can also recognize text in scripts other than Latin by specifying the needed script as below:

```js
import TextRecognition, {
  TextRecognitionScript,
} from '@react-native-ml-kit/text-recognition';

const result = await TextRecognition.recognize(
  imageURL,
  // Script for Japanese, you can also use Chinese, Korean, Divanagari and of course Latin.
  TextRecognitionScript.JAPANESE
);
```
npm package: @react-native-ml-kit/translate-text
Description: React Native On-Device Text Translation w/ Google ML Kit
Author: Ahmed Mahmoud
Latest version: 0.5.0

# @react-native-ml-kit/translate-text

React Native On-Device Text Translation w/ Google ML Kit

> **⚠ WARNING: Don't use this in production.**  
> This package is still in alpha release, so it's not recommended to use it in production until it's fully stable, however using it for testing purposes is helpful.

## Getting started

`npm install @react-native-ml-kit/translate-text --save`

### Linking

#### React Native > 0.59

[CLI autolink feature](https://github.com/react-native-community/cli/blob/master/docs/autolinking.md) links the module while building the app.

#### React Native <= 0.59

`react-native link @react-native-ml-kit/translate-text`

### Installing Pods

On iOS, use CocoaPods to add the native RNMLKitTranslateText to your project:

`npx pod-install`

## Usage

```javascript
import TranslateText, {
  TranslateLanguage,
} from '@react-native-ml-kit/translate-text';

const translatedText = await TranslateText.translate({
  text: 'مرحبا بالعالم',
  sourceLanguage: TranslateLanguage.ARABIC,
  targetLanguage: TranslateLanguage.ENGLISH,
  downloadModelIfNeeded: true,
});
```
npm package: @react-native-module/crypto
Description: implementation of crypto for React Native
Author: sacru2red
Latest version: 4.1.0

# react-native-module/crypto

A port of node's `crypto` module to React Native.
The goal of this module is to reimplement node's crypto module so that it can run in react-native supported environments.
Features and interface must be compatible with node's crypto

this module is a clone of [crypto-browserify](https://github.com/crypto-browserify/crypto-browserify), [react-native-crypto](https://github.com/mvayngrib/react-native-crypto)

## Why use this module and Not others

If your app is running on mobile [android, ios] only, sufficient to use module react-native-crypto
Use this module if you are considering other platforms

## Install

This module has peerDependency "react", "react-native", "@react-native-module/pbkdf2"

A typical workflow:

```
npm i --save @react-native-module/crypto @react-native-module/pbkdf2
```

```
yarn add @react-native-module/crypto @react-native-module/pbkdf2
```

## List of Support node's features

Here is the subset that is currently implemented:

- createHash (sha1, sha224, sha256, sha384, sha512, md5, rmd160)
- createHmac (sha1, sha224, sha256, sha384, sha512, md5, rmd160)
- pbkdf2
- pbkdf2Sync
- randomBytes
- pseudoRandomBytes
- createCipher (aes)
- createDecipher (aes)
- createDiffieHellman
- createSign (rsa, ecdsa)
- createVerify (rsa, ecdsa)
- createECDH (secp256k1)
- publicEncrypt/privateDecrypt (rsa)

## Todo

these features from node's `crypto` are still unimplemented.

- createCredentials

these features would benefit from native implementations

- pbkdf2
- createSign
- createVerify
- createECDH
- publicEncrypto/privateDecrypt (rsa)

## contributions

Thank you for investing your time in contributing to this project!

## License

MIT
npm package: @react-native-module/pbkdf2
Description: implementation of PBKDF2 for React Native
Author: sacru2red
Latest version: 0.4.3

# @react-native-module/pbkdf2

PBKDF2 implementation for React Native

- 🔨 Android and iOS native support
- 🎨 Supports SHA-1, SHA-256, SHA-512

## Installation

This module has peerDependency "react-native"

```
npm install ---save @react-native-module/pbkdf2
```

```
yarn add @react-native-module/pbkdf2
```

## Usage

```js
import { pbkdf2 } from '@react-native-module/pbkdf2';

const password = 'cGFzc3dvcmQ=';
const salt = 'c2FsdA==';
const iterations = 1000;
const keylen = 16;
const digest = 'sha256';
pbkdf2(password, salt, iterations, keylen, digest, (err, derivedKey) => {
  if (err) {
    console.warn(err.message);
  } else {
    console.log(derivedKey); // derivedKey is Buffer
  }
});
```

## License

MIT