open-index/open-npm huggingface dataset:
npm package: @hotelkilow/another-react-carousel
Description: Just another basic react carousel component
Author: hosnibona.dev@gmail.com
Latest version: 0.0.2

# Just Another React Carousel Package

Just another basic barebones React Carousel package

### Installing as a package

`yarn add @hotelkilow/another-react-carousel`

### Usage

```javascript
import React from 'react';
import ReactDOM from 'react-dom';
import Carousel from '@hotelkilow/another-react-carousel';

const images = ['/images/1.jpeg', '/images/2.jpeg', '/images/3.jpeg']

const App = () => <div>
    <Carousel images={images}>
        <div>
            <p>hello</p>
        </div>
    </Carousel>
</div>

ReactDOM.render(<App />, document.querySelector('#root'));
```

### Props

| Name                                     | Value                                       | Description                                                                                  |
| ---------------- | ------------------------------------------- | -------------------------------------------------------------------------------------------- |
| images           | `string[]`                                  | An array of strings for each of the images path                                              |
| duration         | `number`                                    | Interval in milliseconds on how long until next image appears. Optional. Defaults to `4000`. |
| overlay          | `boolean`                                   | Adds overlay on the Carousel Wrapper. Optional. Defaults to `true`                           |
| pauseOnHover     | `boolean`                                   | Wether to pause Carousel on mouse hover. Optional.                                           |
| wrapperProps     | `React.HTMLAttributes<HTMLDivElement>`      | Props to attach to the Wrapper. Optional.                                                    |
| imageProps       | `React.ImgHTMLAttributes<HTMLImageElement>` | Props to attach to the img Component. Optional.                                              |
npm package: @hotellistat/robust-ui
Description: A lightweight Vue 3 component library
Author: Daniel Schneider
Latest version: 3.13.12

<p>
  <a href="https://hotellistat.com/#gh-light-mode-only" target="_blank">
    <img src="assets/logo.png" width="200">
  </a>

  <a href="https://hotellistat.com/#gh-dark-mode-only" target="_blank">
    <img src="assets/logo-dark.png" width="200">
  </a>
</p>

# Robust-UI

