open-index/open-npm huggingface dataset:
npm package: @neorel/fetch-intercept
Description: Interceptor library for the native fetch command inspired by angular http intercepts.
Author: Malte Legenhausen
Latest version: 2.4.0

# fetch-intercept

[![Build Status](https://travis-ci.org/werk85/fetch-intercept.svg?branch=master)](https://travis-ci.org/werk85/fetch-intercept)

Interceptor library for the native fetch command inspired by [angular http interceptors](https://docs.angularjs.org/api/ng/service/$http).

`fetch-intercept` monkey patches the global `fetch` method and allows you the usage in Browser, Node and Webworker environments.

## Installation

```
npm install fetch-intercept --save
```

## Usage

_Note_: You need to require `fetch-intercept` before you use `fetch` the first time.

Make sure you have a `fetch` [compatible environment](http://caniuse.com/#search=fetch) or added a [appropriate polyfill](https://github.com/github/fetch).

```js
import fetchIntercept from 'fetch-intercept';

const unregister = fetchIntercept.register({
    request: function (url, config) {
        // Modify the url or config here
        return [url, config];
    },

    requestError: function (error) {
        // Called when an error occured during another 'request' interceptor call
        return Promise.reject(error);
    },

    response: function (response) {
        // Modify the reponse object
        return response;
    },

    responseError: function (error) {
        // Handle an fetch error
        return Promise.reject(error);
    }
});

// Call fetch to see your interceptors in action.
fetch('http://google.com');

// Unregister your interceptor
unregister();
```

## React-Native Compatibility
Support react-native `0.17` or higher versions.

## License
MIT
npm package: @neos1/truffle-plugin-docs
Description: generates simple markdown documentation for solidity contracts from truffle build .json files
Author: masteralx
Latest version: 1.2.4

# truffle-plugin-docs
Generates simple markdown documentation for solidity contracts from truffle build .json files

## Usage
1. Install the plugin from NPM.
```
npm i --save-dev @neos1/truffle-plugin-docs
```
2. Add a plugins section to your Truffle config.
```
module.exports = {
  /* ... rest of truffle-config */

  plugins: [
    "@neos1/truffle-plugin-docs"
  ]
}
```
3. Run the command
```
truffle compile
truffle run docs
```

## Help output
```
Usage:
truffle run docs [options]

Options:
-v, --version                          output the version number
-e, --exclude "<file>, [file...]"      exclude specified files from documentation generation
-i, --include "<file>, [file...]"      include only specified files for documentation generation
-d, --dest "<directory>"               generate docs to dest directory (default: "./docs")
```
npm package: @neos21/bookmarkletify
Description: Bookmarkletify
Author: Neo
Latest version: 0.0.5

# @neos21/bookmarkletify : Bookmarkletify

[![NPM Version](https://img.shields.io/npm/v/@neos21/bookmarkletify.svg)](https://www.npmjs.com/package/@neos21/bookmarkletify) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/bookmarkletify?label=github)](https://github.com/Neos21/bookmarkletify/pkgs/npm/bookmarkletify)

JavaScript コードを Bookmarklet 形式に圧縮・変換します。


## CLI Usage

```bash
$ npm install -g @neos21/bookmarkletify

# Input From File
$ bookmarkletify -i ./my-file.js
$ bookmarkletify --input ./my-file.js

# Input From Arguments
$ bookmarkletify "console.log('Test');"
javascript:(()=>{console.log("Test")})();
# Example Output
```


## API Usage

```javascript
// CJS
const bookmarkletify = require('@neos21/bookmarkletify');
// ESM
import { bookmarkletify } from '@neos21/bookmarkletify';

const input = `javascript:
  ((doc) => {
    let elem = doc.querySelector('#test');
    if(elem) {
      console.log(elem.value);
    }
  })(document);
`;

try {
  const uglified = bookmarkletify(input);
  console.log(uglified);
}
catch(error) {
  console.error(error);
}
```


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - bookmarkletify](https://github.com/Neos21/bookmarkletify)
- [GitHub Pages - @neos21/bookmarkletify : Bookmarkletify](https://neos21.github.io/bookmarkletify)
- [npm - @neos21/bookmarkletify](https://www.npmjs.com/package/@neos21/bookmarkletify)
npm package: @neos21/brightness
Description: Brightness
Author: Neo
Latest version: 0.0.1

# @neos21/brightness : neos-brightness

[![NPM Version](https://img.shields.io/npm/v/@neos21/brightness.svg)](https://www.npmjs.com/package/@neos21/brightness) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/neos-brightness?label=github)](https://github.com/Neos21/neos-brightness/packages/552077)

Brightness


## API

### `brightness.get()` : `Promise<number>`

- Returns : Brightness ... `0` to `100`

### `brightness.set(brightness)` : `Promise<void>`

- Parameter 1 : Brightness
    - `number | string` : `0` to `100`


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - neos-brightness](https://github.com/Neos21/neos-brightness)
- [npm - @neos21/brightness](https://www.npmjs.com/package/@neos21/brightness)
npm package: @neos21/calc-cli
Description: CLI Calculator
Author: Neo
Latest version: 0.0.2

# node-calc-cli : @neos21/calc-cli

[![NPM Version](https://img.shields.io/npm/v/@neos21/calc-cli.svg)](https://www.npmjs.com/package/@neos21/calc-cli) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/node-calc-cli?label=github)](https://github.com/Neos21/node-calc-cli/packages/328038)

CLI Calculator.


## How To Use

```sh
$ npm install -g @neos21/calc-cli

$ calc '80.7 - 10.1'
# --> 70.6

# Alias
$ ncalc '80.7 - 10.1'
```


## Author

[Neo](http://neo.s21.xrea.com/)

- [GitHub - node-calc-cli](https://github.com/Neos21/node-calc-cli)
- [npm - @neos21/calc-cli](https://www.npmjs.com/package/@neos21/calc-cli)


## Links

- [Neo's World](http://neo.s21.xrea.com/)
- [Corredor](https://neos21.hatenablog.com/)
- [Murga](https://neos21.hatenablog.jp/)
- [El Mylar](https://neos21.hateblo.jp/)
- [Neo's GitHub Pages](https://neos21.github.io/)
- [GitHub - Neos21](https://github.com/Neos21/)
npm package: @neos21/ccc
Description: ccc : Colour Code Converter
Author: Neo
Latest version: 1.0.7

# ccc : Colour Code Converter : @neos21/ccc

[![NPM Version](https://img.shields.io/npm/v/@neos21/ccc.svg)](https://www.npmjs.com/package/@neos21/ccc) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/ccc?label=github)](https://github.com/Neos21/ccc/packages/327426)

__[Demo Page Here](https://neos21.github.io/ccc/)__


## CLI

### Installation

```sh
$ npm install -g @neos21/ccc
```

### How To Use

```sh
# Colour Code
$ ccc 39c        # -> 51,153,204
$ ccc ff8000     # -> 255,128,0
$ ccc '#007AFF'  # -> 0,122,255

# RGB Code
$ ccc 0 128 255  # -> #0080ff
$ ccc 255,30,48  # -> #ff1e30
```


## API

### Installation

```sh
$ npm install --save @neos21/ccc
```

### How To Use

```javascript
const ccc = require('@neos21/ccc');

// Colour Code
ccc('39c');          // -> [ 51, 153, 204 ]
ccc('ff8000');       // -> [ 255, 128, 0 ]
ccc('#007AFF');      // -> [ 0, 122, 255 ]

// RGB Code
ccc('0, 128, 255');  // -> '#0080ff'
ccc([255, 30, 48]);  // -> '#ff1e30'
```


## Author

[Neo](http://neo.s21.xrea.com/)

- [GitHub - ccc](https://github.com/Neos21/ccc)
- [GitHub Pages - ccc : Colour Code Converter : @neos21/ccc](https://neos21.github.io/ccc/)
- [npm - @neos21/ccc](https://www.npmjs.com/package/@neos21/ccc)


## Links

- [Neo's World](http://neo.s21.xrea.com/)
- [Corredor](https://neos21.hatenablog.com/)
- [Murga](https://neos21.hatenablog.jp/)
- [El Mylar](https://neos21.hateblo.jp/)
- [Neo's GitHub Pages](https://neos21.github.io/)
- [GitHub - Neos21](https://github.com/Neos21/)
npm package: @neos21/compare-colour-contrast-ratio
Description: Compare Colour Contrast Ratio
Author: Neo
Latest version: 1.0.4

# Compare Colour Contrast Ratio : @neos21/compare-colour-contrast-ratio

[![NPM Version](https://img.shields.io/npm/v/@neos21/compare-colour-contrast-ratio.svg)](https://www.npmjs.com/package/@neos21/compare-colour-contrast-ratio) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/compare-colour-contrast-ratio?label=github)](https://github.com/Neos21/compare-colour-contrast-ratio/packages/327440)

2色の色情報からコントラスト比を導きます。


## Demo

__[Demo (GitHub Pages)](https://neos21.github.io/compare-colour-contrast-ratio/)__


## Author

[Neo](http://neo.s21.xrea.com/)

- [GitHub - compare-colour-contrast-ratio](https://github.com/Neos21/compare-colour-contrast-ratio)
- [GitHub Pages - Compare Colour Contrast Ratio : @neos21/compare-colour-contrast-ratio](https://neos21.github.io/compare-colour-contrast-ratio/)
- [npm - @neos21/compare-colour-contrast-ratio](https://www.npmjs.com/package/@neos21/compare-colour-contrast-ratio)


## Links

- [Neo's World](http://neo.s21.xrea.com/)
- [Corredor](https://neos21.hatenablog.com/)
- [Murga](https://neos21.hatenablog.jp/)
- [El Mylar](https://neos21.hateblo.jp/)
- [Neo's GitHub Pages](https://neos21.github.io/)
- [GitHub - Neos21](https://github.com/Neos21/)
npm package: @neos21/convert-encoding-newline
Description: Convert Encoding New Line
Author: Neo
Latest version: 0.0.1

# @neos21/convert-encoding-newline : Convert Encoding New Line

[![NPM Version](https://img.shields.io/npm/v/@neos21/convert-encoding-newline.svg)](https://www.npmjs.com/package/@neos21/convert-encoding-newline) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/convert-encoding-newline?label=github)](https://github.com/Neos21/convert-encoding-newline/packages/1560217)

テキストファイルの文字コード・改行コードを判定・変換する CLI ツール。

- UTF-8 (ASCII のみも含む)、BOM 付き UTF-8、Shift-JIS、EUC-JP 形式のテキストファイルを相互に変換する
- 改行コードを LF・CR・CR+LF のいずれかに変換する


## How To Use

```bash
$ npm install -g @neos21/convert-encoding-newline

# 改行コード・文字コードの判定のみ行う
$ convert-encoding-newline -i ./input.txt

# 改行コード・文字コードを指定して変換する
$ convert-encoding-newline -i ./input.txt -e 'UTF8' -l 'LF' -o ./output.txt
```

- `-i <file>`・`--input <file>` : 判定・変換を行いたいファイルパス (必須)
- `-o <file>`・`--output <file>` : 変換後のファイルパス (このオプションを書くと変換モードとなる)
- `-e <encoding>`・`--encoding <encoding>` : 変換したい文字コード。未指定時のデフォルトは `UTF8`。指定可能なオプションは次のとおり
    - `SJIS`・`SHIFT-JIS`・`SHIFT_JIS`・`SHIFTJIS`
    - `EUCJP`・`EUC-JP`
    - `UTF8`・`UTF-8`
    - `UTF8BOM`・`UTF-8BOM`・`UTF8 BOM`・`UTF-8 BOM`
- `-l <new-line>`・`--new-line <new-line>` : 変換したい改行コード。未指定時のデフォルトは `LF`。指定可能なオプションは次のとおり
    - `LF`
    - `CR`
    - `CRLF`・`CR-LF`・`CR+LF`・`CR LF`
- `-f`・`--force` : このオプションを指定すると、変換後のファイルパスに既にファイルが存在しても強制的に上書きする
- `-q`・`--quiet` : このオプションを指定すると、変換時に変換成功の標準出力を出力しない (エラー時は標準エラー出力が出力される)


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - convert-encoding-newline](https://github.com/Neos21/convert-encoding-newline)
- [npm - @neos21/convert-encoding-newline](https://www.npmjs.com/package/@neos21/convert-encoding-newline)
npm package: @neos21/detect-chinese
Description: Detect Chinese
Author: Neo
Latest version: 0.0.2

# @neos21/detect-chinese : Detect Chinese

[![NPM Version](https://img.shields.io/npm/v/@neos21/detect-chinese.svg)](https://www.npmjs.com/package/@neos21/detect-chinese) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/detect-chinese?label=github)](https://github.com/Neos21/detect-chinese/packages/1557727)

文字列に「中国語にしか使われない漢字が含まれているかどうか」を調べることで、対象の文字列が「中国語かどうか」を判定する。


## Demo

__[Demo (GitHub Pages)](https://neos21.github.io/detect-chinese/)__


## How To Use

### CLI ツールとして使用する

```bash
$ npm install -g @neos21/detect-chinese

$ detect-chinese 'こんにちは。哈罗'
{
  "language": "cn",
  "text": "こんにちは。哈罗",
  "japaneseCharacters": [
    "こ",
    "ん",
    "に",
    "ち",
    "は",
    "。",
    "哈"
  ],
  "chineseCharacters": [
    "罗"
  ],
  "otherCharacters": []
}

$ detect-chinese 'こんにちは。哈罗' | jq -r '.language'
cn
```

文字列のうち `罗` は日本語に存在しない文字である → この文章は中国語が含まれているので `"language": "cn"` (中国語) とみなしている。

### Node.js API として利用する

```bash
$ npm install --save @neos21/detect-chinese
```

```javascript
const detectChinese = require('@neos21/detect-chinese');

const text = 'こんにちは。哈罗';
const detected = detectChinese.detect(text);

console.log('Detected Language : ', detected.language);  // 'cn'

const isIncludesChinese = detected.chineseCharacters.length > 0;  // true
if(isIncludesChinese) {
  console.log('中国語を含んだ文字列です。');  // ←
} else {
  console.log('中国語を含んでいません。');
}
```

### ブラウザで利用する

- [jsDelivr](https://www.jsdelivr.com/package/npm/@neos21/detect-chinese)
- unpkg.org : `https://unpkg.com/browse/@neos21/detect-chinese@【Latest Version】/`
- [GitHub Pages](https://neos21.github.io/detect-chinese/)
    - <https://neos21.github.io/detect-chinese/detect-chinese.js>
- [Raw GitHub](https://github.com/Neos21/detect-chinese)
    - <https://raw.githubusercontent.com/Neos21/detect-chinese/master/index.js>

```html
<!-- JS を読み込みます -->
<script src="index.js"></script>

<script>
  const detected = window.detectChinese.detect('こんにちは。哈罗');
  console.log(detected);
</script>
```


## Thanks Contributors!

- [GunseiKPaseri](https://github.com/GunseiKPaseri)


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - detect-chinese](https://github.com/Neos21/detect-chinese)
- [GitHub Pages - @neos21/detect-chinese : Detect Chinese](https://neos21.github.io/detect-chinese)
- [npm - @neos21/detect-chinese](https://www.npmjs.com/package/@neos21/detect-chinese)
npm package: @neos21/gulp-template-html
Description: Generate static HTML files from templates and content files
Author: Neos21
Latest version: 1.0.7

# gulp-template-html : @neos21/gulp-template-html

[![NPM Version](https://img.shields.io/npm/v/@neos21/gulp-template-html.svg)](https://www.npmjs.com/package/@neos21/gulp-template-html) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/gulp-template-html?label=github)](https://github.com/Neos21/gulp-template-html/packages/328042)

Gulp plugin uses [@neos21/template-html](https://github.com/Neos21/template-html) to generate static HTML files from templates and content files.


## Installation

```sh
$ npm install @neos21/gulp-template-html
```


## Gulpfile

```javascript
var gulp = require('gulp');
var template = require('@neos21/gulp-template-html');

gulp.task('default', () => {
  return gulp
    .src('content/*.html')
    .pipe(template('templates/template.html'))
    .pipe(gulp.dest('dist'));
});
```


## Example Usage

See the [examples](./examples) directory for an example of how to generate static HTML files from a template.


## How to contribute

1. File an issue in the repository, using the bug tracker, describing the
   contribution you'd like to make. This will help us to get you started on the
   right foot.
2. Fork the project in your account and create a new branch:
   `your-great-feature`.
3. Commit your changes in that branch.
4. Open a pull request, and reference the initial issue in the pull request
   message.


## License

See the [LICENSE](./LICENSE) file.


## Author

[Neo](http://neo.s21.xrea.com/)

- [GitHub - gulp-template-html](https://github.com/Neos21/gulp-template-html)
- [npm - @neos21/gulp-template-html](https://www.npmjs.com/package/@neos21/gulp-template-html)


## Links

- [Neo's World](http://neo.s21.xrea.com/)
- [Corredor](https://neos21.hatenablog.com/)
- [Murga](https://neos21.hatenablog.jp/)
- [El Mylar](https://neos21.hateblo.jp/)
- [Neo's GitHub Pages](https://neos21.github.io/)
- [GitHub - Neos21](https://github.com/Neos21/)
npm package: @neos21/handpick
Description: Neo's Handpick
Author: Neo
Latest version: 0.0.1

# @neos21/handpick : Neo's Handpick

[![NPM Version](https://img.shields.io/npm/v/@neos21/handpick.svg)](https://www.npmjs.com/package/@neos21/handpick) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/neos-handpick?label=github)](https://github.com/Neos21/neos-handpick/pkgs/npm/handpick)

Inspired by [henryruhs/handpick](https://github.com/henryruhs/handpick).

```bash
$ npm install --global @neos21/handpick
$ nhp lintDependencies testDependencies
```


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - Neo's Handpick](https://github.com/Neos21/neos-handpick)
- [npm - @neos21/handpick](https://www.npmjs.com/package/@neos21/handpick)
npm package: @neos21/hatena-blogs
Description: Hatena Blogs
Author: Neo
Latest version: 1.1.2

# Hatena Blogs : @neos21/hatena-blogs

[![NPM Version](https://img.shields.io/npm/v/@neos21/hatena-blogs.svg)](https://www.npmjs.com/package/@neos21/hatena-blogs) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/hatena-blogs?label=github)](https://github.com/Neos21/hatena-blogs/packages/327523)

自分が運営しているはてなブログのテーマやカスタム HTML などを保存しておくリポジトリです。

__[Go To GitHub Pages](https://neos21.github.io/hatena-blogs/)__

- __[Corredor](https://neos21.hatenablog.com/)__
  - [corredor.css](https://neos21.github.io/hatena-blogs/dist/styles/corredor.css) (Source : [corredor.scss](https://neos21.github.io/hatena-blogs/src/styles/corredor.scss))
  - [corredor-head.html](https://neos21.github.io/hatena-blogs/src/html/corredor-head.html)
  - [corredor-header.html](https://neos21.github.io/hatena-blogs/src/html/corredor-header.html)
  - [corredor-sidebar.html](https://neos21.github.io/hatena-blogs/src/html/corredor-sidebar.html)
  - [corredor-footer.html](https://neos21.github.io/hatena-blogs/src/html/corredor-footer.html)
- __[Murga](https://neos21.hatenablog.jp/)__
  - [murga.css](https://neos21.github.io/hatena-blogs/dist/styles/murga.css) (Source : [murga.scss](https://neos21.github.io/hatena-blogs/src/styles/murga.scss))
  - [murga-head.html](https://neos21.github.io/hatena-blogs/src/html/murga-head.html)
  - [murga-header.html](https://neos21.github.io/hatena-blogs/src/html/murga-header.html)
  - [murga-sidebar.html](https://neos21.github.io/hatena-blogs/src/html/murga-sidebar.html)
  - [murga-footer.html](https://neos21.github.io/hatena-blogs/src/html/murga-footer.html)
- __[El Mylar](https://neos21.hateblo.jp/)__
  - [el-mylar.css](https://neos21.github.io/hatena-blogs/dist/styles/el-mylar.css) (Source : [el-mylar.scss](https://neos21.github.io/hatena-blogs/src/styles/el-mylar.scss))
  - [el-mylar-head.html](https://neos21.github.io/hatena-blogs/src/html/el-mylar-head.html)
  - [el-mylar-header.html](https://neos21.github.io/hatena-blogs/src/html/el-mylar-header.html)
  - [el-mylar-sidebar.html](https://neos21.github.io/hatena-blogs/src/html/el-mylar-sidebar.html)
  - [el-mylar-footer.html](https://neos21.github.io/hatena-blogs/src/html/el-mylar-footer.html)


## Author

[Neo](https://neos21.net/)

- [GitHub - hatena-blogs](https://github.com/Neos21/hatena-blogs)
- [GitHub Pages - Hatena Blogs](https://neos21.github.io/hatena-blogs/)
- [npm - @neos21/hatena-blogs](https://www.npmjs.com/package/@neos21/hatena-blogs) [![NPM Version](https://img.shields.io/npm/v/@neos21/hatena-blogs.svg)](https://www.npmjs.com/package/@neos21/hatena-blogs)
  - [unpkg](https://unpkg.com/@neos21/hatena-blogs/)
  - [jsDelivr](https://www.jsdelivr.com/package/npm/@neos21/hatena-blogs)


## Links

- [Neo's World](https://neos21.net/)
- [Corredor](https://neos21.hatenablog.com/)
- [Murga](https://neos21.hatenablog.jp/)
- [El Mylar](https://neos21.hateblo.jp/)
- [Neo's GitHub Pages](https://neos21.github.io/)
- [GitHub - Neos21](https://github.com/Neos21/)
npm package: @neos21/igsv
Description: Instagram の画像・動画をダウンロードする CLI ツール
Author: Neo
Latest version: 1.0.2

# igsv : @neos21/igsv

Instagram の画像・動画をダウンロードする CLI ツール。

[![NPM Version](https://img.shields.io/npm/v/@neos21/igsv.svg)](https://www.npmjs.com/package/@neos21/igsv) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/igsv?label=github)](https://github.com/Neos21/igsv/packages/328020)


## Installation

```sh
$ npm install -g @neos21/igsv
```


## How To Use

```sh
# 指定の投稿に紐付く画像・動画を取得する
$ igsv https://www.instagram.com/p/XXXXXXXXXXX/
```

デフォルトの保存先は、コマンドを実行した時のカレントディレクトリに `igsv-downloads/` ディレクトリを作り、その下にファイルを保存する。

保存先ディレクトリを変更する場合は、環境変数か第2引数で指定できる (両方指定されている場合は第2引数が優先)。

```sh
# 環境変数で指定して実行
$ export IGSV_SAVE_DIRECTORY='/home/downloads'
$ igsv https://www.instagram.com/p/XXXXXXXXXXX/

# 第2引数で指定して実行
$ igsv https://www.instagram.com/p/XXXXXXXXXXX/ '/home/downloads'
```


## Author

[Neo](http://neo.s21.xrea.com/)

- [GitHub - igsv](https://github.com/Neos21/igsv)
- [npm - @neos21/igsv](https://www.npmjs.com/package/@neos21/igsv)


## Links

- [Neo's World](http://neo.s21.xrea.com/)
- [Corredor](https://neos21.hatenablog.com/)
- [Murga](https://neos21.hatenablog.jp/)
- [El Mylar](https://neos21.hateblo.jp/)
- [Neo's GitHub Pages](https://neos21.github.io/)
- [GitHub - Neos21](https://github.com/Neos21/)
npm package: @neos21/in-browser-sass
Description: Compile SASS / SCSS in the browser.
Author: Neos21
Latest version: 1.0.10

# in-browser-sass : @neos21/in-browser-sass

[![NPM Version](https://img.shields.io/npm/v/@neos21/in-browser-sass.svg)](https://www.npmjs.com/package/@neos21/in-browser-sass) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/in-browser-sass?label=github)](https://github.com/Neos21/in-browser-sass/packages/326130)

ブラウザ上で SASS / SCSS コードをコンパイルし Web ページに適用するライブラリ。

[English version is here](README.md)


## デモ

__[デモ (GitHub Pages)](https://neos21.github.io/in-browser-sass/)__


## インストール方法

```html
<!-- Load sass.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.11.1/sass.sync.min.js"></script>
<!-- Load this script -->
<script src="in-browser-sass.js"></script>
```

[sass.js](https://github.com/medialize/sass.js) の CDN は以下が利用可能。

- <https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.11.1/sass.sync.min.js>
- <https://unpkg.com/sass.js@0.1!.1/dist/sass.sync.js>


## バンドル版

バンドル版は sass.js を内蔵している。そのため、インストールは以下の1行で済む。

```html
<!-- Load this script included sass.js -->
<script src="in-browser-sass.bundle.js"></script>
```


## 使い方

HTML 中に `link` 要素もしくは `style` 要素で SASS / SCSS コードを挿入する。`type="text/sass"` か `type="text/sass"` の属性を付与すること。

```html
<!-- SASS : link tag -->
<link rel="stylesheet" type="text/sass" href="example.sass">

<!-- SCSS : link tag -->
<link rel="stylesheet" type="text/scss" href="example.scss">

<!-- SASS : style tag -->
<style type="text/sass">
body
  p
color: #f00
</style>

<!-- SCSS : style tag -->
<style type="text/scss">
body {
  p {
font-weight: bold;
  }
}
</style>
```

これが以下のようにコンパイル・適用される。

```html
<!-- SASS : link tag -->
<link rel="stylesheet" type="text/sass" href="example.sass">
<!-- Compiled example.sass -->
<style type="text/css">
body > selection {
  font-size: 110%;
}
</style>

<!-- SCSS : link tag -->
<link rel="stylesheet" type="text/scss" href="example.scss">
<!-- Compiled example.scss -->
<style type="text/css">
a {
  color: #06f;
}
a:hover {
  color: #f09;
}
</style>

<!-- SASS : style tag -->
<style type="text/sass">
body
  p
color: #f00
</style>
<!-- Compiled inline SASS -->
<style type="text/css">
body p {
  color: #ff0;
}
</style>

<!-- SCSS : style tag -->
<style type="text/scss">
body {
  p {
font-weight: bold;
  }
}
</style>
<!-- Compiled inline SCSS -->
<style type="text/css">
body p {
  font-weight: bold;
}
</style>
```

コンパイル後の CSS ソースを持つ `style` 要素は、元の要素の直後に挿入される。

`@import` 記法には対応していない。


## 作者

[Neo](http://neo.s21.xrea.com/)

- [GitHub - in-browser-sass](https://github.com/Neos21/in-browser-sass)
- [GitHub Pages - in-browser-sass : @neos21/in-browser-sass](https://neos21.github.io/in-browser-sass/)
- [npm - @neos21/in-browser-sass](https://www.npmjs.com/package/@neos21/in-browser-sass)


## Links

- [Neo's World](http://neo.s21.xrea.com/)
- [Corredor](https://neos21.hatenablog.com/)
- [Murga](https://neos21.hatenablog.jp/)
- [El Mylar](https://neos21.hateblo.jp/)
- [Neo's GitHub Pages](https://neos21.github.io/)
- [GitHub - Neos21](https://github.com/Neos21/)
npm package: @neos21/in-browser-ts
Description: Compile TypeScript in the browser.
Author: Neo
Latest version: 0.0.0

# @neos21/in-browser-ts : In Browser TS

[![NPM Version](https://img.shields.io/npm/v/@neos21/in-browser-ts.svg)](https://www.npmjs.com/package/@neos21/in-browser-ts) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/in-browser-ts?label=github)](https://github.com/Neos21/in-browser-ts/packages/__ID__)

ブラウザ上で TypeScript コードをコンパイルし Web ページに適用するライブラリ。


## Demo

__[Demo (GitHub Pages)](https://neos21.github.io/in-browser-ts/)__


## How To Use

- 分離バージョンの場合 : `typescript.js` と `in-browser-ts.js` を読み込む
    - 圧縮板 : `in-browser-ts.min.js`

```html
<script src="./typescript.js"></script>
<script src="./in-browser-ts.js"></script>
```

- バンドルバージョンの場合 : `in-browser-ts.bundle.js` を読み込む
    - 圧縮板 : `in-browser-ts.bundle.min.js`

```html
<script src="./in-browser-ts.bundle.js"></script>
```

次のように `type="text/typescript"` 属性を付与して TypeScript コードを書く。

```html
<!-- 外部 TypeScript ファイルを読み込む -->
<script type="text/typescript" src="./example.ts"></script>

<!-- インラインに TypeScript を記述する -->
<script type="text/typescript">
  const text: string = 'Hello World';
</script>
```

DOMContentLoaded のタイミングで TypeScript コードが JavaScript にトランスパイルされ `body` 要素の末尾にインライン `script` 要素として挿入される。

In Browser TS の動作ログをコンソール出力するには `in-browser-ts.js` を読み込む前に次のグローバル変数を定義しておく。

```html
<script>
  window.inBrowserTsIsOutputLog = true;
</script>

<script src="./in-browser-ts.bundle.min.js"></script>
```


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - in-browser-ts](https://github.com/Neos21/in-browser-ts)
- [GitHub Pages - @neos21/in-browser-ts : In Browser TS](https://neos21.github.io/in-browser-ts)
- [npm - @neos21/in-browser-ts](https://www.npmjs.com/package/@neos21/in-browser-ts)
npm package: @neos21/japanese-monospaced-fonts
Description: Japanese Monospaced Fonts : 日本語等幅フォント集
Author: Neo
Latest version: 1.0.2
Deprecated: Deleted

# Japanese Monospaced Fonts : @neos21/japanese-monospaced-fonts

[![NPM Version](https://img.shields.io/npm/v/@neos21/japanese-monospaced-fonts.svg)](https://www.npmjs.com/package/@neos21/japanese-monospaced-fonts)

日本語等幅フォント集。

__[Go To GitHub Pages](https://neos21.github.io/japanese-monospaced-fonts/)__


## Author

[Neo](http://neo.s21.xrea.com/) ([@Neos21](https://twitter.com/Neos21))

- [GitHub - japanese-monospaced-fonts](https://github.com/Neos21/japanese-monospaced-fonts)
- [GitHub Pages - japanese-monospaced-fonts](https://neos21.github.io/japanese-monospaced-fonts/)
- [npm - @neos21/japanese-monospaced-fonts](https://www.npmjs.com/package/@neos21/japanese-monospaced-fonts)


## Links

- [Neo's World](http://neo.s21.xrea.com/)
- [Corredor](http://neos21.hatenablog.com/)
- [Murga](http://neos21.hatenablog.jp/)
- [El Mylar](http://neos21.hateblo.jp/)
- [Bit-Archer](http://bit-archer.hatenablog.com/)
- [GitHub - Neos21](https://github.com/Neos21/)
npm package: @neos21/just-tweet
Description: ツイートするだけの CLI ツール。
Author: Neo
Latest version: 1.0.2

# Just Tweet : @neos21/just-tweet

[![NPM Version](https://img.shields.io/npm/v/@neos21/just-tweet.svg)](https://www.npmjs.com/package/@neos21/just-tweet) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/just-tweet?label=github)](https://github.com/Neos21/just-tweet/packages/328025)

ツイートするだけの CLI ツール。


## Installation

```sh
$ npm install -g @neos21/just-tweet

# Set credentials
export TWITTER_CONSUMER_KEY='Your Consumer Key'
export TWITTER_CONSUMER_SECRET='Your Consumer Secret'
export TWITTER_ACCESS_TOKEN_KEY='Your Access Token Key'
export TWITTER_ACCESS_TOKEN_SECRET='Your Access Token Secret'
```


## How To Use

```sh
$ twi Hello World
```


## Author

[Neo](http://neo.s21.xrea.com/)

- [GitHub - just-tweet](https://github.com/Neos21/just-tweet)
- [npm - @neos21/just-tweet](https://www.npmjs.com/package/@neos21/just-tweet)


## Links

- [Neo's World](http://neo.s21.xrea.com/)
- [Corredor](https://neos21.hatenablog.com/)
- [Murga](https://neos21.hatenablog.jp/)
- [El Mylar](https://neos21.hateblo.jp/)
- [Neo's GitHub Pages](https://neos21.github.io/)
- [GitHub - Neos21](https://github.com/Neos21/)
npm package: @neos21/loudness
Description: Loudness
Author: Neo
Latest version: 0.0.1

# @neos21/loudness : neos-loudness

[![NPM Version](https://img.shields.io/npm/v/@neos21/loudness.svg)](https://www.npmjs.com/package/@neos21/loudness) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/neos-loudness?label=github)](https://github.com/Neos21/neos-loudness/packages/552078)

Loudness


## API

### `loudness.get()` : `Promise<number>`

- Returns : Volume ... `0` to `100`

### `loudness.set(volume)` : `Promise<{ volume: number, isMuted: boolean }>`

- Parameter 1 : Volume
  - `number | string` : `0` to `100`
- Returns : Volume Info
  - Property `volume` : `number` ... `0` to `100`
  - Property `isMuted` : `boolean` ... `true` or `false`

### `loudness.isMuted()` : `Promise<boolean>`

- Returns : Is Muted ... `true` or `false`

### `loudness.mute()` : `Promise<{ volume: number, isMuted: boolean }>`

- Returns : Volume Info

### `loudness.unmute()` : `Promise<{ volume: number, isMuted: boolean }>`

- Returns : Volume Info


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - neos-loudness](https://github.com/Neos21/neos-loudness)
- [npm - @neos21/loudness](https://www.npmjs.com/package/@neos21/loudness)
npm package: @neos21/neos-eslint-plugin
Description: Neo's ESLint Plugins
Author: Neo
Latest version: 0.0.4

# Neo's ESLint Plugin

[![NPM Version](https://img.shields.io/npm/v/@neos21/neos-eslint-plugin.svg)](https://www.npmjs.com/package/@neos21/neos-eslint-plugin) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/neos-eslint-plugin?label=github)](https://github.com/Neos21/neos-eslint-plugin/pkgs/npm/neos-eslint-plugin)

オレオレ ESLint プラグイン集。


## 使い方

```bash
$ npm install --save-dev @neos21/neos-eslint-plugin
```

ESLint v9 以降の Flat Config を前提としています。

- `eslint.config.ts` (or ESM) : 使用したいルールだけを `rules` に記載し、`warn` または `error` を指定します

```typescript
import neosEslintPlugin from '@neos21/neos-eslint-plugin';

export default [
  {
    files: ['src/**/*.{js,jsx,ts,tsx}'],
    plugins: {
      'neos-eslint-plugin': neosEslintPlugin
    },
    rules: {
      'neos-eslint-plugin/blank-line-indent'       : 'error',
      'neos-eslint-plugin/comment-colon-spacing'   : 'error',
      'neos-eslint-plugin/comment-paren-spacing'   : 'error',
      'neos-eslint-plugin/doc-comment-blank-lines' : 'error',
      'neos-eslint-plugin/doc-comment-format'      : 'error',
      'neos-eslint-plugin/newline-before-statement': 'error',
      'neos-eslint-plugin/no-space-before-paren'   : 'error'
    }
  }
];
```

全ルールを推奨設定を利用する場合は以下のように書けます。

```typescript
import neosEslintPlugin from '@neos21/neos-eslint-plugin';

export default [
  { files: ['src/**/*.{js,jsx,ts,tsx}'] },
  neosEslintPlugin.configs.recommended
];
```

全ルールをエラーレベルではなくワーニングレベルで出力する場合は以下を使用できます。

```typescript
import neosEslintPlugin from '@neos21/neos-eslint-plugin';

export default [
  { files: ['src/**/*.{js,jsx,ts,tsx}'] },
  neosEslintPlugin.configs.warn
];
```

CommonJS での利用時は `.default` を付けて `require()` してください。後の書き方は同じです。

```javascript
const neosEslintPlugin = require('@neos21/neos-eslint-plugin').default;

module.exports = [...];
```


## ルール一覧

- `blank-line-indent` : 空行にその行が属するブロックのインデント深さに合わせたスペースを入れる … Auto Fix 対応
- `comment-colon-spacing` : 全角コロンを禁止し、半角コロンの前後にスペースを付与する … Auto Fix 対応
- `comment-paren-spacing` : 全角カッコを禁止し、半角カッコの前後にスペースを付与する … Auto Fix 対応
- `doc-comment-blank-lines` : ドキュメンテーションコメントが1行で済む場合は1行で書き、複数行ある場合の2行目と `@param` などのかたまりの直前には空行を入れる … Auto Fix 対応
- `doc-comment-format` : ドキュメンテーションコメントの空行の末尾にスペースを入れる … Auto Fix 対応
- `newline-before-statement` : `else`・`else if`・`catch`・`finally`・`while` の直前に改行を入れる … Auto Fix 対応
- `no-space-before-paren` : `if`・`else if`・`catch`・`for`・`switch`・`while` の直後のカッコとの間にスペースを開けない … Auto Fix 対応


## 開発

- `package.json`
    - `main` : CommonJS のエントリポイント
    - `module` : ESM のエントリポイント
    - `types` : TypeScript 向け型定義 `.d.ts` のエントリポイント
    - `exports` : Node.js v12 以降向けのエントリポイント定義
        - `require` : CommonJS
        - `import` : ESM
        - `types` : TypeScript
    - `files` : `npm publish` 時に同梱されるファイル・ディレクトリ
    - `peerDependencies` : Flat Config 前提のため ESLint v9 以降を対象とするよう指定した
- `.npmignore` : `package.json` の `files` と併せて除外するファイル・ディレクトリを定義する・ビルド後の資材だけ含まれる用に設定した


## Links

- [Neo's World](https://neos21.net/)
- [npm - @neos21/neos-eslint-plugin](https://www.npmjs.com/package/@neos21/neos-eslint-plugin)
npm package: @neos21/neos-normalize
Description: Neo's Normalize
Author: Neo
Latest version: 2.1.4

# Neo's Normalize : @neos21/neos-normalize

[![NPM Version](https://img.shields.io/npm/v/@neos21/neos-normalize.svg)](https://www.npmjs.com/package/@neos21/neos-normalize) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/neos-normalize?label=github)](https://github.com/Neos21/neos-normalize/packages/327574)

Normalize.css の思想を基に、Windows・Mac・iOS の最新ブラウザで必要最小限のノーマライズスタイルを策定する。全ての要素に対するスタイリングを完璧に統一するのではなく、使用頻度の高い要素に限り最低限のスタイリングを行う。

- [neos-normalize.css](https://neos21.github.io/neos-normalize/neos-normalize.css)
- [neos-normalize.min.css](https://neos21.github.io/neos-normalize/neos-normalize.min.css)


## Demo

__[Demo (GitHub Pages)](https://neos21.github.io/neos-normalize/)__


## CDN

- [jsDelivr](https://www.jsdelivr.com/package/npm/@neos21/neos-normalize)
- unpkg.org : `https://unpkg.com/browse/@neos21/neos-normalize@【Latest Version】/`
- [GitHub Pages](https://neos21.github.io/neos-normalize/)
  - <https://neos21.github.io/neos-normalize/neos-normalize.min.css>
- [Raw GitHub](https://github.com/Neos21/neos-normalize)
  - <https://raw.githubusercontent.com/Neos21/neos-normalize/master/neos-normalize.min.css>


## Author

[Neo](https://neos21.net/)

- [GitHub - neos-normalize](https://github.com/Neos21/neos-normalize)
- [GitHub Pages - Neo's Normalize : @neos21/neos-normalize](https://neos21.github.io/neos-normalize/)
- [npm - @neos21/neos-normalize](https://www.npmjs.com/package/@neos21/neos-normalize)


## Links

- [Neo's World](https://neos21.net/)
- [Neo's GitHub Pages](https://neos21.github.io/)
- [GitHub - Neos21](https://github.com/Neos21/)
npm package: @neos21/neos-npm-blog
Description: Neo's npm Blog
Author: Neo
Latest version: 1.0.20201120

# @neos21/neos-npm-blog : Neo's npm Blog

[![NPM Version](https://img.shields.io/npm/v/@neos21/neos-npm-blog.svg)](https://www.npmjs.com/package/@neos21/neos-npm-blog) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/neos-npm-blog?label=github)](https://github.com/Neos21/neos-npm-blog/packages/327383)

npm パッケージとして配信するブログの試みです。


## Installation

```sh
$ npm install -g @neos21/neos-npm-blog
```

## How To Use

- 引数未指定 : バージョン確認を行った後、インストール済のバージョンの最新記事を表示します。新しいバージョンのリリースが確認された場合は最新のバージョン番号を案内しますが、アップデートは手動で行ってください。

```sh
$ neos-npm-blog
```

- `list` or `ls` : 記事ファイルの一覧を表示します。

```sh
$ neos-npm-blog list
$ neos-npm-blog ls
```

- `show 【YYYYMMDD】` : 指定した日付の記事ファイルを表示します。

```sh
$ neos-npm-blog show 20180428
```

記事のファイル名は `YYYYMMDD.md` で統一しています。

- `--help` or `help` : ヘルプを表示します。

```sh
$ neos-npm-blog --help
$ neos-npm-blog help
```


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - neos-npm-blog](https://github.com/Neos21/neos-npm-blog)
- [npm - @neos21/neos-npm-blog](https://www.npmjs.com/package/@neos21/neos-npm-blog)
npm package: @neos21/neos-validator
Description: Neo's Validator
Author: Neo
Latest version: 0.0.0

# @neos21/neos-validator : Neo's Validator

[![NPM Version](https://img.shields.io/npm/v/@neos21/neos-validator.svg)](https://www.npmjs.com/package/@neos21/neos-validator) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/neos-validator?label=github)](https://github.com/Neos21/neos-validator/packages/__ID__)

Neo's Validator.


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - neos-validator](https://github.com/Neos21/neos-validator)
- [GitHub Pages - @neos21/neos-validator : Neo's Validator](https://neos21.github.io/neos-validator)
- [npm - @neos21/neos-validator](https://www.npmjs.com/package/@neos21/neos-validator)
npm package: @neos21/neos21
Description: npm package example
Author: Neos21
Latest version: 1.0.9

# @neos21/neos21 : npm-neos21

[![NPM Version](https://img.shields.io/npm/v/@neos21/neos21.svg)](https://www.npmjs.com/package/@neos21/neos21) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/npm-neos21?label=github)](https://github.com/Neos21/npm-neos21/packages/323375)

npm package example


## Usage

```sh
$ npm install -g @neos21/neos21
$ neos21
```

```javascript
const Neos21 = require('@neos21/neos21');
Neos21();
```


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - npm-neos21](https://github.com/Neos21/npm-neos21)
- [npm - @neos21/neos21](https://www.npmjs.com/package/@neos21/neos21)
npm package: @neos21/opu
Description: Open URL in package.json and Git Remote URL
Author: Neo
Latest version: 0.0.2

# @neos21/opu : Open `package.json` URL

[![NPM Version](https://img.shields.io/npm/v/@neos21/opu.svg)](https://www.npmjs.com/package/@neos21/opu) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/opu?label=github)](https://github.com/Neos21/opu/packages/328058)

Open URL in `package.json` and Git Remote URL.

## How To Use

```sh
$ npm install -g @neos21/opu

$ cd /PATH/TO/REPOSITORY/
$ opu
```


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - opu](https://github.com/Neos21/opu)
- [npm - @neos21/opu](https://www.npmjs.com/package/@neos21/opu)
npm package: @neos21/remark-pedantic
Description: Remark Pedantic
Author: Neo
Latest version: 0.0.0

# @neos21/remark-pedantic : Remark Pedantic

[![NPM Version](https://img.shields.io/npm/v/@neos21/remark-pedantic.svg)](https://www.npmjs.com/package/@neos21/remark-pedantic) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/remark-pedantic?label=github)](https://github.com/Neos21/remark-pedantic/pkgs/npm/remark-pedantic)


分かち書きのない日本語の中で Pedantic な強調構文 (`_`・`__`) を使いたいんじゃ～


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - remark-pedantic](https://github.com/Neos21/remark-pedantic)
npm package: @neos21/req-cmd
Description: require() API and CLI in one JS
Author: Neo
Latest version: 1.0.8

# @neos21/req-cmd : req-cmd

[![NPM Version](https://img.shields.io/npm/v/@neos21/req-cmd.svg)](https://www.npmjs.com/package/@neos21/req-cmd) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/req-cmd?label=github)](https://github.com/Neos21/req-cmd/packages/324560)

`require()` API and CLI in one JS.

This npm package is made from one file `index.js` only.


## How to use

### `require()` API

```javascript
const reqCmd = require('@neos21/req-cmd');

reqCmd();

// -> '@neos21/req-cmd by Neo (@Neos21) https://neos21.net/'
```

### CLI

```sh
$ npm install -D @neos21/req-cmd
```

Add npm-scripts:

```json
{
  "name": "test-project",
  "scripts": {
    "exec": "req-cmd"
  }
}
```

```sh
$ npm run exec

> test-project@0.0.0 exec
> req-cmd

@neos21/req-cmd by Neo (@Neos21) https://neos21.net/
```


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - req-cmd](https://github.com/Neos21/req-cmd)
- [npmjs - @neos21/req-cmd](https://www.npmjs.com/package/@neos21/req-cmd)
npm package: @neos21/simple-notify
Description: Simple Notify
Author: Neo
Latest version: 0.0.0

# @neos21/simple-notify : Simple Notify

[![NPM Version](https://img.shields.io/npm/v/@neos21/simple-notify.svg)](https://www.npmjs.com/package/@neos21/simple-notify) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/simple-notify?label=github)](https://github.com/Neos21/simple-notify/packages/__ID__)

デスクトップ通知を発信するコマンドラインツール。Windows・MacOS・Linux に対応。


## How To Use

```bash
$ npm install -g @neos21/simple-notify
$ simple-notify 'My Message'
```

- Windows : PowerShell より `ToastNotification` を実行する
    - Command Prompt・PowerShell・GitBash・WSL からの呼び出しを検証済
- MacOS : AppleScript より `display notification` を実行する
- Linux : `notify-send` コマンドを実行する (Ubuntu 環境などであればプリインストールされている)


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - simple-notify](https://github.com/Neos21/simple-notify)
- [npm - @neos21/simple-notify](https://www.npmjs.com/package/@neos21/simple-notify)
npm package: @neos21/tab2tab
Description: Tab To Tab
Author: Neo
Latest version: 0.0.0

# @neos21/tab2tab : Tab2Tab

[![NPM Version](https://img.shields.io/npm/v/@neos21/tab2tab.svg)](https://www.npmjs.com/package/@neos21/tab2tab)

タブ文字で区切られた「ギタータブ譜」のテキストを、ハイフンで整形したタブ譜に変換する。


## Demo

__[Demo (GitHub Pages)](https://neos21.github.io/tab2tab/)__


## How To Use

### ギタータブ譜を書く

予め Excel や Google Spread Sheets などで「ギタータブ譜」を書き、それをコピーしたテキスト = **タブ区切りのタブ譜** を利用する。

- Excel
    - ![Excel](./readme-excel.png)
- Google Spread Sheets
    - ![Google Spread Sheets](./readme-google-spread-sheets.png)

### CLI ツールとして使用する

```bash
$ npm install -g @neos21/tab2tab

# タブ区切りのタブ譜のテキストファイルを用意する
$ cat ./input.txt
e																8	10	11	13	c	15	d	13	p	11									
B													8	9	11											g	13	h	15	p	13	s	11	13
G										7	8	10																						
D							6	8	10																									
A				6	8	10																												
E	6	8	10																															

# コマンドを実行すると、次のようにハイフンで整形されたタブ譜になる
$ tab2tab ./input.txt
|e|------------------------------------8-10-11-13c15d13p11-----------------|
|B|-----------------------------8-9-11---------------------g13h15p13s11-13-|
|G|----------------------7-8-10--------------------------------------------|
|D|---------------6-8-10---------------------------------------------------|
|A|--------6-8-10----------------------------------------------------------|
|E|-6-8-10-----------------------------------------------------------------|
```

### Node.js API として利用する

```bash
$ npm install --save @neos21/tab2tab
```

```javascript
const fs      = require('fs');
const tab2tab = require('@neos21/tab2tab');

const text = fs.readFileSync('./input.txt', 'utf-8');  // タブ区切りのタブ譜を用意する
const tab  = tab2tab(text);
console.log(tab);
```

### ブラウザで利用する

- [jsDelivr](https://www.jsdelivr.com/package/npm/@neos21/tab2tab)
- unpkg.org : `https://unpkg.com/browse/@neos21/tab2tab@【Latest Version】/`
- [GitHub Pages](https://neos21.github.io/tab2tab/)
    - <https://neos21.github.io/tab2tab/tab2tab.js>
- [Raw GitHub](https://github.com/Neos21/tab2tab)
    - <https://raw.githubusercontent.com/Neos21/tab2tab/master/index.js>

```html
<!-- JS を読み込む -->
<script src="index.js"></script>

<script>
  const text = document.getElementById('textarea').value;  // タブ区切りのタブ譜を用意する
  const tab = window.tab2tab();
  console.log(tab);
</script>
```


## Links

- [Neo's World](https://neos21.net/)
- [GitHub - Neos21](https://github.com/Neos21/)
- [GitHub - tab2tab](https://github.com/Neos21/tab2tab)
- [GitHub Pages - @neos21/tab2tab : Tab2Tab](https://neos21.github.io/tab2tab)
- [npm - @neos21/tab2tab](https://www.npmjs.com/package/@neos21/tab2tab)
npm package: @neos21/template-html
Description: Generate static HTML files from templates and content files
Author: Neos21
Latest version: 1.0.7

# template-html : @neos21/template-html

[![NPM Version](https://img.shields.io/npm/v/@neos21/template-html.svg)](https://www.npmjs.com/package/@neos21/template-html) [![GPR Version](https://img.shields.io/github/package-json/v/neos21/template-html?label=github)](https://github.com/Neos21/template-html/packages/328041)

Generate static HTML files from templates and content files.


## Installation

```sh
$ npm install -g @neos21/template-html
```


## Help

```sh
Usage: template-html content.html -t template.html [options]

-h|--help      display this help message
-v|--version   display the version number
-o|--output    directory to output processed HTML
-t|--template  template file to use
--preserve-tree  output files will keep the same directory structure as the source files
```


## Sample usage

For the most basic use case of this plugin, create a template file with
placeholders and a file containing the content that should replace the
placeholders in the template.

`template.html`:

```html
<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ title }}</title>
</head>
<body>
  <div id="content">{{ content }}</div>
</body>
</html>
```

`content.html`:

```html
{{ title }}Lorem ipsum{{ /title }}
{{ content }}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
{{ /content }}
```


## Documentation

### `Templator(options)`
Creates a new `Templator` instance.

#### Params
- **Object** `options`: An object containing the following fields:
  - `templateFile` (String): Path to template file to use.


### `processFile(contentFile)`
Run the contents of an HTML file through the `Templator`

#### Params
- **String** `contentFile`: Path to HTML file to be processed

#### Return
- **String** The processed HTML

### `processContent(content)`
Generate HTML from template file and content file

#### Params
- **String** `content`: HTML content to be used in template

#### Return
- **String** The processed HTML


## How to contribute

1. File an issue in the repository, using the bug tracker, describing the
   contribution you'd like to make. This will help us to get you started on the
   right foot.
2. Fork the project in your account and create a new branch:
   `your-great-feature`.
3. Commit your changes in that branch.
4. Open a pull request, and reference the initial issue in the pull request
   message.


## License

See the [LICENSE](./LICENSE) file.


## Author

[Neo](http://neo.s21.xrea.com/)

- [GitHub - template-html](https://github.com/Neos21/template-html)
- [npm - @neos21/template-html](https://www.npmjs.com/package/@neos21/template-html)


## Links

- [Neo's World](http://neo.s21.xrea.com/)
- [Corredor](https://neos21.hatenablog.com/)
- [Murga](https://neos21.hatenablog.jp/)
- [El Mylar](https://neos21.hateblo.jp/)
- [Neo's GitHub Pages](https://neos21.github.io/)
- [GitHub - Neos21](https://github.com/Neos21/)