open-index/open-npm huggingface dataset:
npm package: @mskelton/babel-config
Description: Shared Babel config for my projects.
Author: Mark Skelton
Latest version: 1.0.0

# @mskelton/babel-config

[![Build status](https://github.com/mskelton/babel-config/workflows/Build/badge.svg)](https://github.com/mskelton/babel-config/actions)
[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg)](#contributors)

> Shared Babel config for my projects.

## Installation

```sh
# Yarn
yarn add --dev @mskelton/babel-config

# npm
npm install --save-dev @mskelton/babel-config
```

After installing this package, install the required peer dependencies.

```sh
# Yarn
yarn add --dev @babel/core @babel/cli @babel/preset-env @babel/preset-typescript @babel/preset-react

# npm
npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/preset-typescript @babel/preset-react
```

## Usage

In your project, create a file named `babel.config.js` with the following code. This will extend the Babel config that this package provides while still allowing custom overrides as required.

```js
module.exports = {
  ...require('@mskelton/babel-config'),
  // Overrides
}
```

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tr>
    <td align="center"><a href="https://github.com/mskelton"><img src="https://avatars3.githubusercontent.com/u/25914066?v=4" width="100px;" alt="Mark Skelton"/><br /><sub><b>Mark Skelton</b></sub></a><br /><a href="https://github.com/mskelton/babel-config/commits?author=mskelton" title="Code">💻</a> <a href="https://github.com/mskelton/babel-config/commits?author=mskelton" title="Documentation">📖</a></td>
  </tr>
</table>
<!-- markdownlint-enable -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
npm package: @mskelton/emmet-ls
Description: emmet support by LSP
Author: aca
Latest version: 0.3.1

# emmet-ls

Emmet support based on LSP.  
Started as [coc-emmet](https://github.com/neoclide/coc-emmet) replacement for [completion-nvim](https://github.com/nvim-lua/completion-nvim). Should work with any lsp client but not tested.

![alt](./.image/capture.gif)


#### Install
```
npm install -g emmet-ls
```

#### Configuration 

##### Example Configuration

With [nvim-lspconfig](https://github.com/neovim/nvim-lspconfig):

```lua
local lspconfig = require('lspconfig')
local configs = require('lspconfig/configs')
local capabilities = vim.lsp.protocol.make_client_capabilities()
capabilities.textDocument.completion.completionItem.snippetSupport = true

lspconfig.emmet_ls.setup({
    -- on_attach = on_attach,
    capabilities = capabilities,
    filetypes = { 'html', 'typescriptreact', 'javascriptreact', 'css', 'sass', 'scss', 'less' },
    init_options = {
      html = {
        options = {
          -- For possible options, see: https://github.com/emmetio/emmet/blob/master/src/config.ts#L79-L267
          ["bem.enabled"] = true,
        },
      },
    }
})
```

##### Supported Filetypes

- `html`, `typescriptreact`, `javascriptreact`, `css`, `sass`, `scss` and `less` filetypes are fully supported.
- Any other filetype is treated as `html`.
npm package: @mskelton/prettier-config
Description: Standard JS style Prettier config.
Author: Mark Skelton
Latest version: 5.1.1
Deprecated: Removing in favor of trusting Prettier's default options.

# @mskelton/prettier-config

[![Build status](https://github.com/mskelton/prettier-config/workflows/Build/badge.svg)](https://github.com/mskelton/prettier-config/actions)
[![package version](https://img.shields.io/npm/v/@mskelton/prettier-config)](https://www.npmjs.com/package/@mskelton/prettier-config)
[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg)](#contributors)

> Standard JS style Prettier config.

## Installation

```sh
# Yarn
yarn add --dev @mskelton/prettier-config

# npm
npm install --save-dev @mskelton/prettier-config
```

## Usage

The easiest way to use this package is to add the following line to your `package.json` file.

```json
{
  "prettier": "@mskelton/prettier-config"
}
```

If you would like to override some of the default rules, use a `prettier.config.js` file instead of the `package.json` key. The file should look something like this but with your own overrides.

```js
module.exports = {
  ...require('@mskelton/prettier-config'),
  // Overrides
  semi: true,
}
```

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- markdownlint-disable -->
<table>
  <tr>
    <td align="center"><a href="https://github.com/mskelton"><img src="https://avatars3.githubusercontent.com/u/25914066?v=4" width="100px;" alt="Mark Skelton"/><br /><sub><b>Mark Skelton</b></sub></a><br /><a href="https://github.com/mskelton/prettier-config/commits?author=mskelton" title="Code">💻</a> <a href="https://github.com/mskelton/prettier-config/commits?author=mskelton" title="Documentation">📖</a></td>
  </tr>
</table>

<!-- markdownlint-enable -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
npm package: @mskelton/webpack-config
Description: Shared webpack config for my React projects.
Author: Mark Skelton
Latest version: 1.0.5

# @mskelton/webpack-config

[![Build status](https://github.com/mskelton/webpack-config/workflows/Build/badge.svg)](https://github.com/mskelton/webpack-config/actions)
[![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg)](#contributors)

> Shared webpack config for my React projects.

## Installation

```sh
# Yarn
yarn add --dev @mskelton/webpack-config

# npm
npm install --save-dev @mskelton/webpack-config
```

## Usage

```js
const { createWebpackConfig } = require('@mskelton/webpack-config')

module.exports = createWebpackConfig({
  entry: './src/index.tsx',
  html: {
    favicon: '',
    template: '',
  },
  outputPath: '',
})
```

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
<!-- prettier-ignore-start -->
<!-- prettier-ignore-end -->

<!-- ALL-CONTRIBUTORS-LIST:END -->

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
npm package: @mskian/kilometer-conversion
Description: Kilometer Conversion - From Meter to Kilometer.
Author: mskian
Latest version: 0.0.1

# Kilometer Conversion

Kilometer Conversion - From Meter to Kilometer

```sh
npm install @mskian/kilometer-conversion --save

or

yarn add @mskian/kilometer-conversion
```

## Usage

```js
// Commonjs Import
const { kmConversion } = require("@mskian/kilometer-conversion");

// or ES6 import
import { kmConversion } from "@mskian/kilometer-conversion";

console.log(kmConversion(205957));
// output - 205.96 km
```

## LICENSE

MIT
npm package: @mskian/slugify
Description: Slugify the User input - Convert into SEO Friendly URL.
Author: mskian
Latest version: 1.0.0

# Slugify

Slugify the User input - Convert into SEO Friendly URL  

```sh
npm install @mskian/slugify --save

or

yarn add @mskian/slugify
```

## Usage

```js
// Commonjs Import
const { slugify } = require("@mskian/slugify");

// or ES6 import
import { slugify } from "@mskian/slugify";

console.log(slugify('The Dreams of the Healer'));
// output - the-dreams-of-the-healer
```

I use this on My Projects to Slugify the Value from Query Parameters  
Support both Vite JS and Rollup JS.

```js
window.open("https://example.com/api/" + slugify(name), "_self", "noopener, noreferrer");
```

## LICENSE

MIT
npm package: @mskian/speed-conversion
Description: Convert Speed from Meter Per Seconds to Kilometer Per Hour.
Author: mskian
Latest version: 0.0.3

# Speed conversion

Convert Speed from Meter Per Seconds to Kilometer Per Hour

```sh
npm install @mskian/speed-conversion --save

or

yarn add @mskian/speed-conversion
```

## Usage

```js
// Commonjs Import
const { speedConversion} = require("@mskian/speed-conversion");

// or ES6 import
import { speedConversion } from "@mskian/speed-conversion";

console.log(speedConversion(6.685));
// output - 24.1 Km/h
```

## LICENSE

MIT
npm package: @mskii/csv-file
Description: CSVファイルを操作するモジュール
Author: mskii
Latest version: 1.0.19

# CsvFile

`CsvFile` は、`Node.js` で CSV ファイルを簡単に扱うためのモジュールです。<br>
CSV ファイルの読み込み、書き込み、行の追加などの機能を提供します。

## 機能

- CSV ファイルの新規作成とヘッダーの追加
- 既存の CSV ファイルへの行の追加
- CSV ファイルの読み込みとオブジェクトへの変換
- ヘッダーの検証
- 特定のカラムの値に基づく行の集計
- 特定の文字列を含む行の削除

## インストール

```bash
npm install @mosuke_mkii/csv-file
```

## 使い方

以下は `CsvFile` モジュールの基本的な使用例です：

```javascript
const CsvFile = require('@mosuke_mkii/csv-file');

(async () => {
  // CSVファイルの新規作成とヘッダーの追加
  const csvFile = new CsvFile({
    headers: ['Name', 'Age', 'Gender'],
    path: 'example.csv'
  });
  await csvFile.createOnlyHeader();

  // 既存のCSVファイルへの行の追加
  await csvFile.append([
    ['John Doe', '30', 'Male'],
    ['Jane Doe', '25', 'Female']
  ]);

  // CSVファイルの読み込みとオブジェクトへの変換
  const rows = await csvFile.convertCsvToArray();
  console.log(rows);
  /*
  output:
    [
      { Name: 'John Doe', Age: '30', Gender: 'Male' },
      { Name: 'Jane Doe', Age: '25', Gender: 'Female' }
    ]
  */
})();
```

## ライセンス

このプロジェクトは [MIT ライセンス](https://github.com/YukinobuKurata/YouTubeMagicBuyButton/blob/master/MIT-LICENSE.txt) の下で公開されています。
npm package: @mskii/file-util
Description: ファイル操作関連のユーティリティクラス
Author: mskii
Latest version: 1.0.11

# FileUtil

`FileUtil` は、`Node.js` でのファイル操作を簡単にするためのモジュールです。<br>
ファイルやディレクトリの作成、読み込み、変更、削除など、様々なファイル操作をサポートします。

## 機能

- ディレクトリの作成
- ファイルとその親フォルダの作成
- ファイルの存在確認
- オブジェクトやオブジェクト配列をJSONファイルとして出力
- JSONファイルの読み込み
- ファイル内の数値読み取り
- フォルダ内の特定のファイル名変更
- フォルダ内の全ファイル名の一括変更
- ファイルのフォルダ間移動
- フォルダ内のファイル数カウント
- フォルダ内の全ファイル削除
- 特定のパターンに一致するファイルの削除
- 改行コードの変換（DOSからUNIX）

## インストール

```bash
npm install @mskii/file-util
```

## 使い方

以下は `FileUtil` モジュールの基本的な使用例です：

```javascript
const FileUtil = require('@mskii/file-util');

(async () => {
  // ディレクトリの作成
  await FileUtil.createFolder('path/to/folder');

  // ファイルとその親フォルダの作成
  await FileUtil.createFileWithFolder('path/to/file.txt', 'Hello World!');

  // ファイルの存在確認
  const exists = await FileUtil.isFileExistence('path/to/file.txt');
  console.log('ファイル存在:', exists);

  // JSONファイルへのオブジェクトの出力
  const data = { key: 'value' };
  await FileUtil.outputJsonFromData(data, 'path/to/file.json');

  // JSONファイルの読み込み
  const jsonData = await FileUtil.readDataFromJson('path/to/file.json');
  console.log('JSON読込成功', jsonData);
  
})();
```

## ライセンス

このプロジェクトは [MIT ライセンス](https://github.com/YukinobuKurata/YouTubeMagicBuyButton/blob/master/MIT-LICENSE.txt) の下で公開されています。
npm package: @mskii/puppeteer-optimizer
Description: 必要な機能設定を施したpuppeteer継承クラスモジュール
Author: mskii
Latest version: 1.0.12

## サンプルコード実行手順(`/example`)

```bash
$ docker rmi mskii/puppeteer-optimizer:latest

$ docker build -t mskii/puppeteer-optimizer:latest \
    --no-cache=true \
    -f ./Dockerfile .

# 稼働
$ docker run --init \
    --rm \
    --name puppeteer-optimizer-run \
    -it mskii/puppeteer-optimizer:latest

# debug稼働
$ docker run --init \
    --rm \
    --name puppeteer-optimizer-debug \
    -v $(pwd)/task/package.json:/task/package.json \
    -v $(pwd)/task/index.js:/task/index.js \
    --entrypoint="/bin/bash" \
    -it mskii/puppeteer-optimizer:latest
```
npm package: @mskii/s3-manager
Description: S3上のオブジェクトを操作するクラス
Author: mskii
Latest version: 1.0.4

# @mskii/s3-manager

`@mskii/s3-manager` は、AWS S3 オブジェクトを簡単かつ効率的に操作するための Node.js モジュールです。このモジュールを使用することで、S3 バケット内のファイルのアップロード、ダウンロード、削除、およびその他の操作を行うことができます。

## 特徴
- ファイルのアップロードとダウンロード
- ディレクトリの一括アップロードとダウンロード
- ファイルの存在確認
- ファイルサイズの取得
- S3 ディレクトリ内のファイルリストの取得
- etc.

## インストール

```bash
npm install @mskii/s3-manager
```

## 使い方

下記は一部の機能の一例です。<br>
その他の機能については source を確認してください。

### 基本的なセットアップ

```js
const S3Manager = require('@mskii/s3-manager');
const s3 = await S3Manager.create({ configFilePath: './config.json' });
```

### ファイルのアップロード

```js
s3Manager.putS3File('path/to/local/file.txt', 'path/to/s3/file.txt')
  .then(() => {
    console.log('ファイルのアップロードに成功');
  })
  .catch(err => {
    console.error('ファイルのアップロードエラー:', err);
  });
```

### ファイルのダウンロード

```js
s3Manager.getS3File('path/to/s3/file.txt', 'path/to/local/file.txt')
  .then(() => {
    console.log('ファイルのダウンロードに成功');
  })
  .catch(err => {
    console.error('ファイルのダウンロードエラー:', err);
  });
```

### ファイルの存在確認

```js
s3Manager.isFileExistence('path/to/s3/file.txt')
  .then(exists => {
    console.log(`ファイルは存在${exists ? 'する' : 'しない'}`);
  })
  .catch(err => {
    console.error('ファイルの存在確認エラー:', err);
  });
```

### ディレクトリのアップロード

```js
s3Manager.putDirectoryToS3('path/to/local/directory', 'path/to/s3/directory')
  .then(() => {
    console.log('ディレクトリのアップロードに成功');
  })
  .catch(err => {
    console.error('ディレクトリのアップロードエラー:', err);
  });
```

## `config` パラメータ

`@mskii/s3-manager` を使用する際に設定する `config` パラメータの一覧です。

| パラメータ名       | 必須/オプショナル | 説明                                           | 設定例                |
|-----------------|-----------------|--------------------------------------------|--------------------|
| `ACCESS_KEY_ID`     | 必須            | AWS アクセスキーID                             | `あなたのAWSアクセスキーID` |
| `SECRET_ACCESS_KEY` | 必須            | AWS シークレットアクセスキー                      | `あなたのAWSシークレットアクセスキー` |
| `BUCKET_NAME`       | optional(default=`null`)        | デフォルトの S3 バケット名。各メソッド引数での指定も可能          | `example-bucket`      |
| `REGION_NAME`       | optional(default=`ap-northeast-1`)        | AWS リージョン名      | `ap-northeast-1`   |

## 設定例

以下は `config.json` を使った設定例です。

```json
{
  "ACCESS_KEY_ID": "あなたのAWSアクセスキーID",
  "SECRET_ACCESS_KEY": "あなたのAWSシークレットアクセスキー",
  "BUCKET_NAME": "任意のバケット名",
  "REGION_NAME": "ap-northeast-1"
}
```

この設定ファイルは、`S3Manager.create()` メソッドで使用できます。


## ライセンス

MIT

## 著者

mskii
npm package: @msmid/devnotes
Description: Keep your notes close to project
Author: Martin Smid
Latest version: 0.5.0

# Devnotes

Tired of keeping different notepad files scattered around? Do you struggle where to put
simple notes as: credentials to testing account, what to do next, links to issues you are solving or
taking quick notes before going to lunch?

Simple tool to keep your personal dev notes close to project, accessed by your IDE is here.

## How to use

```bash
npm install -g @msmid/devnotes
```

in your project root:

```bash
devnotes init
```

## Commands

### `init`

- creates empty `devnotes.md` in your current path
- append devnotes.md to `.gitignore`

### `add`

- adds markdown element to `devnotes.md`
- available subcommands `h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `p`, `a`, `check`, `li`, `br`

### `help`

- sefl-explanatory
npm package: @msmithburger/react-pdf-highlighter
Description: react-pdf-highlighter fork of fork
Author: Matt Smithburger
Latest version: 1.0.26

## react-pdf-highlighter

This is an improved fork copy of [react-pdf-highlighter](https://github.com/theonlysake/react-pdf-highlighter), which is a fork of [react-pdf-highlighter](https://www.npmjs.com/package/react-pdf-highlighter)

This version also includes the ability search for a specific text + page combination.

The Github repo for this version can be found [here](https://github.com/msmithburger/react-pdf-highlighter).
npm package: @msml/react-native-notification-badge
Description: Show a badge on the app icon on both Android and iOS.
Author: Mees Maas
Latest version: 0.1.6

# react-native-notification-badge

Show a badge on the app icon on both Android and iOS.

## Installation

```sh
npm install @msml/react-native-notification-badge
```

or

```sh
yarn add @msml/react-native-notification-badge
```

Additionally on iOS you need to run:

```sh
npx pod-install
```

## Usage

```js
import NotificationBadge from '@msml/react-native-notification-badge';
```

### Configure (android only)

You can configure the title and text that will be displayed on the notification block. `%count%` will be replaced with the actual notifications open.

```js
NotificationBadge.configure('Title', 'There are %count% new messages');
```

### Set Number

Update the value of the badge. When set to 0 the badge will disappear.

```js
NotificationBadge.setNumber(12);
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT