open-index/open-npm huggingface dataset:
npm package: @mathias/benchmark.js-wrapper-jsperf
Description: The special jsPerf-specific build of Benchmark.js.
Author: Mathias Bynens
Latest version: 1.0.4

# Benchmark.js wrapper for jsPerf [![Build status](https://travis-ci.org/jsperf/benchmark.js-wrapper.svg)](https://travis-ci.org/jsperf/benchmark.js-wrapper)

This repository hosts scripts that generate the special jsPerf-specific build of Benchmark.js.

Demo / test page: <https://jsperf.github.io/benchmark.js-wrapper/>

## Why does jsPerf need a special build?

On jsPerf, we want to avoid creating global variables for Benchmark.js’s dependencies such as `_` and `platform`, since they might interfere with people’s tests otherwise.

Additionally, there are some jsPerf-specific settings that are not hardcoded in the distributed versions of Benchmark.js and its jsPerf UI plugin.
npm package: @mathiasarens/fints
Description: FinTS client library with psd2 support
Author: Frederick Gnodtke
Latest version: 0.5.1

# fints

[![npm](https://img.shields.io/npm/v/fints.svg)](https://www.npmjs.com/package/fints)
[![pipeline status](https://gitlab.com/prior99/fints/badges/master/pipeline.svg)](https://github.com/Prior99/fints)
[![coverage report](https://gitlab.com/prior99/fints/badges/master/coverage.svg)](https://github.com/Prior99/fints)

A client library for communicating with [FinTS servers](https://www.hbci-zka.de/).

## Example

```typescript
import { PinTanClient } from "fints";

const startDate = new Date("2018-08-10T12:00:00Z");
const endDate = new Date("2018-10-10T12:00:00Z");

const client = new PinTanClient({
    url: "https://example.com/fints",
    name: "username",
    pin: 12345,
    blz: 12345678,
});

const accounts = await client.accounts();
console.info(accounts); // List of all accounts.

const statements = await client.statements(accounts[0], startDate, endDate);
console.info(statements); // List of all statements with transactions in specified date range.
```

[Further code examples](README_advanced_usage.md)

## Features

- Load list of accounts.
- Load list of statements and transactions in specified range.
- Parse statement [MT940](https://en.wikipedia.org/wiki/MT940) format.
- Parse transaction descriptions.
- Extract [reference tags](https://www.dzbank.de/content/dam/dzbank_de/de/home/produkte_services/Firmenkunden/PDF-Dokumente/transaction%20banking/elektronicBanking/SEPA-Belegungsregeln_MT940-DK_082016.~644b217ec96b35dfffcaf18dc2df800a.pdf) from transactions.
- List supported TAN methods.
- Parse basic metadata.

## Missing

- Get current balance.
- List holdings.
- Initiate any kind of SEPA transfers or debits.

## Resources

- [API Reference](https://prior99.gitlab.io/fints)
- [Official specification](https://www.hbci-zka.de/spec/3_0.htm)
- [Database of banks with their URLs](https://github.com/jhermsmeier/fints-institute-db)
npm package: @mathiasgheno/create-password
Description: Easy password generator on top of NPM
Author: Mathias Gheno
Latest version: 0.0.5

# Create Password

Zero-config password generator on top of NPM. Just open your terminal, text and it's done. 

## How to Use 

With you are using NPM v7+

```shell
npm create @mathiasgheno/password
```

...Or with your using NPM 6 and bellow.

```shell
npm create password
```

By default, the CLI will give you three option with pre-config options: Strong, Medium and Weak.
npm package: @mathiasgredal/liblectio
Description: A library to programmaticly interface with lectio
Author: Mathias Gredal
Latest version: 0.0.17

# Liblectio 
This project is very much WIP and should not be used in a project to any extent, however feel free to submit pull requests and issues.

![Github Actions Status](https://github.com/mathiasgredal/liblectio/workflows/publish/badge.svg)

## Opsætning
Sørg for at have nodejs og typescript installeret.
 - Download koden: `git clone https://github.com/mathiasgredal/liblectio.git` 
 - gå ind i mappen: `cd liblectio`
 - dupliker filen `.env.example` og giv den navnet `.env`, udfyld de tomme felter i filen med loginoplysninger og skolens id(kan findes i url'en på browseren)
 - Installer de tilhørende biblioteker til projektet: `npm install`
 - Nu kan koden kompileres ved at køre `tsc` og køres ved f.eks. at køre `node examples/skema.js`
 

Mangler readme indtil videre
npm package: @mathiasgruber/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 4.0.5

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: @mathieu-bour/erc721-revocable
Description: OpenZeppelin's ERC721 contract with an additional revocableMintTo which creates revocable ERC721 tokens.
Latest version: 0.0.1

# ERC721Revocable

![GitHub License](https://img.shields.io/github/license/mathieu-bour/erc721-revocable?style=for-the-badge)
![Codecov](https://img.shields.io/codecov/c/gh/mathieu-bour/erc721-revocable?style=for-the-badge&token=llXOqvsAmc)

OpenZeppelin's ERC721 contract with an additional revocableMintTo which creates revocable ERC721 tokens.

Demo version of the contract is available at [0xa98d37675aDd1c4B15942836Ecd210BedC48c058](https://mumbai.polygonscan.com/address/0xa98d37675aDd1c4B15942836Ecd210BedC48c058).

> Use case: allow new web3 users to mint NFTs without requiring them to own any cryptocurrency.

Basic flow:

1. User pays using a traditional credit card payment gateway (Stripe, Braintree, etc.).
2. Payment gateway sends a webhook to an OpenZeppelin Relay or similar service.
3. Relay mints the NFT for the user using the `ERC721Revocable.revocableMintTo` function.
4. Until the release date, the owner is allowed to burn the token using the `ERC721Revocable.revoke` if the user wins a
   dispute or if the card is fraudulent, etc.).

This example is configured to deploy on the Mumbai Polygon Testnet.
npm package: @mathieu-bour/prettier-config
Description: Mathieu Bour's Prettier configuration.
Author: Mathieu Bour <mathieu.tin.bour@gmail.ai> (https://github.com/mathieu-bour)
Latest version: 1.1.0

# `@mathieu-bour/prettier-config`

My personal Prettier configuration with additional plugin that I like/find interesting.
Originally based on [csquare-ai](https://github.com/csquare-ai)'s official [Prettier](https://prettier.io) configuration (that I wrote).

## Installation

```bash
npm install --dev @mathieu-bour/prettier-config
```

Then, ensure that your `package.json` file contains the entry:

```json
{
  "prettier": "@mathieu-bour/prettier-config"
}
```

## Plugins

In addition to the Prettier default rules, we also use the following plugins:

- [@trivago/prettier-plugin-sort-imports](https://github.com/trivago/prettier-plugin-sort-imports)
- [prettier-plugin-solidity](https://github.com/prettier-solidity/prettier-plugin-solidity)

## References

- [Prettier - Sharing configurations](https://prettier.io/docs/en/configuration.html#sharing-configurations)
npm package: @mathieuc/console
Description: Easy console colors
Author: Mathieu Colmon
Latest version: 1.0.1

# Console
  Better console :
  - Easy colors
  - Auto timestamp

![Alt text](/img/test.jpg "Test 1")

## Installation
  ```
  npm i @mathieuc/console
  ```

  Then:

  ```javascript
  require('@mathieuc/console')( // Just import the lib
    '§',  // Character you want to use (defaut: '§')
    true, // Active timestamp (defaut: false)
    CORR, // Custom timestamp correction in milliseconds (defaut: 0)
    '94', // Custom timestamp color (defaut: '94' => Light blue)
  );

  // Then you can use

  console.log(...);
  console.info(...);
  console.warn(...);
  console.error(...);

  // Bonus: To calculate the necessary CORR, you can use 'Date().getTimezoneOffset()'
  // CORR = parseInt(new Date().getTimezoneOffset() * 60 + 7200, 10) * 1000
  ```

## Console colors
  This lib allows you to use any character as an alias to `\x1b[Xm`.

### Example
  If you use '§' as alias,
  ```javascript
  console.log('\x1b[31mRed \x1b[32mGreen \x1b[33mYellow');
  ```
  becomes
  ```javascript
  console.log('§31Red $32Green §33Yellow');
  ```

There are two parameters (digits) :
  - First is type: it can be 3, 4, 9, 10 or nothing
  - Second is color, between 0 and 7

### Types :
- **`X`**: Formatting
    - **`0`**: Reset
    - **`1`**: **Bold**
    - **`3`**: *Italic*
    - **`7`**: Reverse
    - **`8`**: Hidden
- **`3X`**: Colors
- **`4X`**: Background
- **`9X`** : Colors (light)
- **`10X`**: Background (light)

### Colors : (*3X, 4X, 9X, 10X*)
- **`0`**: ![Black](https://via.placeholder.com/10/000/?text=+) Black
- **`1`**: ![color](https://via.placeholder.com/10/f00/?text=+) Red
- **`2`**: ![color](https://via.placeholder.com/10/0f0/?text=+) Green
- **`3`**: ![color](https://via.placeholder.com/10/ff0/?text=+) Yellow
- **`4`**: ![color](https://via.placeholder.com/10/00f/?text=+) Blue
- **`5`**: ![color](https://via.placeholder.com/10/f0f/?text=+) Magenta
- **`6`**: ![color](https://via.placeholder.com/10/0ff/?text=+) Cyan
- **`7`**: ![color](https://via.placeholder.com/10/fff/?text=+) White

### Combinations
  If you use `§` as alias, you can combine formatting with font color and background color.
  - `§3§44§30` => Italic (`§3`) + Black font (`§30`) + Blue background (`§44`)
  - `§3§104§30` => Italic (`§3`) + Black font (`§30`) + Light blue background (`§104`)

  ![Alt text](/img/test2.jpg "Test 1")

## Problems
 If you have errors in console or unwanted behavior, just reload the page.
 If the problem persists, please create an issue [here](https://github.com/Mathieu2301/Console/issues).
npm package: @mathieucaroff/colorstrip
Description: Web display of crossing, moving bands of color
Author: Mathieu CAROFF
Latest version: 1.0.2

# colorstrip

Web display of crossing, moving bands of color

## Usage

`npm install --save @mathieucaroff/colorstrip`

OR

`yarn add @mathieucaroff/colorstrip`

then:

```ts
let canvas = document.querySelector("canvas")

let strip = createColorStrip(canvas, {
    diversityRatio: 0.25,
    radiusFactor: 1,
    secondaryRadiusFactor: 1,
    speedFactor: 1,
    paletteSeed: Math.floor(Math.random() * 2 ** 32),
    stripCircleSeed: Math.floor(Math.random() * 2 ** 32),
    stripCount: 10,
    theme: "pastelle",
})

// strip.draw(0)
strip.play()
```

## Developement

### Setup

```sh
yarn install
```

### Running it in development mode

```sh
yarn dev
```

### Build

```sh
yarn build
```
npm package: @mathieudutour/babel-preset-gatsby
Description: Gatsby uses the phenomenal project [Babel](https://babeljs.io/) to enable support for writing modern JavaScript — while still supporting older browsers. This package contains the default Babel setup for all Gatsby projects.
Author: Philipp Spiess
Latest version: 0.1.9

# babel-preset-gatsby

Gatsby uses the phenomenal project [Babel](https://babeljs.io/) to enable support for writing modern JavaScript — while still supporting older browsers. This package contains the default Babel setup for all Gatsby projects.

For more information on how to customize the Babel configuration of your Gatsby site, check out [our documentation](https://www.gatsbyjs.org/docs/babel/).

## Packages

- [`@babel/preset-env`](https://babeljs.io/docs/en/babel-preset-env)
- [`@babel/preset-react`](https://babeljs.io/docs/en/babel-preset-react)
- [`@babel/plugin-proposal-class-properties`](https://babeljs.io/docs/en/babel-plugin-proposal-class-properties)
- [`@babel/plugin-syntax-dynamic-import`](https://babeljs.io/docs/en/babel-plugin-syntax-dynamic-import)
- [`@babel/plugin-transform-runtime`](https://babeljs.io/docs/en/babel-plugin-transform-runtime#docsNav)
- [`babel-plugin-macros`](https://github.com/kentcdodds/babel-plugin-macros)

## Usage

Install `babel-preset-gatsby` and add a `.babelrc` file with the following content to the root of your project:

```bash
npm install --dev babel-preset-gatsby
```

```json
{
  "presets": ["babel-preset-gatsby"]
}
```

## Options

### `targets`

`{ [string]: number | string }`, defaults to `{ "browsers": ["last 4 versions", "safari >= 7", "ie >= 9"] }` in production and `{ "browsers": ["last 2 versions", "not ie <= 11", "not android 4.4.3"] }` in development when targeting the browser and `{ "node": 6 }` in production and `{ "node": "current" }` in development when targeting Node.js.

Use this option to configure [custom target browsers](https://www.gatsbyjs.org/docs/babel/).

### `cachePath`

`string`, defaults to `path.join(process.cwd(), '.cache')`.

Use this option to configure cache location.
npm package: @mathieudutour/prodo-gatsby-plugin
Description: Gatsby plugin to add support for prodo
Latest version: 0.0.5

# @prodo/gatsby-plugin

A [Gatsby](https://github.com/gatsbyjs/gatsby) plugin for
[Prodo](https://github.com/prodo-ai/prodo) with
built-in server-side rendering support.

## Install

`npm install --save @prodo/core @prodo/babel-plugin @prodo/gatsby-plugin`

## How to use

Edit `gatsby-config.js`

```javascript
const path = require(`path`);

module.exports = {
  plugins: [
    {
      resolve: `@prodo/gatsby-plugin`,
      options: {
        model: path.join(__dirname, `path/to/model.ts`), // absolute path to the model
        exportName: `model`, // optional name of the model export
        storeConfig: {
          // initial store configuration
          initState: {
            loadingUser: false,
          },
          initLocal: {
            user: null,
          },
        },
      },
    },
  ],
};
```

# Options

- `model` - String _required_: Absolute path to the file containing the Prodo model
- `exportName` - String _optional_: Name of the model export. Defaults to `model`. If the model is the default export, use `default`.
- `storeConfig` - Any: Object passed as an argument to `model.createStore()`.
npm package: @mathieudutour/pwinty
Description: A Node.JS wrapper for the Pwinty API
Author: Mathieu Dutour
Latest version: 0.1.0

# pwinty

_A modern Node.js wrapper for the [Pwinty](http://pwinty.com) [API](https://pwinty.com/api/). Typescript definitions included._

## Installation

```bash
npm install @mathieudutour/pwinty
```

## Usage

Sign up to Pwinty and note the MerchantID and API key you received when signing up.

```js
import Pwinty, { ShippingMethod } from '@mathieudutour/pwinty'

const pwinty = new Pwinty({
  merchantId: String, // defaults to process.env.PWINTY_MERCHANT_ID
  apiKey: String, // defaults to process.env.PWINTY_API_KEY
  baseApiEndpoint: String, // defaults to `https://api.pwinty.com/v3.0` if process.env.NODE_ENV === 'production', `https://sandbox.pwinty.com/v3.0` otherwise
})
```

Then access the Pwinty endpoints:

```js
pwinty.orders
  .create({
    recipientName: '',
    addressTownOrCity: 'Lyon',
    countryCode: 'FR',
    preferredShippingMethod: ShippingMethod.Standard,
  })
  .then(order => {
    // todo
  })
  .catch(err => {
    // todo
  })
```

See the [typescript definitions](https://github.com/mathieudutour/pwinty-api/blob/master/src/index.ts#L300-L326) for an overview of the methods available.

## License

MIT
npm package: @mathieumagalhaes/eslint-config
Description: Personal and opinionated eslint config
Author: Mathieu Magalhaes
Latest version: 0.0.14

# @mathieumagalhaes/eslint-config

Personal (Mathieu Magalhaes) ESLint configuration.
Made to be used with [@antfu/eslint-config](https://github.com/antfu/eslint-config).

## Usage
Remove anything eslint related, including plugins etc.<br>
Then install:

### pnpm
```bash
pnpm install -D @mathieumagalhaes/eslint-config @antfu/eslint-config eslint jiti
```

### yarn
```bash
yarn install -D @mathieumagalhaes/eslint-config @antfu/eslint-config eslint jiti
```

### npm
```bash
npm install -D @mathieumagalhaes/eslint-config @antfu/eslint-config eslint jiti
```

## Minimal setup
```js
// eslint.config.ts or eslint.config.mjs
import { resolve } from 'node:path'
import antfu from '@antfu/eslint-config'
import mathieumagalhaes from '@mathieumagalhaes/eslint-config'

export default antfu(mathieumagalhaes({
  type: 'app',
  typescript: true,

  srcFolder: resolve(import.meta.dirname, './src'), // default: ./src
  preferAtPrefixImportsRules: true, // default: false
}))
```

## Full setup:
```js
// eslint.config.ts or eslint.config.mjs
import { resolve } from 'node:path'
import antfu from '@antfu/eslint-config'
import mathieumagalhaes from '@mathieumagalhaes/eslint-config'

export default antfu(mathieumagalhaes({
  // Check out @antfu/eslint-config for other options!
  type: 'app',
  vue: true,
  typescript: true,

  ignore: [],

  // If true, skips setting default sensable paths/files to ignore for eslint.
  // This gives you full control over files that are being ignored.
  doNotSetDefaultIgnores: false, // default: false

  srcFolder: resolve(import.meta.dirname, './src'), // default: ./src
  preferAtPrefixImportsRules: true, // default: false

  aliasesTypesRelated: [], // default: []       --  Used in perfectionist/sort-imports preference
  aliasesAppRelated: [], // default: []         --  Used in perfectionist/sort-imports preference
  aliasesLayoutRelated: [], // default: []      --  Used in perfectionist/sort-imports preference
  aliasesComponentsRelated: [], // default: []  --  Used in perfectionist/sort-imports preference
  aliasesConstantsRelated: [], // default: []   --  Used in perfectionist/sort-imports preference
  aliasesFunctionsRelated: [], // default: []   --  Used in perfectionist/sort-imports preference

  rules: {
    // You can disable/overwrite any rule.
    // Example for disabling my preference around perfectionist/sort-imports.
    'perfectionist/sort-imports': 'off',
  }
}))
```
___

Modify as needed ofcourse.<br>

Custom configuration options of this library are:
- doNotSetDefaultIgnores
- srcFolder
- preferAtPrefixImportsRules
- aliasesTypesRelated
- aliasesAppRelated
- aliasesLayoutRelated
- aliasesComponentsRelated
- aliasesConstantsRelated
- aliasesFunctionsRelated

<br>

Please check out [@antfu/eslint-config](https://github.com/antfu/eslint-config) for the list of all other passable configuration options.
npm package: @mathieumaingret/responsive-table
Description: Enable responsive layout on html tables elements
Author: Mathieu MAINGRET
Latest version: 1.0.3

# Responsive Table

Enable responsive layout on html tables elements

## Requirements

This script requires

  - [jQuery] >= 1.7.0
  - https://github.com/kevinbaubet/devicedetect deviceDetect library to check current device and formats

## Installation

```
<link rel="stylesheet" href="../dist/responsive-table.min.css?v=0.1" media="all" />
<script src="../dist/responsive-table.min.js?v=0.1"></script>
```

## Use

```
// DeviceDetect library instance
var deviceDetect = new $.DeviceDetect();
var deviceDetectDevices = deviceDetect.getDevices();

// Mandatory options
var options = {
    deviceDetect: deviceDetect,
    devices: deviceDetectDevices
};

// Init
$('#content table').responsiveTable(options);
```

## Options

| Key (* is mandatory) | Description | Default value | Examples
|---|---|---|---|
| `deviceDetect` * | *Library instance, using the onResize() method for instance* | undefined |  |
| `devices` * | *(object) Indicate for each available device the current one* | {} | {desktop: true, mobile: false,  tablet: false} |
| `breakpoint` | *(string) On which deviceDetect device the responsive layout can be applied* | mobile |  |
| `reloadOnResize` | *(bool) On window resize, check current device again* | true |
| `allowFallbackOnFirstRow` | *(bool) If no \<thead\> or \<th\> tags are founded for each tables, the first \<tr\> row will be used to get the table labels* | true |
| `labelsDisplay` | *(string) Layout to be applied. By default, 'inline' or 'block' are available* | inline | inline / block |
| `classes` | *(object) HTML classes applied on the \<table\> element* | See below | |

#### HTML Classes option

```
classes: {
    prefix: 'responsive-table',
    initialized: 'is-initialized',
    hasLabels: 'is-label',
    cellWrapper: 'cell-wrapper'
}
```

#### Custom Layout

The `labelsDisplay` simply adds an HTML class, so you can apply whatever you want, as long as you manage this layout in your css declarations.
npm package: @mathieumg/draft-js-mention-plugin
Description: Mention Plugin for DraftJS
Author: Nik Graf
Latest version: 2.0.0-rc6

# DraftJS Mention Plugin

*This is a plugin for the `draft-js-plugins-editor`.*

This plugin allows you to add mentions to your editor!

Usage:

```js
import createMentionPlugin from 'draft-js-mention-plugin';

const mentionPlugin = createMentionPlugin({ mentions });
```

## Importing the default styles

The plugin ships with a default styling available at this location in the installed package:
`node_modules/draft-js-mention-plugin/lib/plugin.css`.

### Webpack Usage
Follow the steps below to import the css file by using Webpack's `style-loader` and `css-loader`.

1. Install Webpack loaders: `npm install style-loader css-loader --save-dev`
2. Add the below section to Webpack config (if your Webpack already has loaders array, simply add the below loader object(`{test:foo, loaders:bar[]}`) as an item in the array).

    ```js
    module: {
      loaders: [{
        test: /\.css$/,
        loaders: [
          'style', 'css'
        ]
      }]
    }
    ```

3. Add the below import line to your component to tell Webpack to inject style to your component.

    ```js
    import 'draft-js-mention-plugin/lib/plugin.css';
    ```
4. Restart Webpack.

### Browserify Usage

TODO: PR welcome