open-index/open-npm huggingface dataset:
npm package: @nody-org/logger
Description: All-in-one, production-ready logger
Latest version: 1.4.0


<center><h1>Nody Logger</h1></center>

## Description
All-in-one, production-ready logger

## How to install
```bash
// to install with yarn
yarn add @nody-org/logger

// to install with npm
npm install @nody-org/logger
```


## How to use

```typescript
import { Logger, ConsoleIntegration } from '@nody-org/logger'

const logger = new Logger()

// add your chosen integrations
logger.addIntegration(new ConsoleIntegration({
    level: 'debug',
}));

// this context is always added to the logs meta
logger.setContext({
    appName: '{{appName}}',
    sessionId: '{{sessionId}}'
});

logger.debug('==> your message', {
    anyKey: 'any-value',
});
```

Feel free to collaborate!
npm package: @noe-p/pwd-generator
Description: Utility package to generate a random password with a given length
Author: Noé PHILIPPE, Dorian LONGÉPÉE, Florian LE SAINT
Latest version: 1.0.2

# Générateur de Mot de Passe

Ce package npm fournit une fonction simple pour générer des mots de passe aléatoires avec des caractères alphabétiques, numériques et spéciaux.

## Installation

Pour installer ce package, utilisez la commande suivante :

```bash
npm i @noe-p/pwd-generator
```

## Utilisation

```js
const generatePassword = require('@noe-p/pwd-generator');

// Générer un mot de passe de 12 caractères
const password = generatePassword(12);
console.log(password); // Exemple de sortie : "A3b!eF7@zP1&
```

## Contributions

Les contributions sont les bienvenues ! Pour toute suggestion, problème ou demande de fonctionnalité, veuillez ouvrir une issue ou envoyer une pull request.

## Licence

