open-index/open-npm huggingface dataset:
npm package: @jielu/react-hook-form-chakra-fields
Description: A collection of form fields on top of simple and accessible react component library [Chakra UI](https://chakra-ui.com/) and performant form library [React Hook Form](https://react-hook-form.com/), integrated with many other js/ts libraries.
Author: Bartosz Stolc
Latest version: 0.1.7

# React Hook Form Chakra Fields

A collection of form fields on top of simple and accessible react component library [Chakra UI](https://chakra-ui.com/) and performant form library [React Hook Form](https://react-hook-form.com/), integrated with many other js/ts libraries.

### Included inputs and form fields:
- `Input Field` - standard input field
- `Masked Input Field` - input field with the ability to set any mask you want for example phone or time
- `Money Field` - input field intended for monetary values (you can easily extend it with for example currency select)
- `Select Field` - advanced select field on top of powerful react-select library
- `Date Field` - standard date select field on top of react-datepicker library
- `DateTimeField` - date select field integrated with additional input for providing a specific time
- `DateTimeOnlyField` - time field for time value only

All components are accessible (thanks Chakra UI!) and have support for chakra UI dark mode.

## Installation

You need to install all below-mentioned libraries as a peer dependencies of this package.
- [React Hook Form](https://react-hook-form.com/)
- [Chakra UI](https://chakra-ui.com/)
- [Currency.js](https://currency.js.org/)
- [Day.js](https://day.js.org/)
- [React Datepicker](https://reactdatepicker.com/)
- [React Number Format](https://github.com/s-yadav/react-number-format#readme)
- [React Select](https://react-select.com/)
- [React Text Mask](https://openbase.com/js/react-text-mask)

```
yarn add react-hook-form chakra-ui/react chakra-ui/icons @emotion/react @emotion/styled framer-motion currency.js dayjs react-datepicker react-number-format react-select react-text-mask
yarn add -D @types/react-datepicker @types/react-text-mask @types/react-select
yarn add react-hook-form-chakra-fields
```

## Usage Examples - TODO

You can always check [this project repository](https://github.com/bartstc/booking-app/tree/master/employee-web-client) to see how to use this library.

## Meta

This library was invented with [TSDX](https://tsdx.io/).
npm package: @jienix/jovial-ui
Description: Jovial UI Components Library
Author: jienix
Latest version: 1.0.0

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

jovial

在为“jovial”命名的前端框架选择主题颜色时，可以考虑与“jovial”这个词的含义相契合的颜色。字面上，"jovial" 意为“欢乐的、愉快的”，它传达了一种轻松、阳光、积极的情绪。因此，在颜色选择上，可以考虑以下几种与这个主题相符的颜色：

### 1. 温暖的色调

- **阳光黄 (#FFEB3B)**：一个明亮的黄色，传达快乐、乐观和温暖的感受。
- **橙色 (#FF9800)**：充满活力和激情，适合传达愉悦的情绪。

### 2. 清新的色调

- **蓝绿色 (#009688)**：一种清新而放松的颜色，给人以宁静的感觉。
- **淡绿色 (#4CAF50)**：自然、清新，传达健康和希望的感觉。

### 3. 轻快的色调

- **粉红色 (#E91E63)**：温柔而欢乐，可以吸引年轻用户或那些希望感觉轻松愉快的用户。
- **紫色 (#9C27B0)**：富有创造性和想象力，传递出友好和轻松的气息。

### 4. 组合配色方案

可以考虑以下几种配色方案：

- **“阳光”配色方案**：

  - 主色：阳光黄 (#FFEB3B)
  - 辅色：橙色 (#FF9800)
  - 背景色：淡白色 (#FFFFFF)

- **“清新”配色方案**：

  - 主色：蓝绿色 (#009688)
  - 辅色：淡绿色 (#4CAF50)
  - 背景色：淡灰色 (#F1F1F1)

- **“轻快”配色方案**：

  - 主色：粉红色 (#E91E63)
  - 辅色：紫色 (#9C27B0)
  - 背景色：浅米色 (#FAFAFA)

### 5. 使用工具和资源

您还可以使用在线的颜色组合工具，如 **Coolors**、**Adobe Color** 或 **Color Hunt**，来创建和调整适合“jovial”主题的颜色方案。这些工具可以帮助您找到互补的颜色，同时确保它们在视觉上和谐。

### 6. 考虑用户体验

在选择颜色时，请确保所选择的配色方案考虑到可访问性。例如，确保颜色之间的对比度足够高，以确保文本在背景色上的可读性。

### 总结

选择与“jovial”命名相契合的主题颜色时，您可以考虑温暖、清新和轻快的色调。这样的颜色方案不仅能提升用户的视觉体验，还能传达出积极愉快的情绪，增强品牌的吸引力。您可以根据具体的项目需求、目标受众和品牌形象，调整和优化这些建议。
npm package: @jiepaw/dump-helper
Description: maintenance helper for server 
Author: fauzi rahman
Latest version: 0.0.2

Dump Helper
=========

Dump helper for internal server

## Installation

  `npm install @jiepaw/dump-helper`

## Usage

## Tests

  `npm test`

## Contributing

In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.
npm package: @jiepaw/function-helper
Description: function helper for server 
Author: fauzi rahman
Latest version: 0.0.8

Function Helper
=========

Function helper for internal server

## Installation

  `npm install @jiepaw/function-helper`

## Usage

## Tests

  `npm test`

## Contributing

In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.
npm package: @jiepaw/number-helper
Description: number helper for sms 
Author: fauzi rahman
Latest version: 0.0.16

Number Helper
=========

A small library that format number based on indonesian template 

## Installation

  `npm install @jiepaw/number-helper`

## Usage

    var numberHelper = require('@jiepaw/number-helper');

    var numberHelper = numberHelper.format62(082299595722);
  
  Output should be `6282299595732`


## Tests

  `npm test`

## Contributing

In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.
npm package: @jiepaw/parser-helper
Description: parser helper for sms 
Author: fauzi rahman
Latest version: 0.0.11

Parser Helper
=========

A small library that parse input message based on fix template 

## Installation

  `npm install @jiepaw/parser-helper`

## Usage

## Tests

  `npm test`

## Contributing

In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.
npm package: @jiepaw/query-helper
Description: query helper for server 
Author: fauzi rahman
Latest version: 0.0.9

Query Helper
=========

Query helper for internal server

## Installation

  `npm install @jiepaw/query-helper`

## Usage

## Tests

  `npm test`

## Contributing

In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.
npm package: @jiepaw/request-helper
Description: request helper for sms 
Author: fauzi rahman
Latest version: 0.0.10

Request Helper
=========

Request helper for internal project

## Installation

  `npm install @jiepaw/request-helper`

## Usage

## Tests

  `npm test`

## Contributing

In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.
npm package: @jiepaw/schema-helper
Description: schema helper for sms 
Author: fauzi rahman
Latest version: 0.0.18

Schema Helper
=========

A template for joi schema validation 

## Installation

  `npm install @jiepaw/schema-helper`

## Usage

## Tests

  `npm test`

## Contributing

In lieu of a formal style guide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code.
npm package: @jiepeng/eslint-config-jiepeng-base
Description: neighborhood999's eslint base config.
Author: Peng Jie
Latest version: 0.0.24

# @jiepeng/eslint-config-jiepeng-base

[![npm](https://flat.badgen.net/npm/v/@jiepeng/eslint-config-jiepeng-base)](https://www.npmjs.com/package/@jiepeng/eslint-config-jiepeng-base)
[![code style prettier](https://flat.badgen.net/badge/code%20style/prettier/ff69b4)](https://github.com/prettier/prettier)
[![LICENSE](https://flat.badgen.net/github/license/neighborhood999/eslint-config-jiepeng)](https://github.com/neighborhood999/eslint-config-jiepeng/blob/master/LICENSE)

## Installation

```sh
$ yarn add @jiepeng/eslint-config-jiepeng-base
```

Create a eslint [configuration](https://eslint.org/docs/user-guide/configuring) files in the root of your project's directory and extends config:

```json
{
  "extends": ["@jiepeng/eslint-config-jiepeng-base"]
}
```

## LICENSE

MIT © [Peng Jie](https://github.com/neighborhood999)
npm package: @jiepeng/eslint-config-jiepeng-react
Description: neighborhood999's eslint config for react
Author: Peng Jie
Latest version: 0.0.27

# @jiepeng/eslint-config-jiepeng-react

[![npm](https://flat.badgen.net/npm/v/@jiepeng/eslint-config-jiepeng-react)](https://www.npmjs.com/package/@jiepeng/eslint-config-jiepeng-react)
[![code style prettier](https://flat.badgen.net/badge/code%20style/prettier/ff69b4)](https://github.com/prettier/prettier)
[![LICENSE](https://flat.badgen.net/github/license/neighborhood999/eslint-config-jiepeng)](https://github.com/neighborhood999/eslint-config-jiepeng/blob/master/LICENSE)

## Installation

```sh
$ yarn add @jiepeng/eslint-config-jiepeng-react
```

## Usage

Create a eslint [configuration](https://eslint.org/docs/user-guide/configuring) files in the root of your project's directory and extends config:

```json
{
  "extends": ["@jiepeng/eslint-config-jiepeng-react"]
}
```

## LICENSE

MIT © [Peng Jie](https://github.com/neighborhood999)
npm package: @jiereal/git-tools
Description: Batch git-status viewer and other helpers
Latest version: 1.0.0

# git-tools

一组轻量 Shell 脚本，帮助你在多个 Git 仓库里批量执行常用命令，提高日常开发效率。

## 功能一览
- `git-multi-status` —— 一次性查看多个仓库的 `git status`

## 快速开始
1. 克隆仓库  
   ```bash
   git clone https://github.com/<your-name>/git-tools.git
   cd git-tools
   ```

2. 把脚本目录加入 PATH（可写入 `~/.zshrc` 或 `~/.bashrc`）  
   ```bash
   export PATH="$PATH:$(pwd)/shells"
   ```

3. 体验第一个命令  
   ```bash
   git-multi-status ~/Code  # 查看 ~/Code 目录下所有 Git 仓库状态
   ```

## 添加新脚本
1. 在 `shells/` 目录新建可执行脚本  
2. 保持脚本首行 `#!/usr/bin/env bash` 并 `chmod +x filename`  
3. 提 PR 并更新下方「脚本清单」

## 脚本清单
| 文件名            | 作用描述                          |
|------------------|---------------------------------|
| git-multi-status | 批量查看各仓库的 git status      |

## 开发指南
- 脚本遵循 [Google Shell Style Guide](https://google.github.io/styleguide/shellguide.html)  
- 变量命名使用 `snake_case`，函数使用 `lower_case_with_underscores`  
- 所有脚本必须带 `--help` 参数或 `-h` 选项

## 贡献
欢迎 Issue & Pull Request！请确保本地执行通过以下检查：

```bash
shellcheck shells/*
```

## 许可证
MIT © $(date +%Y) $(git config user.name)
npm package: @jiereal/vue-i18next
Description: i18next wrapper for vue
Author: jiereal
Latest version: 0.4.1

# vue-i18next

[![Build Status](https://travis-ci.org/panter/vue-i18next.svg?branch=master)](https://travis-ci.org/panter/vue-i18next)
[![Coverage Status](https://coveralls.io/repos/github/panter/vue-i18next/badge.svg?branch=master)](https://coveralls.io/github/panter/vue-i18next?branch=master) [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

> Internationalization for vue using the i18next i18n ecosystem. <https://panter.github.io/vue-i18next/>

# Introduction

18next goes beyond just providing the standard i18n features such as (plurals, context, interpolation, format). It provides you with a complete solution to localize your product from web to mobile and desktop.

**vue-i18next** is the vue support for i18next and provides:

- Component based localization
- Component interpolation
- Lazy load namespaces
- Namespaced translation for components

### Requirements

- vue >= **2.0.0**
- i18next >= **6.0.1**

## Documentation

See [here](http://panter.github.io/vue-i18next/)

## Init

```javascript
import Vue from 'vue';
import i18next from 'i18next';
import VueI18Next from '@panter/vue-i18next';

Vue.use(VueI18Next);

i18next.init({
  lng: 'de',
  resources: {
    ...
  }
});

const i18n = new VueI18Next(i18next);
new Vue({
  ...
  i18n: i18n,
});
```

## Changelog

Detailed changes for each release are documented in the [releases](https://github.com/panter/vue-i18next/releases).

## Issues

Please make sure to read the [Issue Reporting Checklist](https://github.com/panter/vue-i18next/blob/master/CONTRIBUTING.md##using-the-issue-tracker) before opening an issue. Issues not conforming to the guidelines may be closed immediately.

## Contribution

Please make sure to read the [Contributing Guide](https://github.com/panter/vue-i18next/blob/master/CONTRIBUTING.md) before making a pull request.

## License

[MIT](http://opensource.org/licenses/MIT)
npm package: @jieslint/eslint-config
Description: ESLint configuration used by jiraspiom
Author: jiraspiom
Latest version: 2.4.3

# Rocketseat ESLint config

## Whats included?

- Standard config base;
- React plugin;
- React Hooks plugin;
- JSX a11y plugin;
- Prettier;

## Setup

### React (with Next.js)

Install dependencies:
```
npm i -D eslint @geslint-config/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": [
    "@geslint-config/eslint-config/next", 
    "next/core-web-vitals"
  ]
}
```

### React (without Next.js)

Install dependencies:
```
npm i -D eslint @geslint-config/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": "@geslint-config/eslint-config/react"
}
```

### Node.js

Install dependencies:
```
npm i -D eslint @geslint-config/eslint-config
```
Inside `.eslintrc.json`
```
{
  "extends": "@geslint-config/eslint-config/node"
}
```

# create npm package
- [] yarn link
- [] npm login
- [] npm init --scope@geslint-config
- [] npm publish
npm package: @jiess/tools
Description: Jiess配件库，如全局自动导入和文件系统
Author: wgzimg
Latest version: 1.0.1

# 核心库 jiess-tools 

## 版本迭代记录

### 1.0.0

* 初始化Jiess配件库：全局自动导入和文件系统


### 1.0.1

* 一些优化性的改造
npm package: @jiexc0la/text-scroll-horizontal
Description: 文本横向滚动组件
Author: a106649@outlook.com
Latest version: 1.0.3

# text-scroll-horizontal

#### 介绍
vue2 文本横向无限滚动组件。支持全局安装和局部安装；支持自定义滚动方向和速度。

 :grin: gif图看着有点卡，实际很流畅哦
![输入图片说明](https://foruda.gitee.com/images/1721786826105376323/20551d97_5685759.gif)

#### 安装教程
```
npm i @jiexc0la/text-scroll-horizontal -S
```

#### 使用说明

1. 全局安装
```
// main.js
import Vue from 'vue';
import TextScrollHorizontal from '@jiexc0la/text-scroll-horizontal';

Vue.use(TextScrollHorizontal);
```
2.  局部组件
```
<script>
import { TextScrollHorizontal } from '@jiexc0la/text-scroll-horizontal';

export default {
  components: {
    TextScrollHorizontal
  }
  ...
}
</script>
```
3. 参数说明
```
<text-scroll-horizontal
  :value="title"
  :animate-config="animateConfig"
  :is-overflow-scroll="true"
  custom-class="class-name"
></text-scroll-horizontal>
```
+ `value`：文本内容
+ `animateConfig`：动画配置
  + `duration`: `number`，动画持续时间（s），滚动一次当前容器宽度所需时长，默认值为`5s`
  + `fixSpeed`: `number`， 固定滚动速度，单位为像素/秒。若设置了固定滚动速度（`fixSpeed > 0`），则`duration`不生效。默认值为`0`。
  + `delay`: `number`，动画延迟时间（s）。默认值为`0s`
  + `direction`: `string`，动画方向，可选值：`left`|`right`，默认值为`left`
  + `spaceWidth`: `number|string`，无限滚动首尾空白宽度，数字为像素值，字符串为百分比值（相对于容器宽度），默认值为`50%`
  + `hoverStop`: `boolean`，鼠标悬停时是否停止动画，默认值为`true`
+ `isOverflowScroll`：是否开启超出滚动，不开启文本溢出时显示省略。默认为`true`开启。
+ `customClass`：传入自定义样式类名。
npm package: @jiexc0la/text-scroll-vertical
Description: vue2 多行文本纵向无限滚动组件。支持全局安装和局部安装；支持自定义滚动方向和速度
Author: a106649@outlook.com
Latest version: 1.0.0

# text-scroll-vertical

#### 介绍
vue2 多行文本纵向无限滚动组件。支持全局安装和局部安装；支持自定义滚动方向和速度。
+ 省略模式：支持文本超出容器高度自动省略；支持文本超出设置行数自动省略。
+ 滚动模式：支持文本超出容器高度纵向无限滚动；支持文本超出设置行数纵向无限滚动。

 :grin: gif图看着有点卡，实际很流畅哦
![输入图片说明](https://foruda.gitee.com/images/1721960918601213127/a44db394_5685759.gif)

#### 安装教程
```
npm i @jiexc0la/text-scroll-vertical -S
```

#### 使用说明

1. 全局安装
```
// main.js
import Vue from 'vue';
import TextScrollVertical from '@jiexc0la/text-scroll-vertical';

Vue.use(TextScrollVertical);
```
2.  局部组件
```
<script>
import { TextScrollVertical } from '@jiexc0la/text-scroll-vertical';

export default {
  components: {
    TextScrollVertical
  }
  ...
}
</script>
```
3. 参数说明

```
<text-scroll-vertical
  :value="title"
  :animate-config="animateConfig"
  :is-overflow-scroll="true"
  overflowMode="lineClamp"
  :lineClamp="3"
></text-scroll-vertical>
```
| 参数配置 | 数据类型 | 默认值 | 描述 | 备注 |
| -------- | ------|------ | ------------ | --------- |
|  value | {string} |  `''` |  文本内容 | - |
|  isOverflowScroll |  {boolean} | `true` | 是否开启滚动 | `true`: 文本溢出滚动<br/>`false`: 文本溢出时显示省略 |
|  overflowMode |  {string} | `lineClamp` | 溢出模式(`height`\|`lineClamp`) | `height`: 内容超出容器高度时溢出（或滚动）。需固定容器高度，默认继承外层容器高度<br/>`lineClamp`: 内容超出指定行数时溢出（或滚动）。无需设置容器高度 |
|  lineClamp |  {number}  | 3 | 溢出行数限制 | 仅在`overflowMode`为`lineClamp`时生效，若`overflowMode`为`height`，无需配置此选项 |
|  animateConfig |  {Object}  | `详见下方` | 动画配置 | 仅在`isOverflowScroll`为`true`时生效 |
|  &nbsp;&nbsp;&nbsp;&nbsp;animateConfig.duration |  {number}  | `5` | 动画持续时间（s） | 滚动一次当前容器所需时长，若设置固定速度`fixSpeed`，则当前配置被忽略 |
|  &nbsp;&nbsp;&nbsp;&nbsp;animateConfig.fixSpeed |  {number}  | `0` | 固定滚动速度，单位为像素/秒 | 若设置了固定滚动速度（`fixSpeed > 0`），则`duration`不生效 |
|  &nbsp;&nbsp;&nbsp;&nbsp;animateConfig.delay |  {number}  | `0` | 动画延迟时间（s） | - |
|  &nbsp;&nbsp;&nbsp;&nbsp;animateConfig.direction |  {string}  | `up` | 文本滚动方向(`up`\|`down`) | - |
|  &nbsp;&nbsp;&nbsp;&nbsp;animateConfig.spaceWidth |  {number\|string}  | `50%` | 无限滚动首尾空白间距 | 数字为像素值，字符串为百分比值（相对于容器高度） |
|  &nbsp;&nbsp;&nbsp;&nbsp;animateConfig.hoverStop |  {boolean}  | `true` | 鼠标悬停时是否停止动画 | - |
|  showLastLine |  {boolean}  | `false` | 是否显示最后一行展示不全的文本 | 该配置仅在`overflowMode`为`height`且`isOverflowScroll`为`false`时生效。因容器高度固定，会出现最后一行只显示部分的场景，若设置为`false`，会自动忽略展示不全的文本 |
|  customClass |  {string}  | `''` | 传入自定义样式类名本 | - |

4. 注意事项
+ 若想文本在固定高度区域内省略或滚动，请给组件或组件父容器设置高度。
+ 组件内部计算涉及文本行高，请给组件或组件父容器设置`line-height`属性（非`normal`）。
`
npm package: @jiexicat/rnd-napi-win32-x64-msvc
Description: Template project for writing node package with napi-rs
Latest version: 1.0.12

# `@jiexicat/rnd-napi-win32-x64-msvc`

This is the **x86_64-pc-windows-msvc** binary for `@jiexicat/rnd-napi`
npm package: @jife-test111/p6-magika
Description: Everything you need to build a Svelte library, powered by [`sv`](https://npmjs.com/package/sv).
Author: jife-test111
Latest version: 0.0.3

# Svelte library

Everything you need to build a Svelte library, powered by [`sv`](https://npmjs.com/package/sv).

Read more about creating a library [in the docs](https://svelte.dev/docs/kit/packaging).

## Creating a project

If you're seeing this, you've probably already done this step. Congrats!

```sh
# create a new project in the current directory
npx sv create

# create a new project in my-app
npx sv create my-app
```

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```sh
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.

## Building

To build your library:

```sh
npm pack
```

To create a production version of your showcase app:

```sh
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.

## Publishing

Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).

To publish your library to [npm](https://www.npmjs.com):

```sh
npm publish
```