open-index/open-npm huggingface dataset:
npm package: @hise/cli
Description: Official command-line interface for HISE setup and REPL workflows
Latest version: 0.1.0

# @hise/cli

Official command-line interface for HISE setup and REPL workflows.

`@hise/cli` lets you:
- connect to a running HISE REPL server
- launch guided setup/update/migrate/nuke flows in a terminal UI
- run without global install via `npx`

## Install

### Global install

```bash
npm i -g @hise/cli
hise-cli
```

### Run without installing

```bash
npx @hise/cli
```

## Usage

### Main menu

```bash
hise-cli
```

### Direct commands

```bash
hise-cli repl
hise-cli setup
hise-cli update
hise-cli migrate
hise-cli nuke
```

### REPL discovery flags

```bash
hise-cli --list
hise-cli repl --list
hise-cli repl --pipe hise_repl_1900
```

## Windows REPL convenience

If no running HISE instance is found, the CLI can launch `HISE Debug.exe start_server` (when available on `PATH`) and then connect automatically.

## Setup flow

The setup flow:
- detects your local environment
- checks required dependencies
- fetches latest passing HISE CI commit metadata
- runs platform-specific setup phases
- writes full phase logs to a temp log file for troubleshooting

## Troubleshooting

- If setup fails, check the printed log file path at the end of the run.
- On Windows, ensure Visual Studio C++ toolsets are installed for your selected exporter.
- If `hise-cli repl` cannot connect, verify HISE REPL server is enabled and running.

## Requirements

- Node.js 18+ (recommended)
- Internet connection for setup metadata fetches (GitHub APIs)

## License

MIT
npm package: @hisheng/swc-loader
Description: A Alternative Webpack Loader For SWC
Author: hishengs@gmail.com
Latest version: 1.0.0

# swc-loader
A Alternative Webpack Loader For SWC

[![npm][npm-image]][npm-url]

[npm-image]: https://badge.fury.io/js/@hisheng%2Fswc-loader.svg
[npm-url]: https://www.npmjs.com/package/@hisheng/swc-loader

## Usage

```bash
npm i @hisheng/swc-loader -D
```

`webpack.config.js`

```js
module.exports = {
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules)/,
        use: {
          loader: "@hisheng/swc-loader",
        }
      },
    ],
  },
};
```

and `.swcrc`

```js
{
  "jsc": {
    "parser": {
      "syntax": "ecmascript",
      "jsx": true,
      "dynamicImport": false,
      "privateMethod": false,
      "functionBind": false,
      "exportDefaultFrom": false,
      "exportNamespaceFrom": false,
      "decorators": false,
      "decoratorsBeforeExport": false,
      "topLevelAwait": false,
      "importMeta": false
    },
    "transform": null,
    "target": "es5",
    "loose": false,
    "externalHelpers": false,
    // Requires v1.2.50 or upper and requires target to be es2016 or upper.
    "keepClassNames": false
  }
}
```
npm package: @hisho/add-ts-nocheck
Description: @ts-nocheckを付与する
Author: hisho
Latest version: 0.0.1

# @hisho/add-ts-nocheck
指定したファイルに`// @ts-nocheck`を追加するscript

## Install

```shell
$ npm i -D @hisho/add-ts-nocheck
# or
$ yarn add -D @hisho/add-ts-nocheck
```

## Feature

1. globで指定したファイルに`// @ts-nocheck`を追加する

## Usage

### 1. package.json の scripts に以下を追加する

```json
{
  "scripts": {
    "postinstall": "build:add-ts-nocheck",
    "build:add-ts-nocheck": "add-ts-nocheck --patterns 'node_modules/**/!(*.d).ts,src/**/!(*.d).ts'"
  }
}
```

## TODO

- オプションを受け取れるようにする
- Testを書く
npm package: @hisho/generate-env-declare
Description: .envの型定義を生成する
Author: hisho
Latest version: 0.0.3

# @hisho/generate-env-declare

.env.exampleと.env.localを比較して.env.localの変数を型定義として出力するするscript

## Install