Ce package est sous licence [MIT](https://choosealicense.com/licenses/mit/).
npm package: @noe-p/react-buttons-components
Description: ```jsx yarn add @noe-p/react-buttons-components ``` # ToggleButtons
Author: Noé PHILIPPE
Latest version: 2.7.9

# Installation

```jsx
yarn add @noe-p/react-buttons-components
```
# ToggleButtons

## Usage

```jsx
import { ToggleMenuButton } from '@noe-p/react-buttons-components';
import { useState } from 'react';

export function Button(): JSX.Element {
  const [isOpen, setIsOpen] = useState(false);
  return <ToggleMenuButton isMenuOpen={isOpen} onClick={() => setIsOpen(!isOpen)} />;
}
```

---

## ToggleMenuButton

![](https://github.com/Noe-p/gif-server/blob/main/ToggleMenuButtonComponent.gif?raw=true)


**Required Props**

| Props | Type | Description |
| --- | --- | --- |
| isMenuOpen | boolean | Boolean to change button state |
| onClick | function(value: boolean) | Function to change button state |

**Optional Props**

| Props | Default | Type | Description |
| --- | --- | --- | --- |
| colorOpen | black | string | Bar colors when the menu is open |
| colorClose | black | string | Bar colors when the menu is close |
| width | 40 | number | Width and height (it’s a square) of the component (px) |
| spaceBetweenBars | 35% | string | Space between the two bars (%) |
| barThickness | 3 | number | Bar thickness (px) |
| animationDuration | 0.3s | string | Animation duration |
| mobileWidth | 30 | number | Mobile width and height (it’s a square) of the component (px) |
| mobileBarThickness | 2 | number | Mobile bar thickness (px) |
| styled | none | CSS | Custom style |

---

## ToggleTextButton

![](https://github.com/Noe-p/gif-server/blob/main/ToggleTextComponent.gif?raw=true)

**Required Props**

| Props | Type | Description |
| --- | --- | --- |
| isMenuOpen | boolean | Boolean to change button state |
| onClick | function() | Function to change button state |

**Optional Props**

| Props | Default | Type | Description |
| --- | --- | --- | --- |
| textOpen | Menu | string | Text when the menu is close |
| textClose | Close | string | Text when the menu is open |
| animationSpeed | 0.2 | number | animation speed between character (seconds) |
| animationOpacity | 50% | string | character opacity dureing animaiton |
| fontSize | 25px | string | Font Size |
| fontFamily | serif | string | Font Family |
| closeColor | black | string | Text color nwhen the menu is open |
| openColor | black | string | Text color nwhen the menu is close |
| animationTranslation | 100% | string | Text animation translation |
| mobileFontSize | 20px | string | Font Size on Mobile |
| style | none | CSS Style | Custom css style |
npm package: @noe-p/react-menus-components
Description: ## FullScreenMenu
Author: Noé PHILIPPE
Latest version: 3.0.5

# React Menus Components

## FullScreenMenu

![](https://github.com/Noe-p/gif-server/blob/main/FullScreenReactComponent.gif?raw=true)

### Installation

```jsx
yarn add @noe-p/react-menus-components
```

### Usage

```jsx
import { FullScreenMenu LinkMenuType } from '@noe-p/react-menus-components';
import { useState } from 'react';
import styled from 'styled-components';

export function Navigation(): JSX.Element {
  const [isMenuOpen, setIsMenuOpen] = useState(false);
  const linksList: LinkMenuType[] = [
    {
      label: 'Home',
      image: '/images/home-cinema.png',
      route: '/',
    },
    {
      label: 'City Garden',
      image: '/images/salon.png',
      route: '/city-garden',
    },
    { label: 'About', image: '/images/home-cinema.png', route: '/about' },
    { label: 'Contact', image: '/images/salon.png', route: '/contact' },
  ];

  return (
    <>
      <NavBarStyled>
        <a href='/'>{'Menu'}</a>
        <a onClick={() => setIsMenuOpen(!isMenuOpen)}>{'Toggle Menu'}</a>
      </NavBarStyled>
      <FullScreenMenu
        backgroundColor={'rgb(43, 58, 103)'}
        transparentBackgroundColor={'rgba(43, 58, 103, 0.5)'}
        linksList={linksList}
        isMenuOpen={isMenuOpen}
        setIsMenuOpen={setIsMenuOpen}
      />
    </>
  );
}

const NavBarStyled = styled.div`
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  padding-inline: 5%;
  width: 90vw;
  height: 100px;
  z-index: 100000;
  
    color: black;
    text-decoration: none;
    font-size: 25px;

    &:hover {
      cursor: pointer;
    }
  }
`;
```

### R**equired** Props

| Props | Type | Description |
| --- | --- | --- |
| isMenuOpen | boolean | Boolean to open the menu |
| setIsMenuOpen | function(value: boolean) | function for close the menu |
| linksList | LinkMenuType[] | List of links {label, image, route} |

### Optional Props

| Props | Default | Type | Description |
| --- | --- | --- | --- |
| titleAnimationSpeed | 0.4 | number | Title animation duration (seconds) |
| openModalAnimationDuration | 0.7 | number | Menu animation duration (seconds) |
| titleAnimationDelay | 0.4 | number | Title animation delay (seconds) |
| horizontalSlide | 100 | number | Link heights (px) at the start of the animation (can have a negative value) |
| backgroundZoom | 1.05 | number | Zoom on the image when the mouse is over a link (ratio, 1 = no zoom) |
| backgroundColor | black | string | Menu background color |
| transparentBackgroundColor | rgba(0,0,0,0.5) | string | Image filter color  |
| titleColor | white | string | Title color |
| titleFontSize | 90px | string | Title font size |
| titleFontfamily | serif | string | Title font family  |
| titleMobileFontSize | 13vw | string | Title smartphone font size |
| isMenuRounded | true | boolean | Rounded border bottom menu during animation |
| styled | none | CSS | Custom style |
npm package: @noe132/eslint-config
Description: eslint config with typescript and react/vue
Author: noe132
Latest version: 0.0.1

# eslint-config
presets for eslint with typescript and react/vue3

## usage

```js
// base config, js and typescript
// .eslintrc.js
module.exports = {
  'extends': [
    '@noe132/eslint-config',
  ],
}
```

```js
// base and react
// .eslintrc.js
module.exports = {
  'extends': [
    '@noe132/eslint-config/react',
  ],
}
```


```js
// base and vue3
// .eslintrc.js
module.exports = {
  'extends': [
    '@noe132/eslint-config/vue3',
  ],
}
```
npm package: @noe132/qr-image
Description: QR Code generator svg only
Author: Alexey Ten
Latest version: 3.2.1

qr-image (svg only modify)
========

[![npm version](https://badge.fury.io/js/qr-image.svg)](https://badge.fury.io/js/qr-image)

This is yet another QR Code generator.

Overview
--------

  * No dependecies;
  * generate image in `png`, `svg`, `eps` and `pdf` formats;
  * numeric and alphanumeric modes;
  * support UTF-8.

[Releases](https://github.com/alexeyten/qr-image/releases/)


Installing
-----

```shell
npm install qr-image
```

Usage
-----

Example:
```javascript
var qr = require('qr-image');

var qr_svg = qr.image('I love QR!', { type: 'svg' });
qr_svg.pipe(require('fs').createWriteStream('i_love_qr.svg'));

var svg_string = qr.imageSync('I love QR!', { type: 'svg' });
```

Example For generate images in client side:
```javascript in your app.js
var qr = require('qr-image');
router.get('/qr', function(){
  var code = qr.image('http://www.google.com', { type: 'png' });
  res.setHeader('Content-type', 'image/png');  //sent qr image to client side
  code.pipe(res);
});
```
then in the html files:
```
<img src="/qr" alt="qrcode">
```

[More examples](./examples)

`qr = require('qr-image')`

### Methods

  * `qr.image(text, [ec_level | options])` — Readable stream with image data;
  * `qr.imageSync(text, [ec_level | options])` — string with image data. (Buffer for `png`);
  * `qr.svgObject(text, [ec_level | options])` — object with SVG path and size;
  * `qr.matrix(text, [ec_level])` — 2D array of booleans. __Y__ is indexed first (e.g. `[y][x]` NOT `[x][y]`), `[0][0]` is the top left, and `true` means black.


### Options

  * `text` — text to encode;
  * `ec_level` — error correction level. One of `L`, `M`, `Q`, `H`. Default `M`.
  * `options` — image options object:
    * `ec_level` — default `M`.
    * `type` — image type. Possible values `png` (default), `svg`, `pdf` and `eps`.
    * `size` (png and svg only) — size of one module in pixels. Default `5` for png and `undefined` for svg.
    * `margin` — white space around QR image in modules. Default `4` for `png` and `1` for others.
    * `customize` (only png) — function to customize qr bitmap before encoding to PNG.
    * `parse_url` (experimental, default `false`) — try to optimize QR-code for URLs.

Changes
-------

  * Use `zlib.deflateSync` instead of `pako`.
  * Fix deprecation warning for NodeJS 7.


TODO
----

  * Tests;
  * mixing modes;
  * Kanji (???).