open-index/open-npm huggingface dataset:
npm package: @lionai/bubble-den-react
Description: React library to display flowise chatbot on your website
Latest version: 0.0.1

<!-- markdownlint-disable MD030 -->

# Flowise Embed React

React library to display flowise chatbot on your website

![Flowise](https://github.com/FlowiseAI/FlowiseChatEmbed/blob/main/images/ChatEmbed.gif?raw=true)

## Install

```bash
npm install flowise-embed flowise-embed-react
```

or

```bash
yarn add flowise-embed flowise-embed-react
```

## Import

Full Page Chat

```tsx
import { FullPageChat } from "flowise-embed-react";

const App = () => {
  return (
    <FullPageChat
      chatflowid="your-chatflow-id"
      apiHost="http://localhost:3000"
    />
  );
};
```

Popup Chat

```tsx
import { BubbleChat } from "flowise-embed-react";

const App = () => {
  return (
    <BubbleChat chatflowid="your-chatflow-id" apiHost="http://localhost:3000" />
  );
};
```
npm package: @lionbyte/eslint-config
Description: ESLint config for personal projects
Author: Mark Hernandez
Latest version: 3.0.0

# @lionbyte/eslint-config

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)

ESLint config for personal projects.
npm package: @lionel-lints/react-radio-buttons
Description: Well-designed radio buttons for react.
Author: InJung Chung
Latest version: 1.2.3

# react-radio-buttons
Well-designed radio buttons for react

## Installation
```
npm install react-radio-buttons --save
```
Then just add `import { RadioGroup, RadioButton } from 'react-radio-buttons';` into your file.

## Screenshot
<img src="https://raw.githubusercontent.com/mu29/react-radio-button/master/example/example.png" width="400" />

## Usage
This is your average radio group:
```
<form>
  <input type="radio" name="fruit" value="apple" />Apple
  <input type="radio" name="fruit" value="orange" />Orange
  <input type="radio" name="fruit" value="melon" />Melon
</form>
```
By using `react-radio-buttons`, you can write like this (full example [here](https://github.com/mu29/react-radio-buttons/blob/master/example/example.js)) :
```
<RadioGroup onChange={ this.onChange } horizontal>
  <RadioButton value="apple">
    Apple
  </RadioButton>
  <RadioButton value="orange">
    Orange
  </RadioButton>
  <RadioButton value="melon">
    Melon
  </RadioButton>
  <ReversedRadioButton value="melon">
    Melon
  </ReversedRadioButton>
</RadioGroup>
```

## API
### RadioGroup
| name     | description    |
|----------|----------------|
|onChange|called when select child `RadioButton`|
|value|initial selected value, omit for no selection and set to `''` for first enabled control|
|horizontal|whether to align horizontally|
|children|define your `RadioButton`s|

### RadioButton
| name     | description    |
|----------|----------------|
|iconSize|size of `RadioIcon`, which appears on the right side of button|
|iconInnerSize|size of `RadioIcon`'s inner icon when selected, **proper value is same as iconSize or half of iconSize**|
|padding|padding size|
|rootColor|color when unselected|
|pointColor|color when selected|
|value|return value when selected|
|children|prefer string|
|disabled|boolean flag that allows you to disable a certain a button|
|disabledColor|color when disabled, including the `RadioIcon`|

## Author

InJung Chung / [@mu29](http://mu29.github.io/)

## License

[MIT](./LICENSE)
npm package: @lionel-ocs/hrnet-modal
Description: HRnet Modal Component - Simple React modal dialog
Author: Lionel OCS
Latest version: 1.0.6

# HRnet Modal Component - Simple React modal dialog

A simple React modal component.

## Installation

```bash
npm install @lionel-ocs/hrnet-modal
```

## Usage

```jsx
import React, { useState } from 'react';
import Modal from '@lionel-ocs/hrnet-modal';

function App() {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <div>
      <button onClick={() => setIsOpen(true)}>
        Open Modal
      </button>
      
      <Modal 
        isOpen={isOpen} 
        onClose={() => setIsOpen(false)}
      >
        <h2>Modal Title</h2>
        <p>Modal content.</p>
      </Modal>
    </div>
  );
}
```

## Props

isOpen Controls modal visibility
onClose Callback when modal closes
modalContent Modal content 

## Features

- Escape key to close
- Clic outside to close

## License

MIT
npm package: @lionel87/event-dispatcher
Description: Standard Event Dispatcher implementation with listener priority, flexible listener registration and good debugging support.
Author: László BULIK
Latest version: 1.9.0
Deprecated: Package no longer supported. Use the ts-dispatcher package instead.

# event-dispatcher-js
Standard Event Dispatcher implementation with listener priority, flexible listener registration and good debugging support. Avaliable for Node, AMD, and browsers.

I am currently working on the documentation and examples.
npm package: @lionellbriones/logging
Description: Lightweight informative modern console logging.
Author: Dylan Greene
Latest version: 3.2.2

# Logging  [![Build Status](https://secure.travis-ci.org/dylang/logging.svg)](https://travis-ci.org/dylang/logging)

> Lightweight informative modern console logging.

[![logging](screenshots/screenshot.png)](screenshots/screenshot.png)

## Install

```sh
yarn add logging
```

## Features
* Simple.
* Log levels.
* Nice coloring.

## Usage

```js
// or const createLogger = require('logging');  
import createLogger from 'logging';

const logger = createLogger('FeatureName');

logger.info('Interesting');
// -> [ Feature ] Interesting

logger.warn('Hmmm...', { details });
// -> [ WARNING Feature ] Hmmm... { details object }

logger.error('Not good.', 'Not good at all.', { err }, { context }, { etc });
// -> [ ERROR Feature ] Not good. Not good at all. { err } { context } ...

// uses the debug module, use DEBUG=* or DEBUG=FeatureName to see these items.
logger.debug('Interesting');
// -> [ Feature ] Interesting
```
npm package: @lioneltay/cli-tester
Description: DEPRECATED - install via Claude Code marketplace instead: claude plugin marketplace add lioneltay/agent-forge
Latest version: 0.0.2
Deprecated: This package is deprecated. Install via Claude Code marketplace instead: claude plugin marketplace add lioneltay/agent-forge

# @lioneltay/cli-tester

This package is deprecated. Install via Claude Code marketplace instead:

```bash
claude plugin marketplace add lioneltay/agent-forge
claude plugin install cli-tester
```