open-index/open-npm huggingface dataset:
npm package: @serabusinessdesign/bootstrap-signature-input
Description: Use a signature field as form input, using default Bootstrap 4 styling.
Author: Robbert Feunekes
Latest version: 0.1.18

# bootstrap-signature-input

A jQuery plugin for using a signature field as form input, using default Bootstrap 4 styling. The signature and canvas magic is powered by szimek's excellent [Signature Pad](https://github.com/szimek/signature_pad).

## Installation
To install, use the following command:
```shell script
npm install @serabusinessdesign/bootstrap-signature-input
```

Next, include the JavaScript in your source file by adding a line at the top:
```javascript
require('@serabusinessdesign/bootstrap-signature-input')
```

Finally, add the Sass file to your source (depending on your setup):
```javascript
require('@serabusinessdesign/bootstrap-signature-input/src/scss/main.scss')
```
or
```scss
@import "~@serabusinessdesign/bootstrap-signature-input/src/scss/main";
```

## Usage

Using the signature input plugin is fairly straightforward. First, add an element to your HTML:
```html
<div data-toggle="signature" style="height: 150px">
    <input type="text" name="signature-1">
</div>
```
Then, add the following to your JS source:
```javascript
$(function () {
  $('[data-toggle=signature]').signature()
})
```
That's is!

