open-index/open-npm huggingface dataset:
npm package: @monban/redis-adapter
Description: Redis adapter for Monban
Author: kosei28
Latest version: 0.1.3

# `@monban/redis-adapter`

## Installation

```bash
npm install @monban/redis-adapter
```

## Usage

```typescript
import { Monban } from 'monban';
import { RedisAdapter } from '@monban/redis-adapter';
import { Redis } from 'ioredis';

const monban = new Monban(providers, {
    ...options,
    adapter: new RedisAdapter({
        session: new Redis(),
        userSession: new Redis(),
    }),
});
```
npm package: @monban/upstash-redis-adapter
Description: Upstash Redis adapter for Monban
Author: kosei28
Latest version: 0.1.4

# `@monban/upstash-redis-adapter`

## Installation

```bash
npm install @monban/upstash-redis-adapter
```

## Usage

```typescript
import { Monban } from 'monban';
import { UpstashRedisAdapter } from '@monban/upstash-redis-adapter';
import { Redis } from '@upstash/redis';

const monban = new Monban(providers, {
    ...options,
    adapter: new UpstashRedisAdapter({
        session: new Redis({
            url: 'UPSTASH_REDIS_REST_URL',
            token: 'UPSTASH_REDIS_REST_TOKEN',
        }),
        userSession: new Redis({
            url: 'UPSTASH_REDIS_REST_URL',
            token: 'UPSTASH_REDIS_REST_TOKEN',
        }),
    }),
});
```
npm package: @moncareyws/foundation-select
Description: Select plugin for Foundation sites 6
Author: Samuel Moncarey
Latest version: 1.0.1

# foundation-select

Select plugin for Foundation sites 6

## Installation

```shell
npm install --save @moncareyws/foundation-select
```

Add all nessesary files to your html. This plugin only works with foundation and requires foundation-perfect-scrollbar and font-awesome.
```html
<link rel="stylesheet" type="text/css" href="node_modules/foundation-sites/dist/css/foundation.min.css"> 
<link rel="stylesheet" type="text/css" href="node_modules/@moncareyws/foundation-perfect-scrollbar/dist/css/foundation-perfect-scrollbar.min.css">
<link rel="stylesheet" type="text/css" href="node_modules/@moncareyws/foundation-select/dist/css/foundation-select.min.css">
<link rel="stylesheet" type="text/css" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css">
...
<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="node_modules/what-input/dist/what-input.js"></script>
<script src="node_modules/foundation-sites/dist/js/foundation.min.js"></script>
<script src="node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
<script src="node_modules/@moncareyws/foundation-perfect-scrollbar/dist/js/foundation.perfectScrollbar.min.js"></script>
<script src="node_modules/@moncareyws/foundation-select/dist/js/foundation.select.min.js"></script>
```

If you are using foundation's scss with gulp, the best way add the styles is by adding it to the sass paths in your gulpfile.
```js
var gulp = require('gulp');
var $    = require('gulp-load-plugins')();

var sassPaths = [
    'node_modules/foundation-sites/scss',
    'node_modules/motion-ui/src',
    'node_modules/@moncareyws/foundation-perfect-scrollbar/src/scss/plugin',
    'node_modules/@moncareyws/foundation-select/src/scss/plugin',
    'node_modules/@fortawesome/fontawesome-free/scss'
];

gulp.task('sass', function() {
    ...

```

Then add these settings to your _settings.scss file for customization
```scss
$select-background: $input-background !default;
$select-border: $input-border !default;
$select-color: $input-color !default;
$select-dropdown-height: rem-calc(300);
```
## Usage

Just add a data-select attribute to your select tag.

```html
<select data-select>
    <option value="">Placeholder<option>
    <option value="0">Option 1<option>
    <option value="1">Option 2<option>
    ...
</select>
```

Run foundation and it will automaticaly initialize all the selects
```js
$(document).foundation();
```

**Plugin options**

|Name     |Default  |Descrition|
|---------|---------|----------|
|data-icon-class|'fa-caret-down'|The FontAwesome class for the select triangle icon.|
|data-placeholder|''|Custom placeholder.|
|data-value|''|The default value of the select.|
|data-mousewheel|true|If set to true scrolling over the element will change the value if the element has focus.|

## Licence
[![MIT Licence](https://img.shields.io/badge/Licence-MIT-blue.svg)](https://opensource.org/licenses/mit-license.php)