open-index/open-npm huggingface dataset:
npm package: @mofe/react-loading-button
Description: react-loading-button React component
Latest version: 1.0.0

# react-loading-button

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

Describe react-loading-button here.

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo
npm package: @mofer/resocket
Description: A reconnectable WebSocket client for JS/TS
Author: mohammadferdowsi
Latest version: 1.0.0

# Resocket

> A reconnectable WebSocket client for JavaScript and TypeScript.

[![npm version](https://img.shields.io/npm/v/resocket.svg?style=flat)](https://www.npmjs.com/package/resocket)
[![license](https://img.shields.io/npm/l/resocket.svg)](LICENSE)

Resocket is a lightweight wrapper around the native **WebSocket API** that adds:
- ✅ Automatic reconnection  
- ✅ Event binding/unbinding  
- ✅ TypeScript support out of the box  

Perfect for browser and Node.js applications that need reliable WebSocket connections.

---

## Installation

```bash
npm install resocket
```

or with yarn:

```bash
yarn add resocket
```

---

## Usage

```ts
import Socket from "resocket";

const socket = new Socket("wss://example.com");

// listen for events
socket.bind("open", () => console.log("Connected!"));
socket.bind("message", (event) => console.log("Received:", event.data));
socket.bind("close", () => console.log("Connection closed."));
socket.bind("reconnect", () => console.log("Reconnecting..."));

// send a message
socket.send({ type: "hello", payload: "world" });

// close connection manually
//socket.close();

// permanently destroy (disable reconnects)
//socket.destroy();
```

---

## API

### `new Socket(server: string, autoReconnect = true, reconnectInterval = 2000)`

Creates a new WebSocket connection.

- `server` *(string)* – WebSocket server URL.  
- `autoReconnect` *(boolean, default: true)* – whether to auto-reconnect on disconnect.  
- `reconnectInterval` *(number, default: 2000)* – delay (ms) before attempting reconnection.  

---

### `.bind(eventName, callback)`
Register a callback for a specific event.

- `eventName` – one of `"open" | "close" | "error" | "message" | "reconnect"`.  
- `callback` – function to execute when the event occurs.  

---

### `.unbind(eventName, callback)`
Remove a previously registered callback.  

---

### `.send(payload)`
Send a JSON-encoded message to the server.  

- `payload` *(object)* – any serializable object.  
- **Throws** if the socket is not open.  

---

### `.close()`
Closes the current WebSocket connection gracefully.  

---

### `.destroy()`
Permanently closes the connection and disables auto-reconnect.  

---

## Events

- **open** → Fired when the socket connects.  
- **close** → Fired when the socket disconnects.  
- **error** → Fired on connection errors.  
- **message** → Fired when a message is received.  
- **reconnect** → Fired right before attempting to reconnect.  

---

## License

MIT © [MohammadFerdowsi](https://github.com/mohammadferdowsi)
npm package: @moficodes/ve-whiteboard
Description: Webcomponent ve-whiteboard following open-wc recommendations
Author: ve-whiteboard
Latest version: 0.0.1

# \<ve-whiteboard>

This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.

## Installation

```bash
npm i ve-whiteboard
```

## Usage

```html
<script type="module">
  import 've-whiteboard/ve-whiteboard.js';
</script>

<ve-whiteboard></ve-whiteboard>
```

## Linting and formatting

To scan the project for linting and formatting errors, run

```bash
npm run lint
```

To automatically fix linting and formatting errors, run

```bash
npm run format
```

## Demoing with Storybook

To run a local instance of Storybook for your component, run

```bash
npm run storybook
```

To build a production version of Storybook, run

```bash
npm run storybook:build
```


## Tooling configs

For most of the tools, the configuration is in the `package.json` to reduce the amount of files in your project.

If you customize the configuration a lot, you can consider moving them to individual files.

## Local Demo with `web-dev-server`

```bash
npm start
```

To run a local development server that serves the basic demo located in `demo/index.html`