open-index/open-npm huggingface dataset:
npm package: @manontfx/test-storybook-package
Description: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Author: Manon Trefoux
Latest version: 0.1.8

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).
npm package: @manooog/solidjs-form
Description: 一个基于 SolidJS 的高级表单组件库，提供了灵活的表单验证和数据处理能力。
Latest version: 2.1.0

# @manooog/solidjs-form

一个基于 SolidJS 的高级表单组件库，提供了灵活的表单验证和数据处理能力。

## 特性

- 🚀 基于 SolidJS 开发，性能优异
- 📝 支持复杂的表单验证规则
- 🔄 支持表单字段的动态增删
- 🎯 支持自定义验证触发器
- 🎨 支持自定义表单字段组件
- 📦 轻量级，无冗余依赖

## 安装

执行安装命令：

```bash
npm install @manooog/solidjs-form
# 或
yarn add @manooog/solidjs-form
# 或
pnpm add @manooog/solidjs-form
```

## 基本用法

```bash
cd packages/lib-playground

rushx dev
```

## 主要组件

### Form

表单容器组件，用于管理表单状态和提交行为。

#### 属性

- `onFormSubmit`: 表单提交回调函数
- `initialValues`: 表单初始值
- `validateTriggers`: 验证触发时机，可选值：'onChange' | 'onBlur' | 'onSubmit'
- `onFieldChange`: 字段值变化回调函数

### FormItem

表单字段组件，用于渲染单个表单控件。

#### 属性

- `formFieldName`: 字段名称
- `component`: 表单控件组件
- `rules`: 验证规则数组
- `label`: 字段标签
- `description`: 字段描述
- `valuePropName`: 值属性名
- `onChangeMethodName`: 变更事件名

### FormList

用于处理动态表单列表。

#### 属性

- `formFieldName`: 字段名称
- `renderItemsGroup`: 自定义渲染列表项
- `autoCombineFieldName`: 是否自动组合字段名
- `itemsGroupsClass`: 列表项容器类名

### 文档

- 参见 `docs/FormList.md` 获取 `FormList` 的详细使用说明与示例

## 验证规则

支持以下验证规则类型：

- `required`: 必填
- `type`: 类型验证（email、number、phone、int、dateOfBirth、ssn、name、tenantName、ein）
- `regex`: 正则表达式验证
- `length`: 长度验证
- `range`: 数值范围验证
- `validator`: 自定义验证函数

## 依赖

- solid-js: ~1.9.5
- dayjs: ~1.11.13
- lodash-es: ~4.17.21

## 许可证

MIT
npm package: @manorisms/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 1.1.2

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebookincubator/create-react-app).<br>
Please refer to its documentation:

