open-index/open-npm huggingface dataset:
npm package: @herrfugbaum/cato
Description: Small, dependency-free library for (image) comparison sliders.
Author: Pascal Spiesz
Latest version: 0.1.4

- [About](#about)
- [How To](#how-to)
  - [With a CDN](#with-a-cdn)
- [Changelog](#changelog)

[![Build Status](https://travis-ci.org/herrfugbaum/cato.js.svg?branch=master)](https://travis-ci.org/herrfugbaum/cato.js)
[![codecov](https://codecov.io/gh/herrfugbaum/cato.js/branch/master/graph/badge.svg)](https://codecov.io/gh/herrfugbaum/cato.js)

# About

**C**ompare **A**pples **T**o **O**ranges

cato.js is a dependency free library for (image) comparison sliders.

It currently gets rewritten in modern JavaScript.
Version 1.0.0 (WIP) aims to bring more flexibility, less boilerplate html and better browser support.
You can find more info in the [roadmap](https://github.com/herrfugbaum/cato.js/issues/2) issue.

For the initial (Webkit only) release see [v0.0.1](https://github.com/herrfugbaum/cato.js/releases/tag/v0.0.1)

# How To

## With a CDN

Place the stylesheet inside the ```<head></head>``` tag of your HTML file.
```html
  <link rel="stylesheet" src="https://cdn.jsdelivr.net/npm/@herrfugbaum/cato@latest/dest/cato.min.css">
```

Place the script just before your closing ```</body>``` tag of your HTML file.
```html
  <script src="https://cdn.jsdelivr.net/npm/@herrfugbaum/cato@latest/dest/cato.min.js"></script>
```

Add the simple HTML inside your ```<body></body>``` tag of your HTML file.
```html
<div id="my-slider">
  <img src="path/to/my/image" /> <!-- left image -->
  <img src="path/to/my/image" /> <!-- right image -->
</div>
```

Add this JavaScript snippet inside your ```<body></body>``` tags of your HTML file and wrap it with a ```<script></script>``` tag.
Alternatively you can place this inside a, for example, index.js file and load it with ```<script src="path/to/my/index.js"></script>```.
In both cases make sure to place this script tag **after** the tag in which you load the Cato library from the CDN.

You can find a working example in the examples/global-variable/ directory.

```javascript
const options = {
  direction: 'vertical', // string horizontal & vertical
  width: 700, // integer defaults to max-width: 100%; via CSS
  height: 450, // integer defaults to height: auto; via CSS
  initial: 30, // integer default = 30px (initial position for slider in px)
  filter: {
    active: true, // boolean
    effect:
      'grayscale(200%)' /* url, blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, saturate, sepia */,
  },
}

const container = document.getElementById('my-slider')

const mySlider = new Cato(options, container)

mySlider.createSlider()
```


If you are searching for the initial Webkit-only release, you can find the How To of version 0.0.1 [here](https://github.com/herrfugbaum/cato.js/releases/tag/v0.0.1).

# Changelog

0.0.1 Initial Release
npm package: @hershbergien/native-modules
Description: Report native modules used
Latest version: 2.1.1

# native-modules

> ℹ️ This package is no longer maintained and all changes have been merged into the upstream project.
>
> 👉 Use [native-modules](https://www.npmjs.com/package/native-modules) instead.
>
> Please update your dependencies to use the upstream package instead.
> 
> This repository will no longer receive updates, bug fixes, or support.

Report on the native node modules used by your application or module.

Checks for presence of [prebuild](https://npmjs.org/package/prebuild), [prebuild-ci](https://npmjs.org/package/prebuild-ci), and [prebuildify](https://github.com/prebuild/prebuildify).

![screenshot](screenshot.png)

## Usage

```text
 $ native-modules --help
 Usage: native-modules [options]
   --format <string>        The formatting style for command output
                            (formats: pretty|json default: pretty)
   -h, --help               Print command line options
```

## Installation

```bash
$ npm install -g native-modules
```

## License

MIT
npm package: @hershel/plugin
Description: 📁 Plugin helper for Hershel
Author: HelloEdit
Latest version: 1.0.2

<h2 align="center">@hershel/plugin</h2>

<p align="center">
  <em>Plugin helper for <a href="https://github.com/hershel/hershel">Hershel</a></em>
</p>

When you don't want your plugin to have access to an instance of an encapsulated Hershel Client, you can

- Use the skip-override hidden property
- Use this module

In addition if you use this module when creating new plugins, you can declare the expected Hershel version that your plugin needs and the plugin name.

## Install

```
npm i @hershel/plugin
```

[`hershel`](https://github.com/hershel/hershel) should be installed as well.

## Usage

This module can do for you:

    Add the skip-override property
    Check the minimum version of Hershel
    Add plugin name

## Example

```js
const myPlugin = plugin((instance, opts, next) => {
  // your code
  next()
})
```

If you need to set a minimum version of hershel for your plugin, just add the semver range

```js
const { plugin } = require('@hershel/plugin')

const myPlugin = (instance, opts, next) => {
  // your plugin code
  next()
}

plugin(myPlugin, { hershel: '1.x.x' })
```

By default, the plugin name will be the function name, or anonymous for anonymous function. If you want to override the name, just set `{ name: '' }` like this:

```js
const { plugin } = require('@hershel/plugin')

const myPlugin = (instance, opts, next) => {
  // your plugin code
  next()
}

plugin(myPlugin, { name: 'myAwesomePlugin' })
```

You can turn off adding skip-override hidden property with `{ shouldSkipOverride: false }`

## Related

- [hershel](https://github.com/hershel/hershel) - A framework for modular and blazing fast Discord bots
- [hershel/dispatcher](https://github.com/hershel/dispatcher) - Command dispatcher for Hershel
- [hershel/examples](https://github.com/hershel/examples) - Example of integration with Hershel

## Thanks

Hershel uses part of Fastify's theoretical logic, a fast and low overhead web framework for Node.js.

## License

MIT
npm package: @hershoj/rainbowlog
Description: creates a colourfull console log
Author: Mikkel Hershøj Olsen
Latest version: 3.0.0

# Rainbow-log
this awesome peace of code makes a colourfull console log.
et very Nice!!!!!



## Usage
Install with `npm i @noget/rainbow.log`

```javascript
var rainbowlog = require("@noget/rainbow.log);

rainbowLog("i am a rainbow)
```
npm package: @heruka_urgyen/poker-solver
Description: Poker-solver ============
Author: github.com/heruka-urgyen
Latest version: 3.4.0

Poker-solver
============

Simple poker solver for texas hold'em written with [sanctuary.js](https://github.com/sanctuary-js) for fun and without any performance optimizations.

Exposes some functions such as

```
showCard :: Card -> CardNotation
newCard :: CardNotation -> Card
orderedDeck :: () -> Cards
randomDeck :: () -> Cards
seededDeck :: String -> Cards
solveHand :: Cards -> Maybe Hand
compareHands :: Hand -> Hand -> [Hand]
selectWinningHands :: [Pair Player.id Cards] -> [Hand]
deal :: Street -> Round -> Round
```

To calculate equity of a hand

```
node calculate-equity.js -p <number of players> -n <number of trials> -h <hand>

// input
node equity-cli.js -p 9 -n 100 -h AcKs

// output
equity: 19%
```

To calculate side pots

```
node calculate-pots.js --ids id1 id2 ... idn --bets bet1 bet2 ... betn

// input
node calculate-pots.js --ids x y z --bets 100 25 120

// output
{ pots:
   [ { amount: 75, players: [ 'x', 'y', 'z' ] },
     { amount: 150, players: [ 'x', 'z' ] } ],
  return: [ { playerId: 'z', amount: 20 } ] }
equity: 19%
```
npm package: @heruka_urgyen/react-playing-cards
Description: SVG playing cards as a react component
Author: github.com/heruka-urgyen
Latest version: 0.5.0

React playing cards
===================

A simple react component that renders svg playing cards by Adrian Kennard. Cards downloaded from https://www.me.uk/cards/ and distributed under CC0 license.

## Usage

```
// includes all four deck types; very heavy
import Card from "@heruka-urgyen/react-playing-cards"

<Card card={card} deckType={deckType} height="XXpx" style={} className="" back />

// separate imports for decks:
// TcN - two colors normal faces
// TcB - two colors big faces
// FcN - four colors normal faces
// FcB - four colors big faces
import Card from "@heruka-urgyen/react-playing-cards/lib/TcN"
import Card from "@heruka-urgyen/react-playing-cards/lib/TcB"
import Card from "@heruka-urgyen/react-playing-cards/lib/FcN"
import Card from "@heruka-urgyen/react-playing-cards/lib/FcB"

<Card card={card} height="XXpx" back />

where
// card rank and suit, e.g 2c, Kh, Ad, etc
  card :: String
  card = rank + suit
    where
      rank = (2 | 3 ... 9 | T | J | Q | K | A)
      suit = (c | d | h | s)

// various card styles
  deckType :: String
  deckType = (basic | four-color | big-face | big-face four-color)

// card height in px
  height :: String

// show front (true by default, can be omitted)
  front :: Boolean

// show back
  back :: Boolean

// style and className are optional
```

## Showcase

https://heruka-urgyen.github.io/react-playing-cards/

```
// building manually

cd example
npx webpack

// open dist/index.html in browser
```