You can optionally pass an options object, which is passed through to the signature_pad constructor. [See here for documentation](https://github.com/szimek/signature_pad#options). For example:
```javascript
$('[data-toggle=signature]').signature({
  penColor: 'blue'
})
```

## How it works

Internally, the plugin creates a new instance of signature_pad and the input field is hidden. Then, when you submit the form you put DOM element in, the point data is read from the canvas (using `signaturePad.toData()`) and inserted into the input element as a JSON encoded string.
npm package: @seracio/apollo-client-helper
Description: A tiny helper we use on top of [apollo-client](https://github.com/apollographql/apollo-client)
Author: nicolasmondon
Latest version: 1.0.1

# apollo-client-helper

A tiny helper we use on top of [apollo-client](https://github.com/apollographql/apollo-client)

## Usage

```
yarn add apollo-client@beta apollo-cache-inmemory@beta apollo-link-http@beta @seracio/apollo-client-helper
```

```javascript
import ApolloHelper from '@seracio/apollo-client-helper';

(async function main(){
  
  // the constructor take a string url as param
  const myHelper = new ApolloHelper('https://myendpoint.com');
    
  // then you can use queries
  const myResult = await myHelper.getQuery(query, variables);
  
  // or mutations
  const myMutation = await myHelper.getMutation(mutation, variables);
}());
```
  
## License
  
MIT License

Copyright (c) 2017 serac.io

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @seracio/brief
Description: A set of React components to make charts rapidly
Latest version: 0.2.5

# brief

A React library to quickly make charts

## Usage

```jsx
import { xy } from '@seracio/brief';

render(
    <xy.Chart data={data} x={_.get('x')} y={_.get('y')}>
        <xy.Dot size={d => 2 + Math.random() * 20} />
        <xy.Axis />
    </xy.Chart>,
    document.querySelector('#root')
);
```

## Resources

-   [React / typescript cheatsheet](https://github.com/sw-yx/react-typescript-cheatsheet)
-   [defaultProps support with typescript@3.x](https://blogs.msdn.microsoft.com/typescript/2018/07/30/announcing-typescript-3-0/#default-props-support)
-   [when to use context](https://reactjs.org/docs/context.html#when-to-use-context)

## Similar projets

-   [victory](https://github.com/FormidableLabs/victory)
-   [Uber's react-vis](https://github.com/uber/react-vis)
-   [vx](https://github.com/hshoff/vx)
-   [Semiotic](https://emeeks.github.io/semiotic/#/)
npm package: @seracio/dthree
Description: [![Build Status](https://travis-ci.org/seracio/dthree.svg?branch=master)](https://travis-ci.org/seracio/dthree)
Author: nmondon
Latest version: 1.1.0

# dthree

[![Build Status](https://travis-ci.org/seracio/dthree.svg?branch=master)](https://travis-ci.org/seracio/dthree)

`dthree` is a small helper inspired by [d3] selection module for data join. 
It splits a selection (populated by an `Iterable) into 3 distinct arrays : `enter`, `update` and `exit`.
Unlike its [d3] counterpart, it doesn't bind the data to the DOM and solely return the arrays. 
We use it when doing datavis in WebGL.
    
## Install

```
yarn add @seracio/dthree
```

## Usage

```javascript
import dthree from '@seracio/dthree';

// create a new selection
const mySelection = dthree.selectAll('myNamespace');

// bind data
mySelection.data([0,1,2,3]);
assert.deepEqual(mySelection.enter(), [0,1,2,3]);
assert.deepEqual(mySelection.update(), []);
assert.deepEqual(mySelection.exit(), []);

// re-bind data
mySelection.data([0,1,2]);
assert.deepEqual(mySelection.enter(), []);
assert.deepEqual(mySelection.update(), [0,1,2]);
assert.deepEqual(mySelection.exit(), [3]);`
 
// use a getKey function to bind data (we use index by default)
mySelection.data([0,1,2], (value, index) => `${value}_${index}`);
```

## API

### dthree

* **dthree.selectAll(namespace: string): Selection**
 
Create or get a selection
  
### Selection

* **selection.data(data: Iterable<any>, getKey: ?(value, index) => string): Selection**
  
Update data, if getKey is not provided, we'll use the array indexes as key
 
* **selection.enter(): Array<any>**
  
Returns the newly created data 

* **selection.update(): Array<any>**
  
Returns the newly updated data 

* **selection.exit(): Array<any>**
  
Returns the newly removed data 

* **selection.all(): Array<any>**
  
Returns the `enter` + `update` data 

[d3]: https://d3js.org

## License

MIT License

Copyright (c) 2017 serac.io

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @seracio/foot-l1-calculations
Description: A set of calculation functions used in our projects for Ligue 1 data
Author: nmondon
Latest version: 3.0.5

# foot-l1-calculations
A set of calculation functions used in our projects for Ligue 1 data

## Usage

```bash
yarn add lodash @seracio/foot-l1-calculations
```

```javascript
import {getRankings} from '@seracio/foot-l1-calculations';

const rankings = getRankings(teams, matches);
```

## API

```javascript
type Ranking = {
    [id: string]: {
        rank: number,
        bp: number,
        bc: number,
        pts: number
    }
}

type Score = [number, number];
```

* `getRankings`: returns an array of rankings for each weeks found in given matches

```javascript
getRankings(teams: Array<Team>, matches: Array<Matches>): Array<Ranking>
```

* `getPointsByMatchAndTeam`: returns the num of points won for the given team Id in the given match

```javascript
getPointsByMatchAndTeam(match: Match, teamId: string): number
```

* `getExpectedPointValue`: returns the expected value of a given goal 

```javascript
getExpectedPointValue(minute: number,scoreBefore: Score, isHome: boolean): number
```

* `getExpectedResult`: returns the probability of v, n, d for a given team

```javascript
getExpectedResult(minute: number, score: Score, isHome: boolean): [v: number, n: number, d: number];
```

## Development

* Tests

```bash
yarn test 
yarn test -- --watch
```

* release a new version

```bash
yarn build
git commit -am 'new version'
npm version patch | major | minor
git push 
git push --tags
npm publish --access=public
```

## License

MIT License

Copyright (c) 2017 serac.io

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
npm package: @seracio/fulgur
Description: An esoteric vis library
Latest version: 4.2.0

# fulgur ⚡️

> vis library

## Install

```
yarn add react react-dom d3 @seracio/fulgur
```

## Principles

-   at the top of d3 & React
-   vectorized elements
-   declarative (jsx)
-   inherited props via the React context
-   server side rendering