```shell
$ npm i -D @hisho/generate-env-declare
# or
$ yarn add -D @hisho/generate-env-declare
```

## Feature

1. .env.exampleと.env.localを比較して.env.localに値がない場合にconsoleエラーを吐く
2. .env.exampleと.env.localを比較して.env.localに不要な値がある場合にconsoleエラーを吐く
3. `-w`または`--watch`をつけるとファイルを監視する
4. .env.exampleと.env.localを比較して.env.localある変数をenv.d.tsとし出力する

## Usage

### 1. package.json の scripts に以下を追加する

```json
{
  "scripts": {
    "watch:generate-env-declare": "generate-env-declare --watch",
    "build:generate-env-declare": "generate-env-declare"
  }
}
```

### 2. .gitignoreにenv.d.tsを追記する
```gitignore
# generate
env.d.ts
```

### 3. tsconfig.jsonのincludeに追記する
```json
{
  "include": ["env.d.ts"]
}
```

## TODO

- オプションを受け取れるようにする
- Testを書く
npm package: @hisho/generate-next-dynamic-route
Description: next.js の dynamic route を生成するための cli
Author: hisho
Latest version: 0.0.3

# generate-next-dynamic-route

next.js の dynamic route を生成するための cli

## Install

```shell
$ npm i -D @hisho/generate-next-dynamic-route
# or
$ yarn add -D @hisho/generate-next-dynamic-route
```

## Feature

1. dynamic route を生成する
2. next.config.js を自動で読み込む
3. `-w`または`--watch`をつけるとファイルを監視する

## Usage

package.json の scripts に以下を追加する

```json
{
  "scripts": {
    "watch:image": "generate-next-dynamic-route --watch",
    "build:image": "generate-next-dynamic-route"
  }
}
```

## TODO

- オプションを受け取れるようにする
- `src`を指定できるようにする
- `out`を指定できるようにする
npm package: @hisho/image-optimizer
Description: sharp を使って画像圧縮する cli
Author: hisho
Latest version: 0.0.4

# image-optimizer

sharp を使って画像圧縮する cli

## Install

```shell
$ npm i -D @hisho/image-optimizer
# or
$ yarn add -D @hisho/image-optimizer
```

## Feature

1. `src/iamges/**/*\.(png|jpg)`を`public/images/**/*\.(png|jpg)`に圧縮しコピーする
2. `src/iamges/**/*\.(png|jpg)`を`public/images/**/*\.(png|jpg).webp`に変換し出力する
3. `src/iamges/**/*\.(png|jpg)`を`[640, 828, 1080, 1200, 1920]`の大きさにリサイズする
4. `src/lib/images.ts`画像の`pathをマッピングしたファイル`を出力する
5. `-w`または`--watch`をつけるとファイルを監視する

## Usage

package.json の scripts に以下を追加する

```json
{
  "scripts": {
    "watch:image": "image-optimizer --watch",
    "build:image": "image-optimizer"
  }
}
```

## TODO

- オプションを受け取れるようにする
- マッピングファイルの出力の有無を指定できるようにする
- 画像の圧縮率を変更できるようにする
- 画像のリサイズを変更できるようにする
- 出力と入力を自由に設定できるようにする
npm package: @hisho/media
Description: A simple media library
Author: hisho
Latest version: 0.9.7

# Media

## Features

## Contents

