open-index/open-npm huggingface dataset:
npm package: @prashis/storybook-addon-message-bus
Description: Interact with message bus via Storybook UI
Author: prashis
Latest version: 1.0.1

# Storybook Addon Message Bus

Storybook Addon w/ GUI for interacting with Message Bus 🚎

![storybook-addon-message-bus-demo](https://user-images.githubusercontent.com/73868961/148539472-1942326a-2760-4bf3-a157-e5a815ba0684.gif)

## Installation

```sh
npm i -D @prashis/storybook-addon-message-bus
```

Then add the following to [`.storybook/main.js`](https://storybook.js.org/docs/react/configure/overview#configure-your-storybook-project):

```js
module.exports = {
  addons: ["@prashis/storybook-addon-message-bus"],
};
```

## Usage

Add an decorator in `.storybook/preview.js` (or individual stories) & pass the emitter callback function for emitting events

```ts
import { withMessageBus } from "@prashis/storybook-addon-message-bus";
import nanobus from "nanobus";

const bus = nanobus();

const emitter = (name, payload) => {
  bus.emit(name, payload);
};

export const decorators = [withMessageBus({ emitter })];
```

Finally, pass the list of event names & default payload in [story parameters](https://storybook.js.org/docs/react/addons/addons-api#useparameter), which will be displayed inside the addon panel

```ts
const events = [
  {
    name: "notification.add",
    payload: {
      type: "success",
      message: "Illo et aspernatur saepe exercitationem fugit tenetur.",
    },
  },
];

const Template = () => <Notifications />;

export const List = Template.bind({});
List.parameters = { events };
```
npm package: @prashoonb/base64-encoder-decoder
Description: Helps to encode a string to base64 and decode a base64 string to a normal string.
Author: Prashoon Bhattacharjee
Latest version: 1.0.4

# @prashoonb/base64-encoder-decoder

## Installation

```bash
npm install @prashoonb/base64-encoder-decoder
```

## API

### `base64.encode(input)`

This function takes a byte string (the `input` parameter) and encodes it according to base64.

```js
const base64 = require("@prashoonb/base64-encoder-decoder");

const text = "foo © bar 𝌆 baz";
const encoded = base64.encode(bytes);
console.log(encoded);
// → "Zm9vIMKpIGJhciDwnYyGIGJheg=="
```

### `base64.decode(input)`

This function takes a base64-encoded string (the `input` parameter) and decodes it.

```js
const encoded = "Zm9vIMKpIGJhciDwnYyGIGJheg==";
const text = base64.decode(bytes);
console.log(text);
// → "foo © bar 𝌆 baz"
```

## Author

| [![twitter/prashoonb](https://s.gravatar.com/avatar/c6637efa5d5bb6861da578b5b933d2ab?s=80)](https://twitter.com/prashoonb "Follow @prashoonb on Twitter") |
|---|
| [Prashoon Bhattacharjee](https://prashoonb.tech/) |

## License

_@prashoonb/base64-encoder-decoder_ is available under the [MIT](https://opensource.org/licenses/MIT) license.

## Credits

Inspired by [Mathias Bynens](https://mathiasbynens.be/)' _base64_ package.
npm package: @prasiddha/nepali-datepicker
Description: ```bash npm install --save @prasiddha/nepali-datepicker
Author: prasiddha22
Latest version: 0.2.2

## Install

```bash
npm install --save @prasiddha/nepali-datepicker

or,

yarn add @prasiddha/nepali-datepicker
```

## Usage

```tsx
import React, { useState } from 'react';
import { NepaliDatePicker } from '@prasiddha/nepali-datepicker';

const App = () => {
  const [date, setDate] = useState<string>('');

  return (
    <form>
      <label htmlFor="date">Date</label>
      <NepaliDatePicker
        inputClassName="form-control"
        className=""
        value={date}
        onChange={(value: string) => setDate(value)}
        options={{ calenderLocale: 'ne', valueLocale: 'en' }}
      />
    </form>
  );
};

export default App;
```
npm package: @prasiddha/react-smooth-scrolling
Description: @prasiddha/react-smooth-scrolling makes the scroll smooth for your react site.
Author: prasiddha22
Latest version: 0.1.2

# @prasiddha/react-smooth-scrolling

@prasiddha/react-smooth-scrolling makes the scroll smooth for your react site.

## Installation

Use the package manager [npm](https://nodejs.org/en/) to install @prasiddha/react-image-loader.

```terminal
npm install @prasiddha/react-smooth-scrolling --save
```

## Usage

With @prasiddha/react-smooth-scrolling you can pass `ease` prop to define how much smooth your scrolling should be. The value that can be passed is 1-9. The lower, the smoother scroll

```tsx
import { SmoothScroll } from '@prasiddha/react-smooth-scrolling';

const App = () => {
  return <SmoothScroll ease={4}>{/* Your App goes here */}</SmoothScroll>;
};

export default App;
```

## Props

| Property | Required | Default value | Description                                                                                                   |
| :------- | :------- | :------------ | :------------------------------------------------------------------------------------------------------------ |
| `ease`   | no       | 4             | How much smooth your scrolling should be. The value that can be passed is 1-9. The lower, the smoother scroll |

###

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @prasiddha/react-window-size
Description: @prasiddha/react-window-size provides with a useWindowSize hook.
Author: prasiddha22
Latest version: 0.1.2

# @prasiddha/react-window-size

@prasiddha/react-window-size provides with a useWindowSize hook.

![GIF showing the basic working of react-debounced-hook](https://github.com/Prasiddha22/react-window-size/blob/main/media/window-resize.gif?raw=true)

## Installation

Use the package manager [npm](https://nodejs.org/en/) to install react-simple-spoiler.

```terminal
npm install @prasiddha/react-window-size --save
```

## Usage

```tsx
import { useWindowSize } from '@prasiddha/react-window-size';

const App = () => {
  const { width, height } = useWindowSize();
  return (
    <div
      style={{
        height: '100vh',
        width: '100vw',
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
      }}
    >
      <div>
        <h1>Height:{height}</h1>
        <h1>Width:{width}</h1>
      </div>
    </div>
  );
};

export default App;

export default App;
```

## Props

--

###

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License

[MIT](https://choosealicense.com/licenses/mit/)
npm package: @prasoongoswami/react_snackbar
Description: A simple snackbar notification for react apps made using Material-ui
Author: PraSoonGosWami
Latest version: 1.0.3

# react_snackbar

> A simple snackbar notification for react apps made with Material-ui

[![NPM](https://img.shields.io/npm/v/react_material_snackbar.svg)](https://www.npmjs.com/package/@prasoongoswami/react_snackbar) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install
*You need to install @material-ui/lab and @material-ui/core, simply run the command*
```bash
npm install --save @prasoongoswami/react_snackbar @material-ui/core @material-ui/lab
```

## Usage

##### In your index.js
```jsx
//import SnackBarProvider from @prasoongoswami/react_snackbar
import { SnackBarProvider } from '@prasoongoswami/react_snackbar'

ReactDOM.render(
  //Wrap the SnackBarProvider around the App
  <SnackBarProvider>
    <App/>
  </SnackBarProvider>,
  document.getElementById('root'))
```

##### In your app.js or where you want to show a snackbar

```jsx
//import useAlert hook from @prasoongoswami/react_snackbar
import { useAlert } from '@prasoongoswami/react_snackbar'

const App = () => {
  //use addAlert method to display snackbar
  const { addAlert } = useAlert()
  return (
    <div>
      //addAlert(options)
      //you can customise your snackbar using options parameter
      <button onClick={() => {
        addAlert({message:"Error text", severity:'success'})
      }}>Generate</button>
    </div>

  )
}
```

#### Customize your snackbar
```jsx
//import useAlert hook from @prasoongoswami/react_snackbar
import { useAlert } from '@prasoongoswami/react_snackbar'

const App = () => {
  //use addAlert method to display snackbar
  const { addAlert } = useAlert()
  const options =
    {
      title : 'This is title',
      message: 'This is material snackbar',
      severity: 'error', // error | success | info | warning
      duration: 4000, // duration after which snackbar disappears automatically
      vertical: 'bottom', // vertical placement - bottom | top
      horizontal: 'left', // horizontal placement - left | right | center
      variant: 'filled' // filled | outlined
    }
  return (
    <div>
      //addAlert(options)
      //you can customise your snackbar using options parameter
      <button onClick={() => {
        addAlert(options)
      }}>Generate</button>
    </div>

  )
}
```
#### options
| options    | type   | default | values                        |
|------------|--------|---------|-------------------------------|
| title      | string | empty   | string                        |
| message    | string | empty   | string                        |
| severity   | string | error   | error, info, success, warning |
| duration   | number | 4000    | any (in milliseconds)         |
| vertical   | string | bottom  | bottom, top                   |
| horizontal | string | bottom  | left, right, center           |
| variant    | string | filled  | filled, outlined              |


## License

MIT © [PraSoonGosWami](https://github.com/PraSoonGosWami)
npm package: @prass/botpress-native
Description: A simple and powerful SDK for integrating Botpress Chat API with React Native,
Author: PRAS
Latest version: 1.0.0

# Botpress Native SDK for React Native

A simple and powerful SDK for integrating [Botpress Chat API](https://botpress.com/reference/introduction) with React Native. This package allows seamless interaction with the Botpress Chat API without manually handling HTTP requests.

## Installation

```sh
# Using npm
npm install botpress-native

# Using yarn
yarn add botpress-native

# Using bun
bun add botpress-native
```

## Usage

### Initialize the SDK

```ts
import { Botpress } from "botpress-native";

const botpress = new Botpress("your-webhook-id", "your-user-key");
```

📌 **Note:** `user-key` can be `null` when creating a user. After user creation, you will receive the `user-key` in the response. All other methods require a valid `user-key`.

### Create a User

```ts
const user = await botpress.createUser({
  id: "user-123",
  name: "John Doe",
  pictureUrl: "https://example.com/picture.jpg",
  profile: "string within 1000 characters",
});
console.log(user); // `user-key` will be included in the response
```

### Send a Message

```ts
const message = await botpress.createMessage({
  conversationId: "conv_123",
  payload: { type: "text", text: "Hello, world!" },
});
console.log("Message created:", message);
```

### Listen to Conversations

```ts
const listener = await botpress.listenConversations({
  id: "conv_123",
  autoReconnect: true,
});

listener.on("message", (data) => console.log("New message:", data));
listener.on("error", (err) => console.error("Stream error:", err));
listener.on("close", () => console.log("Stream closed"));

// To stop listening:
listener.stop();
```

## Features

- Simple user creation and management
- Send and receive messages
- Real-time conversation streaming
- Fully compatible with React Native

## More Information

For raw API queries, refer to the official [Botpress Chat API documentation](https://botpress.com/reference/introduction).

---

📌 **Note:** This is a short documentation for now. A detailed guide will be published soon.

## License

This project is licensed under the **MIT License**. See the [LICENSE.md](LICENSE.md) file for details. This means you are free to use, modify, and distribute the package with minimal restrictions.

## Contributors

Contributions are welcome! If you'd like to contribute, please open an issue or submit a pull request on [GitHub](https://github.com/PRASSamin/botpress-native).
npm package: @prasuco/easy-sewa
Description: ```bash npm install @prasuco/easy-sewa  ```
Author: prabincankod
Latest version: 1.1.3

# easy-sewa: making esewa v2 payment easier.

## Installation 
```bash
npm install @prasuco/easy-sewa 
```

## Usage

### Importing 
```js 
import { EasySewa} from '@prasuco/easy-sewa';
```
 
### Instantiating
```js 
const easySewa = new EasySewa({
    environment: "development",
    failure_url: "http://localhost:3000/failure",
    success_url: "http://localhost:3000/success",
    product_code: "EPAYTEST",
    secret: "8gBm/:&EnhH.1/q"
})
```


### Payment
```js 
easySewa.pay({ amount: 200, transaction_uuid: "232323232323" })
```

> This package has not been tested in production using the production merchant codes of esewa.
npm package: @prateekbhaskar/nse-api
Description: package to integrate rfq mechanism for securities buy and sell
Author: Prateek Bhaskar
Latest version: 1.0.0

# rfq

A package to integrate RFQ (Request For Quote) mechanism for securities buy and sell on stock markets like NSE and BSE.

## Features

- Request quotes for buying and selling securities
- Supports integration with NSE, BSE, and custom brick platforms like Cbrics and Seebrick
- Simplifies stock market trading workflows

## Installation

```bash
npm install nse-api