* [Getting Started](https://github.com/facebookincubator/create-react-app/blob/master/README.md#getting-started) – How to create a new app.
* [User Guide](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md) – How to develop apps bootstrapped with Create React App.
npm package: @manoswap/sdk
Description: 🛠 An SDK for building applications on top of Uniswap.
Latest version: 4.1.4

# Uniswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/Uniswap/uniswap-sdk/workflows/CI/badge.svg)](https://github.com/Uniswap/uniswap-sdk)
[![npm version](https://img.shields.io/npm/v/@uniswap/sdk/latest.svg)](https://www.npmjs.com/package/@uniswap/sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/sdk/latest.svg)](https://bundlephobia.com/result?p=@uniswap/sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## 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
git clone https://github.com/Uniswap/uniswap-sdk.git
```

Move into the uniswap-sdk working directory

```sh
cd uniswap-sdk/
```

Install dependencies

```sh
yarn install
```

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: @manot40/genql-cli
Description: Generate a TypeScript SDK for any GraphQl API
Author: Tommaso De Rossi, morse
Latest version: 1.1.1

<div align='center'>
    <br/>
    <br/>
    <img src='https://genql.dev/banner.png' width='380px'>
    <br/>
    <br/>
    <h3>Type safe Graphql query builder</h3>
    <h4>Write Graphql queries with type validation and auto completion</h4>
    <br/>
    <br/>
</div>

> [!IMPORTANT]
> Genql is building a cloud platform to automate SDK generation in multiple languages, docs website with examples, changelog website and more.
> Fill [this form](https://tally.so/r/mK1GWM) if you are interested!

Read the [quick start guide](https://genql.dev/docs) to generate your client and start writing queries.

You can stay up to date with the latest changes subscribing to the [Genql changelog](https://changelog.genql.dev).

**Features**

- ✅ Type completion & Type validation
- 🍃 No dependencies (not even graphql)
- ⚡️ [Can easily fetch all scalar fields in a type](https://genql.dev/docs/usage/fetch-all-fields-on-a-type)
- 🐎 [Works with any client (Apollo, Relay, etc)](https://genql.dev/docs/usage/integrate-with-other-graphql-clients)
- 🥃 [Support for Subscriptions](https://genql.dev/docs/usage/subscriptions)
- 🔋 [Built in batching support](https://genql.dev/docs/usage/batching-queries)
- ↔️ [Easy migrate existing GraphQL queries to Genql code](https://genql.dev/converter)
- 🚂 Works in browser, Node, Deno, Cloudflare workers, Bun and more

## Example

First generate your client with the `genql` cli.

> You can find other cli options [here](https://genql.dev/docs/cli-reference)

```sh
npm i -D @genql/cli # cli to generate the client code
genql --schema ./schema.graphql --output ./generated
```

Then you can use your client as follow

```js
import { createClient, everything } from './generated';
const client = createClient();

client
  .query({
    countries: {
      // pass arguments to the query
      $args: {
        filter: {
          currency: {
            eq: 'EUR',
          },
        },
      },
      name: true,
      code: true,
      nestedField: {
        // fetch all scalar fields
        $scalar: true,
      },
    },
  })
  .then(console.log);
```

The code above will fetch the graphql query below

```graphql
query {
  countries(filter: { currency: { eq: "EUR" } }) {
    name
    code
    nestedField {
      scalarField1
      scalarField2
    }
  }
}
```

## Why

Genql has a lot of benefits over writing graphql queries by hand:

- Writing queries is faster thanks to TypeScript auto completion
- You can safely update your schema and be sure your queries are still valid
- You can fetch all scalar fields in a type with `$scalar: true`
- No `graphql` package dependency, no runtime parsing of queries
- You have to generate the client only after your schema changes, not after every query change

---

## Sponsors

[**Notaku**](https://notaku.so)

[![Notaku](https://notaku.so/github_banner.jpg)](https://notaku.so)

[![Vercel](https://genql.dev/vercel-logo.svg)](https://vercel.com?utm_source=genql)

---

[Licensed under MIT]().
npm package: @manot40/primevue-nuxt
Description: PrimeVue Nuxt Module with TailwindCSS fix
Latest version: 1.0.2

<!--
Get your module up and running quickly.

Find and replace all on all files (CMD+SHIFT+F):
- Name: My Module
- Package name: my-module
- Description: My new Nuxt module
-->

# My Module

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![License][license-src]][license-href]
[![Nuxt][nuxt-src]][nuxt-href]

My new Nuxt module for doing amazing things.

- [✨ &nbsp;Release Notes](/CHANGELOG.md)
  <!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
  <!-- - [📖 &nbsp;Documentation](https://example.com) -->

## Features

<!-- Highlight some of the features your module provide here -->

- ⛰ &nbsp;Foo
- 🚠 &nbsp;Bar
- 🌲 &nbsp;Baz

## Quick Setup

Install the module to your Nuxt application with one command:

```bash
npx nuxi module add my-module
```

That's it! You can now use My Module in your Nuxt app ✨

## Contribution

<details>
  <summary>Local development</summary>
  
  ```bash
  # Install dependencies
  npm install
  
  # Generate type stubs
  npm run dev:prepare
  
  # Develop with the playground
  npm run dev
  
  # Build the playground
  npm run dev:build
  
  # Run ESLint
  npm run lint
  
  # Run Vitest
  npm run test
  npm run test:watch
  
  # Release new version
  npm run release
  ```

</details>

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
[npm-version-href]: https://npmjs.com/package/my-module
[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
[npm-downloads-href]: https://npm.chart.dev/my-module
[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
[license-href]: https://npmjs.com/package/my-module
[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
[nuxt-href]: https://nuxt.com
npm package: @manpacker/cli
Description: Manpacker generator bulid cli tools
Author: winterfete
Latest version: 1.10.0

![npm](https://img.shields.io/npm/v/@manpacker/cli.svg)
![npm bundle size](https://img.shields.io/bundlephobia/min/@manpacker/cli.svg)
![npm](https://img.shields.io/npm/dw/@manpacker/cli.svg)
![NPM](https://img.shields.io/npm/l/@manpacker/cli.svg)
<br><br>
![nodei.co](https://nodei.co/npm/@manpacker/cli.png?downloads=true&downloadRank=true&stars=true)
<br>
# Explain
Generate templates that generate project templates such as <code>vue</code> <code>react</code> <code>jquery-handlebars</code><br/>

Vue can choose framework technology stack such as router vuex.<br />
React can choose framework technology stack such as router redux.<br />
Basis template for jquery and handlebars.

# Install

```
npm install @manpacker/cli -g
```

# Usage

Create initialize a project.
```
manpacker create <project-name>
```

### Example
```
manpacker create my-app
```
Create initialize <code>my-app</code> project.
npm package: @manpacker/generator-react
Description: Generator react frontend build project
Author: winterfete
Latest version: 1.10.0

![npm](https://img.shields.io/npm/v/@manpacker/generator-react.svg)
![npm bundle size](https://img.shields.io/bundlephobia/min/@manpacker/generator-react.svg)
![npm](https://img.shields.io/npm/dw/@manpacker/generator-react.svg)
![NPM](https://img.shields.io/npm/l/@manpacker/generator-react.svg)
<br><br>
![nodei.co](https://nodei.co/npm/@manpacker/generator-react.png?downloads=true&downloadRank=true&stars=true)
<br>
# Explain
@manpacker/generator-react is a set of build engine based on [@manpacker/generator](https://www.npmjs.com/package/@manpacker/generator) to build engine package.<br>
Entry file supported file extension <code>js</code> or <code>ts</code><br>
Support for multi-portal file build, Files must be in the build <code>root</code> directory.<br>

# Consult
[@manpacker/generator](https://github.com/manpackers/generator#readme)

# Install
```
npm i @manpacker/generator-react -D
```
# Usage
## CLI
Start the local development environment.
```
manpacker-react server
```
```
manpacker-react server --ic [value] -c [config] --port [number]
```
Construction of production environment engineering project.
```
manpacker-react build
```
```
manpacker-react build --ic [value] -c [config]
```

## .manpackeric
Default root file name: <code>.manpackeric</code><br>
Configuration item description:<br>
Expand: <br>

|name|type|value|description|
|----|----|-----|-----------|
|isReactProvide|boolean|default: true|Automatically provide <code>React</code> <code>ReactDOM</code> references|

> isReactProvide
```
{ isReactProvide: false }
```
Every file need import React from 'react'
Every file need import ReactDOM from 'react-dom'

## Npm
[link](https://www.npmjs.com/package/@manpacker/generator-react)
npm package: @manpacker/generator-vue
Description: Generator vue frontend build project
Author: winterfete
Latest version: 1.10.0

![npm](https://img.shields.io/npm/v/@manpacker/generator-vue.svg)
![npm bundle size](https://img.shields.io/bundlephobia/min/@manpacker/generator-vue.svg)
![npm](https://img.shields.io/npm/dw/@manpacker/generator-vue.svg)
![NPM](https://img.shields.io/npm/l/@manpacker/generator-vue.svg)
<br><br>
![nodei.co](https://nodei.co/npm/@manpacker/generator-vue.png?downloads=true&downloadRank=true&stars=true)
<br>
# Explain
@manpacker/generator-vue is a set of build engine based on [@manpacker/generator](https://www.npmjs.com/package/@manpacker/generator) to build engine package.<br>
Entry file supported file extension <code>js</code> or <code>ts</code><br>
Support for multi-portal file build, Files must be in the build <code>root</code> directory.<br>

# Consult
[@manpacker/generator](https://github.com/manpackers/generator#readme)

# Install
```
npm i @manpacker/generator-vue -D
```
# Usage
## CLI
Start the local development environment.
```
manpacker-vue server
```
```
manpacker-vue server --ic [value] -c [config] --port [number]
```
Construction of production environment engineering project.
```
manpacker-vue build
```
```
manpacker-vue build --ic [value] -c [config]
```

## .manpackeric
Default root file name: <code>.manpackeric</code><br>
Configuration item description:<br>
Expand: <br>

|name|type|value|description|
|----|----|-----|-----------|
|isVueProvide|boolean|default: true|Automatically provide <code>Vue</code> references|
|isComponentModel|boolean|default: false|Whether or not references are automatically <code>vue-class-component</code> provided.|

> isVueProvide
```
{ isVueProvide: false }
```
Every file need import Vue from 'vue'

> isComponentProvide
```
{ isComponentProvide: true }
```
Every file no need: 
import Component from 'vue-class-component'

Global varable <code>Component</code>

## Npm
[link](https://www.npmjs.com/package/@manpacker/generator-vue)