- [Install](#install)
- [Usage](#usage)
- [API](#api)
- [License](#license)

## Install

```shell script
$ npm i @hisho/media
```

## Usage

new Media()
query - `string`

```typescript
import { Media } from "@hisho/media";

const media = new Media(`(min-width: ${800 / 16}em)`, {
  mach: () => console.log('mach!'),
  unmatch: () => console.log('un mach!'),
});
```

### options

new Media(`(min-width: ${800 / 16}em)`, options);

- options? `object`   
```typescript
type MediaOptions = {
  mach?: () => void,
  unMatch?: () => void,
}
```

## API

- type: `'mach' | 'unmach'`
- callback: `() => void`

### on
```typescript
const media = new Media(`(min-width: ${800 / 16}em)`);

media.on('mach', () => {
  //register callback funciton when media mach
});

media.on('unmach', () => {
  //register callback funciton when media un mach
});
```

### isMatch
return `boolean`
```typescript
const media = new Media(`(min-width: ${800 / 16}em)`);

media.isMatch() // true or false
```

### register
register eventListener
```typescript
const media = new Media(`(min-width: ${800 / 16}em)`);

media.register();
```

### unregister
un register eventListener
```typescript
const media = new Media(`(min-width: ${800 / 16}em)`);

media.unregister();
```


## License

[MIT © hisho](./LICENSE)
npm package: @hisho/query-selector
Description: A simple DOM library
Author: Hisho
Latest version: 0.9.4

# querySelector

## Features

- typescript
- vanilla js

## Contents

- [Install](#install)
- [Usage](#usage)
- [API](#api)
- [License](#license)

## Install

```shell script
$ npm i @hisho/query-selector
```

## Usage
querySelector() - `string | NodeListOf<Element> | HTMLElement | HTMLElement[] | null`

```typescript
import {querySelector} from "@hisho/query-selector";

const dom = querySelector('div');

if(dom.exists) {
  dom.all.forEach((item) => {
    console.log(item);
  });
}

```

## API

### all

return - `HTMLElement[]`

```typescript
querySelector('div').all; //[div,div,...] or []
```

### exists

return - `boolean`

```typescript
querySelector('div').exists; //true or false
```


## License

[MIT © hisho](./LICENSE)
npm package: @hisho/state
Description: A simple state library
Author: hisho
Latest version: 1.2.4

# STATE

## Features
- typescript files

## Contents

- [Install](#install)
- [Usage](#usage)
- [API](#api)
- [License](#license)

## Install

```shell script
$ npm i @hisho/state
```

### libs

```typescript
import {State} from '@hisho/state';
```

### types

```typescript
import {StateOnType, StateCallBack} from '@hisho/state';
```

## Usage

### number

```typescript
import {State} from '@hisho/state';

const state = new State(0);
state.getState; //0
state.setState(prevState => prevState + 1)
state.getState; //1
state.setState(prevState => prevState + 5);
state.getState; //6
state.setState(5);
state.getState; //5
state.reset();
state.getState; //0
```

### Object

```typescript
import {State} from '@hisho/state';
const state = new State({
  test: 1,
  test2: 3
});
state.getState; //{test: 1,test2: 3}
state.setState((prevState => ({...prevState, test: 5})));
state.getState; // {test: 5, test2: 3}
state.setState((prevState => ({...prevState, test: prevState.test +1})));
state.getState; // {test: 6, test2: 3}
state.setState((prevState => ({...prevState, test: prevState.test +1})));
state.getState; // {test: 7, test2: 3}
state.setState((prevState => ({...prevState, test2: prevState.test2 +1})));
state.getState; // {test: 7, test2: 4}
state.reset();
state.getState; //{test: 1,test2: 3}
```

## API

### State
`initialState: (S | (() => S))`
```typescript
new State(0);

const sum = (x,y) => x + y;
new State(sum(1,3));
```

### getState
return current state `S`
```typescript
const state = new State(0);
state.getState //0
```

### setState
`newState: (S | ((prevState: S) => S))`
```typescript
const state1 = new State(0);
state1.setState(5); //5
state1.setState(prevState => prevState + 1); //6

const state2 = new State({hoge:1, huga:'2'});
state1.setState({hoge:5, huga:'2'}); //{hoge:5, huga:'2'}
state1.setState(prevState => ({...prevState, hoge: prevState.hoge + 5})); //{hoge:10, huga:'2'}
```

### reset
set initial state
```typescript
const state1 = new State(0);
state1.setState(5); //5
state1.setState(prevState => prevState + 1); //6
state1.reset(); //0

const state2 = new State({hoge:1, huga:'2'});
state2.setState({hoge:5, huga:'2'}); //{hoge:5, huga:'2'}
state2.setState(prevState => ({...prevState, hoge: prevState.hoge + 5})); //{hoge:10, huga:'2'}
state2.reset() //{hoge:1, huga:'2'}
```

### on
on change state
- type: `subscribe`
- callBack?: `<S>(currentState: S) => void`

```typescript
const state1 = new State(0);
state1.on('subscribe', (currentState) => {
  console.log('currentState is' + currentState);
});
state1.setState(5); //currentState is 5
state1.setState(prevState => prevState + 1); //currentState is 6
state1.reset(); //currentState is 0
```


## License

[MIT © hisho](./LICENSE)
npm package: @hisho/utilities
Latest version: 0.2.4

# utilities


## Badges

[![MIT License](https://img.shields.io/apm/l/atomic-design-ui.svg?)](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)

## Install

```shell
$ npm i -D @hisho/utilities
```

## Running Tests

To run tests, run the following command

```shell
$  npm run test
```

## License

[MIT © hisho](./LICENSE)
npm package: @hisho/utils
Description: 普段よく使う便利関数をまとめて npm に公開する
Author: hisho
Latest version: 0.0.4

# utils

普段よく使う便利関数をまとめて npm に公開する

## Install

```shell
$ npm i @hisho/utils
# or
$ yarn add @hisho/utils
```

## Feature

- valueAsBoolean  
  入力を boolean に変換する
- valueAsNumber  
  入力を number に変換する
- valueAsString  
  入力を 文字列 に変換する
- valueAsDate  
  入力を 日付 に変換する

## Usage

### valueAsBoolean

```ts
import { valueAsBoolean } from '@hisho/utils'

const value1 = valueAsBoolean('true') //true
const value2 = valueAsBoolean('false') //false
const value3 = valueAsBoolean(true) //true
const value4 = valueAsBoolean(false) //false
const value5 = valueAsBoolean('') //undefined
const value6 = valueAsBoolean(null) //undefined
```

### valueAsNumber

```ts
import { valueAsNumber } from '@hisho/utils'

const value1 = valueAsNumber('1000') //1000
const value2 = valueAsNumber('1,000') //1000
const value3 = valueAsNumber('5e3') //5000
const value4 = valueAsNumber(1000) //1000
const value5 = valueAsNumber(Nan) //undefined
const value6 = valueAsNumber('') //undefined
const value7 = valueAsNumber(null) //undefined
```

### valueAsString

```ts
import { valueAsString } from '@hisho/utils'

const value1 = valueAsString('string') //'string'
const value3 = valueAsString(true) //'true'
const value4 = valueAsString(false) //'false'
const value5 = valueAsString(1000) //'1000'
const value6 = valueAsString('') //undefined
const value7 = valueAsString(null) //undefined
```

### valueAsDate

```ts
import { valueAsDate } from '@hisho/utils'

const value1 = valueAsDate(new Date('2022-01-01')) //'2022-01-01T00:00:00.000Z'
const value2 = valueAsDate('2022') //'2022-01-01T00:00:00.000Z'
const value3 = valueAsDate(true) //undefined
const value4 = valueAsDate(false) //undefined
const value5 = valueAsDate('') //undefined
const value6 = valueAsDate(null) //undefined
```

## How to Contribute

```shell
$ git clone git@github.com:hisho/utils.git
```

```shell
$ yarn
```

```shell
$ yarn test
```
npm package: @hisidetool/react-pdf-highlighter
Description: Set of React components for PDF annotation
Author: Felipe Buscaglia
Latest version: 1.0.1

☕️ [Buy me a coffee](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=SC4D2NS8G2JJ8&source=url)

![Node CI](https://github.com/agentcooper/react-pdf-highlighter/workflows/Node%20CI/badge.svg)

# react-pdf-highlighter

Set of React components for PDF annotation.

Features:

- Built on top of PDF.js
- Text and image highlights
- Popover text for highlights
- Scroll to highlights

## Importing CSS

The bundled CSS include the CSS for pdfjs.

```tsx
import "react-pdf-highlighter/dist/style.css";
```

## Example

See demo https://agentcooper.github.io/react-pdf-highlighter/.

To run the example app locally:

```bash
npm install
npm start
```

## Install

```bash
npm install react-pdf-highlighter
```

## How to use

See [`./example/src/App.tsx`](https://github.com/agentcooper/react-pdf-highlighter/blob/main/example/src/App.tsx) for the React component API example.
npm package: @hisolver/node-image-downloader
Description: simple and lightweight image downloader for nodejs
Author: Yan Kaled
Latest version: 1.0.1

# node-image-downloader
Simple and lightweight **image downloader** module for nodejs 😉

## requires nodejs v8+

### Usage

```javascript
const imageDownloader = require('node-image-downloader')

imageDownloader({
  imgs: [
    {
      uri: 'https://images.pexels.com/photos/20787/pexels-photo.jpg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260',
      filename: 'my-image-file-name'
    },
    {
      uri: 'https://s.cdpn.io/3/kiwi.svg' // in this case filename will be kiwi.svg
    }
  ],
  dest: './downloads', //destination folder
})
  .then((info) => {
    console.log('all done', info)
  })
  .catch((error, response, body) => {
    console.log('something goes bad!')
    console.log(error)
  })

```

### Roadmap

- [ ] Validations (file extensions, valid url, etc ...)
- [ ] Download Progress
- [x] Download Queue for multiples images
- [ ] Tests

## Contacts

[My Linkedin - Dellean Santos](https://www.linkedin.com/in/delleansantos/)

[Github Profile - @tawsbob](https://github.com/tawsbob/gpu-scrapper/blob/ba2aa5403852374be79e0ee878c7384042a130e0/src/utils/imageDownloader.js)

## License

MIT License

Copyright (c) 2018 **Dellean Santos**

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE

SOFTWARE.
npm package: @hisorange/housekeeper
Description: Simple script to backup your cloud git repositories into GDrive with monitoring
Author: Varga Zsolt
Latest version: 1.0.3

# HouseKeeper by hisorange

Backup your cloud git providers to even more cloud spaces! If you are a paranoid like me, who often messing around with git projects, then here is the solution for you :D This small script lets you backup every project of yours. There is no drawback in having more copy at more places. Up until now, we seen both GitHub and GitLab meltdowns, luckily both of them recovered with minimal losses, but you can basically eliminate the chance to lose any of your work.

What this scirpt does? It clones every repo you have (even the private ones) on your pc? (raspberry or smth) then creates an archive from it, and uploads it to GDrive, while keeping a local copy as well. With this, you have effectively 3 copy of your work at 3 different places, and 2 of them are even more redundant.

Anyways, I wrote this for myself, but open sourced it, so you don't have to :)

### How to Install

First download to your raspi or anything with linux

```
yarn add global @hisorange/housekeeper # or npm i -g @hisorange/housekeeper
```

Then add it to a CRON with a daily repetition

```
# /etc/cron.daily/housekeeper
housekeeper > ~/housekeeper.log
```

### Supported platforms

Supported git providers:

- [GitHub](https://github.com)
- [GitLab](https://gitlab.com)
- [BitBucket](https://bitbucket.org)

Supported backup targets:

- [GDrive](https://drive.google.com)

Oh, one more thing! You can get a **slack message** about each successful backup, it's a nice to have, so you don't have to monitor the process yourself.

### Configuration

You need to provide authentication tokens, you can find the [.env.sample](./env.sample) in the root of the package.
But of course everything is a separated procedure, so you only run which you need.

| Variable           | Value                                               |
| :----------------- | :-------------------------------------------------- |
| GITLAB_ACCES_TOKEN | Access token for your GitLab account                |
| GITHUB_ACCES_TOKEN | Access token for your GitHub account                |
| BITBUCKET_USERNAME | BitBucket login username                            |
| BITBUCKET_PASSWORD | BitBucket App Password                              |
| GDRIVE_FOLDER_ID   | Target folder's ID in your GDrive                   |
| GDRIVE_ACCESS_KEY  | Google Cloud API access key in base64 encoded JSON  |
| SLACK_BOT_TOKEN    | Your slackbot access token                          |
| SLACK_CHANNEL_ID   | Slack channel's ID where the reports will be posted |

---

Cheers! ^.^