[![npm (scoped)](https://img.shields.io/npm/v/@hotellistat/robust-ui)](https://www.npmjs.com/package/@hotellistat/robust-ui)
[![npm bundle size (scoped)](https://img.shields.io/bundlephobia/minzip/@hotellistat/robust-ui)](https://bundlephobia.com/result?p=@hotellistat/robust-ui@latest)
[![NPM](https://img.shields.io/npm/l/@hotellistat/robust-ui)](https://github.com/hotellistat/robust-ui/blob/main/LICENSE)

A lightweight Vue 3 component library that aims to invoke a native UI feel. This means that UI elements should behave similarly to other native OS applications, e.g. don't user cursor: pointer and don't use overloaded animations.

When you are starting a new prototype you want to be able to develop features fast. We created this component library as a way for us to build products quickly without having to deal with complicated packages and a huge bundle sizes.

## Usage

First install the library using your prefered package manager

```bash
npm run add @hotellistat/robust-ui
```

then you can import the available components like so

```vue
import { HsButton } from '@hotellistat/robust-ui'
```

## Development

To develop new components for robust-ui, you should create new feature branches
that hold the code of a specific components. As soon as you are finished with working on, and
testing the components, you can create a PR to merge it into the main branch.

## Publishing a new version

To publish a new version you will need to follow these simple steps:

1. Create a PR to merge your feature branch into the main branch
2. As soon as the PR was merged, a automated pipeline takes care of bumping the
   next patch version and publishing the package to npm

## Available commands

Here is a list of all available npm commands.

**Starting the dev environment**
We use Vue Press to hold our component documentation and examples

```bash
npm run dev
```

**Building the documentation**

```bash
npm run build
```

**Serving the documentation**

```bash
npm run serve
```

**Building the library bundles**

```bash
npm run build:library
```

**Analyzing bundle sizes with [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer)**

```bash
npm run analyze
```

**Lint all files**

```bash
npm run lint
```

**Format all files**

```bash
npm run format
```
npm package: @hotelquickly/basic-auth
Description: node.js basic auth parser
Latest version: 1.2.0

# basic-auth

[![NPM Version][npm-image]][npm-url]
[![NPM Downloads][downloads-image]][downloads-url]
[![Node.js Version][node-version-image]][node-version-url]
[![Build Status][travis-image]][travis-url]
[![Test Coverage][coveralls-image]][coveralls-url]

Generic basic auth Authorization header field parser for whatever.

## Installation

This is a [Node.js](https://nodejs.org/en/) module available through the
[npm registry](https://www.npmjs.com/). Installation is done using the
[`npm install` command](https://docs.npmjs.com/getting-started/installing-npm-packages-locally):

```
$ npm install basic-auth
```

## API

<!-- eslint-disable no-unused-vars -->

```js
var auth = require('basic-auth')
```

### auth(req)

Get the basic auth credentials from the given request. The `Authorization`
header is parsed and if the header is invalid, `undefined` is returned,
otherwise an object with `name` and `pass` properties.

### auth.parse(string)

Parse a basic auth authorization header string. This will return an object
with `name` and `pass` properties, or `undefined` if the string is invalid.

### auth.middleware(UnauthorizedError)

Reads from env variable `BASIC_AUTH` in format user:pass to treat as valid
then get credentials using `auth` and validates against set in env.
In case of mismatch through error instance of ErrorClass

## Example

Pass a node request or koa Context object to the module exported. If
parsing fails `undefined` is returned, otherwise an object with
`.name` and `.pass`.

<!-- eslint-disable no-unused-vars, no-undef -->

```js
var auth = require('basic-auth')
var user = auth(req)
// => { name: 'something', pass: 'whatever' }
```

A header string from any other location can also be parsed with
`auth.parse`, for example a `Proxy-Authorization` header:

<!-- eslint-disable no-unused-vars, no-undef -->

```js
var auth = require('basic-auth')
var user = auth.parse(req.getHeader('Proxy-Authorization'))
```

### With vanilla node.js http server

```js
var http = require('http')
var auth = require('basic-auth')

// Create server
var server = http.createServer(function (req, res) {
  var credentials = auth(req)

  if (!credentials || credentials.name !== 'john' || credentials.pass !== 'secret') {
    res.statusCode = 401
    res.setHeader('WWW-Authenticate', 'Basic realm="example"')
    res.end('Access denied')
  } else {
    res.end('Access granted')
  }
})

// Listen
server.listen(3000)
```

# License

[MIT](LICENSE)

[npm-image]: https://img.shields.io/npm/v/basic-auth.svg
[npm-url]: https://npmjs.org/package/basic-auth
[node-version-image]: https://img.shields.io/node/v/basic-auth.svg
[node-version-url]: https://nodejs.org/en/download
[travis-image]: https://img.shields.io/travis/jshttp/basic-auth/master.svg
[travis-url]: https://travis-ci.org/jshttp/basic-auth
[coveralls-image]: https://img.shields.io/coveralls/jshttp/basic-auth/master.svg
[coveralls-url]: https://coveralls.io/r/jshttp/basic-auth?branch=master
[downloads-image]: https://img.shields.io/npm/dm/basic-auth.svg
[downloads-url]: https://npmjs.org/package/basic-auth
npm package: @hotequil/proposal-remove-string
Description: TC39 proposal to implement the String.prototype.remove.
Author: hotequil@protonmail.com
Latest version: 0.1.0

# Remove string proposal

TC39 proposal to implement the `String.prototype.remove`.

![Proposal Stage 0](https://img.shields.io/badge/Proposal-Stage--0-blue)
![Version](https://img.shields.io/npm/v/@hotequil/proposal-remove-string.svg)
![Downloads](https://img.shields.io/npm/dt/@hotequil/proposal-remove-string.svg)
![License](https://img.shields.io/npm/l/@hotequil/proposal-remove-string)

![npm](https://nodei.co/npm/@hotequil/proposal-remove-string.png?downloads=true&downloadRank=true&stars=true)

## Reason

The motivation behind this [proposal](https://es.discourse.group/t/implement-the-string-prototype-remove/2526) is to
simplify the text replacement within JavaScript. Currently, to remove some text in a `string`, you need to use
the `replace` or `replaceAll` methods passing an empty `string` as a second parameter. This
is an ugly way. So this proposal doesn't change the memory value and removes the second parameter.

## How it works

It receives one **string** or **RegExp** that returns a new **string**.

## Installation

Install the package using [npm](https://www.npmjs.com) or another package manager you want.

```shell
npm install @hotequil/proposal-remove-string
```

## Usage

Import the polyfill in the main, index or app file of your project.

```TypeScript
import "@hotequil/proposal-remove-string";
```

## Typical cases

Follow the examples in TypeScript below.

```TypeScript
// Imports omitted…

"bitcoin-mainnet".remove("-mainnet")
// "bitcoin"

"bitcoin-mainnet".remove(/-mainnet/)
// "bitcoin"

"bitcoin mainnet mainnet".remove("mainnet", { trim: true })
// "bitcoin"

"bitcoin mainnet mainnet".remove(/mainnet/, { trim: true })
// "bitcoin"
```

## Proposer

- Author: [@hotequil](https://github.com/hotequil);
- Champion(s): _no one at the moment_.

_This repository there is no other third dependency, see the [package.json](package.json)._
npm package: @hotform/react
Description: HotForm is a JavaScript library for building React custom forms
Author: Derry Sucari
Latest version: 1.2.1

# HotForm

[![GitHub license](https://img.shields.io/github/license/hotform/hotform?color=blue)](https://github.com/hotform/hotform/blob/master/LICENSE) [![npm version](https://img.shields.io/npm/v/@hotform/react)](https://www.npmjs.com/package/@hotform/react)

HotForm is a JavaScript library for building React custom forms.

## Contents

- [Installation](#installation)
  - [npm](#npm)
  - [yarn](#yarn)
  - [Peer Dependencies](#peer-dependencies)
- [Usage](#usage)
  - [Quickstart](#quickstart)
  - [Examples](#examples)
- [Documentation](#documentation)
- [License](#license)

## Installation

Run one of the following commands to add HotForm to your project:

### npm

```shell
npm i @hotform/react
```

### yarn

```shell
yarn add @hotform/react
```

### Peer Dependencies

[`react`](https://www.npmjs.com/package/react) >= 16.0.0 is a peer dependency.

## Usage

Learn the basics of working with HotForm.

### Quickstart

Create a new component that uses the hook from `@hotform/react`. To start with, add the initial schema and the validity event handler to the hook argument.

```jsx
import { useHotForm } from '@hotform/react'

const BasicForm = () => {
  const { currentSchema, handleChange, handleSubmit } = useHotForm({
    initialSchema: {
      firstName: {
        validator: value => !!value,
        value: '',
      },
      lastName: {
        validator: value => !!value,
        value: '',
      },
    },
    async onValid({ fieldValues }) {
      await new Promise(resolve => setTimeout(resolve, 500))
      alert(JSON.stringify(fieldValues, null, 2))
    },
  })
  return (
    <form onSubmit={handleSubmit}>
      <div>
        <label htmlFor="firstName">First Name</label>
        <input
          id="firstName"
          name="firstName"
          onChange={handleChange}
          placeholder="Enter your first name"
          value={currentSchema.firstName.value}
        />
      </div>
      <div>
        <label htmlFor="lastName">Last Name</label>
        <input
          id="lastName"
          name="lastName"
          onChange={handleChange}
          placeholder="Enter your last name"
          value={currentSchema.lastName.value}
        />
      </div>
      <button type="submit">Submit</button>
    </form>
  )
}

export default BasicForm
```

### Examples

Visit the [examples](https://hotform.org/examples/) page to see how we recommend implementing HotForm with various React packages like Material UI, Yup and more.

## Documentation

The official documentation website is [hotform.org](https://hotform.org/).

## License

Licensed under the [MIT license](https://github.com/hotform/hotform/blob/master/LICENSE).