open-index/open-npm huggingface dataset:
npm package: @kokororin/prettierrc
Description: Prettier config for me
Latest version: 0.1.1

# Prettier Config

[![npm](https://img.shields.io/npm/v/@kokororin/prettierrc.svg)](https://www.npmjs.com/package/@kokororin/prettierrc)
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)

Prettier config for me.

## Usage

```
npm install --save-dev @kokororin/prettierrc
```

Then add this `prettier.config.js` to the project:

```js
module.exports = require('@kokororin/prettierrc');
```
npm package: @kokorotobita/paginize
Description: Library for implementing simple pagination
Author: kokoro
Latest version: 1.1.0

# Paginize
[![ci](https://github.com/kokoro-hart/Paginize/actions/workflows/ci.yml/badge.svg)](https://github.com/kokoro-hart/Paginize/actions/workflows/ci.yml)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![License: MIT](https://img.shields.io/badge/vresion-1.0.9-blue)](https://www.npmjs.com/package/@kokorotobita/paginize?activeTab=readme)


**Paginize** is a library for easily applying pagination to the existing DOM, implemented in **TypeScrip**t. Furthermore, it can reliably create pagination UI that complies with [WAI-ARIA guidelines](https://design-system.w3.org/components/pagination.html "タイトル")  with minimal configuration. <br>
You can also get this with just a little CSS writing: note: you will need to write your own CSS to get this UI. This package does not provide CSS.


![vue-awesome-pagination-k](https://github.com/kokoro-hart/Paginize/assets/84849551/f38a36d3-e61e-4dd8-995c-4786758ce12b)
npm package: @kokosro/mempool-watch
Description: Geth RPC mempool watcher
Author: kokos.eth
Latest version: 0.2.1

# @kokosro/mempool-watch

Watch pending transactions in mempool for any contract

## usage

```javascript

const { MempoolWatch } = require('@kokosro/mempool-watch');

// ... init ethers provider and contract to watch events for

// provider
// contract


const mempoolWatch = new MempoolWatch({ provider });

mempoolWatch.start();

mempoolWatch.subscribe(contract);

contract.mempool.on('ContractEvent', contractEventListener);


```
npm package: @kokotree-inc/capacitor-plugin-apple-storekit-external-link-account
Description: Capacitor plugin for Apple platforms that provides external link account functionality using StoreKit.
Latest version: 1.0.5

# @kokotree-inc/capacitor-plugin-apple-storekit-external-link-account

Capacitor plugin for Apple platforms that provides external link account functionality using StoreKit.

## Install

```bash
npm install @kokotree-inc/capacitor-plugin-apple-storekit-external-link-account
npx cap sync
```

## API

<docgen-index>

* [`canOpen()`](#canopen)
* [`open()`](#open)

</docgen-index>

<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->

Defines the methods that can be used to interact with the external link account functionality using StoreKit on Apple platforms.

### canOpen()

```typescript
canOpen() => Promise<{ value: boolean; }>
```

Determines if the app can open the external link account functionality.
Resolves with `value` === `true` if the functionality is available, `false` otherwise.

**Returns:** <code>Promise&lt;{ value: boolean; }&gt;</code>

--------------------


### open()

```typescript
open() => Promise<void>
```

Presents a continuation sheet that enables people to choose whether to open your app’s link to an external website for account creation or management.
Throws an exception if the external link account functionality is not available or if the continuation sheet is not available.

--------------------

</docgen-api>
npm package: @kokotree-inc/videojs-smooth-slider-plugin
Description: A Video.js plugin that enhances the seek bar with smooth seeking functionality, allowing for a more responsive and precise user interaction during video playback. It overrides the default handleMouseMove and getPercent methods of the SeekBar component to 
Latest version: 1.1.4

# videojs-smooth-slider-plugin

Enhance your Video.js player with smooth seeking capabilities using `videojs-smooth-slider-plugin`. This plugin provides an improved scrubbing experience, making the seek bar interactions more responsive and precise. It achieves this by customizing the `handleMouseMove` and `getPercent` methods of the Video.js `SeekBar` component.

## Installation

Install the plugin into your project with npm:

```bash
npm install @kokotree-inc/videojs-smooth-slider-plugin
```

## Usage

To integrate the plugin with your Video.js player:

```javascript
import videojs from "video.js";
import "@kokotree-inc/videojs-smooth-slider-plugin";

const player = videojs("my-video");

// Activate the smooth seek plugin with default settings
player.smoothSeek();

// Optionally, activate the plugin with custom settings
player.smoothSeek({
  timeBuffer: 10, // time in seconds
});
```

### Options

- `timeBuffer`: (number) Specifies the time in seconds to buffer from the end of the video when seeking. This prevents the seek slider from reaching the very end of the video, which could inadvertently trigger the end of the video. Default is 5 seconds.

## Features

- **Smooth Scrubbing**: Offers a smoother and more intuitive seeking experience.
- **Video.js Compatibility**: Seamlessly integrates with the Video.js ecosystem.
- **Easy Integration**: Simple setup process with existing Video.js players.

## Contributing

Contributions to the `videojs-smooth-slider-plugin` are welcome. Please adhere to the established coding standards and include unit tests for any new or modified functionality.

## License

This project is open-source and available under the [MIT License](LICENSE).
npm package: @kokotree-inc/videojs-upnext-plugin
Description: Video.js UpNext plugin that enables auto-play of next video and shows an end card after the main video has ended.
Latest version: 2.0.1

# videojs-upnext-plugin

A plugin for [video.js](https://videojs.com/) that displays an "Up Next" overlay when a video finishes playing.

![Preview](https://github.com/Kokotree-Inc/videojs-upnext-plugin/blob/1b47bcb78d9c9d320f3424be2845998a32c38c69/assets/images/preview.gif?raw=true)

## Installation

Run `npm install @kokotree-inc/videojs-upnext-plugin` to install the plugin.

## Usage

To use this plugin, simply import it and register it with your video.js player instance:

index.js

```javascript
import videojs from 'video.js';
import '@kokotree-inc/videojs-upnext-plugin';

const player = videojs('my-player');

player.upnext({
  interval: 10,
  headText: 'Up Next',
  cancelText: 'Cancel',
  getTitle: () => {
    return 'Ocean Life';
  },
  getVideoImageUrl: () => {
    return 'https://vjs.zencdn.net/v/oceans.png';
  },
  playNext: () => {
    console.log('playNext');
  },
  cancel: () => {
    console.log('cancel');
  }
});
```

HTML

```html
<html>
  <head>
    <link href="http://vjs.zencdn.net/8.9.0/video-js.css" rel="stylesheet" />

    <link href="index.css" rel="stylesheet" />
    <link href="upnext-styles.min.css" rel="stylesheet" />
  </head>
  <body>
    <div class="vid-container">
      <div
        class="video-js vjs-default-skin video-js-upnext-demo-player vjs-fluid video-js-upnext-demo-player-video-dimensions vjs-controls-enabled">
        <video id="video" controls></video>
      </div>
    </div>
    <script src="./index.js"></script>
  </body>
</html>
```

You can get upnext-styles.min.css from the root of this package.

## Plugin Options

| Option             | Type       | Default     | Description                                                                       |
| ------------------ | ---------- | ----------- | --------------------------------------------------------------------------------- |
| `interval`         | `number`   | `20`        | The interval, in seconds, before the next video starts playing.                   |
| `headText`         | `string`   | `'Up Next'` | The text displayed at the top of the Up Next card.                                |
| `cancelText`       | `string`   | `'Cancel'`  | The text displayed on the Cancel button.                                          |
| `getTitle`         | `function` | `() => ''`  | A function that returns the title of the next video to be played.                 |
| `getVideoImageUrl` | `function` | `() => ''`  | A function that returns the URL of the image to be displayed on the Up Next card. |
| `playNext`         | `function` | `() => {}`  | A function that is called when the user clicks the "Play Next" button.            |
| `cancel`           | `function` | `() => {}`  | A function that is called when the user clicks the "Cancel" button.               |
npm package: @kokp520/auto-tagger
Description: This is a simple tag picker for using with git tags. Cause Doing the project development always tag a new version with develop feature. You can use this script to choose the tag version u want to use.
Author: adi
Latest version: 2.3.0

# auto-tagger

<h1 align="center">Welcome to auto-tagger 👋</h1>
<p>
  <a href="https://www.npmjs.com/package/auto-tagger" target="_blank">
    <img alt="Version" src="https://img.shields.io/npm/v/auto-tagger.svg">
  </a>
  <a href="#" target="_blank">
    <img alt="License: MIT" src="https://img.shields.io/badge/License-MIT-yellow.svg" />
  </a>
</p>

>This is a simple tag picker for using with git tags.
>Cause Doing the project development always tag a new version with develop feature.
>You can use this script to choose the tag version u want to use.

>Maybe your app with the complex tag like `kernel-mircoservice-v1.2.3` ...
>imagine the product have 10 services.

>Hope can save your time.

# Support

- shell script
- npm 

## Npm

- name: auto-tagger

- [auto-tagger](https://www.npmjs.com/package/@kokp520/auto-tagger)

### Install

run this command to install the package.
```
npm install -g auto-tagger
```

Go to your project directory with .git and run this command.
```
cd /file/to/your/project/; auto-tagger
```

And you will see the tag list.
![alt text](images/auto-tagger-1.png)

Choose the tag for the last commit.

![alt text](images/auto-tagger-2.png)

AND DON'T FORGET TO PUSH THE TAG TO THE REMOTE REPO.

After that, I will optimize the auto push feature to the remote repo.
```
git push --tags
```

## Shell

### Install 
install fzf using brew:
```
brew install fzf
```

### Usage

you can use my aother repo name adi-dosh for alias sheel script.

alias.sh >>>
![alt text](images/image.png)

choose adi-tagPicker.sh >>>
![alt text](images/image-1.png)

版本的選擇規則為:
opt=("main", "mid", "fix")

選擇main調整大版本號, mid為新服務更新, fix為bug修復版本號
main => 2.0.0 
mid => 1.3.0
fix => 1.2.4 

![alt text](images/image-2.png)

## Author

👤 **adi**

## Donation

[![](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.com/ncp/payment/RTFS76RU2S7RW)

## Show your support

Give a ⭐️ if this project helped you!

***
_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_
npm package: @kokr/phone
Description: Provides a phone number format conversion tool. / 전화번호 서식 변환 도구를 제공합니다. 전화번호를 일관된 형식으로 변환하는 기능을 지원합니다.
Latest version: 0.4.0

# koKR - phone

<p>
  <a href="https://github.com/wan2land/kokr/actions"><img alt="Build" src="https://img.shields.io/github/actions/workflow/status/wan2land/kokr/ci.yml?branch=main&logo=github&style=flat-square" /></a>
  <a href="https://codecov.io/gh/wan2land/kokr"><img alt="Coverage" src="https://img.shields.io/codecov/c/gh/wan2land/kokr?style=flat-square" /></a>
  <img alt="License" src="https://img.shields.io/npm/l/@kokr/phone.svg?style=flat-square" />
  <img alt="Language Typescript" src="https://img.shields.io/badge/language-Typescript-007acc.svg?style=flat-square" />
  <br />
  <a href="https://deno.land/x/kokr/phone"><img alt="deno.land/x/kokr/phone" src="https://img.shields.io/badge/dynamic/json?url=https://api.github.com/repos/wan2land/kokr/tags&query=$[0].name&display_name=tag&label=deno.land/x/kokr@&style=flat-square&logo=deno&labelColor=000&color=777&suffix=/phone" /></a>
  <a href="https://www.npmjs.com/package/@kokr/phone"><img alt="Version" src="https://img.shields.io/npm/v/@kokr/phone.svg?style=flat-square&logo=npm" /></a>
  <a href="https://npmcharts.com/compare/@kokr/phone?minimal=true"><img alt="Downloads" src="https://img.shields.io/npm/dt/@kokr/phone.svg?style=flat-square" /></a>
</p>

전화번호와 관련된 유틸리티 함수를 제공합니다.

## 설치

```bash
npm install @kokr/phone
```

만약, Deno를 사용한다면 아래와 같이 import 할 수 있습니다.

```typescript
import {} from "https://deno.land/x/kokr/phone/mod.ts";
```

## 사용법

**전화번호 포매팅**

전화번호를 포매팅합니다.

```typescript
import { format } from "@kokr/phone";

format("0212341234"); // '02-1234-1234'
format("021231234"); // '02-123-1234'
format("16881234"); // '1688-1234'
```

특수문자(`#`, `*`)를 포함한 포매팅도 가능합니다.

```typescript
format("02****####"); // '02-****-####'
```

## API

[API 문서 보기](https://deno.land/x/kokr/phone/mod.ts)
npm package: @kol-oss/async-queue
Description: Async queue abstraction build on NodeJS
Author: Khozhainov Mykola
Latest version: 1.0.2

# async-queue

Async queue abstraction created on NodeJS to perform multiple operations in limited streams on the server-side of your application.

## Installation

### git

```shell
git clone https://github.com/kol-oss/async-queue.git
```

### npm

```shell
npm i @kol-oss/async-queue
```

## Usage

```js
"use strict";

const { Queue } = require("@kol-oss/async-queue");
const { log } = require("./logger");

const timeout = (ms, callback) => setTimeout(callback, ms);

// Set max concurrent streams: 3
// Active from the beginning
const queue = new Queue(3, { paused: false });

// Set listeners callbacks
queue
  .onExecute((args) => log(`Timer [${args}] started`, "process"))
  .onResume(() => log("Execution started", "process"))
  .onSuccess((data, args) => {
    log(`Timer [${args}] was completed`, "success");
  })
  .onFail((error) => log(error, "error"))
  .onComplete(() => log("Execution finished", "process"));

// Add first timers to be executed
queue
  .push(timeout, 10000)
  .push(timeout, 1000)
  .push(timeout, 3000);

// Add timers after 1500 msec
setTimeout(() => {
  log("1500 msec expired", "process");
  queue
    .push(timeout, 2100)
    .push(timeout, 2200)
    .push(timeout, 2300);
}, 1500);

// Timer [10000] started
// Timer [1000] started
// Timer [3000] started
// Timer [1000] was completed
// 1500 msec expired
// Timer [2100] started
// Timer [3000] was completed
// Timer [2200] started
// Timer [2100] was completed
// Timer [2300] started
// Timer [2200] was completed
// Timer [2300] was completed
// Timer [10000] was completed
// Execution finished
```

## Documentation

*Will be soon!*
npm package: @kolach/loopback-component-cloudinary
Description: Cloudinary connector for loopback
Author: Nick Chistyakov
Latest version: 0.0.3

# Loopback Component Cloudinary

[![Circle CI](https://circleci.com/gh/kolach/loopback-component-cloudinary.svg?style=svg)](https://circleci.com/gh/kolach/loopback-component-cloudinary)

A small loopback component that acts as a cloudinary datasource.
Only image upload is supported is supported currently.

## Installation and Usage

```
npm install loopback-component-cloudinary
```

Generate an image model:

image.js
```
module.exports = function(Image) {
};
```

image.json
```
{
  "name": "Image",
  "plural": "images",
  "base": "Model",
  "options": {},
  "properties": {},
  "validations": [],
  "relations": {},
  "acls": [],
  "methods": {}
}
```

Add cloudinary datasource

datasource.json
```
{
  "cloudinary": {
    "name": "cloudinary",
    "connector": "@kolach/loopback-component-cloudinary"
		"config": {
			"cloud_name": "your_cloud_name",
			"api_key": "your_api_key",
			"api_secret": "your_api_secret"
		}
  }
}
```

Optionally define upload default parameters:
```
{
  "cloudinary": {
    "name": "cloudinary",
    "connector": "@kolach/loopback-component-cloudinary"
		"config": {
			"cloud_name": "your_cloud_name",
			"api_key": "your_api_key",
			"api_secret": "your_api_secret"
		},
		"upload": {
			"tags": "staging, flickr",
			"folder": "important"
		}
  }
}
```
This configuration will automatically add _staging_ and _flickr_ tags, and setup root folder as _important_

Connect Image model to cloudany datasource

model.config.json
```
{
  ...
  "Image": {
    "dataSource": "cloudinary",
    "public": true
  }
}
```

The configuration above will add POST ${restApiRoot}/images/upload url.