open-index/open-npm huggingface dataset:
npm package: @mimo-org/input
Description: A simple, synchronous input function to read from stdin, inspired by Python's input()
Author: Dennis Daume
Latest version: 1.0.0

# @mimo-org/input

A simple, synchronous input function to read from stdin, inspired by Python's `input()`.

## Installation

```bash
npm install @mimo-org/input
```

## Usage

```javascript
const input = require('@mimo-org/input');

const name = input('Enter your name: ');
console.log(`Hello, ${name}!`);
```
npm package: @mimoprotocol/swap-sdk
Description: 🛠 An SDK for building applications on top of mimoswap.
Latest version: 1.1.9

# Mimoswap SDK

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
yarn add @mimoprotocol/swap-sdk
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @mimoprotocol/uikit
Description: Set of UI components for mimoprotocol projects
Author: mimoprotocol
Latest version: 0.1.47

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @mimoprotocol/uikit `

## Setup

### Theme

Before using mimoprotocol UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@mimoprotocol/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@mimoprotocol/uikit'
...
<ResetCSS />
```

### Types

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

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @mimorisuzuko/bibi
Description: A state-based form hook.
Author: Hiroki Usuba
Latest version: 1.0.0-rc.0

# `@mimorisuzuko/bibi`

A state-based form hook. This package name is inspired by [Murakawa Bibian](https://x.com/bibian_ct1203).

## APIs

```tsx
import type { z } from "zod";

const schema = z.object({ ... });

const {
    createOnSubmit,
	formState,
	getError,
	setFormState,
	setImmediatelyValidatedKey,
	setValues,
	valid
} = useForm({ schema: { ... }, initialValues: { ... } });
```

### `formState`

Return the current state.

### `setFormState`

Deeply merge the `formState`.

### `setValues`

Set the values the `formState`.

### `getError`

Get an error by `getError(key: string)` after calling the `createOnSubmit`.

### `setImmediatelyValidatedKeys`

If you want to validate the `key` before calling the `createOnSubmit`, you call the `setImmediatelyValidatedKey(key)` and will be able to get the error of the `key`.

### `createOnSubmit`

```tsx
<form onSubmit={createOnSubmit((valid) => {
    if (valid) {
        // The `formState` matches the `schema`
    } else {
        // The `formState` does not matches it.
    }
})}>
    {...}
</form>
```

### `valid`

Return `true` if the `createOnSubmit` has not been called or the form has no errors after calling the `createOnSubmit`.
npm package: @mimranfaruqi/ng2-tel-input
Description: An Angular 2 wrapper for intl-tel-input library updated to support Angular 11 and above
Author: mimranfaruqi@gmail.com
Latest version: 1.0.1

<h1 align="center"> This repository is no longer maintained.</h1>

# Angular 2+ wrapper for intl-tel-input

# Installation

Run following command to install ng2-tel-input

```sh
npm install ng2-tel-input intl-tel-input --save
```

After install, you need to add **intlTelInput.css**, **intlTelInput.min.js**, **utils.js**.

In case of @angular/cli, add 2 files in your `angular.json`. 

For example,

- Include **intlTelInput.css** in "styles" at your `angular.json` file  :
```
  "styles": [
    ...
    "node_modules/intl-tel-input/build/css/intlTelInput.css",
    ...
  ]
```

- Include **intlTelInput.min.js**, **utils.js** in "scripts" at your `angular.json` file  :
```
  "scripts": [
    ...
    "node_modules/intl-tel-input/build/js/intlTelInput.min.js"
    ...
  ]
```


Now add Ng2TelInputModule into your AppModule. For example,

```js
import {Ng2TelInputModule} from 'ng2-tel-input';
```

Once done, we are ready to use this library.

# How to use?

In order to use this directive, you need to add "ng2TelInput" directive with "[ng2TelInputOptions]" options to your text field. For example,

```html
<input type="text"
  ng2TelInput
  [ng2TelInputOptions]="{initialCountry: 'in'}"
  (hasError)="hasError($event)"
  (ng2TelOutput)="getNumber($event)"
  (intlTelInputObject)="telInputObject($event)"
  (countryChange)="onCountryChange($event)" />
```

# Note
**(intlTelInputObject)** returns **intl-tel-input** instance.
By default this package get **utils.js** from below link:-
https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.1/js/utils.js
But you can also provide your utilsScript file by using below options:-

[ng2TelInputOptions]="{initialCountry: 'in', utilsScript: 'node_modules/intl-tel-input/build/js/utils.js'}"

# How to use this instance?
You can use it perform any functionality that is available on intl-tel-input plugin. **For example**, in your component,
```
telInputObject(obj) {
    console.log(obj);
    obj.setCountry('in');
  }
```

![N|Solid](https://raw.githubusercontent.com/gauravsoni119/ng2-tel-input/master/example.png)
npm package: @mimranshad/full-screen-image-viewer
Description: Lightweight full-screen image viewer with pinch/double-tap zoom and swipe-to-close for React Native.
Latest version: 0.1.3

# Full Screen Image Viewer (React Native)

A lightweight full-screen image viewer with pinch/double-tap zoom and swipe-to-close.

## Install

```bash
npm install @thelonggame/full-screen-image-viewer
```

## Usage

```tsx
import { useState } from 'react';
import { Button } from 'react-native';
import { FullScreenImageViewer } from '@thelonggame/full-screen-image-viewer';

function Example() {
  const [visible, setVisible] = useState(false);
  return (
    <>
      <Button title="Open" onPress={() => setVisible(true)} />
      <FullScreenImageViewer
        visible={visible}
        onRequestClose={() => setVisible(false)}
        imageSrc={{ uri: 'https://picsum.photos/800/1200' }}
        swipeToCloseEnabled
        doubleTapToZoomEnabled
        swipeCloseSensitivity={7}
      />
    </>
  );
}
```

## Props

- imageSrc: Image source.
- visible: Controls modal visibility.
- onRequestClose: Called to close viewer.
- onLongPress?: Long-press callback.
- presentationStyle?: Modal presentation style.
- animationType?: Modal animation type.
- backgroundColor?: Background color.
- swipeToCloseEnabled?: Enable vertical swipe-to-close.
- doubleTapToZoomEnabled?: Enable double tap to zoom.
- delayLongPress?: Long-press delay (ms).
- swipeCloseSensitivity?: 1 (hard) .. 10 (easy) velocity to close.

## License

MIT
npm package: @min-kit/components
Description: React components for miniapp
Author: rexerwang
Latest version: 0.5.11

# @min-kit/components

[![](https://img.shields.io/codecov/c/github/rexerwang/min-kit?flag=components&style=for-the-badge)](https://codecov.io/gh/rexerwang/min-kit/flags)
[![](https://img.shields.io/npm/types/%40min-kit/components?style=for-the-badge)](https://github.com/rexerwang/min-kit/tree/main/packages/components)
[![](https://img.shields.io/npm/v/%40min-kit/components?style=for-the-badge)](https://npm.im/@min-kit/components)
[![](https://img.shields.io/badge/React-Tarojs-007ACC?style=for-the-badge&logo=react&logoColor=61DAFB&labelColor=20232A)](https://github.com/NervJS/taro)

React components for miniapp

## Usage

```tsx
import { MinIcon, MinImage, MinNavigationBar, Modal, type ReactProps } from '@min-kit/components'
import { go } from '@min-kit/extends'
import { Button, View } from '@tarojs/components'

// pages/index/index.tsx
export default function Index(props: ReactProps) {
  const openModal = () => {
    Modal.confirm({
      title: 'Confirm',
      subtitle: 'the subtitle\nsupport multiple lines.',
      okText: 'ok',
      cancelText: 'cancel',
    })
  }

  return (
    <View className='relative box-border'>
      <MinNavigationBar
        title={
          <View className='flex-center-y'>
            <MinIcon name='back' size={20} onClick={() => go.back()} />
            <View className='ml-3 text-sm'>@min-kit/components</View>
          </View>
        }></MinNavigationBar>

      <View className='flex flex-col items-center'>
        <MinImage
          className='w-[750px] h-[750px]'
          src='https://source.unsplash.com/random/400x400?nature'
          preview={[
            'https://source.unsplash.com/random/400x400?nature',
            'https://source.unsplash.com/random/400x400?people',
            'https://source.unsplash.com/random/400x400?foods',
          ]}
        />
        <Button className='mt-4' type='primary' size='mini' plain onClick={openModal}>
          open modal
        </Button>
      </View>
    </View>
  )
}

definePageConfig({
  navigationStyle: 'custom',
})
```

### Import styles

```js
// Import overall styles
import '@min-kit/components/dist/styles/index.css'

// Import individual component styles
import '@min-kit/components/dist/styles/min-debugger.css'
import '@min-kit/components/dist/styles/min-icon.css'
import '@min-kit/components/dist/styles/min-image.css'
import '@min-kit/components/dist/styles/min-navigation-bar.css'
import '@min-kit/components/dist/styles/modal.css'

// Import SCSS
import '@min-kit/components/styles/index.scss'
import '@min-kit/components/styles/min-debugger.scss'
import '@min-kit/components/styles/min-icon.scss'
import '@min-kit/components/styles/min-image.scss'
import '@min-kit/components/styles/min-navigation-bar.scss'
import '@min-kit/components/styles/modal.scss'
```

More usage examples 👉 https://github.com/rexerwang/min-kit/tree/main/examples
npm package: @min-kit/extends
Description: Tarojs apis extends for miniapp
Author: rexerwang
Latest version: 0.5.11

# @min-kit/extends

[![](https://img.shields.io/codecov/c/github/rexerwang/min-kit?flag=extends&style=for-the-badge)](https://codecov.io/gh/rexerwang/min-kit/flags)
[![](https://img.shields.io/npm/types/%40min-kit/extends?style=for-the-badge)](https://github.com/rexerwang/min-kit/tree/main/packages/extends)
[![](https://img.shields.io/npm/v/%40min-kit/extends?style=for-the-badge)](https://npm.im/@min-kit/extends)
[![](https://img.shields.io/badge/React-Tarojs-007ACC?style=for-the-badge&logo=react&logoColor=61DAFB&labelColor=20232A)](https://github.com/NervJS/taro)

Tarojs apis extends for miniapp

More usage examples 👉 https://github.com/rexerwang/min-kit/tree/main/examples
npm package: @min-kit/hooks
Description: React Hooks for miniapp
Author: rexerwang
Latest version: 0.5.11

# @min-kit/hooks

[![](https://img.shields.io/codecov/c/github/rexerwang/min-kit?flag=hooks&style=for-the-badge)](https://codecov.io/gh/rexerwang/min-kit/flags)
[![](https://img.shields.io/npm/types/%40min-kit/hooks?style=for-the-badge)](https://github.com/rexerwang/min-kit/tree/main/packages/hooks)
[![](https://img.shields.io/npm/v/%40min-kit/hooks?style=for-the-badge)](https://npm.im/@min-kit/hooks)
[![](https://img.shields.io/badge/React-Tarojs-007ACC?style=for-the-badge&logo=react&logoColor=61DAFB&labelColor=20232A)](https://github.com/NervJS/taro)

React Hooks for miniapp

More usage examples 👉 https://github.com/rexerwang/min-kit/tree/main/examples
npm package: @min-kit/shared
Description: Utils & constants shared of @min-kit packages
Author: rexerwang
Latest version: 0.5.11

# @min-kit/shared

[![](https://img.shields.io/codecov/c/github/rexerwang/min-kit?flag=shared&style=for-the-badge)](https://codecov.io/gh/rexerwang/min-kit/flags)
[![](https://img.shields.io/npm/types/%40min-kit/shared?style=for-the-badge)](https://github.com/rexerwang/min-kit/tree/main/packages/shared)
[![](https://img.shields.io/npm/v/%40min-kit/shared?style=for-the-badge)](https://npm.im/@min-kit/shared)
[![](https://img.shields.io/badge/React-Tarojs-007ACC?style=for-the-badge&logo=react&logoColor=61DAFB&labelColor=20232A)](https://github.com/NervJS/taro)

Utils & constants shared of @min-kit packages

More usage examples 👉 https://github.com/rexerwang/min-kit/tree/main/examples
npm package: @min-kit/store
Description: React store kit of based on Zustand for miniapp
Author: rexerwang
Latest version: 0.5.11

# @min-kit/store

[![](https://img.shields.io/codecov/c/github/rexerwang/min-kit?flag=store&style=for-the-badge)](https://codecov.io/gh/rexerwang/min-kit/flags)
[![](https://img.shields.io/npm/types/%40min-kit/store?style=for-the-badge)](https://github.com/rexerwang/min-kit/tree/main/packages/store)
[![](https://img.shields.io/npm/v/%40min-kit/store?style=for-the-badge)](https://npm.im/@min-kit/store)
[![](https://img.shields.io/badge/React-Tarojs-007ACC?style=for-the-badge&logo=react&logoColor=61DAFB&labelColor=20232A)](https://github.com/NervJS/taro)

React store kit based on [Zustand](https://github.com/pmndrs/zustand) for miniapp

More usage examples 👉 https://github.com/rexerwang/min-kit/tree/main/examples
npm package: @min-pack/core-js-legacy
Description: Custom build 'core-js-bundle' targets: 'chrome 45, safari 11, firefox 52, edge 14'
Latest version: 0.1.1

# @min-pack/core-js-legacy

Custom build ['core-js-bundle'](https://github.com/zloirock/core-js/tree/v3.22.5#custom-build) targets: 'chrome 45, safari 11, firefox 52, edge 14'
npm package: @min-pack/core-js-modern
Description: Custom build 'core-js-bundle' targets: 'chrome 64, safari 14, firefox 78, edge 79'
Latest version: 0.2.1

# @min-pack/core-js-modern

Custom build ['core-js-bundle'](https://github.com/zloirock/core-js/tree/v3.48.0#custom-build) targets: 'chrome 64, safari 14, firefox 78, edge 79'
npm package: @min-pack/jszip
Description: Latest JSZip bundled as ES module for Node.js/Browser usage
Latest version: 3.10.2

# @min-pack/jszip

Latest [`JSZip`](https://github.com/Stuk/jszip/) bundled as ES module for Node.js/Browser usage

Edit:
- reduce dual-license to only `MIT`
- compile to single ES module .mjs file, target ES6
  - bundle pkg "pako@1.0"
  - drop pkg "readable-stream", this is node-specific, only for `generateNodeStream|nodeStream` API
  - drop pkg "lie", ES6 patch
  - drop pkg "setimmediate", JS global patch
npm package: @min-pack/quickjs
Description: Latest quickjs-emscripten (singlefile release sync) for browser & Node.js usage
Latest version: 0.0.5

# @min-pack/quickjs

Latest [`quickjs-emscripten`](https://www.npmjs.com/package/quickjs-emscripten) (singlefile release sync) for browser & Node.js usage

Edit:
- compile to single (umd) file