open-index/open-npm huggingface dataset:
npm package: @missspopcorn/keyboard-shortcut
Description: Keypress wrapper in react
Author: https://www.missspopcorn.com/
Latest version: 1.0.0

# Keyboard Shortcuts

A library to bind keyboard shortcuts in your React App.

* Take Key combination as input
* Suppports callback for the key shortcut you like

## tl;dr
* Install by executing `npm install keyboard-shortcuts`.
* Import by adding `import { KeyboardShortcuts } from "keyboard-shortcuts'`.
* Use by adding `<KeyboardShortcuts />`.

## Demo

A minimal demo can be found in `components` directory and `App.js`.

[Online demo](http://projects.wojtekmaj.pl/react-calendar/) is also available!


## Getting started

### Compatibility

Your project needs to use React 16.8 or later.

keyboard-shortcuts uses modern web technologies. That's why it's so fast, and lightweight. 

### Installation

Add React-Calendar to your project by executing `npm install keyboard-shortcuts`

### Usage

Here's an example of basic usage:

```js
import { KeyboardShortcuts } from "keyboard-shortcuts";

function MyApp() {
  const [value, onChange] = useState(new Date());

  return (
    <div>
       <KeyboardShortcuts
        combo="shift b"
        callback={() => function()}
        description="The shortcut description"
      ></KeyboardShortcuts>
    </div>
  );
}
```
To list all keyboard shortcuts passed to the components:

```js
import { withKeyboardShortcuts } from 'keyboard-shortcuts'


 function Component({
   keyboardShortcuts
 }) {
 }
 withKeyboardShortcut(Component)
```

## License

The MIT License.

## Author

<table>
  <tr>
    <td>
      <img src="https://www.missspopcorn.com/assets/img/DP.jpg" width="100">
    </td>
    <td>
      Miss Popcorn<br />
      <a href="mailto:urvashi.soni05@gmail.com">urvashi.soni05@gmail.com</a><br />
      <a href="https://www.missspopcorn.com/">Portfolio</a>
    </td>
  </tr>
</table>

## Thank you
npm package: @missspopcorn/keyboard-shortcuts
Description: Keypress wrapper in react
Author: https://www.missspopcorn.com/
Latest version: 1.0.1

# Keyboard Shortcuts

A library to bind keyboard shortcuts in your React App.

* Take Key combination as input
* Suppports callback for the key shortcut you like

* Install by executing `npm install @missspopcorn/keyboard-shortcuts`.
* Import by adding `import { KeyboardShortcuts } from "@missspopcorn/keyboard-shortcuts'`.
* Use by adding `<KeyboardShortcut />`.

## Demo

A minimal demo can be found in `components` directory and `App.js`.

## Code

The code for this library can be found in `utils` directory.

[Online demo](https://jovial-davinci-d3bd41.netlify.app/) is also available!


## Getting started

### Compatibility

Your project needs to use React 16.8 or later.

@missspopcorn/keyboard-shortcut uses modern web technologies. That's why it's so fast, and lightweight. 

### Installation

Add this library to your project by executing `npm install @missspopcorn/keyboard-shortcuts`

### Usage

Here's an example of basic usage:

```js
import { KeyboardShortcut } from "@missspopcorn/keyboard-shortcuts";

function MyApp() {

  return (
    <div>
       <KeyboardShortcut
        combo="shift b"
        callback={() => function()}
        description="The shortcut description"
      ></KeyboardShortcut>
    </div>
  );
}
```
To list all keyboard shortcuts passed to the components:

```js
import { withKeyboardShortcuts } from '@missspopcorn/keyboard-shortcuts'


 function Component({
   keyboardShortcuts
 }) {
 }
 withKeyboardShortcut(Component)
```

## License

The MIT License.

## Author

<table>
  <tr>
    <td>
      <img src="https://www.missspopcorn.com/assets/img/DP.jpg" width="100">
    </td>
    <td>
      Miss Popcorn<br />
      <a href="mailto:urvashi.soni05@gmail.com">urvashi.soni05@gmail.com</a><br />
      <a href="https://www.missspopcorn.com/">Miss Popcorn</a>
    </td>
  </tr>
</table>

## Thank you
npm package: @missum/node
Description: [![npm version][npm-version-src]][npm-version-href] [![Dependencies][david-dm-src]][david-dm-href] [![npm downloads][npm-downloads-src]][npm-downloads-href] [![code style: prettier](https://img.shields.io/badge/code_style-prettier-0A0A0A.svg?style=flat-sq
Author: Distributed
Latest version: 0.6.0

# Missum Node

[![npm version][npm-version-src]][npm-version-href]
[![Dependencies][david-dm-src]][david-dm-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![code style: prettier](https://img.shields.io/badge/code_style-prettier-0A0A0A.svg?style=flat-square)](https://prettier.io/)
[![License: MIT](https://img.shields.io/badge/License-MIT-black.svg?style=flat-square)](https://opensource.org/licenses/MIT)
![CI workflow](https://github.com/distributedvc/missum-node/workflows/CI%20workflow/badge.svg)

This library allows you to quickly and easily use the Missum API via Node.js.

## Install

Install with yarn:

```bash
yarn add @missum/node
```

Install with npm:

```bash
npm install @missum/node
```

## Usage

```ts
import { Missum } from '@missum/node';

const client = new Missum('YOUR_API_KEY');

// Start a verification flow
await client.startVerification({
  phoneNumber: '+6143456789',
});

// Submits verification code
const result = await client.checkVerification({
  phoneNumber: '+6143456789',
  verificationCode: '192847',
});

// result: { success: boolean; status: 'PENDING' | 'SUCCESS' }
```

## License

Licensed under [MIT](./LICENSE).

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/dt/@missum/node.svg?style=flat-square
[npm-version-href]: https://npmjs.com/package/@missum/node
[npm-downloads-src]: https://img.shields.io/npm/v/@missum/node/latest.svg?style=flat-square
[npm-downloads-href]: https://npmjs.com/package/@missum/node
[david-dm-src]: https://david-dm.org/gomah/@missum/node/status.svg?style=flat-square
[david-dm-href]: https://david-dm.org/gomah/@missum/node
npm package: @missuo/claude-statusline
Description: A status line for Claude Code CLI showing model, context usage, rate limits, and more
Author: Vincent Young
Latest version: 1.0.4

# claude-statusline

Configure your Claude Code statusline to show limits, directory and git info

![demo](./.github/demo.png)

## Install

Run the command below to set it up

```bash
npx @kamranahmedse/claude-statusline
```

It backups your old status line if any and copies the status line script to `~/.claude/statusline.sh` and configures your Claude Code settings.

## Requirements

- [jq](https://jqlang.github.io/jq/) — for parsing JSON
- curl — for fetching rate limit data
- git — for branch info

On macOS:

```bash
brew install jq
```

## Uninstall

```bash
npx @kamranahmedse/claude-statusline --uninstall
```

If you had a previous statusline, it restores it from the backup. Otherwise it removes the script and cleans up your settings.

## License

MIT
npm package: @misswhale/ui
Description: test
Author: MissWhale
Latest version: 0.1.3-alpah-1

# misswhale-ui

Vue3 + Nuxt3 UI Components Library Test

## Install

```
# npm
npm install @misswhale/ui
npm install --save-dev @iconify/vue sass

# yarn
yarn add @misswhale/ui
yarn add -D @iconify/vue sass
```

## Nuxt3 Import

```
export default defineNuxtConfig({
  modules: [
    "@misswhale/ui/nuxt",
    // other modules
  ],
});
```
npm package: @mist3r-robot/suppresscache
Description: Randomly generate a string to clear the cache of CloudFlare or other CDN.
Author: Thomas Bnt
Latest version: 0.2.0
Deprecated: See @mrrobotdotapp/suppresscache

# Suppress Cache

Install it directly from the [NPM registry](https://www.npmjs.com/package/suppresscache):

```bash
npm i @mist3r-robot/suppresscache
```

This file is used on [the bot](https://mrrobot.app) for no cache files from CDNs. 
Discord uses CloudFlare for caching management which can be problematic when you change an image and display it on the platform. 
Even after a change on your side, Discord can still keep the old version in its cache.

> **Note**
> 
> Formerly called **NoCache**, it has been renamed because the package name on NPM already exists.

## 💻 Code

```js
const { getFolderIcons } = require('@mist3r-robot/suppresscache');

getFolderIcons(
  "https://mrrobot.app/Folder/Of/Icons",
  "myFileName.png",
  true,
  false
)
```

Give that :

```bash
[suppressCache] Output : https://mrrobot.app/Folder/Of/Icons/file.png?suppressCache=gb0cqe0j
```

You can test this code directly with [`./test/app.js`](./test/app.js).

### 🎈 Awesome links

Don't hesitate to follow me, you can also contribute to the development of all projects Open Source of Mr. Robøt by making a donation.

[![dependency - suppressCache](https://img.shields.io/badge/dependency-suppresscache-red?logo=npm&logoColor=white&style=for-the-badge)](https://www.npmjs.com/package/@mist3r-robot/suppresscache)
[![Twitter Follow](https://img.shields.io/badge/Follow%20me%20on-Twitter-1DA1F2?&logo=Twitter&style=for-the-badge)](https://twitter.com/Thomasbnt_) [![Discord](https://img.shields.io/discord/367753345575944221?style=for-the-badge&logo=discord&logoColor=white&labelColor=5865F2&color=%2357F287)](https://mrrobot.app/discord) [![GitHub Sponsors](https://img.shields.io/badge/Sponsor%20me-%23EA54AE.svg?&style=for-the-badge&logo=github-sponsors&logoColor=white)](https://github.com/sponsors/thomasbnt) [![Support me on Buy Me a Coffee](https://img.shields.io/badge/-Support%20me-%23FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black)](https://www.buymeacoffee.com/thomasbnt?via=thomasbnt)
npm package: @mist3rbru/create-ts-api
Description: 🎉Enjoy your template🎉
Author: Mist3rBru
Latest version: 0.1.3

# Node + Typescript + Test + Linting

⚙ Boileplate template for a project using Node with Typescript

## References

- ### Tools
  - [Typescript](https://www.typescriptlang.org/)
  - [Jest](https://jestjs.io/)
  - [Faker](https://fakerjs.dev/)
- ### Compilers
  - [TSX](https://github.com/esbuild-kit/tsx)
  - [SWC](https://swc.rs/)
- ### Linters
  - [ESLint](https://eslint.org/)
  - [Prettier](https://prettier.io/)
  - [Git Commit Message Linter](https://github.com/legend80s/commit-msg-linter)

## Usage

```bash
  npm install @mist3rbru/create-ts-api --global;

  npx create-ts-api my-app;
```
npm package: @mist3rbru/eslint-config
Description: Mist3rBru extended ESLint rules
Author: Mist3rBru
Latest version: 0.5.0

# `@mist3rbru/eslint-config`

Is an ESLint config that provides comprehensive configurations for various environments, streamlining the linting process for Node.js, React, Jest, Jest-DOM, Vitest, and more. Each environment has its own preset configuration that can be easily applied in your project.

## Installation

To install `@mist3rbru/eslint-config`, use the following command:

```bash
pnpm add -D eslint @mist3rbru/eslint-config
```

## Usage

To use the plugin, create one of these config files in your project and extend the desired environment configuration. For example, to use Node.js with Jest configuration:

```js
// Recommended
// eslint.config.mjs
import config from '@mist3rbru/eslint-config'

export default config('node', 'jest', {
  // Overwrite rules
  rules: {},
})
```

Replace "node" and "jest" with the appropriate preset name for your project.

### Available Presets

- `node`: Node.js environment
- `react`: React environment
- `next`: Next environment
- `jest`: Jest environment
- `jest-dom`: Jest-DOM environment
- `vitest`: Vitest environment

## Included Configurations and Plugins

`@mist3rbru/eslint-config` includes opinionated configuration for popular ESLint plugins to enhance your linting experience. The following configurations and plugins are included:

- [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier?tab=readme-ov-file#readme)
- [`eslint-plugin-promise`](https://github.com/eslint-community/eslint-plugin-promise?tab=readme-ov-file#readme)
- [`eslint-plugin-unicorn`](https://github.com/sindresorhus/eslint-plugin-unicorn?tab=readme-ov-file#readme)
- [`eslint-plugin-import`](https://github.com/import-js/eslint-plugin-import?tab=readme-ov-file#readme)
- [`eslint-plugin-security`](https://github.com/eslint-community/eslint-plugin-security?tab=readme-ov-file#readme)
- [`eslint-plugin-no-secrets`](https://github.com/nickdeis/eslint-plugin-no-secrets?tab=readme-ov-file#readme)
- [`eslint-plugin-deprecation`](https://github.com/gund/eslint-plugin-deprecation?tab=readme-ov-file#readme)
- [`eslint-plugin-react`](https://github.com/jsx-eslint/eslint-plugin-react?tab=readme-ov-file#readme)
- [`eslint-plugin-react-hooks`](https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks#readme)
- [`eslint-plugin-jsx-a11y`](https://github.com/jsx-eslint/eslint-plugin-jsx-a11y?tab=readme-ov-file#readme)
- [`@next/eslint-plugin-next`](https://nextjs.org/docs/pages/building-your-application/configuring/eslint#eslint-plugin)
- [`eslint-plugin-jest`](https://github.com/jest-community/eslint-plugin-jest?tab=readme-ov-file#readme)
- [`eslint-plugin-jest-dom`](https://github.com/testing-library/eslint-plugin-jest-dom?tab=readme-ov-file#readme)
- [`eslint-plugin-vitest`](https://github.com/veritem/eslint-plugin-vitest?tab=readme-ov-file#readme)

## License

This project is licensed under the MIT License.
npm package: @mist3rbru/my-cli
Description: A compilation of my CLI snippets.
Author: Mist3rBru
Latest version: 0.2.22

# `my-cli`

A compilation of my CLI snippets.

## Get started

1. Install globally: `npm install -g @mist3rbru/my-cli`.
2. Configure your cli for the first time: `my-cli setup`.
3. Use `my <command> <parameters>` to trigger a command, or just `my` to take an overview of all commands.

## Commands

- `setup`: Prepare the required setup
  - example: my setup
- `api`: Create an api with typescript, prettier, eslint and jest with opined configuration
  - params: `<name>`
  - example: my api ts-api
- `branch`: List all local and remote branches, to select and checkout to it
  - alias: `b`
  - example: my b
- `clone`: Clone a Github's repository based on `setup`, sets git `origin` to `o`, install dependencies, and open it on vscode
  - params: `<repository>`
  - flags: `--root` | `--filter` | `-f`
  - example: my clone my-cli
- `http`: Make an http request
  - params: `<method?> <url> <body?> <headers?>`
  - example: my http post /user key1=1 key2.subset1=true key2.subset2=3.14 key3=Hello+World h.authorization=token
- `init`: Initialize a default project with git and typescript
  - example: my init
- `open`: Open a project on vscode, the projects available are based on `setup`
  - params: `<...projects>`
  - flags: `--workspace` | `-w` | `--reuse-window` | `-r` | `--filter` | `-f`
  - example: my open my-cli my-app my-api
- `outdated`: Check if package is on latest version
  - example: my outdated
- `password`: Generate a random and safe password with the given length
  - alias: `pass`
  - params: `<length>`
  - example: my pass 30
- `play`: Open a music player on your default browser
  - params: `y` | `yt` | `youtube` | `s` | `spot` | `spotify`
  - example: my play yt
- `pomodoro`: Start a pomodoro timer
  - alias: `pomo`
  - params: `d` | `<work> <rest>`
  - example: my pomo d
- `remove`: Remove recursively a folder or file on the relative given path
  - alias: `rm`
  - params: `<...(folders || files)>`
  - example: my rm dist coverage
- `run`: Run scripts in sequence
  - params: `<...scripts>`
  - flags: `--deep` | `-d` | `--partial` | `-p`
  - example: my run lint build "vitest --run"
- `scripts`: Write common scripts on local package.json
  - params: `lint` | `jest` | `vitest` | `prisma` | `changeset`
  - example: my scripts
- `snippet`: Create snippet collections on local project
  - params: `api` | `api-test` | `esm` | `nest` | `react` | `react-native` | `react-test` | `typescript`
  - flags: `--create`
  - example: my snippet nest nest-test
- `upgrade`: Update package to latest version
  - alias: `up`
  - example: my up
- `version`: Display current package version
  - example: my version

### Global flags:

- `--silent`: ignores cmd outputs
- `--help`: displays command details
npm package: @mist3rbru/safe-queue
Description: A simple and type-safe, self managed queue
Author: Mist3rBru
Latest version: 0.1.3

# `safe-queue`

A simple and type-safe, self managed queue

## Install

```sh
  npm install @mist3rbru/safe-queue
```

## Usage

Here we run only one promise at the time. For example, set concurrency to 4 to run four promises at the same time.

```ts
import { createJob, createQueue } from 'safe-queue'

interface User {
  name: string
  email: string
}

const mailUserJob = createJob(async (user: User) => {
  // implementation
})

const queue = createQueue({
  job: mailUserJob,
  concurrency: 1
})

queue.enqueue({
  name: 'John',
  email: 'john@gmail.com'
})
```
npm package: @mistadikay/react-scrolllock
Description: Prevent scroll on the body when component is mounted.
Author: Joss Mackison
Latest version: 1.0.5

# React Scroll Lock

Prevent scroll on the `<body />` when component is mounted.

### Usage

```bash
npm install --save react-scrolllock
```

```js
import ScrollLock from 'react-scrolllock';

class Modal extends Component {
  render () {
    return (
      <div>
        ...
        <ScrollLock />
      </div>
    )
  }
}
```