open-index/open-npm huggingface dataset:
npm package: @pake/nuxt-ionic
Description: Ionic integration for Nuxt
Author: Daniel Roe
Latest version: 0.13.0

[![@nuxtjs/ionic](./docs/public/cover.jpg)](https://ionic.nuxtjs.org)

# Nuxt Ionic

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Github Actions][github-actions-src]][github-actions-href]
[![Codecov][codecov-src]][codecov-href]

> [Ionic](https://ionicframework.com/docs/) integration for [Nuxt](https://nuxtjs.org)

- [✨ &nbsp;Changelog](https://github.com/nuxt-modules/ionic/blob/main/CHANGELOG.md)
- [📖 &nbsp;Read the documentation](https://ionic.nuxtjs.org)
- [▶️ &nbsp;Online playground](https://stackblitz.com/github/nuxt-modules/ionic/tree/main/playground)

## Features

**⚠️ `@nuxtjs/ionic` is currently a work in progress. ⚠️**

- Zero-config required
- Auto-import Ionic components, composables and icons
- Ionic Router integration
- Pre-render routes
- Mobile meta tags
- PWA support with [`nuxt-pwa-module`](https://github.com/kevinmarrec/nuxt-pwa-module)
- Works out-of-the-box with [Capacitor](https://capacitorjs.com/) to build mobile apps

**In progress**

- [ ] PWA Elements [#14](https://github.com/nuxt-modules/ionic/issues/14)

## Usage

👉 Check out https://ionic.nuxtjs.org.

## 💻 Development

- Clone this repository
- Enable [Corepack](https://github.com/nodejs/corepack) using `corepack enable` (use `npm i -g corepack` for Node.js < 16.10)
- Install dependencies using `pnpm install`
- Stub module with `pnpm dev:prepare`
- Run `pnpm dev` to start [playground](./playground) in development mode

## License

Made with ❤️

Published under the [MIT License](./LICENCE).

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@nuxtjs/ionic?style=flat-square
[npm-version-href]: https://npmjs.com/package/@nuxtjs/ionic
[npm-downloads-src]: https://img.shields.io/npm/dm/@nuxtjs/ionic?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/@nuxtjs/ionic
[github-actions-src]: https://img.shields.io/github/actions/workflow/status/nuxt-modules/ionic/ci.yml?style=flat-square&branch=main
[github-actions-href]: https://github.com/nuxt-modules/ionic/actions?query=workflow%3Aci
[codecov-src]: https://img.shields.io/codecov/c/gh/nuxt-modules/ionic/main?style=flat-square
[codecov-href]: https://codecov.io/gh/nuxt-modules/ionic
npm package: @pake/pwa-elements
Description: Stencil Component Starter
Author: Ionic Team
Latest version: 3.3.0

# Ionic Elements for Progressive Web Apps

> THIS FORK ONLY CHANGE THE DEFAULT VALUE OF `hidePicker` TO BE `true`

This project is a growing collection of pre-built UI experiences for Web APIs such
as camera/video, focused on building Progressive Web Apps that meet and exceed
native mobile app experiences.

These elements are a key part of our mission to build the [Progressive Web App OS](https://medium.com/@maxlynch/building-the-progressive-web-app-os-57daebcb69c1)
by providing awesome UIs on top of low-level Web APIs.

These components are built as Web Components that can be used in any web app, using
the power of [Stencil JS](http://stenciljs.com/).

## Currently Supported

Currently, the project offers a quality in-app Camera experience using
`getUserMedia`, with support for multiple cameras and with automatic handling
of image data.

See [the provided example](https://github.com/ionic-team/ionic-pwa-elements/blob/master/src/index.html)
for an example of how to use these components.

## Capacitor Usage

Ionic PWA Elements were built primarily for developers using [Capacitor](https://capacitorjs.com/),
our Native app container that allows web apps to run on nearly every platform
with consistent APIs.

Ionic PWA Elements offer web-UI experiences for Capacitor apps running in a browser
as PWA, such that the API is identical for the PWA and the native app store app.

See the [Capacitor PWA Elements](https://capacitorjs.com/docs/web/pwa-elements)
page for more information on using this library in your Capacitor apps.
npm package: @pake/react-color
Description: A Collection of Color Pickers from Sketch, Photoshop, Chrome & more
Author: case
Latest version: 3.0.0

# [React Color](https://github.com/ekoeryanto/react-color#readme)

This is a fork of react-color but built with rollup with umd, cjs and esm format,
also each type is built so it can directly used.

* **13 Different Pickers** - Sketch, Photoshop, Chrome and many more

* **Make Your Own** - Use the building block components to make your own

## Installation & Usage

```sh
npm install react-color --save
```

### Include the Component

```js
import React from "react";
import { SketchPicker } from "react-color";

class Component extends React.Component {
  render() {
    return <SketchPicker />;
  }
}
```

You can import `AlphaPicker` `BlockPicker` `ChromePicker` `CirclePicker` `CompactPicker` `GithubPicker` `HuePicker` `MaterialPicker` `PhotoshopPicker` `SketchPicker` `SliderPicker` `SwatchesPicker` `TwitterPicker` respectively.

> 100% inline styles via [ReactCSS](http://reactcss.com/)
npm package: @pakenfit/react-native-pin-input
Description: Phone Pin Input for React Native
Author: Pakenfit
Latest version: 1.4.1

# @pakenfit/react-native-pin-input

Phone Pin Input for React Native.

<p align='center'>
  <img src='./assets/demo.gif' width="300">
  <img src='./assets/demo2.gif' width="300">
</p>


## Installation

```sh
npm install @pakenfit/react-native-pin-input --save
```

<p align="center">Or</p>

```sh
yarn add @pakenfit/react-native-pin-input
```

#### Dependencies
This library needs these dependencies to be installed in your project before you can use it:

```sh
npm install expo-clipboard --save
```
<p align="center">Or</p>

```sh
yarn add expo-clipboard
```
#### Using Bare React Native ?
For `expo-clipboard` to work you need to follow [these additional steps to install expo modules.](https://docs.expo.dev/bare/installing-expo-modules/)

## Features

- Fully customizable
- OTP autofill support (both `Android` and `iOS`, not tested on `web` should work as well)
- Compatible with Expo
- Written in Typescript

---

## Usage

```js
import { Button, StyleSheet, View } from 'react-native';
import { PinInput, PinInputRef } from '@pakenfit/react-native-pin-input';

export default function App() {
  const ref = React.useRef<PinInputRef>(null);

  return (
    <View style={styles.container}>
      <PinInput onFillEnded={(otp) => console.log(otp)} autoFocus ref={ref} />
      <Button title="Clear all" onPress={() => ref.current?.clear()} />
    </View>
  );
}
```
---
## Props

### `length`
The number of pin inputs to display. `Default: 4`.

---

### `onFillEnded = (opt: string) => void`
The callback function with the final OTP when finish filling the inputs.



### `inputProps`
The props for each TextInput.

---


### `inputStyle`
The style applied to each `TextInput`.

---


### `containerProps`
The props for the `View` container.

---


### `containerStyle`
The style applied to the `View` container.

---

### `autoFocus`
Should autoFocus the first `input` element.

## API
The PinInput component provides the following methods through the PinInputRef:

- `clear()`: clear all the pin inputs

## Types

### PinInputRef
The `PinInputRef` type represents the reference to the PinInput component, allowing access to its methods. It has the only method: `clear()` see above.


## 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: @pakerzhang/module-cleaner
Description: Clean node_modules
Author: Paker Zhang
Latest version: 1.0.6

## Module Cleaner

Module Cleaner is a script that helps you find all the `node_modules` directories under the execution path and gives you the option to delete them.

### Installation

You can install Module Cleaner using npm or yarn by running the following command:

```shell
npm install -g @pakerzhang/module-cleaner
```

or

```shell
yarn global add @pakerzhang/module-cleaner
```

### Usage

1. Open the terminal and navigate to the desired path where you want to search for `node_modules` directories.

2. Execute the `module-cleaner` command:

```shell
module-cleaner
```

3. Module Cleaner will display a list of `node_modules` directories found within the execution path.

4. You will be prompted to confirm whether you want to delete the `node_modules` directories. Choose "Yes" or "No" accordingly.

### Example

Here's an example of how to use Module Cleaner:

```shell
$ cd /path/to/project
$ module-cleaner
```

Module Cleaner will search for `node_modules` directories under the `/path/to/project` directory and present you with the option to delete them.

### License

Module Cleaner is released under the [MIT License](https://opensource.org/licenses/MIT).
npm package: @pakerzhang/rename-cli
Description: Rename files tool
Author: Paker Zhang
Latest version: 1.1.8

## Rename-tool 命名自動化

主要針對圖檔重新命名自動化，目前支援副檔名型別為： `jpeg`, `jpg`, `png`, `svg`

## 快速開始

```zsh
npm install -g @pakerzhang/rename-tool
# or
yarn global add @pakerzhang/rename-tool
```

透過 terminal 進入想重新命名的素材路徑後 執行 `rename-image` 依照 action flow 執行即可
Ex:

```zsh
cd /usr/desktop/assets/

rename-image
```

![Guide](./guide/rename-tool.gif)

## 安裝

在下載套件前請確保電腦已安裝 `npm` 及 `node`

[Windows](https://radixweb.com/blog/installing-npm-and-nodejs-on-windows-and-mac#:~:text=How%20to%20Install%20Node.js%20and%20NPM%20on%20Windows%3F) install

[macOS](https://radixweb.com/blog/installing-npm-and-nodejs-on-windows-and-mac#:~:text=How%20to%20Install%20Node.js%20and%20NPM%20on%20Mac%3F) install

## Todo

- [x] 修正檔案讀取順序
- [x] 新增動態增減改動檔案類型功能
- [ ] Refactor project to tool-collection
- [ ] Add execel parser
npm package: @paketmutfak/ui
Description: Paket Mutfak's UI Library
Author: PaketMutfak
Latest version: 4.4.2

# Getting started

Paket Mutfak UI - a component library that gives you building blocks to build
your own React applications.

```
npm install `@paketmutfak/ui`
// or yarn add `@paketmutfak/ui`
```

## Notes

- Use global styles in your App.

```
import { globalStyles } from "@paketmutfak/ui";

// then call it
function App() {
  globalStyles();
  // return ...
}
```

- Import CSS file.

```
import "@paketmutfak/ui/src/ui.css";

function App() {
  // return ...
}
```
npm package: @pakforlay/add-watermark
Description: simple add wm using FFmpeg
Author: PakForlay
Latest version: 1.0.28

## Simple Add Watermark and Mass Add Watermark Videos

### Install
Clone this project

```bash
> git clone https://github.com/pakforlay/whatsapp-botz.git
> cd add-watermark
> npm i
```

### Usage

```
> node addwm.js [If You just want add watermark for one video]
> node mass-add.js [If You want mass add watermark for more videos]
[For mass add wm videos you must write dir input and output videos]
```
![image](https://github.com/pakforlay/add-watermark/assets/60418550/a6742e9d-ff76-4b15-8389-4aea526c51c4)
npm package: @pakk/cli
Description: The standalone cli of pakk, that can manage your package.json for library development.
Author: Alex Aegis
Latest version: 0.14.1

# [pakk](https://github.com/AlexAegis/js-tooling/tree/master/packages/cli/)

[![Latest NPM Version](https://img.shields.io/npm/v/pakk/latest)](https://www.npmjs.com/package/pakk)
[![ci](https://github.com/AlexAegis/js-tooling/actions/workflows/cicd.yml/badge.svg)](https://github.com/AlexAegis/js-tooling/actions/workflows/cicd.yml)
[![Codacy Badge](https://app.codacy.com/project/badge/Grade/6863e4f702e34f4ea54dc05d71acfe7b)](https://www.codacy.com/gh/AlexAegis/js-tooling/dashboard?utm_source=github.com&utm_medium=referral&utm_content=AlexAegis/js-tooling&utm_campaign=Badge_Grade)
[![codecov](https://codecov.io/github/AlexAegis/js-tooling/branch/master/graph/badge.svg?token=OUxofr6zE8)](https://codecov.io/github/AlexAegis/js-tooling)

This packages exposes pakk to be used on it's own, preferably after another tool
built your library. At this point this cli will adjust both your `source` and
`dist` packageJson files.

> By using pakk like this you are expected to ensure your build tool emits the
> output the same way pakk generates the package.json.

If you're using [`vite`](https://vitejs.dev/) as your build tool I recommend
using the vite plugin form of this tool:
[`vite-plugin-pakk`](../pakk-vite-plugin/)
npm package: @pakk/core
Description: The core library of pakk, that can manage your package.json for library development.
Author: Alex Aegis
Latest version: 0.14.1

# [@pakk/core](https://github.com/AlexAegis/js-tooling/tree/master/packages/core/)

[![Latest NPM Version](https://img.shields.io/npm/v/@pakk/core/latest)](https://www.npmjs.com/package/@pakk/core)
[![ci](https://github.com/AlexAegis/js-tooling/actions/workflows/cicd.yml/badge.svg)](https://github.com/AlexAegis/js-tooling/actions/workflows/cicd.yml)
[![Codacy Badge](https://app.codacy.com/project/badge/Grade/6863e4f702e34f4ea54dc05d71acfe7b)](https://www.codacy.com/gh/AlexAegis/js-tooling/dashboard?utm_source=github.com&utm_medium=referral&utm_content=AlexAegis/js-tooling&utm_campaign=Badge_Grade)
[![codecov](https://codecov.io/github/AlexAegis/js-tooling/branch/master/graph/badge.svg?token=OUxofr6zE8)](https://codecov.io/github/AlexAegis/js-tooling)

This package contains the internal logic of pakk, it's exposed through the
[`pakk`](../pakk-cli/) and the [`vite-plugin-pakk`](../pakk-vite-plugin/)
packages for usage.
npm package: @pakko/china-division
Description: 中国省市区数据
Author: pakko
Latest version: 2.0.2

<h1 align="center">
  @pansy/china-division
</h1>

> 基于[china-division](https://github.com/modood/Administrative-divisions-of-China), 提供中国省市区数据并提供相应的工具方法

**提供两种数据格式**

- `{ v: string; n: string; c: {...}[] }`
- `{ label: string; value: string; children: {...}[] }` 适用于`Antd`级联选择组件

如有更新数据的需求，请修改`china-division`版本，执行`npm run export:data`即可。

## ✨ 特性

- 🌈 基于`china-division`，提供了香港、澳门、台湾的数据
- 💻 使用 TypeScript 编写，提供完善的类型定义
- 🌴 提供`js`、`json`两种数据引用方式

## 🏗 安装

```sh
# yarn
yarn add @pansy/china-division

# npm
npm install @pansy/china-division --save

# pnpm 
pnpm add @pansy/china-division
```

## 🔨 使用

```ts
// Antd Cascader组件使用
import cascaderOptions, { DivisionUtil } from '@pansy/china-division';

const divisionUtil = new DivisionUtil(cascaderOptions);

// 返回源数据
divisionUtil.getSourceData(); 

// 返回省级别数据
divisionUtil.getProvinces(); 

// 返回指定Code的所有子节点
divisionUtil.getChildrenByCode('110000'); 

// 返回指定Code的名称
divisionUtil.getNameByCode('110000'); 

// 返回指定Code的节点
divisionUtil.getDivisionByCode('110000'); 
```

## ⌨️ 本地开发

```sh
$ git clone git@github.com:pansyjs/china-division.git
$ cd ./china-division
# 安装依赖
$ pnpm install
# 导出数据
$ npm run export
# 运行测试用例
$ npm run test
# 编译项目
$ npm run build
```

## 🌟 社区互助

| Github Issue                                                 | 钉钉群                                                                                     | 微信群                                                                                   |
| ------------------------------------------------------------ | ------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------- |
| [issues](https://github.com/pansyjs/china-division/issues) | <img src="https://github.com/alitajs/alita/blob/master/public/dingding.png" width="100" /> | <img src="https://github.com/alitajs/alita/blob/master/public/wechat.png" width="100" /> |
npm package: @paklcp322/koishi-plugin-messages
Description: 测试处理消息相关功能
Latest version: 0.0.1

# koishi-plugin-messages

[![npm](https://img.shields.io/npm/v/koishi-plugin-messages?style=flat-square)](https://www.npmjs.com/package/koishi-plugin-messages)

与处理消息有关的一些功能
npm package: @pakobit/mold-ui
Description: A copy of bits ui.
Author: Giacomo Folli
Latest version: 0.0.2

<!-- # Bits UI -->

<!-- automd:badges license name="bits-ui" color="pink" github="huntabyte/bits-ui" -->
<!-- 
[![npm version](https://flat.badgen.net/npm/v/bits-ui?color=pink)](https://npmjs.com/package/bits-ui)
[![npm downloads](https://flat.badgen.net/npm/dm/bits-ui?color=pink)](https://npmjs.com/package/bits-ui)
[![license](https://flat.badgen.net/github/license/huntabyte/bits-ui?color=pink)](https://github.com/huntabyte/bits-ui/blob/main/LICENSE) -->

<!-- /automd -->

<!-- The headless components for Svelte.

[Read the docs](https://bits-ui.com) -->

## Credits

-   [Bitworks](https://bitworks.cz) - The design team behind the Bits UI documentation and example components.
-   [Melt UI](https://melt-ui.com) - The underlying builder API that powers Bits.
-   [Radix UI](https://radix-ui.com) - The incredible headless component APIs that we've taken heavy inspiration from.
-   [React Spectrum](https://react-spectrum.adobe.com) - An incredible collection of headless components we've taken inspiration from.

<!-- ## Sponsors

This project is supported by the following beautiful people/organizations:

<p align="center">
  <a href="https://github.com/sponsors/huntabyte">
    <img src='https://github.com/huntabyte/static/blob/main/sponsors.svg?raw=true' alt="Logos from Sponsors" />
  </a>
</p>

## License -->

<!-- automd:contributors license=MIT author="huntabyte" github="huntabyte/bits-ui" -->
<!-- 
Published under the [MIT](https://github.com/huntabyte/bits-ui/blob/main/LICENSE) license.
Built by [@huntabyte](https://github.com/huntabyte) and [community](https://github.com/huntabyte/bits-ui/graphs/contributors). Designed by [Pavel Stianko](https://x.com/pavel_stianko) 💛
<br><br>
<a href="https://github.com/huntabyte/bits-ui/graphs/contributors">
<img src="https://contrib.rocks/image?repo=huntabyte/bits-ui" />
</a> -->

<!-- /automd -->
npm package: @pakochiu/ngx-mat-typeahead
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.
Latest version: 0.0.1

# NgxMatTypeahead

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.

## Code scaffolding

Run `ng generate component component-name --project NgxMatTypeahead` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project NgxMatTypeahead`.
> Note: Don't forget to add `--project NgxMatTypeahead` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build NgxMatTypeahead` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build NgxMatTypeahead`, go to the dist folder `cd dist/ngx-mat-typeahead` and run `npm publish`.

## Running unit tests

Run `ng test NgxMatTypeahead` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @pakochiu/test-print
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.
Author: Pako Chiu
Latest version: 1.0.0

# TestPrint

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.14.

## Code scaffolding

Run `ng generate component component-name --project test-print` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project test-print`.
> Note: Don't forget to add `--project test-print` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build test-print` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build test-print`, go to the dist folder `cd dist/test-print` and run `npm publish`.

## Running unit tests

Run `ng test test-print` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.